.menu-drawer-container{display:flex}.menu-drawer{letter-spacing:.005em;line-height:1.8}.js menu-drawer>details>summary:before,.js menu-drawer>details[open]:not(.menu-opening)>summary:before,.js header-drawer>details>summary:before,.js header-drawer>details[open]:not(.menu-opening)>summary:before{content:"";position:absolute;cursor:default;width:100%;height:calc(var(--viewport-height, 100vh) - var(--header-bottom-position, 100%));top:100%;left:0;background:rgb(var(--color-text-main-rgb) / .5);opacity:0;visibility:hidden;z-index:2;transition:opacity 0s,visibility 0s}header-drawer>details[open]>summary:before{visibility:visible;opacity:1;transition:opacity .15s ease,visibility .15s ease}header-drawer>details:not([open])>summary:before{visibility:hidden;opacity:0;display:none}.menu-drawer{position:absolute;left:0;top:100%;width:100vw;padding:0;transform:translate(-100%);visibility:hidden;z-index:10;background-color:var(--color-mono-white);overflow-x:hidden;border-width:0 var(--drawer-border-width, 0) 0 0;border-style:solid;border-color:rgb(var(--color-text-main-rgb) / .1)}.js .menu-drawer{height:calc(var(--viewport-height, 100dvh) - var(--header-bottom-position, 100%))}.js details[open]>.menu-drawer,.js details[open]>.menu-drawer__submenu{transition:transform .15s ease,visibility .15s ease}.no-js details[open]>.menu-drawer,.js details[open].menu-opening>.menu-drawer,details[open].menu-opening>.menu-drawer__submenu{transform:translate(0);visibility:visible}.menu-drawer__inner-container{position:relative;display:flex;flex-direction:column;height:100%;overflow-y:auto}.menu-drawer__navigation-container{display:grid;grid-template-rows:1fr auto;align-content:space-between;background:var(--color-mono-white)}.menu-drawer__navigation{padding:0 0 1rem}.list-menu-mobile{list-style:none;padding:0;margin:0}.list-menu-mobile__item{position:relative;display:flex;align-items:center;gap:7px;background-color:var(--color-mono-white)}.menu-drawer__menu li{border-bottom:none;position:relative}.menu-drawer__menu li:after{content:"";position:absolute;bottom:0;left:2rem;right:1.8rem;height:1px;background-color:var(--color-mono-light)}.menu-drawer__menu ul li:first-child:before{content:"";position:absolute;top:0;left:2rem;right:1.8rem;height:1px;background-color:var(--color-mono-light);z-index:1}.menu-drawer__menu-item{padding:2rem 1.6rem 2rem 2rem;font-size:1.4rem;line-height:1.6;font-weight:var(--font-weight-semibold);text-decoration:none;color:var(--color-text-main)}.menu-drawer__menu-item--sublink,.menu-drawer__inner-submenu .menu-drawer__menu-item:not(.accordion__label){font-weight:var(--font-weight-regular)}.menu-drawer__menu-item:hover{color:var(--color-text-main);opacity:1;text-decoration:underline;text-underline-offset:1rem;text-decoration-thickness:1.5px}.menu-drawer__menu-item--highlighted{color:var(--color-key-dark)}.menu-drawer__menu-item--sublink{padding-top:9px;padding-bottom:9px}.menu-drawer__sublink-image{width:45px;height:45px}.menu-drawer__icon-placeholder{display:block;height:45px}.accordion__checkbox{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.accordion__label{cursor:pointer}.accordion__label:before{content:"";position:absolute;display:block;width:20px;height:20px;right:16px;top:2.5rem;background-image:var(--arrow-down-url);background-size:contain;background-repeat:no-repeat;background-position:center}.accordion__checkbox:checked~.accordion__label:before{transform:rotate(180deg);top:1.6rem}.menu-drawer__inner-submenu{max-height:0;overflow-x:hidden;overflow-y:auto;position:relative}.accordion__checkbox:checked~.menu-drawer__submenu.has-submenu .menu-drawer__inner-submenu{max-height:100vh}.menu-drawer__inner-submenu li:last-child{border-bottom:none}@media screen and (min-width:990px){.accordion__label:before,.menu-drawer__inner-submenu{transition:transform .3s ease,max-height .3s ease-in-out}}.menu-drawer__banners{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xs);margin:var(--spacing-m) 2rem;padding-top:var(--spacing-m);position:relative}.menu-drawer__banners:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background-color:var(--color-mono-light)}@media screen and (max-width:749px){.menu-drawer__banners{margin:var(--spacing-xxs) 1.5rem var(--spacing-m)}}.menu-drawer__banner{position:relative;display:flex;justify-content:center;align-items:center;text-decoration:none}.menu-drawer__banner-title{position:absolute;top:12px;left:0;right:0;padding:0 8px;text-align:center;text-decoration:none;color:var(--color-text-main);font-weight:var(--font-weight-semibold);font-size:1.4rem;line-height:1.6;z-index:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:400px){.menu-drawer__banner-title{font-size:1.2rem;top:8px}}.menu-drawer__banner-image{display:flex;overflow:hidden;border-radius:var(--radius-l);width:100%;max-height:150px}.menu-drawer__banner-image img{width:100%;height:auto;aspect-ratio:156 / 122;object-fit:cover}@media screen and (min-width:400px)and (max-width:749px){.menu-drawer__banner-image{max-height:180px}.menu-drawer__banner--has-button .menu-drawer__banner-image{max-height:260px}}.menu-drawer__banner--has-button .menu-drawer__banner-image{max-height:230px}.menu-drawer__banner-button{position:absolute;bottom:var(--spacing-xs);left:50%;transform:translate(-50%);background-color:var(--color-key-main);color:var(--color-text-inverted);padding:5px 14px;border-radius:var(--radius-s);font-size:11px;font-weight:var(--font-weight-bold);text-decoration:none;white-space:nowrap;z-index:1}.menu-drawer__recommendations .h4{margin:2rem 1.5rem 1.5rem;font-size:1.6rem;line-height:25px;font-weight:var(--font-weight-bold)}.menu-drawer__recommendation-title{font-weight:var(--font-weight-semibold);font-size:1.4rem;line-height:1.6}.menu-drawer__recommendations{box-sizing:border-box;max-width:100%;overflow-x:hidden;display:block;height:max-content}.menu-drawer__recommendation-list{display:flex;column-gap:4%;align-items:flex-start;overflow-x:auto;scrollbar-width:none}.menu-drawer__recommendation-list::-webkit-scrollbar{display:none}.menu-drawer__recommendation{flex:0 0 40%;width:40%;min-width:40%}.menu-drawer__recommendation>a{display:block;color:inherit;text-decoration:none;text-align:center}.menu-drawer__recommendation-image{width:100%;max-width:100%;height:125px;object-fit:cover;border-radius:var(--spacing-m)}.menu-drawer__recommendation p{margin-bottom:0;margin-top:.5rem}.menu-drawer__recommendation-desc{color:var(--color-text-dark)}.menu-drawer__utility-links{bottom:0;width:100%;margin-top:auto;position:relative}.menu-drawer__user-links{display:flex;flex-direction:column;gap:0;padding:0}.menu-drawer__utility-links .menu-drawer__user-links a{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-xs);padding:2rem 1.6rem 2rem 2rem;border-bottom:none;text-decoration:none;color:var(--color-text-main);font-size:1.4rem;font-weight:var(--font-weight-regular);position:relative}.menu-drawer__utility-links .menu-drawer__user-links a svg{width:20px;height:20px;flex-shrink:0}.menu-drawer__utility-links .menu-drawer__user-links a:not(:last-of-type):after{content:"";position:absolute;bottom:0;left:2rem;right:1.8rem;height:1px;background-color:var(--color-mono-light)}.menu-drawer__account--logged-in{position:relative}.menu-drawer__account--logged-in:before{content:"";position:absolute;width:8px;height:8px;top:50%;transform:translateY(-50%);right:4px;background:var(--color-success-dark);border-radius:50%}@media screen and (min-width:750px){.menu-drawer{width:40rem}.no-js .menu-drawer{height:auto}}@media screen and (min-width:990px){.menu-drawer{display:none}}
/*# sourceMappingURL=/cdn/shop/t/936/assets/component-menu-drawer.css.map */