/* ==================================
   07. OFFER BANNER
================================== */
.offer-section { padding-top: 0; }
.offer-banner {
  display: grid; gap: 30px; background: linear-gradient(135deg, #5b3520, #24130b);
  color: var(--milk); border-radius: 32px; overflow: hidden; box-shadow: var(--shadow-lg);
}
.offer-content { padding: 35px; }
.offer-kicker { font-family: var(--ff-script); font-size: 1.3rem; color: var(--gold); }
.offer-title { font-family: var(--ff-display); font-size: clamp(2rem, 5vw, 3.5rem); line-height: 1.05; text-transform: uppercase; color: var(--white); margin: 10px 0 14px; }
.offer-content p { color: rgba(255, 255, 255, 0.84); line-height: 1.75; max-width: 55ch; margin-bottom: 22px; }
.offer-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.offer-media { position: relative; min-height: 320px; overflow: hidden; }
.offer-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.offer-badge {
  position: absolute; top: 20px; right: 20px; background: var(--gold); color: var(--deep);
  padding: 10px 14px; border-radius: 999px; font-weight: 700; font-size: 0.9rem; box-shadow: var(--shadow-md);
}