header-drawer{--dr-accent:#be2323;--dr-accent-dark:#8f1515;--dr-gold:#ffd243;--dr-soft:#fdeeee;--dr-text:#1d1d1f;--dr-bg:#ffffff;--dr-topbar-text:#ffffff;--dr-width:370px;--dr-radius:26px;--dr-duration:.5s;--dr-ease:cubic-bezier(.22, 1, .36, 1);--dr-sub-size:15px}header-drawer>details>summary:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#19080880;opacity:0;visibility:hidden;z-index:2;cursor:default;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:opacity var(--dr-duration) var(--dr-ease),visibility var(--dr-duration) var(--dr-ease)}header-drawer>details[open].menu-opening>summary:before{opacity:1;visibility:visible}header-drawer .menu-drawer{position:fixed!important;top:0!important;left:0!important;bottom:auto!important;width:min(86vw,var(--dr-width))!important;height:100vh!important;height:100dvh!important;max-height:100dvh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:0!important;border:0!important;border-radius:0 var(--dr-radius) var(--dr-radius) 0;background:var(--dr-bg)!important;filter:none!important;box-shadow:14px 0 50px color-mix(in srgb,var(--dr-accent) 28%,transparent);z-index:3!important;will-change:transform}header-drawer details[open]>.menu-drawer,header-drawer details[open]>.menu-drawer__submenu{transition:transform var(--dr-duration) var(--dr-ease),visibility var(--dr-duration) var(--dr-ease)!important}header-drawer .menu-drawer__inner-container{display:flex!important;flex-direction:column!important;height:100%!important;min-height:0;position:relative!important}header-drawer .menu-drawer__topbar{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:1.6rem 1.6rem 1.6rem 2.4rem;background:linear-gradient(135deg,var(--dr-accent) 0%,var(--dr-accent-dark) 100%);border-bottom:.3rem solid var(--dr-gold);color:var(--dr-topbar-text);flex-shrink:0;position:relative;z-index:60}header-drawer .menu-drawer__topbar-title{margin:0;font-size:2rem;font-weight:800;letter-spacing:.04em;color:var(--dr-topbar-text)}header-drawer .menu-drawer__main-close{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;border:0;border-radius:50%;background:color-mix(in srgb,var(--dr-topbar-text) 20%,transparent);color:var(--dr-topbar-text);cursor:pointer;transition:background-color .3s var(--dr-ease),transform .3s var(--dr-ease)}header-drawer .menu-drawer__main-close:hover{background:color-mix(in srgb,var(--dr-topbar-text) 34%,transparent);transform:rotate(90deg)}header-drawer .menu-drawer__main-close:active{transform:scale(.88)}header-drawer .menu-drawer__main-close .svg-wrapper,header-drawer .menu-drawer__main-close svg{width:1.8rem;height:1.8rem}header-drawer .menu-drawer__navigation-container{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:0!important;height:auto!important;position:relative!important;overflow:hidden!important}header-drawer .menu-drawer__navigation{flex:1 1 auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:1rem 1.2rem 2rem!important}header-drawer .menu-drawer__menu>li{margin:0 0 .4rem!important}header-drawer .menu-drawer__menu-item{display:flex!important;align-items:center;justify-content:space-between;gap:1.2rem;padding:1.4rem 1.6rem!important;border-radius:1.4rem;font-size:1.6rem!important;font-weight:600;line-height:1.3;text-decoration:none;color:var(--dr-text);border:0!important;background:transparent;-webkit-tap-highlight-color:transparent;transition:background-color .35s var(--dr-ease),color .35s var(--dr-ease),transform .25s var(--dr-ease)}header-drawer summary.menu-drawer__menu-item{padding-right:1.6rem!important;cursor:pointer;list-style:none}header-drawer summary.menu-drawer__menu-item::-webkit-details-marker{display:none}header-drawer .menu-drawer__menu-item>span:first-child{display:inline-block;transition:transform .35s var(--dr-ease)}header-drawer .menu-drawer__menu-item:hover,header-drawer .menu-drawer__menu-item:focus-visible{background:var(--dr-soft);color:var(--dr-accent)}header-drawer .menu-drawer__menu-item:hover>span:first-child{transform:translate(5px)}header-drawer .menu-drawer__menu-item:active{transform:scale(.97);background:var(--dr-soft)}header-drawer .menu-drawer__menu-item--active{color:var(--dr-accent);background:var(--dr-soft)}header-drawer .menu-drawer__menu-item>.svg-wrapper{position:static!important;transform:none!important;display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:3.2rem!important;height:3.2rem;border-radius:50%;background:var(--dr-soft);color:var(--dr-accent);transition:background-color .35s var(--dr-ease),color .35s var(--dr-ease),transform .35s var(--dr-ease)}header-drawer .menu-drawer__menu-item>.svg-wrapper svg{width:1.2rem;height:1.2rem}header-drawer .menu-drawer__menu-item:hover>.svg-wrapper{background:var(--dr-accent);color:var(--dr-topbar-text);transform:translate(3px)!important}header-drawer .menu-drawer__menu-item strong{color:var(--dr-accent);font-weight:700}header-drawer .menu-drawer__submenu{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;background:var(--dr-bg)!important}header-drawer details[open]>.menu-drawer__submenu{z-index:20!important}header-drawer details details[open]>.menu-drawer__submenu{z-index:30!important}header-drawer details details details[open]>.menu-drawer__submenu{z-index:40!important}header-drawer .menu-drawer__inner-submenu{display:block!important;flex:1 1 auto;height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:0 1.2rem 9rem!important;box-sizing:border-box}header-drawer .menu-drawer__submenu .menu-drawer__menu{padding-top:.8rem}header-drawer .menu-drawer__submenu .menu-drawer__menu>li{margin:0 0 .3rem!important}header-drawer .menu-drawer__submenu .menu-drawer__menu-item{font-size:var(--dr-sub-size)!important;font-weight:500;padding:1.3rem 1.6rem!important}header-drawer .menu-drawer__submenu .menu-drawer__menu>li:first-child>a:has(strong){background:linear-gradient(90deg,color-mix(in srgb,var(--dr-gold) 28%,var(--dr-bg)),color-mix(in srgb,var(--dr-gold) 10%,var(--dr-bg)));border-left:.4rem solid var(--dr-gold)!important}header-drawer details[open]:has(details[open])>.menu-drawer__submenu>.menu-drawer__inner-submenu>.menu-drawer__close-button{display:none!important}header-drawer .menu-drawer__close-button{display:flex!important;align-items:center;gap:1.2rem;width:calc(100% + 2.4rem);margin:0 -1.2rem!important;padding:1.5rem 2.4rem!important;font-family:inherit;font-size:1.6rem;font-weight:700;text-align:left;color:var(--dr-accent);background:var(--dr-soft)!important;border:0;border-bottom:.2rem solid color-mix(in srgb,var(--dr-accent) 15%,transparent);position:sticky!important;top:0!important;z-index:100!important;flex-shrink:0;cursor:pointer;box-shadow:0 6px 14px color-mix(in srgb,var(--dr-accent) 9%,transparent);-webkit-tap-highlight-color:transparent;transition:background-color .3s var(--dr-ease)}header-drawer .menu-drawer__close-button:active{background:color-mix(in srgb,var(--dr-accent) 18%,var(--dr-bg))!important}header-drawer .menu-drawer__close-button .svg-wrapper{transform:rotate(180deg);width:1.4rem;margin:0!important;transition:transform .35s var(--dr-ease)}header-drawer .menu-drawer__close-button:hover .svg-wrapper{transform:rotate(180deg) translate(3px)}header-drawer .menu-drawer__utility-links{flex-shrink:0;position:relative;z-index:50;width:100%;padding:1.4rem 1.6rem calc(1.4rem + env(safe-area-inset-bottom,0px))!important;background:var(--dr-bg)!important;border-top:1px solid color-mix(in srgb,var(--dr-text) 8%,transparent);box-shadow:0 -10px 24px color-mix(in srgb,var(--dr-accent) 7%,transparent)}header-drawer .menu-drawer__account{display:flex!important;align-items:center;justify-content:center;gap:1rem;width:100%;margin:0!important;padding:1.4rem 2rem!important;border-radius:999px;background:linear-gradient(135deg,var(--dr-accent),var(--dr-accent-dark));color:var(--dr-topbar-text)!important;font-size:1.5rem;font-weight:700;text-decoration:none;box-shadow:0 8px 18px color-mix(in srgb,var(--dr-accent) 38%,transparent);-webkit-tap-highlight-color:transparent;transition:transform .3s var(--dr-ease),box-shadow .3s var(--dr-ease)}header-drawer .menu-drawer__account:hover{transform:translateY(-2px);box-shadow:0 12px 24px color-mix(in srgb,var(--dr-accent) 45%,transparent)}header-drawer .menu-drawer__account:active{transform:scale(.97)}header-drawer .menu-drawer__account .svg-wrapper,header-drawer .menu-drawer__account account-icon>.svg-wrapper{width:2rem;height:2rem;margin:0!important}@keyframes drRowIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}header-drawer details.menu-opening>.menu-drawer .menu-drawer__navigation>.menu-drawer__menu>li>a,header-drawer details.menu-opening>.menu-drawer .menu-drawer__navigation>.menu-drawer__menu>li>details>summary{animation:drRowIn calc(var(--dr-duration) + 50ms) var(--dr-ease) backwards;animation-delay:calc(var(--i, 1) * 55ms + .12s)}@media(prefers-reduced-motion:reduce){header-drawer details.menu-opening>.menu-drawer .menu-drawer__navigation>.menu-drawer__menu>li>a,header-drawer details.menu-opening>.menu-drawer .menu-drawer__navigation>.menu-drawer__menu>li>details>summary{animation:none}header-drawer .menu-drawer,header-drawer>details>summary:before{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/menu-drawer-pro.css.map */