:root{--color-bg:#faf7f0;--color-text:#0f0f10;--color-accent:#c8a96b;}

/* Minimal clean UI */
:root{--bg:#0b0b0e;;--muted:#9aa0a6;--fg:#e8eaed;--pri:#C9A227;--ok:#00c853;--ko:#ff5252}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--fg)}
a{color:var(--pri);text-decoration:none}
header,footer{padding:16px 24px;background:linear-gradient(180deg,#111,#0b0b0e)}
.container{max-width:1200px;margin:0 auto;padding:24px}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.grid{grid-template-columns:1fr}}
.card{background:var(--card);border-radius:16px;padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.card h3{margin:8px 0}
.price{font-weight:700}
.btn{display:inline-block;padding:10px 14px;border-radius:12px;background:var(--pri);color:#fff}
.btn.secondary{background:#2c2c36}
.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#1d1d24;color:var(--muted);font-size:12px}
input,select,textarea{width:100%;padding:10px;border-radius:10px;border:1px solid #2a2a33;background:#0f0f14;color:var(--fg)}
table{width:100%;border-collapse:collapse}
td,th{padding:10px;border-bottom:1px solid #23232c;vertical-align:top}
nav a{margin-right:12px}
.alert{padding:12px;border-left:4px solid var(--ok);background:#0f1a13;border-radius:8px;margin:8px 0}
.alert.err{border-color:var(--ko);background:#1a1111}
form.grid{display:grid;gap:10px}
.two{grid-template-columns:1fr 1fr}
.three{grid-template-columns:2fr 1fr 1fr}
.img-row{display:flex;gap:8px;flex-wrap:wrap}
.img-row img{height:80px;border-radius:8px}
label small{color:var(--muted)}
.cookie{position:fixed;bottom:16px;left:16px;right:16px;background:#111a;border:1px solid #222;padding:12px;border-radius:12px}