:root{--accent:#111827;--bg:#f9f9f9;--fg:#111827;--muted:#475569;--card:#fff;--radius:12px;--shadow:0 6px 24px rgba(0,0,0,.06)}
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:system-ui,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--fg)}
.header{background:#222;color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}
.header a{color:#fff;margin-left:12px;text-decoration:none}
.product-list{display:flex;flex-wrap:wrap;gap:16px;padding:16px;justify-content:center}
.product-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;width:260px;box-shadow:0 6px 24px rgba(0,0,0,.06);display:flex;flex-direction:column;align-items:center}
.product-card img{width:100%;height:auto;border-radius:8px}
.product-card h3{margin:.5rem 0}.product-card p{color:#475569;text-align:center}.product-card .price{font-weight:700;margin:.5rem 0}
.product-card button{padding:.5rem 1rem;border:none;background:#0070f3;color:#fff;border-radius:8px;cursor:pointer}
.container{max-width:900px;margin:0 auto;padding:16px}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}
.notice{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;padding:12px}
.footer{background:#222;color:#fff;text-align:center;padding:16px}