/** Shopify CDN: Minification failed

Line 30:77 Expected identifier but found whitespace
Line 30:79 Unexpected "{"
Line 30:89 Expected ":"
Line 30:109 Unexpected ","
Line 30:112 Unexpected "{"
Line 30:122 Expected ":"
Line 31:21 Expected identifier but found whitespace
Line 31:23 Unexpected "{"
Line 31:33 Expected ":"
Line 31:56 Unexpected ","
... and 2 more hidden warnings

**/
/* Theme tokens and base styles */
:root{
  --fg: var(--color-text);
  --fg-muted: var(--color-muted);
  --bg: var(--color-bg);
  --surface: var(--color-surface);
  --primary: var(--color-primary);
  --primary-dark: var(--color-primary-dark);
  --accent: var(--color-accent);
  --tint: var(--color-tint);
  --border: var(--color-border);
}

*{box-sizing:border-box}
body.theme-body{margin:0; color:var(--fg); background:var(--bg); font-family: {{ settings.font_body.family }}, {{ settings.font_body.fallback_families }}; line-height:1.6}
h1,h2,h3{font-family: {{ settings.font_heading.family }}, {{ settings.font_heading.fallback_families }}; margin:0 0 .5rem}
img{max-width:100%; height:auto; border-radius: calc(var(--radius) - 4px)}
.container{max-width:1200px; margin-inline:auto; padding:0 16px}
.section-title{font-size:clamp(1.5rem, 2vw, 2rem); margin:0 0 .5rem}
.section-subtitle{color:var(--fg-muted); margin:0 0 1rem}

/* Buttons */
.btn{display:inline-flex; align-items:center; justify-content:center; gap:.5rem; padding:.75rem 1rem; border-radius:var(--radius); border:1px solid transparent; cursor:pointer; transition:all .2s ease; text-decoration:none}
.btn--primary{background:var(--primary); color:#fff; box-shadow: var(--shadow-soft)}
.btn--primary:hover{background:var(--primary-dark)}
.btn--ghost{background:transparent; color:var(--fg); border-color:var(--border)}
.btn--ghost:hover{background:var(--tint)}
.badge{display:inline-block; padding:.25rem .5rem; background:var(--tint); color:var(--fg); border-radius:999px; font-size:.75rem}
.badge--accent{background:var(--accent); color:#fff}

/* Header */
.announcement{background:var(--tint); color:var(--fg); border-bottom:1px solid var(--border); font-weight:500}
.announcement .container{padding:.5rem 16px; text-align:center}
.nav{position:sticky; top:0; z-index:50; background:var(--surface); border-bottom:1px solid var(--border);}
.nav__inner{display:flex; align-items:center; justify-content:space-between; padding:.75rem 0}
.nav__links ul{display:flex; gap:1rem; list-style:none; margin:0; padding:0}
.nav__item{position:relative}
.nav__item .mega{position:absolute; left:0; top:100%; min-width:600px; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); padding:1rem; box-shadow:var(--shadow-soft); opacity:0; transform:translateY(8px); pointer-events:none; transition:.2s ease}
.nav__item:hover .mega{opacity:1; transform:translateY(0); pointer-events:auto}
.mega__grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1rem}
.nav__actions{display:flex; gap:.5rem; align-items:center}

/* Search overlay */
.search-overlay[hidden]{display:none}
.search-overlay{position:fixed; inset:0; backdrop-filter:saturate(140%) blur(8px); background:rgba(248,250,252,.7); z-index:60;}
.search-overlay__inner{max-width:800px; margin:10vh auto; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow-soft); padding:1rem}
.search-overlay__results{margin-top:1rem; max-height:50vh; overflow:auto}

/* Cart drawer */
.cart-drawer[hidden]{display:none}
.cart-drawer__overlay{position:fixed; inset:0; background:rgba(0,0,0,.3)}
.cart-drawer__panel{position:fixed; top:0; right:0; width:min(420px, 90vw); height:100vh; background:var(--surface); border-left:1px solid var(--border); box-shadow:var(--shadow-soft); display:flex; flex-direction:column}
.cart-drawer__header{display:flex; justify-content:space-between; align-items:center; padding:1rem; border-bottom:1px solid var(--border)}
.cart-drawer__items{flex:1; overflow:auto; padding:1rem}
.cart-drawer__footer{padding:1rem; border-top:1px solid var(--border)}

/* Grids */
.product-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:1rem}
@media (max-width: 900px){.product-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 540px){.product-grid{grid-template-columns:1fr}}

/* Product card */
.product-card{border:1px solid var(--border); border-radius:var(--radius); background:var(--surface); overflow:hidden}
.product-card__media{position:relative}
.product-card__media--hover{position:absolute; inset:0; opacity:0; transition:opacity .2s ease}
.product-card:hover .product-card__media--hover{opacity:1}
.product-card__body{padding:.75rem}
.product-card__title{font-weight:600; margin-bottom:.25rem}
.product-card__quick-add{padding:0 .75rem 1rem}

/* Collection */
.collection__toolbar{display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:.5rem 0; position:sticky; top:64px; background:var(--bg); z-index:5; border-bottom:1px solid var(--border)}
.facet{border:1px solid var(--border); border-radius:var(--radius); padding:.5rem; background:var(--surface)}

/* Product */
.product__grid{display:grid; grid-template-columns: 1.2fr 1fr; gap:2rem}
@media (max-width: 900px){.product__grid{grid-template-columns:1fr}}
.product__media{display:grid; gap:.5rem}
.product__title{font-size:clamp(1.5rem, 2.5vw, 2.25rem)}
.product__accordions details{border:1px solid var(--border); border-radius:var(--radius); background:var(--surface); padding: .75rem; margin:.5rem 0}

/* Footer */
.site-footer{border-top:1px solid var(--border); background:var(--surface); margin-top:2rem}
.footer__grid{display:grid; grid-template-columns:1fr 1fr 1fr; gap:1.5rem; padding:2rem 0}
.footer__bottom{border-top:1px solid var(--border); padding:1rem 0; color:var(--fg-muted)}
@media (max-width: 900px){.footer__grid{grid-template-columns:1fr}}
