/* Main styles (trimmed for ZIP build). Paste your full main.css if you want the complete styling from the chat. */
@import url(''); /* no external fonts */
:root{--if-bg:#0f1114;--if-surface:#15181d;--if-text:#f2f3f5;--if-muted:#c6c9cf;--if-border:#2a323c;--if-accent:#caa34d;--if-radius:18px;--if-max:1200px;--if-font:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;font-family:var(--if-font);background:var(--if-bg);color:var(--if-text);line-height:1.5}
a{color:inherit;text-decoration:none}a:focus,button:focus,input:focus,textarea:focus{outline:3px solid var(--if-accent);outline-offset:2px}
.if-container{max-width:var(--if-max);margin:0 auto;padding:0 16px}
.if-topbar{background:#0a0c0f;border-bottom:1px solid var(--if-border)}.if-topbar-inner{display:flex;justify-content:space-between;gap:12px;padding:10px 0}
.if-header{position:sticky;top:0;background:rgba(15,17,20,.92);border-bottom:1px solid var(--if-border)}.if-header-inner{display:grid;grid-template-columns:1fr minmax(240px,520px) auto;gap:12px;align-items:center;padding:14px 0}
.if-action{display:inline-flex;gap:8px;align-items:center;padding:10px 12px;border:1px solid var(--if-border);border-radius:999px;background:var(--if-surface)}
.if-cart-count{display:inline-flex;min-width:22px;height:22px;align-items:center;justify-content:center;border-radius:999px;background:var(--if-accent);color:#121212;font-weight:900;font-size:12px}
.if-nav{border-top:1px solid var(--if-border)}.if-menu{display:flex;gap:14px;list-style:none;margin:0;padding:0}
.if-section{padding:40px 0}.if-page-title{margin:0 0 10px;font-size:34px}.if-lead{margin:0;color:var(--if-muted);max-width:70ch}
.if-btn{display:inline-flex;justify-content:center;align-items:center;padding:12px 14px;border-radius:999px;border:1px solid rgba(202,163,77,.6);background:var(--if-accent);color:#121212;font-weight:900;cursor:pointer}
.if-btn-ghost{background:transparent;color:var(--if-text);border-color:var(--if-border)}
.if-grid{display:grid;gap:14px}.if-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.if-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.if-card{border:1px solid var(--if-border);border-radius:var(--if-radius);background:rgba(255,255,255,.03);overflow:hidden}.if-card-body{padding:14px}
.if-footer{border-top:1px solid var(--if-border);background:#0a0c0f;padding:34px 0 22px}
@media (max-width:980px){.if-header-inner{grid-template-columns:1fr auto}.if-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.if-grid-3{grid-template-columns:1fr}}