.campaign-open { overflow: hidden; }
.campaign-back { position: fixed; inset: 0; z-index: 6000; display: grid; place-items: center; padding: 22px; visibility: hidden; opacity: 0; background: rgba(27,4,12,.76); backdrop-filter: blur(10px); transition: opacity .25s, visibility .25s; }
.campaign-back.show { visibility: visible; opacity: 1; }
.campaign-modal { position: relative; width: min(720px,100%); overflow: hidden; padding: 44px; color: #fff; text-align: center; border: 1px solid rgba(203,170,104,.5); border-radius: 30px; background: radial-gradient(circle at 50% 0, rgba(203,170,104,.2), transparent 32%), linear-gradient(145deg,var(--wine-950),var(--wine-700)); box-shadow: var(--shadow-lg); }
.campaign-modal::before { content: ""; position: absolute; inset: 10px; pointer-events: none; border: 1px solid rgba(203,170,104,.18); border-radius: 22px; }
.campaign-close { position: absolute; z-index: 2; right: 16px; top: 16px; display: grid; place-items: center; width: 40px; height: 40px; color: #fff; font-size: 22px; cursor: pointer; border: 1px solid rgba(255,255,255,.22); border-radius: 50%; background: rgba(255,255,255,.08); }
.campaign-kicker { color: var(--gold-400); font-size: 9px; font-weight: 800; letter-spacing: 3px; }
.campaign-modal h2 { margin: 14px 0 25px; color: #fff; font: 700 clamp(42px,7vw,68px)/.88 "Cormorant Garamond",serif; }
.campaign-modal h2 span { color: var(--gold-400); font-weight: 500; }
.campaign-modal-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.campaign-modal-grid > div { display: grid; gap: 8px; padding: 20px; border: 1px solid rgba(255,255,255,.13); border-radius: 16px; background: rgba(255,255,255,.055); }
.campaign-modal-grid strong { color: var(--gold-400); font: 700 23px "Cormorant Garamond",serif; }
.campaign-modal-grid span { color: rgba(255,255,255,.84); font-size: 12px; font-weight: 700; }
.campaign-condition { margin-top: 14px; padding: 13px 16px; color: var(--wine-950); font-size: 11px; font-weight: 800; line-height: 1.5; border-radius: 13px; background: var(--cream-200); }
.campaign-card { position: relative; }
.normal-price-line { color: #8a7b7f; text-decoration: line-through; }
.regular-card-price { color: var(--wine-800); font-weight: 800; }

@media (max-width: 620px) {
  .campaign-back { padding: 10px; align-items: end; }
  .campaign-modal { padding: 38px 16px 20px; border-radius: 25px 25px 8px 8px; }
  .campaign-modal-grid { grid-template-columns: 1fr; gap: 8px; }
  .campaign-modal-grid > div { padding: 13px; }
  .campaign-modal h2 { font-size: 43px; }
}

@media (prefers-reduced-motion: reduce) {
  .campaign-back { transition: none; }
}