/* ============================================================
   OFFERS.CSS — page-specific styles for offers.php:
   the hero image, offer-card validity/branch meta, and the
   service-package price/duration labels.
   ============================================================ */
:root{
  --hero-bg-image: url('../../assets/img/offer.png');
}

/* ===== OFFER CARD META (validity / branches) ===== */
.offer-meta{display:flex; flex-direction:column; gap:2px; margin-bottom:14px;}
.offer-meta span{color:rgba(255,255,255,.65); font-size:12px; font-weight:600;}
.offer-meta span strong{color:rgba(255,255,255,.9); font-weight:800;}

/* ===== SERVICE PACKAGES ===== */
.package-price{font-family:var(--serif); font-size:22px; color:var(--teal); font-weight:700; margin-top:4px;}
.package-price small{font-family:var(--sans); font-size:12px; font-weight:700; color:var(--gray); text-transform:uppercase; letter-spacing:.05em;}
.package-duration{font-size:12.5px; font-weight:700; color:var(--gold); text-transform:uppercase; letter-spacing:.05em;}