/* ==========================================================================
   PREZZI.CSS — P2.4, 4/9/2026
   Due pagine, `/prezzi/` e `/come-ordiniamo-i-risultati/`: solo token
   esistenti (radar.css), stessa forma delle schede della home (cerca.css
   §2 «le sei categorie»), niente `!important`.
   ========================================================================== */

.prezzi .titolone {
	font-family: var(--font-titolo);
}

.prezzi__schede {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: clamp(16px, 2vw, 24px);
	margin: 0 0 clamp(24px, 3vh, 40px);
	padding: 0;
	list-style: none;
}

@media (max-width: 680px) {
	.prezzi__schede { grid-template-columns: 1fr; }
}

.prezzi__scheda {
	display: flex;
	flex-direction: column;
	gap: 8px;
	background: var(--superficie);
	border: 1px solid var(--bordo);
	border-radius: var(--raggio-grande);
	padding: clamp(20px, 2.6vw, 28px);
}

.prezzi__titolo {
	font-family: var(--font-titolo);
	font-size: var(--t-2);
	font-weight: 400;
	margin: 0;
}

.prezzi__per {
	color: var(--testo-2);
	font-size: var(--t-5);
	margin: 0;
}

.prezzi__cifra {
	font-size: var(--t-1);
	font-weight: 600;
	margin: .5rem 0;
}

.prezzi__cifra-nota {
	font-size: var(--t-5);
	font-weight: 400;
	color: var(--testo-2);
}

.prezzi__contenuto {
	margin: .5rem 0 0;
	padding-left: 1.1em;
	color: var(--testo);
}

.prezzi__contenuto li { margin-bottom: .35rem; }

.prezzi__nota {
	color: var(--testo-2);
	border-left: 3px solid var(--bordo);
	padding-left: 1rem;
	max-width: 42em;
}

.prezzi__azione { margin-top: clamp(20px, 2.6vh, 32px); }

/* «Come ordiniamo i risultati» */
.prezzi__ordinamento {
	margin: 0 0 1.5rem;
	padding-left: 1.1em;
	max-width: 42em;
}

.prezzi__ordinamento li { margin-bottom: .6rem; }

.prezzi__enfasi {
	font-weight: 600;
	font-size: var(--t-3);
}