/* Adet-paketi teklifi widget'ı. Vurgu rengi = marka kiti/palet (:root'a yazılan --vst-accent).
   NOT: .vst-bundle'a SABİT --vst-accent VERİLMEZ — verilirse palet accent'ini widget içinde ezerdi (renk değişmez bug'ı). */
.vst-bundle {
	margin: var(--vb-margin, 18px 0);
}
.vst-bundle-heading {
	text-align: var(--vb-heading-align, center);
	font-weight: 800;
	letter-spacing: .3px;
	text-transform: uppercase;
	margin: 0 0 14px;
	color: var(--vb-heading, #222);
}
.vst-tiers {
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.vst-tier {
	position: relative;
	display: block;
	border: 2px solid var(--vb-card-border, #e6e0d8);
	border-radius: 12px;
	padding: var(--vb-pad, 14px 16px);
	cursor: pointer;
	background: var(--vb-card-bg, #fbf8f4);
	transition: border-color .15s, background .15s;
}
.vst-tier.is-selected {
	border-color: var(--vb-sel-border, var(--vst-accent, #b0885f));
	background: var(--vb-sel-bg, #fff);
}
.vst-tier-badge {
	position: absolute;
	top: -11px;
	right: 16px;
	background: var(--vb-badge-bg, var(--vst-accent, #b0885f));
	color: var(--vb-badge-text, #fff);
	font-size: 12px;
	font-weight: 700;
	padding: 3px 12px;
	border-radius: 6px;
	white-space: nowrap;
}
.vst-tier-main {
	display: flex;
	align-items: center;
	gap: 12px;
}
.vst-tier-radio input {
	width: 20px;
	height: 20px;
	accent-color: var(--vb-sel-border, var(--vst-accent, #b0885f));
	margin: 0;
}
.vst-tier-info {
	flex: 1;
	display: flex;
	flex-direction: column;
	min-width: 0;
}
.vst-tier-qty {
	font-weight: 800;
	font-size: 18px;
	color: var(--vb-qty, #222);
}
.vst-tier-save {
	font-size: 13px;
	color: var(--vb-save, #7a6a56);
}
.vst-tier-unit {
	font-size: 12.5px;
	color: var(--vb-unit, #6b7280);
}
.vst-tier-pct {
	display: inline-block;
	margin-left: 4px;
	padding: 1px 7px;
	border-radius: 999px;
	background: var(--vb-pct-bg, #dcfce7);
	color: var(--vb-pct-text, #15803d);
	font-size: 11px;
	font-weight: 700;
	vertical-align: middle;
}
.vst-tier-price {
	text-align: right;
	white-space: nowrap;
}
.vst-price-now {
	display: block;
	font-weight: 800;
	font-size: 20px;
	color: var(--vb-price, var(--vst-accent, #b0885f));
}
.vst-price-old {
	display: block;
	font-size: 13px;
	color: var(--vb-compare, #aaa);
	text-decoration: line-through;
}
.vst-tier-gift {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px dashed #e0d8cc;
	font-size: 14px;
	color: #444;
}
.vst-tier-gift img {
	width: 42px;
	height: 42px;
	object-fit: cover;
	border-radius: 6px;
}