@media screen and (max-width: 1149px){.navigation-drawer[mobile-opening=left]::part(content){grid-template-rows:auto 1fr auto!important}.navigation-drawer[mobile-opening=left]::part(body){display:flex;flex-direction:column;min-height:0;overflow:hidden}.navigation-drawer[mobile-opening=left] .panel-list__wrapper{width:100%;flex:1}.navigation-drawer[mobile-opening=left] .panel__scroller{flex:1;min-height:0;overflow-y:auto}}@media screen and (max-width: 1149px){.navigation-drawer[mobile-opening=left]::part(header){padding:var(--spacing-4) var(--spacing-6);min-height:auto;display:flex;align-items:center;justify-content:space-between}.navigation-drawer[mobile-opening=left]::part(close-button){display:grid!important}}.navigation-header{flex:1;display:flex;align-items:center;position:relative}.navigation-header__title{font-weight:600;font-size:var(--text-base);color:rgb(var(--text-color));text-align:center;width:100%}.navigation-header__title--default{display:block}.navigation-header__title--default.hidden{display:none}.navigation-header__desktop-logo{display:none;align-items:center;justify-content:center;width:100%}@media screen and (min-width: 1150px){.navigation-header__desktop-logo{display:flex}}.navigation-header__desktop-back-link{display:none;align-items:center;gap:var(--spacing-2);background:none;border:none;padding:var(--spacing-2) var(--spacing-3) var(--spacing-2) 0;color:rgb(var(--text-color));font-weight:600;font-size:var(--text-lg);cursor:pointer}.navigation-drawer.direct-level-2-mode .navigation-header__desktop-back-link{display:flex!important}.navigation-drawer.direct-level-2-mode .navigation-header__logo-wrapper{display:none!important}.navigation-header__mobile-logo{display:flex;align-items:center;justify-content:center;width:100%}@media screen and (min-width: 1150px){.navigation-header__mobile-logo{display:none}}.navigation-header__mobile-logo.hidden{display:none}.navigation-header__back-button{display:none;align-items:center;gap:var(--spacing-2);background:none;border:none;padding:0;color:rgb(var(--text-color));font-weight:600;font-size:var(--text-base);cursor:pointer;width:100%;justify-content:center;transition:opacity .2s ease-in-out}.navigation-header__back-button.show{display:flex}.navigation-header__back-button:hover{opacity:.7}.navigation-header__back-button .navigation-header__title{text-align:center;flex:1}.navigation-header__logo{display:flex;align-items:center;justify-content:center;text-decoration:none;color:inherit}.navigation-header__desktop-logo .navigation-header__logo-image{width:var(--navigation-desktop-logo-width);height:auto;max-width:100%;object-fit:contain}.navigation-header__mobile-logo .navigation-header__logo-image{width:var(--navigation-mobile-logo-width);height:auto;max-width:100%;object-fit:contain}.navigation-header__logo-text{font-weight:600;font-size:var(--text-base);color:rgb(var(--text-color))}.navigation-drawer .panel-title{margin-bottom:var(--spacing-3)}.navigation-drawer .group:not(.highlight-item){align-items:center;display:flex;font-weight:400;gap:var(--spacing-3)}.navigation-drawer .group span:not(.circle-chevron),.navigation-drawer .group a{flex-grow:1}.navigation-drawer .navigation-image{width:var(--spacing-10);height:var(--spacing-10);border-radius:var(--border-radius);object-fit:cover}.navigation-drawer:not([open]) .navigation-image{content-visibility:hidden}.navigation-drawer[open] .navigation-image{content-visibility:visible}.navigation-image{display:none!important}@media screen and (min-width: 1150px){.navigation-drawer[mega-menu]::part(content){grid-template-rows:auto 1fr auto!important}.navigation-drawer[mega-menu]::part(header){padding:var(--spacing-6) var(--drawer-body-padding);min-height:auto;display:flex;align-items:center;justify-content:space-between}.navigation-drawer[mega-menu]::part(body){display:flex;flex-direction:column;min-height:0;overflow:hidden}.navigation-drawer[mega-menu] .panel-list__wrapper{width:100%;flex:1}.navigation-drawer[mega-menu] .panel__wrapper{padding:0 var(--drawer-body-padding)!important}.navigation-drawer[mega-menu].direct-level-2-mode.show-level-2{--navigation-drawer-width: 412px !important}.navigation-drawer[mega-menu].direct-level-2-mode.show-level-2 .panel-list__wrapper{grid-template-columns:1fr!important}.navigation-drawer[mega-menu].direct-level-2-mode.show-level-3{--navigation-drawer-width: 792px !important}.navigation-drawer[mega-menu].direct-level-2-mode.show-level-3 .panel-list__wrapper{grid-template-columns:1fr 1fr!important}.navigation-drawer[mega-menu].direct-level-2-mode.show-level-4{--navigation-drawer-width: 1172px !important}.navigation-drawer[mega-menu].direct-level-2-mode.show-level-4 .panel-list__wrapper{grid-template-columns:1fr 1fr 1fr!important}.navigation-drawer[mega-menu]:not(.direct-level-2-mode).show-level-4{--navigation-drawer-width: 1552px !important}.navigation-drawer[mega-menu].show-level-4::part(content):before{content:"";background-color:rgb(var(--text-color) / .12);width:1px;height:100%;position:absolute;top:0;left:380px}.navigation-drawer[mega-menu].show-level-4::part(content):after{content:"";background-color:rgb(var(--text-color) / .12);width:1px;height:100%;position:absolute;top:0;left:760px}.navigation-drawer[mega-menu].show-level-4 .panel-list__wrapper:after{content:"";background-color:rgb(var(--text-color) / .12);width:1px;height:100%;position:absolute;top:0;left:1140px;z-index:1}.navigation-drawer[mega-menu]>.panel-list__wrapper.show-level-4{grid-template-columns:repeat(4,minmax(380px,1fr))!important}.navigation-drawer[mega-menu]:not(.show-level-2):not(.show-level-3):not(.show-level-4)>.panel-list__wrapper>.panel:nth-child(2),.navigation-drawer[mega-menu]:not(.show-level-3):not(.show-level-4)>.panel-list__wrapper>.panel:nth-child(3),.navigation-drawer[mega-menu]:not(.show-level-4)>.panel-list__wrapper>.panel:nth-child(4){opacity:0;visibility:hidden}[dir=rtl] .navigation-drawer[mega-menu].show-level-4::part(content):before{left:auto;right:380px}[dir=rtl] .navigation-drawer[mega-menu].show-level-4::part(content):after{left:auto;right:760px}[dir=rtl] .navigation-drawer[mega-menu].show-level-4 .panel-list__wrapper:after{left:auto;right:1140px}}.navigation-drawer[mega-menu] .all-link{text-decoration:underline}.navigation-drawer[mega-menu] a:has(.all-link):hover{font-weight:600}.navigation-drawer[mega-menu] a:has(.all-link){margin-bottom:var(--spacing-3);transition:font-weight .2s ease-in-out}
/*# sourceMappingURL=/cdn/shop/t/28/assets/navigation-4-level.css.map */