/* /assets/site.css — Frontend base (v1) */
:root{--bg:#f8fafc;--text:#111827;--muted:#6b7280;--border:#e5e7eb;--brand:#111827}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial}
a{color:var(--text);text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:0 12px}
header.site-header{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}
.hdr-wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0}
.brand{display:flex;align-items:center;gap:10px;font-weight:700}
.brand img{width:28px;height:28px}
nav.primary{display:flex;gap:10px;align-items:center}
.nav-link{padding:8px 10px;border-radius:8px}
.nav-link.active{background:var(--text);color:#fff}
.cart-link{padding:8px 10px;border:1px solid var(--border);border-radius:8px}
main.site-main{min-height:60vh;padding:16px 0}
footer.site-footer{background:#fff;border-top:1px solid var(--border);margin-top:24px}
.ftr-wrap{padding:18px 0;color:var(--muted);font-size:14px}
@media (max-width:720px){ nav.primary{display:none} .nav-toggle{display:inline-block} }
@media (min-width:721px){ .nav-toggle{display:none} }
.mobile-nav{display:none;border-top:1px solid var(--border);padding:8px 0}
.mobile-nav a{display:block;padding:8px 0}