/* 15% Broth Fast email offer box */
.offer-box { background: #1F4B48; color: #F6F4EC; border: 2px solid #E3A73B; border-radius: 18px; padding: 28px 26px; display: grid; grid-template-columns: 1.1fr 1fr; gap: 24px; align-items: center; margin: 32px 0; }
.offer-box .ob-tag { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: #F0C976; }
.offer-box h3 { font-family: 'Anton', sans-serif; font-weight: 400; font-size: clamp(1.5rem, 3.4vw, 2rem); line-height: 1.1; margin: 6px 0 8px; color: #fff; letter-spacing: 0.01em; }
.offer-box p { margin: 0; font-size: 0.92rem; line-height: 1.55; opacity: 0.9; }
.offer-box .ob-fine { font-size: 0.76rem; opacity: 0.7; margin-top: 8px; }
.offer-box form { display: flex; gap: 10px; flex-wrap: wrap; }
.offer-box input[type=email] { flex: 1 1 200px; min-width: 0; padding: 14px 18px; border-radius: 999px; border: 0; font: inherit; font-size: 0.95rem; color: #15201D; }
.offer-box button, .offer-box .ob-link { padding: 14px 24px; border-radius: 999px; border: 0; background: #E3A73B; color: #0D0F0E; font: inherit; font-weight: 600; font-size: 0.95rem; cursor: pointer; text-decoration: none; display: inline-block; text-align: center; }
.offer-box button:hover, .offer-box .ob-link:hover { background: #F0C976; }
.offer-box .ob-done { display: none; }
.offer-box.sent form, .offer-box.sent .ob-fine { display: none; }
.offer-box.sent .ob-done { display: block; }
.offer-box .ob-done b { display: block; font-size: 1.05rem; margin-bottom: 6px; color: #fff; }
.offer-box .ob-done .ob-link { margin-top: 12px; }
.offer-box .ob-err { color: #F0C976; font-size: 0.82rem; margin-top: 6px; display: none; width: 100%; }
@media (max-width: 720px) { .offer-box { grid-template-columns: 1fr; padding: 24px 20px; } }