/* ===========================================================================
   Offer + order form (#order, components/offer-form.php).
   .countdown and .price-box__* come from landing.css; ev-* from components.css.
   =========================================================================== */

.offer__card { max-inline-size: 560px; margin-inline: auto; }

/* ---- Deal: timer, prices, delivery line ---- */
.offer__deal {
	display: flex; flex-direction: column; align-items: center; gap: var(--space-4);
	padding: var(--space-6) var(--space-5);
	text-align: center;
	background: linear-gradient(180deg, var(--green-50) 0%, var(--white) 100%);
	border-block-end: 1px solid var(--border-default);
}
.offer__timer-label {
	display: inline-flex; align-items: center; gap: var(--space-2); margin: 0;
	font-size: var(--text-sm); font-weight: var(--fw-bold); color: var(--text-strong);
}
.offer__timer-label iconify-icon { color: var(--error); font-size: 1.2em; }

.offer__prices {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
	gap: var(--space-2) var(--space-4);
}

.offer__delivery {
	display: inline-flex; align-items: center; gap: var(--space-2); margin: 0;
	font-size: var(--text-sm); font-weight: var(--fw-medium); color: var(--green-700);
}
.offer__delivery iconify-icon { font-size: 1.3em; }

/* ---- Form ---- */
.order-form {
	position: relative;
	display: flex; flex-direction: column; gap: var(--space-4);
	padding: var(--space-6) var(--space-5);
}
.order-form .ev-field__error:empty { display: none; }
.order-form__optional { font-weight: var(--fw-regular); color: var(--text-muted); }

/* Honeypot: off-screen, not display:none (some bots skip hidden inputs). */
.order-form__hp {
	position: absolute; inset-inline-start: -10000px;
	inline-size: 1px; block-size: 1px; overflow: hidden;
}

.order-form__turnstile { display: flex; justify-content: center; min-block-size: 65px; }

.order-form__alert {
	padding: var(--space-3) var(--space-4);
	border: 1px solid color-mix(in srgb, var(--error) 30%, transparent);
	border-radius: var(--radius-md);
	background: var(--error-bg); color: var(--error);
	font-size: var(--text-sm); font-weight: var(--fw-medium); line-height: 1.6;
}
.order-form__alert[hidden] { display: none; }

.order-form__submit { min-block-size: 54px; font-size: var(--text-lg); }

.order-form__note {
	display: flex; align-items: center; justify-content: center; gap: var(--space-2); margin: 0;
	font-size: var(--text-xs); color: var(--text-muted); text-align: center;
}
.order-form__note iconify-icon { color: var(--brand-primary); font-size: 1.2em; }

@media (min-width: 768px) {
	.offer__deal, .order-form { padding-inline: var(--space-8); }
}