#header-component .menu-list__submenu:has(.visual-mega-menu),#header-component .mega-menu__grid:has(.visual-mega-menu){width:100%}#header-component .menu-list__submenu:has(.visual-mega-menu){--visual-menu-page-offset: var(--page-margin);--visual-menu-split: calc( var(--visual-menu-page-offset) + var(--visual-menu-sidebar-width, 200px) );--submenu-gap: 0px;--submenu-clip-top: var(--header-height);top:calc(100% + var(--border-bottom-width, 0px) - (var(--full-open-header-height) - var(--submenu-height)));background-image:linear-gradient(to right,var(--visual-menu-sidebar-background, var(--color-background)) 0 var(--visual-menu-split),var(--visual-menu-divider-color, var(--color-border)) var(--visual-menu-split) calc(var(--visual-menu-split) + 1px),var(--visual-menu-content-background, var(--color-background)) calc(var(--visual-menu-split) + 1px) 100%);background-repeat:no-repeat}#header-component .menu-list__submenu:has(.mega-menu.section--page-width .visual-mega-menu){--visual-menu-page-offset: max( var(--page-margin), calc((100% - min( var(--page-content-width), 100% - var(--page-margin) * 2 ))/2) )}#header-component .menu-list__submenu .mega-menu.section:has(.visual-mega-menu){width:100%;max-width:none;margin-inline:0;padding-inline:0}#header-component .mega-menu__grid:has(.visual-mega-menu){display:block;width:100%;max-width:none;padding-inline:0}#header-component .menu-list__submenu-inner:has(.visual-mega-menu){padding-block-start:0;padding-block-end:0}#header-component:has(.visual-mega-menu) .header__underlay-open:after{box-shadow:none}@media screen and (min-width:1024px)and (hover:hover){#header-component .menu-list__list-item:has(>.menu-list__submenu .visual-mega-menu)>.menu-list__trigger{position:relative}#header-component .menu-list__list-item:has(>.menu-list__submenu .visual-mega-menu)>.menu-list__trigger:after{content:"";position:absolute;inset-inline:0;top:100%;height:calc(var(--header-padding, 8px) + var(--border-bottom-width, 0px) + 10px);background:transparent;pointer-events:auto}}#header-component .menu-list__list-item:has(>.menu-list__submenu .visual-mega-menu):not(:has(>.menu-list__trigger>.menu-list__disclosure[aria-expanded=true]))>.menu-list__submenu{visibility:hidden!important;pointer-events:none!important;--submenu-content-opacity: 0}#header-component .menu-list__list-item:has(>.menu-list__submenu .visual-mega-menu):has(>.menu-list__trigger>.menu-list__disclosure[aria-expanded=true])>.menu-list__submenu{visibility:visible!important;pointer-events:auto;--submenu-content-opacity: 1}.visual-mega-menu{position:relative;isolation:isolate;display:block;width:100%;min-width:0;color:var(--visual-menu-content-text, var(--color-foreground));font-family:var(--font-body--family)}.visual-mega-menu__layout{--visual-menu-effective-sidebar-width: var(--visual-menu-sidebar-width, 200px);position:relative;isolation:isolate;display:grid;grid-template-columns:var(--visual-menu-effective-sidebar-width) minmax(0,1fr);min-height:330px}.visual-mega-menu__layout:before,.visual-mega-menu__layout:after{content:"";position:absolute;inset-block:0;z-index:0;pointer-events:none}.visual-mega-menu__layout:before{inset-inline-start:-100vw;inset-inline-end:calc(100% - var(--visual-menu-effective-sidebar-width));background:var(--visual-menu-sidebar-background, var(--color-background))}.visual-mega-menu__layout:after{inset-inline-start:var(--visual-menu-effective-sidebar-width);inset-inline-end:-100vw;background:var(--visual-menu-content-background, var(--color-background))}.visual-mega-menu__sidebar{position:relative;z-index:1;display:flex;min-width:0;align-self:stretch;flex-direction:column;align-items:stretch;padding:16px 18px 24px 0;border-inline-end:1px solid var(--visual-menu-divider-color, var(--color-border));background:var(--visual-menu-sidebar-background, var(--color-background));color:var(--visual-menu-sidebar-text, var(--color-foreground))}.visual-mega-menu__tab{position:relative;inset:auto;transform:none;display:grid;grid-template-columns:minmax(0,1fr) 16px;width:100%;min-height:42px;gap:10px;align-items:center;padding:10px;border-radius:var(--style-border-radius-buttons-secondary, 4px);color:var(--visual-menu-sidebar-text, var(--color-foreground));font-size:.77rem;font-weight:700;line-height:1.2;text-decoration:none;transition:background-color var(--animation-speed) var(--animation-easing)}.visual-mega-menu__tab:hover,.visual-mega-menu__tab:focus-visible,.visual-mega-menu__tab.is-active{background:color-mix(in srgb,var(--visual-menu-sidebar-text, var(--color-foreground)) 8%,var(--visual-menu-sidebar-background, var(--color-background)));color:var(--visual-menu-sidebar-text, var(--color-foreground))}.visual-mega-menu__tab svg{width:14px;height:14px;justify-self:end}.visual-mega-menu__content{position:relative;z-index:1;min-width:0;padding:18px 0 30px 28px;background:var(--visual-menu-content-background, var(--color-background));color:var(--visual-menu-content-text, var(--color-foreground))}.visual-mega-menu__panel{position:static;inset:auto;transform:none;display:none!important;min-width:0}.visual-mega-menu__panel.is-active:not([hidden]){display:block!important}.visual-mega-menu__panel[hidden]{display:none!important}.visual-mega-menu__grid{display:grid;grid-template-columns:repeat(var(--visual-menu-columns, 6),minmax(0,1fr));gap:22px 18px}.visual-mega-menu__grid--logos{grid-template-columns:repeat(var(--visual-menu-logo-columns, 7),minmax(0,1fr));gap:16px 18px}.visual-mega-menu__card{position:relative;inset:auto;transform:none;display:block;min-width:0;grid-column:auto;grid-row:auto;color:var(--visual-menu-content-text, var(--color-foreground));text-decoration:none}.visual-mega-menu__card .menu-visual-media{display:flex;width:100%;aspect-ratio:1 / .82;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--visual-menu-image-radius, 0);background:color-mix(in srgb,var(--visual-menu-content-text, var(--color-foreground)) 5%,var(--visual-menu-content-background, var(--color-background)))}.visual-mega-menu__card .menu-visual-media__image{display:block;width:100%;height:100%;object-fit:contain;transition:transform var(--animation-speed) var(--animation-easing)}.visual-mega-menu__card:hover .menu-visual-media__image{transform:scale(1.025)}.visual-mega-menu__card .menu-visual-media--logo{aspect-ratio:auto;height:54px;padding:8px 10px}.visual-mega-menu__card-title{display:block;margin-top:8px;color:var(--visual-menu-content-text, var(--color-foreground));font-size:.76rem;font-weight:650;line-height:1.32}.visual-mega-menu__direct-card{width:min(300px,100%)}.visual-mega-menu--two-level{position:relative;isolation:isolate;padding-block:18px 30px;background:var(--visual-menu-content-background, var(--color-background));color:var(--visual-menu-content-text, var(--color-foreground))}.visual-mega-menu--two-level:before{content:"";position:absolute;inset-block:0;inset-inline:-100vw;z-index:0;background:var(--visual-menu-content-background, var(--color-background));pointer-events:none}.visual-mega-menu--two-level .visual-mega-menu__grid{position:relative;z-index:1;grid-template-columns:repeat(var(--visual-menu-columns, 6),minmax(0,1fr))}.menu-visual-media__placeholder{width:34%;height:34%;color:color-mix(in srgb,var(--visual-menu-content-text, var(--color-foreground)) 62%,transparent)}@media screen and (max-width:1320px)and (min-width:1024px){.visual-mega-menu__layout{--visual-menu-effective-sidebar-width: min(180px, var(--visual-menu-sidebar-width, 200px))}.visual-mega-menu__grid,.visual-mega-menu--two-level .visual-mega-menu__grid{grid-template-columns:repeat(5,minmax(0,1fr))}.visual-mega-menu__grid--logos{grid-template-columns:repeat(6,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/visual-mega-menu.css.map */