#header-component{--cat-menu-max-width: 100%;--cat-menu-pad-start: 32px;--cat-menu-pad-end: 48px;--cat-menu-group-gap: 40px;--cat-menu-label-width: 160px;--cat-menu-label-gap: 40px;--cat-menu-label-size: 16px;--cat-menu-label-weight: 600;--cat-menu-cols: 4;--cat-menu-col-gap: 48px;--cat-menu-row-gap: 24px;--cat-menu-col-min: 176px;--cat-menu-icon-gap: 12px;--cat-menu-tracking: .08em;--cat-menu-grid-cols: repeat( auto-fit, minmax( max( var(--cat-menu-col-min), calc( (100% - var(--cat-menu-col-gap) * (var(--cat-menu-cols) - 1)) / var(--cat-menu-cols) ) ), 1fr ) )}#header-component .menu-list__submenu,#header-component .overflow-menu::part(overflow){--submenu-padding-block-start: var(--cat-menu-pad-start);--submenu-padding-block-end: var(--cat-menu-pad-end)}#header-component .menu-list__list-item:not([slot=overflow]):after{content:none}#header-component .mega-menu__list{--cat-icon-size: 20px;--cat-icon-gap: var(--cat-menu-icon-gap);row-gap:var(--cat-menu-group-gap)}#header-component .mega-menu__list>.mega-menu__column{grid-column:1 / -1;inline-size:min(100%,var(--cat-menu-max-width));margin-inline:auto}#header-component .mega-menu__list .mega-menu__link{letter-spacing:var(--cat-menu-tracking)}#header-component .mega-menu__list>.mega-menu__column:not(:has(ul))>div>.mega-menu__link,#header-component .mega-menu__list>.mega-menu__column>div>ul .mega-menu__link{padding-block:0;align-items:center}#header-component .mega-menu__list>.mega-menu__column:not(:has(ul)){display:grid;grid-template-columns:var(--cat-menu-grid-cols);gap:var(--cat-menu-row-gap) var(--cat-menu-col-gap);align-items:start}#header-component .mega-menu__list>.mega-menu__column:has(ul)>div{display:grid;grid-template-columns:var(--cat-menu-label-width) minmax(0,1fr);column-gap:var(--cat-menu-label-gap);align-items:start}#header-component .mega-menu__list>.mega-menu__column>div>.mega-menu__link--parent{padding-block:0;font-size:var(--cat-menu-label-size);font-weight:var(--cat-menu-label-weight);color:var(--color-foreground)}#header-component .mega-menu__list>.mega-menu__column>div>ul{display:grid;grid-template-columns:var(--cat-menu-grid-cols);gap:var(--cat-menu-row-gap) var(--cat-menu-col-gap);margin:0;padding:0;list-style:none}@media screen and (max-width:749px){#header-component .menu-drawer{--drawer-width: 100vw;--drawer-max-width: 100vw}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/category-menu-layout.css.map */