/** Shopify CDN: Minification failed

Line 17:7 Expected identifier but found whitespace
Line 17:9 Unexpected "{"
Line 17:19 Expected ":"
Line 18:7 Expected identifier but found whitespace
Line 18:9 Unexpected "{"
Line 18:19 Expected ":"
Line 19:10 Expected identifier but found whitespace
Line 19:12 Unexpected "{"
Line 19:22 Expected ":"
Line 20:11 Expected identifier but found whitespace
... and 15 more hidden warnings

**/
:root{
  --bg: {{ settings.color_bg }};
  --fg: {{ settings.color_text }};
  --muted: {{ settings.color_muted }};
  --accent: {{ settings.color_accent }};
  --accent-2: {{ settings.color_accent_2 }};
  --radius: 6px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font:400 16px/1.5 system-ui, -apple-system, Segoe UI, Roboto, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif}
a{color:var(--fg);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease,opacity .2s ease}
a:hover{border-color:var(--fg);opacity:.9}
img{max-width:100%;display:block}

.header, .footer, .announcement{border-bottom:1px solid rgba(255,255,255,.08)}
.container{max-width:{{ settings.max_width }}px;margin:0 auto;padding:{{ settings.container_padding }}}
.header-inner,.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:12px}
.nav{display:flex;gap:18px;flex-wrap:wrap}
.btn{display:inline-block;padding:.75rem 1rem;border:1px solid var(--fg);border-radius:var(--radius);text-transform:uppercase;letter-spacing:.05em;font-weight:600}
.btn--accent{border-color:var(--accent);background:var(--accent);color:#000}

.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .6rem;border:1px solid var(--muted);border-radius:999px;font-size:.75rem;color:var(--muted)}

/* Hero */
.hero{position:relative;overflow:hidden}
.hero-inner{display:grid;gap:16px;align-items:center;min-height:52vh;padding:6vh 0}
.hero-title{font-size:clamp(28px,5vw,54px);line-height:1.05;margin:0;font-weight:800;letter-spacing:.02em}
.hero-sub{opacity:.8;max-width:60ch}
.hero-stripes{position:absolute;inset:auto 0 0 0;height:40px;background:linear-gradient(90deg,var(--accent),transparent 35%,transparent 65%,var(--accent-2));opacity:.25}

/* Product grid */
.grid{display:grid;gap:{{ settings.grid_gap }}}
.grid--products{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.card{border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);overflow:hidden;background:rgba(255,255,255,.02)}
.card-media{aspect-ratio:4/3;background:#0b0b0b}
.card-body{padding:12px}
.price{opacity:.8}

/* Footer */
.footer{margin-top:48px;padding:24px 0;border-top:1px solid rgba(255,255,255,.08)}
.small{font-size:.85rem;opacity:.7}

/* Decorative minimal "racing" motif */
.motif{display:flex;gap:6px;align-items:center}
.motif::before,.motif::after{content:"";display:inline-block;width:12px;height:12px;border-radius:2px;background:var(--accent);transform:skew(-8deg)}
.motif::after{background:var(--accent-2)}

/* Accessibility helpers */
.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}