.page-promo .promo-hero { background: linear-gradient(135deg, #0e263c, #0b5547); color: #fff; }
.page-promo .promo-hero h1 { color: #fff; }
.page-promo .promo-hero .eyebrow,
.page-promo .promo-hero .lead { color: #e4f6e3; }
.promo-section { background: linear-gradient(180deg, #f1f8eb, #fff 75%); }
.promo-card { border: 2px solid #87c536; border-radius: 22px; background: #fff; box-shadow: 0 18px 45px #0d2b3a18; padding: clamp(24px, 4vw, 42px); }
.promo-card-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; }
.promo-badge { border-radius: 999px; padding: 9px 16px; background: #baf05a; color: #102832; white-space: nowrap; }
.promo-card h2 { color: #102832; margin: 12px 0; }
.promo-price { display: flex; gap: 8px 16px; align-items: baseline; flex-wrap: wrap; margin: 28px 0; }
.promo-price s { color: #62717c; font-size: 1.25rem; }
.promo-price strong { color: #157042; font-size: clamp(2.3rem, 5vw, 3.5rem); line-height: 1; }
.promo-price small { color: #52616d; }
.promo-card .button { display: inline-flex; margin-top: 22px; }
.promo-ribbon { display: flex; justify-content: space-between; gap: 15px; padding: 16px 20px; margin-bottom: 24px; border-radius: 15px; background: linear-gradient(110deg, #baf05a, #eafad5); color: #14342c; }
.promo-ribbon strong { font-size: 1.1rem; }
.promo-summary { border: 2px solid #87c536; }
@media(max-width:760px) { .promo-ribbon { display: block; } .promo-ribbon span { display: block; margin-top: 4px; } }