/* Barra de Descuentos por Cantidad */
.tdb-wrap {
	--tdb-active: #111;
	--tdb-inactive: #e3e3e3;
	--tdb-box: #f4f3f1;
	--tdb-badge-h: 30px;
	margin: 0 0 28px;
	color: var(--tdb-active);
	font-family: inherit;
	line-height: 1.3;
	box-sizing: border-box;
}
.tdb-wrap *,
.tdb-wrap *::before,
.tdb-wrap *::after { box-sizing: border-box; }

.tdb-top { display: flex; align-items: flex-start; gap: 10px; }

/* Línea de progreso */
.tdb-track { position: relative; flex: 1; min-width: 0; }
.tdb-line {
	position: absolute; left: 0; right: 0;
	top: calc(var(--tdb-badge-h) / 2 - 3px);
	height: 6px; border-radius: 6px;
	background: var(--tdb-inactive);
	overflow: hidden;
}
.tdb-line-fill {
	height: 100%;
	background: var(--tdb-active);
	border-radius: 6px;
	transition: width .6s cubic-bezier(.22, .8, .3, 1);
}

/* Escalones */
.tdb-wrap .tdb-steps { position: relative; display: flex; list-style: none; margin: 0; padding: 0; }
.tdb-wrap .tdb-step {
	flex: 1 1 0; min-width: 0;
	display: flex; flex-direction: column; align-items: center;
	text-align: center; margin: 0; padding: 0;
}
.tdb-wrap .tdb-step::before,
.tdb-wrap .tdb-step::marker { content: none; }

.tdb-badge {
	height: var(--tdb-badge-h);
	min-width: 60px;
	padding: 0 12px;
	border-radius: 999px;
	background: var(--tdb-inactive);
	color: var(--tdb-active);
	font-size: 17px; font-weight: 700; letter-spacing: -.01em;
	display: inline-flex; align-items: center; justify-content: center;
	transition: background .3s, color .3s;
}
.tdb-step.is-reached .tdb-badge { background: var(--tdb-active); color: #fff; }

/* Camión de envío gratis */
.tdb-badge--truck { background: transparent !important; padding: 0; min-width: 0; }
.tdb-truck { width: 66px; height: 30px; overflow: visible; }
.tdb-truck-body { fill: var(--tdb-inactive); transition: fill .3s; }
.tdb-truck-wheel { fill: var(--tdb-inactive); stroke: #fff; stroke-width: 2; transition: fill .3s; }
.tdb-truck-text { fill: var(--tdb-active); font-size: 10.5px; font-weight: 800; font-family: inherit; letter-spacing: .02em; }
.tdb-step.is-reached .tdb-truck-body,
.tdb-step.is-reached .tdb-truck-wheel { fill: var(--tdb-active); }
.tdb-step.is-reached .tdb-truck-text { fill: #fff; }

.tdb-step-label { margin-top: 8px; font-size: 16px; color: #3a3a3a; white-space: nowrap; }

/* Botón de información */
.tdb-info { position: relative; flex: 0 0 auto; margin-top: -2px; }
.tdb-wrap .tdb-info-btn {
	width: 34px; height: 34px; padding: 0; border: 0; border-radius: 50%;
	background: #707070; color: #fff;
	font: 700 18px/34px Georgia, "Times New Roman", serif;
	text-align: center; cursor: pointer; box-shadow: none;
}
.tdb-wrap .tdb-info-btn:hover,
.tdb-wrap .tdb-info-btn[aria-expanded="true"] { background: var(--tdb-active); }
.tdb-pop {
	position: absolute; right: 0; top: 42px; z-index: 50;
	width: 280px; max-width: 80vw;
	padding: 14px 16px;
	background: #fff; color: #222;
	border-radius: 12px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .15);
	font-size: 14px;
}
.tdb-pop[hidden] { display: none; }
.tdb-pop p { margin: 0 0 8px; }
.tdb-pop ul { margin: 0; padding-left: 18px; }
.tdb-pop li { margin: 3px 0; }

/* Mensaje */
.tdb-msg {
	margin-top: 22px;
	padding: 14px 18px;
	border-radius: 12px;
	background: var(--tdb-box);
	display: flex; align-items: center; justify-content: center; gap: 12px;
	font-size: 19px; text-align: center; color: #222;
}
.tdb-msg strong { font-weight: 800; }
.tdb-tag { width: 30px; height: 30px; flex: 0 0 auto; }

/* Precios tachados en el carrito */
.tdb-price { display: inline-flex; flex-direction: column; align-items: flex-end; line-height: 1.25; }
.tdb-price ins { text-decoration: none; font-weight: 700; background: none; }
.tdb-price del { opacity: .55; font-weight: 600; font-size: .95em; }
.tdb-savings td strong { color: #1a7f37; }

/* Mini-carrito: versión compacta */
.widget_shopping_cart .tdb-wrap { --tdb-badge-h: 24px; margin-bottom: 16px; }
.widget_shopping_cart .tdb-badge { min-width: 42px; font-size: 12px; padding: 0 7px; }
.widget_shopping_cart .tdb-truck { width: 50px; height: 24px; }
.widget_shopping_cart .tdb-step-label { font-size: 11px; }
.widget_shopping_cart .tdb-msg { font-size: 14px; padding: 10px; margin-top: 14px; }
.widget_shopping_cart .tdb-info { display: none; }

/* Móvil */
@media (max-width: 520px) {
	.tdb-wrap { --tdb-badge-h: 26px; }
	.tdb-badge { min-width: 46px; font-size: 14px; padding: 0 8px; }
	.tdb-truck { width: 54px; height: 26px; }
	.tdb-step-label { font-size: 12px; white-space: normal; }
	.tdb-wrap .tdb-info-btn { width: 28px; height: 28px; font-size: 15px; line-height: 28px; }
	.tdb-msg { font-size: 16px; padding: 12px; }
	.tdb-tag { width: 24px; height: 24px; }
}