:root { --gold:#d4af37; --bg:#000; }
* { box-sizing: border-box; }
html, body { margin:0; padding:0; color:#fff; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
body::before {
  content:""; position:fixed; inset:0; z-index:-2;
  background:#000 url('assets/stay-sturdy-wall-v14.jpg') center/cover no-repeat;
  background-attachment: fixed;
}
body::after {
  content:""; position:fixed; inset:0; z-index:-1;
  background: radial-gradient(ellipse at 50% -20%, rgba(212,175,55,.18), transparent 55%);
}
a { color: var(--gold); text-decoration: none; }
.button { display:inline-block; background: var(--gold); color:#000; padding:.75rem 1rem; border-radius:.6rem; font-weight:700; }
.container { max-width:1100px; margin:0 auto; padding:0 16px; }
.header { text-align:center; padding:18px 0 8px; }
.header img.hero-logo { width:320px; height:auto; display:block; margin:12px auto; filter: drop-shadow(0 0 12px rgba(212,175,55,.55)); }
.header .btns { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.section { margin:26px 0; padding:20px; background:rgba(11,11,11,.92); border:1px solid #333; border-radius:16px; box-shadow:0 0 30px rgba(212,175,55,.12); }
.section h1, .section h2 { margin-top:0; text-shadow:0 0 14px rgba(212,175,55,.35); }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:18px; }
.card { background:#0a0a0a; border:1px solid #333; border-radius:14px; padding:16px; text-align:center; }
.card img { width:100%; height:auto; border-radius:10px; background:#000; }
.price { font-weight:800; color: var(--gold); margin:8px 0; }
label, select { display:block; margin:8px auto; }
footer { margin:40px 0 80px; opacity:.85; text-align:center; }