.mobile-menu{--mobile-menu-bg: #ffffff;--mobile-menu-text: #2d4248;--mobile-menu-heading: #1e2a2e;--mobile-menu-muted: #4a5560;--mobile-menu-label: #8a8f95;--mobile-menu-border: #e8e8e3;--mobile-menu-accent: #05b67c;--mobile-menu-accent-text: #f7f7f7;--mobile-menu-product-bg: #f4f1ec;--mobile-menu-star: #ffb74a;--mobile-menu-padding-inline: clamp(1rem, 4vw, 1.25rem);--mobile-menu-padding-block-start: clamp(1rem, 3vw, 1.25rem);--mobile-menu-root-gap: 1.1875rem;--mobile-menu-body-gap: .875rem;--mobile-menu-section-gap: .625rem;--mobile-menu-concern-gap: .9375rem;--mobile-menu-concern-aspect-ratio: 113 / 151;--mobile-menu-concern-max-height: 9.4375rem;--mobile-menu-product-thumb: 3.5rem;--mobile-menu-close-size: 40px;display:flex;flex-direction:column;align-items:stretch;gap:var(--mobile-menu-root-gap);inline-size:100%;max-inline-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--topbar-sticky) .mobile-menu{block-size:100%;min-block-size:0;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:1rem;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-link .custom-picture,.mobile-menu__logo-link .custom-image,.mobile-menu__logo-image{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:min(50vw,21.875rem)}.mobile-menu__logo-text{font-family:var(--heading-font-family);font-size:1.125rem;font-weight:700;line-height:1.2;color:inherit}.mobile-menu__body{display:flex;flex-direction:column;align-items:stretch;gap:var(--mobile-menu-body-gap);inline-size:100%;min-inline-size:0;padding-inline:var(--mobile-menu-padding-inline);padding-block-end:clamp(1rem,4vw,1.5rem)}.mobile-menu--topbar-sticky .mobile-menu__body{flex:1 1 auto;min-block-size:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.mobile-menu__usps{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:.375rem;min-block-size:1.5625rem;max-inline-size:100%}.mobile-menu__usp{display:flex;align-items:center;gap:.3125rem;flex:0 1 auto;min-inline-size:0;min-block-size:1.5625rem}.mobile-menu__usp-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;inline-size:1.5625rem;block-size:1.5625rem}.mobile-menu__usp-icon svg{inline-size:1.296875rem;block-size:1.296875rem}.mobile-menu__usp-text{font-size:.875rem;line-height:1.1428571429;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:.75rem;font-weight:400;line-height:1.125rem;letter-spacing:.09375rem;text-transform:uppercase;color:var(--mobile-menu-label, #8a8f95)}.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:3.3125rem;margin:0;padding:.75rem 1rem;border:1px solid transparent;border-radius:.625rem;font-family:var(--heading-font-family);font-size:1rem;font-weight:700;line-height:1.75;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:1.25rem;padding:0;border:0;border-radius:0;background:transparent;color:var(--mobile-menu-heading, #1e2a2e);font-weight:600;font-size:1rem;line-height:1.25;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:clamp(.875rem,3vw,1.3125rem);inline-size:100%;max-inline-size:100%;min-inline-size:0;padding:.8125rem;text-decoration:none;color:inherit}.mobile-menu__product-media{flex-shrink:0;flex-basis:var(--mobile-menu-product-thumb);aspect-ratio:1;border-radius:.5rem;overflow:hidden;background:var(--mobile-menu-product-bg)}.mobile-menu__product-media .custom-picture,.mobile-menu__product-media .custom-image{inline-size:100%;block-size:100%;object-fit:cover}.mobile-menu__product-content{display:flex;flex-direction:column;align-items:flex-start;gap:.3125rem;min-inline-size:0;flex:1}.mobile-menu__product-badge{display:inline-flex;align-items:center;justify-content:center;min-inline-size:4.5rem;padding-inline:.375rem;border-radius:.25rem;background:var(--mobile-menu-accent);color:var(--mobile-menu-accent-text);font-size:.625rem;line-height:1.8;white-space:nowrap}.mobile-menu__product-title{margin:0;font-family:var(--heading-font-family);font-size:.8125rem;font-weight:600;line-height:1.54;color:var(--mobile-menu-heading)}.mobile-menu__product-description{margin:0;font-size:.6875rem;line-height:1.36;color:var(--mobile-menu-muted)}.mobile-menu__product-description p{margin:0}.mobile-menu__product-rating{display:inline-flex;align-items:center;gap:.3125rem;font-size:.625rem;line-height:1;color:#1a1a1a}.mobile-menu__product-rating .mobile-menu__stars{inline-size:auto;block-size:.625rem;color:var(--mobile-menu-star)}.mobile-menu__concerns-track{display:flex;flex:none;flex-grow:0;flex-direction:row;align-items:stretch;gap:.375rem;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% - .75rem) / 3);flex-direction:column;inline-size:calc((100% - .75rem) / 3);min-inline-size:calc((100% - .75rem) / 3);max-block-size:var(--mobile-menu-concern-max-height);aspect-ratio:var(--mobile-menu-concern-aspect-ratio);border-radius:.75rem;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-picture,.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-media .custom-picture,.mobile-menu__concern-media .custom-image{inline-size:100%;block-size:100%;object-fit:cover}.mobile-menu__concern-image-placeholder{display:flex;align-items:center;justify-content:center;background:#2d42480f}.mobile-menu__concern-image-placeholder svg{inline-size:2.5rem;block-size:2.5rem;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:.75rem;background:#2d42480f}.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:2.125rem;padding:.3125rem 1rem .875rem;background:transparent;font-family:var(--heading-font-family);font-size:.8125rem;font-weight:500;line-height:1.31;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:.875rem}.mobile-menu__link{display:inline-flex;align-items:center;gap:.25rem;text-decoration:none;color:var(--mobile-menu-text);font-size:.8125rem;line-height:1.54}.mobile-menu__link-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;inline-size:1.375rem;block-size:1.375rem}.mobile-menu__link-icon svg{inline-size:auto;block-size:auto;max-inline-size:1.375rem;max-block-size:1.375rem}.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/24/assets/custom-mobile-menu.css.map */