/* ============================================================================
   ShangriLux — .sl-prezzo
   Riga del prezzo resa da [sl_prezzo] (inc/prezzo.php).

   Il registro è "su richiesta": la cifra si dichiara, non si urla.
   Niente badge, niente pillola, niente colore d'accento sul numero, niente
   prezzo barrato o "a partire da soli". La cifra sta in Bodoni alla misura di
   un H3 — la stessa dei numeri 165 / 2 / 1 della pagina Suite — e tutto il
   resto le sta intorno in grigio-crema.

   L'oro NON tocca il numero: è il dettaglio, non il messaggio.
   ========================================================================== */

.sl-prezzo {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: var(--sl-s-3);
	margin: 0;
	color: var(--ctx-ink);
}

.sl-prezzo__da {
	font-family: var(--sl-text);
	font-size: var(--sl-t-label);
	font-weight: 500;
	line-height: 1;
	letter-spacing: var(--sl-track-label);
	text-transform: uppercase;
	color: var(--ctx-ink-mute);
}

.sl-prezzo__cifra {
	font-family: var(--sl-display);
	font-size: var(--sl-t-h3);
	font-weight: 400;
	line-height: 1;
	letter-spacing: -0.015em;
	color: var(--ctx-ink);
	font-variant-numeric: lining-nums tabular-nums;
}

.sl-prezzo__nota {
	font-family: var(--sl-text);
	font-size: var(--sl-t-small);
	font-weight: 300;
	line-height: 1.4;
	color: var(--ctx-ink-mute);
}

/* Sotto i 30em la nota va a capo per intero invece di spezzarsi male. */
@media (max-width: 30em) {
	.sl-prezzo__nota {
		flex-basis: 100%;
	}
}

/* Variante per il piede di una sezione: separata da una hairline, come le
   righe de L'Accesso, così non galleggia. */
.sl-prezzo--rule {
	padding-block-start: var(--sl-s-4);
	border-block-start: 1px solid var(--sl-hairline);
}