.mobile-menu{--mobile-menu-bg: var(--brand-white);--mobile-menu-text: var(--brand-charcoal);--mobile-menu-heading: var(--brand-charcoal);--mobile-menu-muted: rgb(var(--brand-charcoal-rgb) / .72);--mobile-menu-label: var(--brand-oslo-grey);--mobile-menu-border: var(--brand-platinum);--mobile-menu-accent: var(--brand-charcoal);--mobile-menu-accent-text: var(--brand-arctic-white);--mobile-menu-product-bg: var(--brand-arctic-white);--mobile-menu-star: var(--brand-rating-star);--mobile-menu-padding-inline: var(--space-5);--mobile-menu-padding-block-start: var(--space-5);--mobile-menu-root-gap: var(--space-5);--mobile-menu-body-gap: var(--space-3-5);--mobile-menu-section-gap: var(--space-2-5);--mobile-menu-concern-aspect-ratio: 113 / 151;--mobile-menu-concern-max-height: 152px;--mobile-menu-product-thumb: var(--space-14);--mobile-menu-close-size: 32px;display:flex;flex-direction:column;align-items:stretch;gap:var(--mobile-menu-root-gap);inline-size:100%;max-inline-size:100%;min-block-size:100%;background:var(--mobile-menu-bg);color:var(--mobile-menu-text);font-family:var(--text-font-family)}.navigation-drawer:has(.mobile-menu){--drawer-content-max-height: 100dvh}.navigation-drawer:has(.mobile-menu)::part(content){display:flex;flex-direction:column;min-block-size:0;block-size:100%;max-block-size:100dvh;min-height:0;grid-template-rows:unset}.navigation-drawer:has(.mobile-menu:not(.mobile-menu--topbar-sticky))::part(body){display:block;flex:1 1 auto;min-block-size:0;padding:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.navigation-drawer:has(.mobile-menu--topbar-sticky)::part(body){display:flex;flex:1 1 auto;flex-direction:column;min-block-size:0;block-size:100%;padding:0;overflow:hidden}.navigation-drawer:has(.mobile-menu) .mobile-menu{flex:1 1 auto;block-size:100%;min-block-size:0}.navigation-drawer:has(.mobile-menu--topbar-sticky) .mobile-menu{overflow:hidden}.navigation-drawer:has(.mobile-menu)::part(outside-close-button){display:none}.mobile-menu__close{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;inline-size:var(--mobile-menu-close-size);block-size:var(--mobile-menu-close-size);width:var(--mobile-menu-close-size);height:var(--mobile-menu-close-size);margin:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;cursor:pointer;opacity:0;position:static;place-items:center;transition:transform .2s ease-in-out,opacity .15s ease-in-out}.mobile-menu__close:hover,.mobile-menu__close:focus-visible{transform:rotate(90deg)}@keyframes mobile-menu-close-in{0%,57%{opacity:0}to{opacity:1}}.navigation-drawer[open]:has(.mobile-menu) .mobile-menu__close{animation:mobile-menu-close-in .7s ease forwards}.navigation-drawer:not([open]):has(.mobile-menu) .mobile-menu__close{animation:none}@media(prefers-reduced-motion:reduce){.navigation-drawer[open]:has(.mobile-menu) .mobile-menu__close{animation:none;opacity:1}}.mobile-menu__close svg,.mobile-menu__close-icon{inline-size:var(--mobile-menu-close-size);block-size:var(--mobile-menu-close-size);width:var(--mobile-menu-close-size);height:var(--mobile-menu-close-size)}.mobile-menu--logo-left:not(:has(.mobile-menu__logo-link)) .mobile-menu__close{margin-inline-start:auto}.mobile-menu__topbar{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:var(--space-4);inline-size:100%;min-inline-size:0;padding-inline:var(--mobile-menu-padding-inline);padding-block-start:var(--mobile-menu-padding-block-start);background:var(--mobile-menu-bg)}.mobile-menu__logo-link{display:inline-flex;flex:0 0 auto;inline-size:var(--mobile-menu-logo-width);max-inline-size:var(--mobile-menu-logo-width);text-decoration:none}.mobile-menu__logo-image{display:block;inline-size:var(--mobile-menu-logo-width);block-size:auto;max-block-size:var(--mobile-menu-logo-height)}.mobile-menu__logo-link--text{flex:1 1 auto;inline-size:auto;max-inline-size:352px}.mobile-menu__logo-text{font-family:var(--heading-font-family);font-size:var(--text-lg);font-weight:700;line-height:var(--leading-snug);color:inherit}.mobile-menu__body{display:flex;flex:1 1 auto;flex-direction:column;align-items:stretch;gap:0;inline-size:100%;min-inline-size:0;min-block-size:0;padding-inline:var(--mobile-menu-padding-inline);padding-block-end:var(--space-6)}.mobile-menu__main{display:flex;flex:1 1 auto;flex-direction:column;align-items:stretch;gap:var(--space-3-5);min-block-size:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.mobile-menu__footer{display:flex;flex-shrink:0;flex-direction:column;align-items:stretch;gap:var(--space-3-5);margin-block-start:auto;padding-block-start:var(--space-3-5)}.mobile-menu--topbar-sticky .mobile-menu__body{flex:1 1 auto;min-block-size:0;overflow:hidden}.mobile-menu:not(.mobile-menu--topbar-sticky) .mobile-menu__body{overflow:visible}.mobile-menu:not(.mobile-menu--topbar-sticky) .mobile-menu__main{overflow:visible}.mobile-menu__usps{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:var(--space-1-5);min-block-size:var(--space-6);max-inline-size:100%}.mobile-menu__usp{display:flex;align-items:center;gap:var(--space-1-5);flex:0 1 auto;min-inline-size:0;min-block-size:var(--space-6)}.mobile-menu__usp-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;inline-size:25px;block-size:25px}.mobile-menu__usp-icon svg{inline-size:21px;block-size:21px}.mobile-menu__usp-text{font-size:var(--text-sm);line-height:var(--leading-tight);color:var(--mobile-menu-text);min-inline-size:0;overflow-wrap:anywhere}.mobile-menu__bestsellers{display:flex;flex-direction:column;align-items:stretch;gap:var(--mobile-menu-section-gap)}.mobile-menu__concerns{display:flex;flex-direction:column;align-items:stretch;gap:var(--mobile-menu-section-gap);inline-size:100%;max-inline-size:100%;min-inline-size:0}.mobile-menu__section-label{display:flex;flex:none;flex-grow:0;align-items:center;margin:0;font-family:var(--text-font-family);font-size:var(--text-xs);font-weight:400;line-height:var(--leading-snug);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--mobile-menu-label)}.mobile-menu__cta{inline-size:100%;max-inline-size:100%;min-inline-size:0}.mobile-menu__button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;inline-size:100%;max-inline-size:100%;min-block-size:52px;margin:0;padding:var(--space-3) var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--heading-font-family);font-size:var(--text-base);font-weight:700;line-height:var(--leading-relaxed);text-align:center;text-decoration:none;text-transform:uppercase}.mobile-menu__button--primary{background:var(--mobile-menu-accent);border-color:var(--mobile-menu-accent);color:var(--mobile-menu-accent-text)}.mobile-menu__button--secondary{flex:none;flex-grow:0;align-self:stretch;min-block-size:20px;padding:0;border:0;border-radius:0;background:transparent;color:var(--mobile-menu-heading);font-weight:600;font-size:var(--text-base);line-height:var(--leading-snug);text-decoration:underline}.mobile-menu__button--static{cursor:default}.mobile-menu__products{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.mobile-menu__product{border-block-end:1px solid var(--mobile-menu-border)}.mobile-menu__product-link{box-sizing:border-box;display:flex;align-items:center;gap:21px;inline-size:100%;max-inline-size:100%;min-inline-size:0;padding:var(--space-3);text-decoration:none;color:inherit}.mobile-menu__product-media{flex-shrink:0;flex-basis:var(--mobile-menu-product-thumb);aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;background:var(--mobile-menu-product-bg)}.mobile-menu__product-image{inline-size:100%;block-size:100%;object-fit:cover}.mobile-menu__product-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1-5);min-inline-size:0;flex:1}.mobile-menu__product-badge{min-inline-size:72px;justify-content:center}.mobile-menu__product-title{margin:0;font-family:var(--heading-font-family);font-size:var(--text-md);font-weight:600;line-height:var(--leading-snug);color:var(--mobile-menu-heading)}.mobile-menu__product-description{margin:0;font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--mobile-menu-muted)}.mobile-menu__product-description p{margin:0}.mobile-menu__product-rating{display:inline-flex;align-items:center;gap:var(--space-1-5);font-size:var(--text-sm);line-height:var(--leading-none);color:var(--brand-charcoal)}.mobile-menu__product-rating .mobile-menu__stars{inline-size:auto;block-size:10px;color:var(--mobile-menu-star)}.mobile-menu__concerns-track{display:flex;flex:none;flex-grow:0;flex-direction:row;align-items:stretch;gap:var(--space-1-5);inline-size:100%;max-inline-size:100%;min-inline-size:0;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mobile-menu__concerns-track::-webkit-scrollbar{display:none}.mobile-menu__concern-card{display:flex;flex:0 0 calc((100% - 12px) / 3);flex-direction:column;inline-size:calc((100% - 12px) / 3);min-inline-size:calc((100% - 12px) / 3);max-block-size:var(--mobile-menu-concern-max-height);aspect-ratio:var(--mobile-menu-concern-aspect-ratio);border-radius:var(--radius-lg);background:transparent;overflow:hidden;scroll-snap-align:start;text-decoration:none;color:var(--mobile-menu-text)}.mobile-menu__concern-media{position:relative;display:flex;flex-direction:column;justify-content:flex-end;block-size:100%;min-block-size:0;border-radius:inherit;overflow:hidden}.mobile-menu__concern-media .mobile-menu__concern-image,.mobile-menu__concern-media .mobile-menu__concern-image-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%}.mobile-menu__concern-image{object-fit:cover}.mobile-menu__concern-image-placeholder{display:flex;align-items:center;justify-content:center;background:rgb(var(--brand-charcoal-rgb) / .06)}.mobile-menu__concern-image-placeholder svg{inline-size:40px;block-size:40px;opacity:.35}.mobile-menu__concern-card--empty{max-block-size:var(--mobile-menu-concern-max-height);aspect-ratio:var(--mobile-menu-concern-aspect-ratio);border-radius:var(--radius-lg);background:rgb(var(--brand-charcoal-rgb) / .06)}.mobile-menu__link--static{cursor:default}.mobile-menu__concern-title{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;inline-size:100%;min-block-size:var(--space-8);padding:5px 16px 14px;background:transparent;font-family:var(--heading-font-family);font-size:var(--text-sm);font-weight:500;line-height:var(--leading-snug);text-align:center;color:var(--mobile-menu-text)}.mobile-menu__divider{inline-size:100%;block-size:1px;margin:0;border:0;background:var(--mobile-menu-border)}.mobile-menu__links{display:flex;flex-direction:column;gap:var(--space-3-5)}.mobile-menu__link{display:inline-flex;align-items:center;gap:4px;text-decoration:none;color:var(--mobile-menu-text);font-size:var(--text-sm);line-height:var(--leading-normal)}.mobile-menu__link-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;inline-size:22px;block-size:22px}.mobile-menu__link-icon svg{inline-size:auto;block-size:auto;max-inline-size:22px;max-block-size:22px}.mobile-menu__product-image-placeholder{display:flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%}.mobile-menu__product-image-placeholder svg{inline-size:60%;block-size:auto;opacity:.35}.navigation-drawer[mobile-opening=left]:has(.mobile-menu){block-size:100dvh;max-block-size:100dvh}.navigation-drawer[mobile-opening=left]:has(.mobile-menu)::part(body){grid-template-rows:unset;padding-block-start:0}
/*# sourceMappingURL=/cdn/shop/t/7/assets/custom-mobile-menu.css.map */