/* TP Cantidades – quote box under "Añadir al carrito". */
.tpc-quote { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin: 16px 0 8px; padding: 14px 16px; border: 1px solid #dbe6f5; border-radius: 10px; background: #f5f9ff; }
.tpc-quote__total { display: flex; flex-direction: column; min-width: 0; flex: 1 1 220px; }
.tpc-quote__total[hidden] { display: none; }
.tpc-quote__label { color: #5b6476; font-size: 13px; }
.tpc-quote__amount { color: #0050a5; font-size: 22px; font-weight: 700; line-height: 1.25; }
.tpc-quote__detail { color: #5b6476; font-size: 12.5px; }
.tpc-quote__wa {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	height: 46px; padding: 0 20px; border-radius: 6px; background: #25d366; color: #fff !important;
	font-weight: 600; text-decoration: none; white-space: nowrap; transition: background-color .15s, transform .15s;
}
.tpc-quote__wa:hover { background: #1ebe5b; transform: translateY(-1px); }
@media (max-width: 600px) { .tpc-quote__wa { flex: 1 1 100%; } }

/* Sticky buy bar (phones and tablets): above the theme's bottom menu, only once the buy box scrolled away. */
.tpc-sticky { display: none; }
@media (max-width: 1023px) {
	.tpc-sticky {
		position: fixed; left: 0; right: 0; bottom: calc(64px + env(safe-area-inset-bottom)); z-index: 899;
		display: flex; align-items: center; gap: 10px; padding: 10px 15px;
		background: #fff; border-top: 1px solid #e6e9ef; box-shadow: 0 -6px 18px rgba(16, 40, 80, .1);
		transform: translateY(calc(100% + 64px)); visibility: hidden; transition: transform .2s ease-out, visibility .2s;
	}
	.tpc-sticky.is-on { transform: none; visibility: visible; }
	.tpc-sticky__info { display: flex; flex-direction: column; flex: 1 1 auto; min-width: 0; line-height: 1.2; }
	.tpc-sticky__price, .tpc-sticky__price .amount { color: #0050a5; font-size: 18px; font-weight: 700; }
	.tpc-sticky__price del { display: none; }
	.tpc-sticky__price ins { text-decoration: none; }
	.tpc-sticky__detail { overflow: hidden; color: #5b6476; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; }
	.tpc-sticky__add { height: 44px; padding: 0 22px; border: 0; border-radius: 6px; background: #0050a5; color: #fff; font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; }
	.tpc-sticky__wa { display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; border-radius: 6px; background: #25d366; color: #fff !important; }
	/* The bar already offers WhatsApp: the floating button would sit on top of it. */
	body.tpc-sticky-on .tup-wa { display: none !important; }
}
@media (prefers-reduced-motion: reduce) { .tpc-sticky { transition: none; } }