/**
 * Funnel ön yüzü.
 *
 * Tema hangisi olursa olsun okunabilir kalmalı: renkler tema
 * değişkenlerine değil kendi paletine bağlı, tipografi devralınıyor.
 */
.mevvcr-offer {
	max-width: 640px;
	margin: 0 auto;
}

.mevvcr-offer-headline {
	text-align: center;
	margin: 0 0 24px;
}

.mevvcr-offer-card {
	display: flex;
	gap: 20px;
	align-items: center;
	padding: 24px;
	border: 1px solid var(--mevvcr-line, rgba(0, 0, 0, .12));
	border-radius: var(--mevvcr-radius, 14px);
	background: #fff;
}

.mevvcr-offer-media img {
	max-width: 140px;
	height: auto;
	border-radius: 10px;
}

.mevvcr-offer-info h3 {
	margin: 0 0 8px;
}

.mevvcr-offer-price {
	display: flex;
	align-items: baseline;
	gap: 10px;
	margin-bottom: 8px;
}

.mevvcr-offer-price del {
	opacity: .55;
	font-size: .9em;
}

.mevvcr-offer-price strong {
	font-size: 1.4em;
	color: #e53935;
}

.mevvcr-offer-actions {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	margin: 24px 0 12px;
}

.mevvcr-offer-btn {
	display: inline-block;
	padding: 14px 34px;
	border-radius: 10px;
	background: #e53935;
	color: #fff !important;
	font-weight: 600;
	text-decoration: none !important;
	text-align: center;
}

.mevvcr-offer-btn:hover {
	background: #c62828;
}

/* Ret bağlantısı düğme kadar belirgin olmamalı ama gizli de olmamalı:
   müşteriyi tuzağa düşürmek iade ve şikâyet olarak geri döner. */
.mevvcr-offer-skip {
	font-size: 14px;
	opacity: .7;
	text-decoration: underline;
}

.mevvcr-offer-note {
	text-align: center;
	font-size: 13px;
	opacity: .65;
}

.mevvcr-step-cta {
	margin: 28px 0;
	text-align: center;
}

.mevvcr-step-notice {
	padding: 16px 20px;
	border-radius: 10px;
	background: rgba(0, 0, 0, .04);
}

/* ── Order bump ──────────────────────────────────────────────────
   Ödeme formunun içinde durur. Kesikli çerçeve ve sarı zemin, formun
   geri kalanından ayrıldığı için gözden kaçmıyor. */
.mevvcr-bump {
	margin: 18px 0;
	padding: 16px 18px;
	border: 2px dashed #e0a800;
	border-radius: var(--mevvcr-radius, 12px);
	background: #fffdf3;
}

.mevvcr-bump.is-added {
	border-style: solid;
	border-color: #2e7d32;
	background: #f4faf4;
}

.mevvcr-bump-label {
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	font-weight: 600;
	margin: 0;
}

.mevvcr-bump-toggle {
	width: 18px;
	height: 18px;
	margin: 0;
	flex: 0 0 auto;
}

.mevvcr-bump-body {
	display: flex;
	gap: 14px;
	align-items: center;
	margin-top: 12px;
	padding-left: 28px;
}

.mevvcr-bump-body img {
	max-width: 64px;
	height: auto;
	border-radius: 8px;
}

.mevvcr-bump-price {
	display: block;
	margin-top: 2px;
}

.mevvcr-bump-price del {
	opacity: .55;
	margin-right: 6px;
}

.mevvcr-bump-body p {
	margin: 6px 0 0;
	font-size: 13px;
	opacity: .75;
}

@media (max-width: 600px) {
	.mevvcr-offer-card {
		flex-direction: column;
		text-align: center;
	}
	.mevvcr-bump-body {
		padding-left: 0;
	}
}

/* ── Sepette "şu kadar daha ekleyin" ─────────────────────────────
   Sepet özetinin içinde bir satır. Çubuk ilerlemeyi gösteriyor;
   sadece eşiğin altındayken basılıyor. */
.mevvcr-coupon-progress td {
	padding-top: 14px !important;
}

.mevvcr-coupon-progress p {
	margin: 0 0 6px;
	font-size: 14px;
}

.mevvcr-coupon-bar {
	display: block;
	height: 8px;
	border-radius: 20px;
	background: rgba(0, 0, 0, .09);
	overflow: hidden;
}

.mevvcr-coupon-bar i {
	display: block;
	height: 100%;
	border-radius: 20px;
	background: #e53935;
	transition: width .3s ease;
}