/* =========================================================
   LeanCommerce — presale-countdown.css
   Contador de prazo da pré-venda (produto específico).
   Carregado só nessa página — ver functions.php.
   ========================================================= */

.presale-countdown{
	margin:1.2rem 0;
	border:2px solid var(--line-strong);
	background:var(--cta);
	color:#fff;
	padding:1rem 1.2rem;
	box-shadow:var(--shadow-card);
}
.presale-countdown-label{
	display:block;
	font-family:var(--font-display);
	text-transform:uppercase;
	letter-spacing:.04em;
	font-size:.9rem;
	margin-bottom:.7rem;
}
.presale-countdown-timer{
	display:flex;
	gap:.8rem;
}
.presale-countdown-unit{
	display:flex;
	flex-direction:column;
	align-items:center;
	min-width:52px;
}
.presale-countdown-value{
	font-family:var(--font-display);
	font-size:1.8rem;
	line-height:1;
	background:#fff;
	color:var(--ink);
	border:2px solid var(--line-strong);
	padding:.3rem .4rem;
	min-width:100%;
	text-align:center;
	font-variant-numeric:tabular-nums;
}
.presale-countdown-unit-label{
	font-size:.68rem;
	text-transform:uppercase;
	letter-spacing:.05em;
	margin-top:.35rem;
}

@media (max-width:480px){
	.presale-countdown{padding:.85rem 1rem}
	.presale-countdown-timer{gap:.5rem}
	.presale-countdown-unit{min-width:44px}
	.presale-countdown-value{font-size:1.35rem;padding:.25rem .3rem}
	.presale-countdown-unit-label{font-size:.6rem}
}