/* Theme-aware legacy surfaces: keep text and surface colors paired. */
body.storefront{--ink:var(--theme-fg);--ink-soft:color-mix(in srgb,var(--theme-fg) 90%,var(--theme-bg));--muted:color-mix(in srgb,var(--theme-fg) 74%,var(--theme-bg));--line:color-mix(in srgb,var(--theme-fg) 18%,transparent);--paper:var(--theme-bg);color:var(--theme-fg)}
body.design-pearl .editorial-copy,body.design-pearl .editorial-copy h2,body.design-pearl .atelier-shopier-note,body.design-pearl .atelier-shopier-note h2{color:var(--theme-fg)}
body.design-pearl .editorial-copy p,body.design-pearl .atelier-shopier-note p{color:var(--muted)}
body.design-pearl .editorial-copy :is(.atelier-kicker,.atelier-link),body.design-pearl .atelier-shopier-note .atelier-kicker{color:var(--theme-fg)}
body.storefront .desktop-mega-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}
body.storefront .mobile-home-link[aria-current=page]{color:var(--theme-fg);font-weight:600}
body.storefront :is(.cart-summary,.account-panel,.account-sidebar){color:var(--theme-fg);background:var(--theme-bg)}
body.storefront :is(.cart-summary,.account-content,.legal-page) :is(input,textarea,select){color:var(--theme-fg);background:var(--theme-bg)}
body.storefront input::placeholder,body.storefront textarea::placeholder{color:var(--muted);opacity:1}
body.storefront button:disabled{opacity:.65;cursor:not-allowed}
@media(min-width:961px) and (max-width:1180px){body.storefront .desktop-mega-nav{gap:17px}body.storefront .desktop-mega-nav>a,body.storefront .mega-nav-item>a{font-size:10px}}
@media(max-width:680px){body.storefront :is(input,select,textarea){font-size:16px}}
/* Small floating navigation card, with the current page visible behind it. */
@media(max-width:960px){
  body.storefront .mobile-menu-modern{inset:var(--mobile-menu-top,86px) 0 0;background:transparent;color:var(--theme-fg);backdrop-filter:none;-webkit-backdrop-filter:none;transform:none;overflow:hidden;transition:opacity .24s ease,visibility .3s;}
  body.storefront .mobile-menu-backdrop{background:rgb(12 17 16 / 15%);cursor:default;}
  body.storefront .mobile-menu-scroll{width:calc(100% - 24px);max-width:420px;height:auto;max-height:min(660px,calc(100svh - var(--mobile-menu-top,86px) - 34px));margin:10px 0 0 12px;padding:9px 19px 15px;overflow-x:hidden;overflow-y:auto;background:var(--theme-bg);border:1px solid color-mix(in srgb,var(--theme-fg) 14%,var(--theme-bg));border-radius:17px;box-shadow:0 20px 55px rgb(9 15 13 / 17%);transform:translateY(-7px) scale(.985);transform-origin:24px 0;transition:opacity .22s,transform .36s cubic-bezier(.16,1,.3,1);scrollbar-width:thin;}
  body.storefront .mobile-menu-modern.is-open .mobile-menu-scroll{transform:none;opacity:1;}
  body.storefront .mobile-menu-topline{min-height:42px;margin-bottom:3px;font-size:10px;letter-spacing:.12em;}
  .mobile-menu-tools{display:flex;gap:13px;align-items:center;}
  .compact-menu-close{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid color-mix(in srgb,var(--theme-fg) 14%,transparent);border-radius:50%;background:transparent;color:var(--theme-fg);font-size:20px;font-weight:300;line-height:1;cursor:pointer;}
  body.storefront .mobile-menu-modern summary,body.storefront .mobile-all-link{min-height:50px;font:400 21px/1.2 var(--atelier-serif);padding:11px 0;letter-spacing:-.015em;}
  body.storefront .mobile-menu-modern summary{position:relative;background:transparent;}
  body.storefront .mobile-menu-modern summary span,body.storefront .mobile-all-link>b{font:400 17px/1 var(--atelier-sans);}
  body.storefront .mobile-menu-modern details a{min-height:40px;padding:9px 0;font-size:12px;}
  body.storefront .mobile-menu-modern .mobile-menu-feature{min-height:74px;grid-template-columns:55px minmax(0,1fr);gap:12px;padding:9px;margin-top:3px;margin-bottom:5px;border:0;border-radius:9px;background:color-mix(in srgb,var(--theme-fg) 5%,var(--theme-bg));}
  body.storefront .mobile-menu-feature img{width:55px;height:57px;border-radius:5px;object-fit:contain;background:color-mix(in srgb,var(--theme-fg) 7%,var(--theme-bg));}
  body.storefront .mobile-menu-feature b{font:500 13px/1.3 var(--atelier-sans);}
  body.storefront .mobile-menu-feature small{font-size:11px;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
  body.storefront .mobile-menu-secondary{gap:4px 20px;padding-top:13px;}
  body.storefront .mobile-menu-secondary a{min-height:35px;font-size:10px;letter-spacing:.04em;}
  body.storefront .mobile-menu-modern.is-open :is(.mobile-all-link,details,.mobile-menu-secondary){animation-duration:.32s;}
}
@media(max-width:360px){body.storefront .mobile-menu-scroll{padding-inline:15px;}body.storefront .mobile-menu-secondary{gap:4px 13px;}body.storefront .mobile-menu-modern summary,body.storefront .mobile-all-link{font-size:20px;}}
@media(prefers-reduced-motion:reduce){body.storefront .mobile-menu-modern,body.storefront .mobile-menu-scroll{transition:none!important;transform:none!important;}}
