/* One header, three spacious drawers; JavaScript owns the open state. */
.uai-drawer-ready .site-header { z-index:1100 !important; }
.uai-drawer-ready .site-header.uai-drawer-open,
.uai-drawer-ready .uai-catalog .site-header.uai-drawer-open:not(.is-scrolled) { background:#fff; border-color:transparent; color:#171717; }
.uai-drawer-ready .site-header.uai-drawer-open .main-navigation > ul > li > a,
.uai-drawer-ready .site-header.uai-drawer-open .main-navigation > div > ul > li > a,
.uai-drawer-ready .site-header.uai-drawer-open .header-actions > a { color:#171717 !important; }
.uai-drawer-ready .site-header.uai-drawer-open .main-navigation .current-menu-item > a { background:#111 !important; color:#fff !important; opacity:1 !important; }
.uai-drawer-backdrop { position:fixed; inset:0; z-index:900; background:rgba(0,0,0,.28); opacity:0; visibility:hidden; transition:opacity .35s ease,visibility 0s linear .35s; }
.uai-drawer-backdrop.is-visible { opacity:1; visibility:visible; transition-delay:0s; }
.uai-drawer-close { position:absolute; top:8px; right:clamp(24px,2.5vw,48px); display:grid; place-items:center; width:34px; height:34px; padding:0; border:1px solid #e5e5e5; border-radius:50%; background:#fff; color:#171717; font-size:24px; line-height:1; cursor:pointer; }
.uai-drawer-close:hover { background:#171717; color:#fff; }
.uai-drawer-close:focus-visible { outline:2px solid currentColor; outline-offset:3px; }
@media(min-width:1101px) {
  .uai-drawer-ready .site-header .main-navigation :is(.uai-mega-trigger,.uai-collections-trigger,.uai-explore-trigger) { display:flex; align-items:center; gap:0; }
  .uai-drawer-ready .site-header .main-navigation :is(.uai-mega-trigger,.uai-collections-trigger,.uai-explore-trigger)::after { display:none; }
  .uai-drawer-ready .site-header .main-navigation .uai-drawer-active > a { background:#171717; color:#fff !important; font-weight:600; }
  .uai-drawer-ready .site-header .main-navigation :is(.uai-mega-menu,.uai-collections-menu,.uai-explore-menu) {
    position:absolute; top:100%; left:0; right:0; width:100%; max-height:calc(100dvh - var(--uai-drawer-top,140px) - 16px); overflow:auto; overscroll-behavior:contain;
    z-index:1200; padding:48px clamp(28px,2.5vw,48px) 48px; border:0; border-radius:0 0 26px 26px; background:#fff; color:#171717; box-shadow:0 24px 40px #0000000a;
    transition:clip-path .28s cubic-bezier(.2,.75,.25,1),transform .28s cubic-bezier(.2,.75,.25,1),opacity .2s ease,visibility 0s linear .28s;
  }
  .uai-drawer-ready .site-header .main-navigation :is(.uai-mega-menu,.uai-collections-menu,.uai-explore-menu):not(.uai-menu-panel-open) { opacity:0 !important; visibility:hidden !important; pointer-events:none !important; transform:translateY(-22px) !important; clip-path:inset(0 0 100%); }
  .uai-drawer-ready .site-header .main-navigation :is(.uai-mega-menu,.uai-collections-menu,.uai-explore-menu).uai-menu-panel-open { opacity:1 !important; visibility:visible !important; pointer-events:auto !important; transform:translateY(0) !important; clip-path:inset(0 0 0); transition-delay:0s; }
  .uai-drawer-ready .uai-mega-menu { display:grid; grid-template-columns:minmax(190px,.85fr) minmax(440px,2.35fr) minmax(210px,1.1fr); gap:clamp(24px,3vw,60px); }
  /* On collection pages the drawer overlaps the header slightly, removing the hover gap. */
  .uai-catalog .site-header .main-navigation .uai-mega-menu { top:calc(100% - 10px); padding-top:58px; }
  .uai-drawer-ready .uai-mega-menu__collections { border:0; padding:0; }
  .uai-drawer-ready .uai-mega-menu__collections > span { margin:0 0 28px; font-size:16px; text-transform:none; letter-spacing:0; color:#171717; }
  .uai-drawer-ready .uai-mega-menu__collections > a { padding:9px 0 !important; font-size:clamp(20px,1.65vw,32px); font-weight:650; line-height:1.18; letter-spacing:-.045em; color:#898989 !important; }
  .uai-drawer-ready .uai-mega-menu__collections > a:hover { color:#171717 !important; }
  .uai-drawer-ready .uai-mega-menu__collections .uai-mega-menu__all { margin-top:auto; padding-top:22px !important; border-top:1px solid #222; font-size:18px; color:#171717 !important; }
  .uai-drawer-ready .uai-mega-menu__products > p { margin:2px 0 28px; font-size:12px; letter-spacing:.02em; color:#777; }
  .uai-drawer-ready .uai-mega-menu__products > div { gap:20px; }
  .uai-drawer-ready .uai-mega-menu__products a { grid-template-columns:minmax(0,1fr); align-content:start; padding-bottom:24px; border-radius:20px; background:#f8f8f8; }
  .uai-drawer-ready .uai-mega-menu__products img { height:clamp(200px,19vw,360px); aspect-ratio:auto; object-fit:contain; padding:18px; }
  .uai-drawer-ready .uai-mega-menu__products small { padding:18px 20px 8px; font-size:9px; line-height:1.4; }
  .uai-drawer-ready .uai-mega-menu__products strong { padding:0 20px 12px; font-size:clamp(14px,1.1vw,21px); font-weight:500; line-height:1.3; }
  .uai-drawer-ready .uai-mega-menu__products .price { padding:0 20px; font-size:13px; white-space:normal; }
  .uai-drawer-ready .uai-mega-menu__promo { min-height:390px; border-radius:20px; }
  .uai-drawer-ready .uai-mega-menu__promo img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
  .uai-drawer-ready .uai-mega-menu__promo strong { left:28px; right:28px; bottom:64px; font-size:clamp(24px,2vw,36px); line-height:1.05; letter-spacing:-.045em; }
  .uai-drawer-ready .uai-mega-menu__promo small { left:28px; bottom:30px; font-size:13px; }
  .uai-drawer-ready .uai-collections-menu { display:grid; gap:24px; }
  .uai-drawer-ready .uai-collections-menu strong { font-size:24px; }
  .uai-drawer-ready .uai-explore-menu { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
  .uai-drawer-ready .uai-explore-menu > a { display:flex; align-items:center; min-height:110px; padding:24px !important; border-radius:16px; background:#f8f8f8; font-size:26px !important; font-weight:600; letter-spacing:-.035em; }
}
@media(max-width:1100px) {
  .uai-drawer-ready .site-header { position:sticky; top:var(--uai-admin-top,0px); }
  .uai-drawer-ready .site-header .header-inner { flex-wrap:nowrap; }
  .uai-drawer-ready .uai-menu-toggle:not([hidden]) { display:block; margin-left:auto; border:1px solid #ddd; border-radius:999px; padding:12px 22px; background:#fff; color:#171717; }
  .uai-drawer-ready .site-header .main-navigation,
  .uai-drawer-ready .site-header .main-navigation:not(.is-open) { display:block; position:absolute; top:100%; left:0; right:0; width:100%; max-height:calc(100dvh - var(--uai-drawer-top,110px) - 16px); overflow:auto; overscroll-behavior:contain; padding:24px; border-radius:0 0 24px 24px; background:#fff; opacity:0; visibility:hidden; transform:translateY(-20px); clip-path:inset(0 0 100%); transition:transform .4s ease,clip-path .4s ease,opacity .25s ease,visibility 0s linear .4s; }
  .uai-drawer-ready .site-header .main-navigation.is-open { opacity:1; visibility:visible; transform:none; clip-path:inset(0); transition-delay:0s; }
  .uai-drawer-ready .site-header .main-navigation > ul,
  .uai-drawer-ready .site-header .main-navigation > div > ul { display:flex; flex-direction:column; align-items:stretch; gap:0; }
  .uai-drawer-ready .site-header .main-navigation > ul > li > a,
  .uai-drawer-ready .site-header .main-navigation > div > ul > li > a { display:block; padding:18px 12px; border-radius:10px; color:#171717; font-size:clamp(24px,5vw,36px); font-weight:600; line-height:1.2; letter-spacing:-.035em; }
  .uai-drawer-ready .site-header .main-navigation > ul > li > a:hover,
  .uai-drawer-ready .site-header .main-navigation > ul > li > a:focus-visible,
  .uai-drawer-ready .site-header .main-navigation > ul > li.uai-drawer-active > a { color:#000 !important; background:#f0f0f0 !important; }
  .uai-drawer-ready .site-header .main-navigation :is(.uai-mega-menu,.uai-collections-menu,.uai-explore-menu) { display:none !important; }
  .uai-drawer-ready .site-header .header-actions { flex-shrink:1; }
}
@media(prefers-reduced-motion:reduce) {
  .uai-drawer-ready .site-header .main-navigation,
  .uai-drawer-ready .site-header .main-navigation :is(.uai-mega-menu,.uai-collections-menu,.uai-explore-menu),
  .uai-drawer-backdrop { transition:none !important; }
}