/* The storefront already has a dark palette; preserve its authored colors. */
:root{color-scheme:dark;color-scheme:only dark}
/* A simple count accompanies the cart; the full label remains accessible. */
.site-header .cart-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;white-space:nowrap}
.site-header .cart-link .cart-label,.site-header .cart-link .cart-count{display:inline;width:auto;height:auto;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font:inherit;line-height:1}
.site-header .cart-link .cart-count{font-variant-numeric:tabular-nums}
.site-header .cart-link .cart-icon{display:none;flex-shrink:0}
.site-header .cart-link:focus-visible{outline:2px solid #57d9d0;outline-offset:3px;border-radius:4px}
/* Compact navigation for phones and tablets, including landscape tablets. */
[data-responsive-menu] .responsive-menu-toggle{display:none}
.commerce-panel .store-responsive-menu,.commerce-panel .store-responsive-menu nav.module-tabs{margin-bottom:0}
.responsive-menu-icon{display:flex;flex-direction:column;justify-content:center;gap:5px;width:20px;height:24px;flex-shrink:0}
.responsive-menu-icon span{display:block;width:20px;height:2px;background:currentColor;border-radius:2px}
[data-responsive-menu] .responsive-menu-toggle:focus-visible,[data-responsive-menu] nav a:focus-visible{outline:2px solid #57d9d0;outline-offset:3px}
@media(max-width:1280px){
  [data-responsive-menu].is-menu-ready .responsive-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:44px;min-height:44px;margin:0;padding:10px 12px;border:1px solid #414949;border-radius:5px;background:#14191b;color:#f4f1e8;font:inherit;line-height:1.4;cursor:pointer}
  [data-responsive-menu].is-menu-ready:not(.is-menu-open) [data-menu-panel]{display:none}
  [data-responsive-menu] [data-menu-panel] a{min-height:44px}
  .site-header[data-responsive-menu]{height:auto;min-height:88px;display:flex;flex-wrap:wrap;gap:12px;padding:10px 4%}
  .site-header[data-responsive-menu] .logo{margin-right:auto}
  .site-header[data-responsive-menu] .logo,.site-header[data-responsive-menu] .logo img{width:220px}
  .site-header[data-responsive-menu] .logo img{height:68px}
  .site-header[data-responsive-menu] .search-link{margin-left:0;min-width:44px}
  .site-header[data-responsive-menu] .cart-link{min-width:44px;padding:0 4px}
  .site-header[data-responsive-menu] .cart-link .cart-icon{display:block}
  .site-header[data-responsive-menu] .cart-link .cart-label{display:none}
  .site-header[data-responsive-menu] .responsive-menu-toggle{order:3;padding:10px}
  .site-header[data-responsive-menu] nav[data-menu-panel]{order:4;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex-basis:100%;width:100%;gap:4px 14px;margin:0;padding:14px 0 4px;border-top:1px solid var(--line);font-size:16px;text-align:left}
  .site-header[data-responsive-menu] nav[data-menu-panel] a{padding:10px 12px;border-radius:4px}
  .site-header[data-responsive-menu] nav[data-menu-panel] a:hover{background:#1c2525}
  .commerce-panel .store-responsive-menu .responsive-menu-toggle{width:100%;justify-content:flex-start;background:#151925;border-color:#303747;color:#eeeaf4}
  .commerce-panel .store-responsive-menu.is-menu-open .responsive-menu-toggle{border-color:#ff7900}
  .commerce-panel .store-responsive-menu nav.module-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 0;padding:12px;background:#11141e;border:1px solid #303747;border-radius:6px;max-height:70vh;max-height:70svh;overflow-y:auto;overscroll-behavior:contain}
  .commerce-panel .store-responsive-menu nav.module-tabs a{display:flex;align-items:center;white-space:normal;overflow-wrap:anywhere;padding:10px 12px;margin:0;line-height:1.4}
}
@media(max-width:600px){
  .site-header[data-responsive-menu]{min-height:76px;gap:6px;padding:8px 4%}
  .site-header[data-responsive-menu] .logo,.site-header[data-responsive-menu] .logo img{width:clamp(100px,37vw,170px)}
  .site-header[data-responsive-menu] .logo img{height:58px}
  .site-header[data-responsive-menu] .cart-link{font-size:13px;min-width:44px}
  .site-header[data-responsive-menu] nav[data-menu-panel]{grid-template-columns:1fr}
  .commerce-panel .store-responsive-menu nav.module-tabs{grid-template-columns:1fr}
}
