:root {
  --offer-border: rgba(240, 232, 201, 0.2);
  --offer-bg: rgba(1, 3, 0, 0.65);
  --offer-featured: rgba(253, 0, 9, 0.12);
}
.offer-grid { display:grid; grid-template-columns:repeat(1,minmax(0,1fr)); gap:1rem; }
@media (min-width: 900px) { .offer-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
.offer-card { border:1px solid var(--offer-border); background:var(--offer-bg); padding:1.25rem; }
.offer-card--featured { border-color: rgba(253,0,9,.5); background:var(--offer-featured); }
.offer-tier { font-size:.68rem; letter-spacing:.12em; text-transform:uppercase; opacity:.7; }
.offer-title { font-family:'Playfair Display',serif; font-size:1.6rem; margin:.2rem 0; }
.offer-price { font-size:1.8rem; margin:.25rem 0; }
.offer-badge { font-size:.72rem; text-transform:uppercase; letter-spacing:.1em; color:#fd0009; margin:.2rem 0 .6rem; }
.offer-message { opacity:.85; margin-bottom:.6rem; }
.offer-benefits { margin:0; padding-left:1rem; opacity:.8; font-size:.92rem; }