:root{
  --red:#b30719;
  --dark-red:#8e0614;
  --gold:#f3b11b;
  --cream:#fff7e6;
}
.banner{background:linear-gradient(0deg,var(--dark-red),var(--red));color:#fff;text-align:center;padding:14px 10px;font-weight:900;letter-spacing:.04em}
.hero-cover{position:relative;min-height:70vh;display:grid;align-items:end;background-image:linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.55)), url('../images/hero.jpg');background-size:cover;background-position:center}
.hero-inner{color:#fff;padding:clamp(24px,4vw,48px)}
.promo-bar{background:var(--gold);color:#000;padding:14px 0;font-weight:800;text-align:center}
.details{background:#fff;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.08);padding:clamp(20px,3vw,36px)}
.price-pill{background:#111;color:#fff;border-radius:999px;padding:10px 14px;font-weight:800;display:inline-block;margin-left:10px}
.charity{background:linear-gradient(135deg,var(--cream),#fff);border:1px solid #f1e7c8;padding:18px;border-radius:16px}
.site-footer{background:#111;color:#eee}