/* ==========================================================================
   Pianeta Deals — impianto editoriale
   Angoli vivi (3px solo sui bottoni), barrette arancio sotto i titoli di
   sezione, ambra riservata alle CTA. I colori dei canali arrivano dal
   pannello come --pd-accento: non vanno mai scritti qui.
   ========================================================================== */

:root {
	--pd-testo:     #15131F;
	--pd-notte:     #0B0A24;
	--pd-notte2:    #171036;
	--pd-piede:     #000A1E;
	--pd-ambra:     #FFB800;
	--pd-giallo:    #FFC700;
	--pd-terra:     #BE4A12;
	--pd-barra:     #E8743B;
	--pd-banda:     #F4F4F7;
	--pd-grigio:    #F6F6F9;
	--pd-bordo:     #E5E3EC;
	--pd-bordo2:    #E3E1EC;
	--pd-bordo3:    #D9D6E3;
	--pd-grigio1:   #4A4759;
	--pd-grigio2:   #56536B;
	--pd-grigio3:   #6E6B80;
	--pd-grigio4:   #8A8799;
	--pd-accento:   #0B0A24;

	--pd-largo:     1240px;
	--pd-gutter:    28px;

	--pd-titoli:    "Bricolage Grotesque", "Public Sans", system-ui, sans-serif;
	--pd-corpo:     "Public Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;
	--pd-marchio:   "Poppins", var(--pd-titoli);
}

*, *::before, *::after { box-sizing: border-box; }

body {
	margin: 0;
	background: #FFFFFF;
	color: var(--pd-testo);
	font-family: var(--pd-corpo);
	font-size: 16px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4 { font-family: var(--pd-titoli); margin: 0; letter-spacing: -0.03em; line-height: 1.12; font-weight: 800; }
img { max-width: 100%; height: auto; }
a { color: var(--pd-terra); }
a:hover { color: #8F3609; }

.screen-reader-text {
	position: absolute !important; width: 1px; height: 1px; overflow: hidden;
	clip: rect(1px,1px,1px,1px); clip-path: inset(50%); white-space: nowrap;
}
.pd-salta { position: absolute; left: -9999px; top: 0; z-index: 100; background: var(--pd-notte); color: #fff; padding: 12px 18px; }
.pd-salta:focus { left: 0; }

.pd-contenitore { max-width: var(--pd-largo); margin: 0 auto; padding-inline: var(--pd-gutter); }
.pd-sezione { padding-top: 44px; }
.pd-centrato { text-align: center; padding-top: 30px; margin: 0; }

/* ---------- Bottoni --------------------------------------------------- */

.pd-bottone {
	display: inline-flex; align-items: center; gap: 8px;
	font-family: var(--pd-corpo); font-size: 15px; font-weight: 700;
	text-decoration: none; padding: 13px 26px; border-radius: 3px;
	border: 1.5px solid transparent; cursor: pointer; transition: background .12s ease, color .12s ease;
}
.pd-bottone--primario { background: var(--pd-ambra); color: var(--pd-notte); }
.pd-bottone--primario:hover { background: #FFC62E; color: var(--pd-notte); }
.pd-bottone--contorno { background: none; color: var(--pd-notte); border-color: var(--pd-notte); font-size: 14px; letter-spacing: .04em; padding: 12px 24px; }
.pd-bottone--contorno:hover { background: var(--pd-notte); color: #fff; }
.pd-bottone--largo { padding: 16px 42px; letter-spacing: .06em; }
.pd-link-sobrio { font-size: 14px; font-weight: 600; color: var(--pd-grigio2); text-decoration: none; }
.pd-link-sobrio:hover { color: var(--pd-testo); text-decoration: underline; }

/* ---------- Fascia annuncio ------------------------------------------- */

.pd-annuncio { background: var(--pd-notte); color: #CFCCDC; }
.pd-annuncio__riga { display: flex; flex-wrap: nowrap; gap: 14px; align-items: center; justify-content: space-between; padding-block: 8px; }
.pd-annuncio p { margin: 0; font-size: 13px; font-weight: 500; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pd-annuncio__social { display: flex; gap: 15px; align-items: center; flex: none; }
.pd-annuncio__social a { display: flex; line-height: 0; color: #9B97B0; }
.pd-annuncio__social a:hover { color: #fff; }

/* ---------- Testata ---------------------------------------------------- */

.pd-testata { background: #fff; border-bottom: 1px solid var(--pd-bordo); }
/* Il file del logo e' ritagliato sul contenuto (3,28:1): senza i 184 px di
   vuoto sopra e i 171 sotto, a parita' di altezza la scritta e' piu' grande. */
.pd-testata__riga { display: flex; gap: 18px; align-items: center; justify-content: space-between; padding-block: 8px; }
.pd-marchio { display: flex; align-items: center; text-decoration: none; flex: none; }
.pd-marchio img { width: 268px; height: auto; display: block; }
.pd-marchio__testo { font-family: var(--pd-marchio); font-size: 26px; font-weight: 700; letter-spacing: -0.02em; color: var(--pd-testo); }
.pd-marchio__testo span { color: var(--pd-ambra); }

.pd-menu { display: flex; flex-wrap: wrap; gap: 19px; align-items: center; }
.pd-menu__lista { display: flex; flex-wrap: wrap; gap: 19px; list-style: none; margin: 0; padding: 0; }
.pd-menu__lista a {
	font-size: 13px; font-weight: 600; letter-spacing: .02em; text-transform: uppercase;
	color: var(--pd-testo); text-decoration: none;
}
.pd-menu__lista a:hover, .pd-menu__lista .current-menu-item > a { color: var(--pd-terra); }
.pd-iscriviti { font-size: 13px; font-weight: 700; letter-spacing: .02em; color: var(--pd-terra); text-decoration: none; }

.pd-apri-menu { display: none; background: none; border: 0; padding: 10px; cursor: pointer; }
.pd-apri-menu__barre, .pd-apri-menu__barre::before, .pd-apri-menu__barre::after {
	display: block; width: 22px; height: 2px; background: var(--pd-testo); content: "";
}
.pd-apri-menu__barre::before { transform: translateY(-7px); }
.pd-apri-menu__barre::after  { transform: translateY(5px); }

.pd-cerca { display: flex; align-items: center; }
.pd-cerca__campo {
	border: 1px solid var(--pd-bordo); background: #fff; font: inherit; font-size: 13px;
	padding: 8px 12px; width: 0; min-width: 0; opacity: 0; pointer-events: none; transition: width .18s ease, opacity .18s ease;
}
.pd-cerca:focus-within .pd-cerca__campo, .pd-cerca__campo:not(:placeholder-shown) { width: 210px; opacity: 1; pointer-events: auto; }
.pd-cerca__invia {
	display: inline-flex; align-items: center; justify-content: center;
	width: 34px; height: 34px; border: 0; background: none; color: var(--pd-testo); cursor: pointer; padding: 0;
}

/* ---------- Titoli di sezione ------------------------------------------ */

.pd-sezione-testa { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; justify-content: space-between; margin-bottom: 4px; }
.pd-sezione-testa h2 { font-family: var(--pd-corpo); font-size: 14px; font-weight: 700; letter-spacing: .13em; color: var(--pd-testo); }
.pd-sezione-testa--chiara h2 { color: #fff; }
.pd-sezione-link { font-size: 13px; font-weight: 700; letter-spacing: .04em; text-decoration: none; }
.pd-sezione-testa--chiara + .pd-barretta + * .pd-sezione-link,
.pd-fascia-scura .pd-sezione-link { color: var(--pd-ambra); }
.pd-barretta { height: 3px; background: var(--pd-barra); margin-bottom: 24px; max-width: 100%; }
.pd-barretta--corta { width: 62px; margin-bottom: 18px; }
.pd-sezione-intro { margin: -14px 0 24px; font-size: 15px; color: var(--pd-grigio3); }

/* ---------- Banner ----------------------------------------------------- */

.pd-banner-fuori { padding-top: 22px; }
.pd-banner {
	position: relative; overflow: hidden; border-radius: 4px;
	background: var(--pd-notte) right center / cover no-repeat;
	padding: 76px 52px; min-height: 470px; display: flex; align-items: center;
}
.pd-banner__velo {
	position: absolute; inset: 0;
	background: linear-gradient(90deg, rgba(11,10,36,.94) 0%, rgba(11,10,36,.86) 34%, rgba(11,10,36,.35) 60%, rgba(11,10,36,0) 78%);
}
.pd-banner__testo { position: relative; max-width: 560px; }
.pd-occhiello { margin: 0 0 14px; font-size: 12px; font-weight: 700; letter-spacing: .16em; color: var(--pd-giallo); }
.pd-banner h1 { font-size: clamp(34px, 4.4vw, 54px); line-height: 1.02; letter-spacing: -0.04em; color: #fff; margin-bottom: 14px; }
.pd-banner__sotto { margin: 0 0 26px; font-size: 18px; line-height: 1.5; color: #BDB9CE; }
.pd-banner__azioni { display: flex; flex-wrap: wrap; gap: 12px; }

/* ---------- Guida in evidenza ------------------------------------------ */

.pd-fascia-grigia { background: var(--pd-banda); margin-top: 46px; padding: 44px 0; }
.pd-evidenza { display: flex; flex-wrap: wrap; gap: 38px; align-items: center; }
.pd-evidenza__foto { flex: 0 1 470px; min-width: 0; }
.pd-evidenza__foto .pd-figura { background: #fff; }
.pd-evidenza__testo { flex: 1 1 420px; min-width: 0; }
.pd-evidenza__testo h3 { font-size: clamp(27px, 3.2vw, 42px); line-height: 1.04; letter-spacing: -0.04em; margin-bottom: 18px; }
.pd-evidenza__testo h3 a { color: inherit; text-decoration: none; }
.pd-evidenza__testo h3 a:hover { color: var(--pd-terra); }
.pd-evidenza__sommario { margin: 0 0 26px; font-size: 17px; line-height: 1.65; color: var(--pd-grigio1); max-width: 480px; }

.pd-firma { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; margin-bottom: 16px; }
.pd-firma__tondo {
	width: 24px; height: 24px; border-radius: 50%; background: var(--pd-terra); color: #fff;
	display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 800;
}
.pd-firma__nome { font-size: 12px; font-weight: 700; letter-spacing: .05em; }
.pd-firma__data, .pd-firma__tempo { font-size: 13px; color: var(--pd-grigio4); }
.pd-firma__tempo { display: inline-flex; gap: 6px; align-items: center; }

/* ---------- Figure e bolli --------------------------------------------- */

.pd-figura-link { display: block; text-decoration: none; }
.pd-figura {
	position: relative; display: block; line-height: 0; width: 100%;
	aspect-ratio: 1 / 1; background: var(--pd-grigio); overflow: hidden;
}
.pd-figura > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.pd-figura--riga { width: 150px; flex: none; }
.pd-figura--mini { width: 68px; flex: none; }

.pd-bollo {
	position: absolute; left: 80.45%; top: 80.45%; width: 17.2%; aspect-ratio: 1 / 1;
	border-radius: 50%; overflow: hidden; background: #fff;
	box-shadow: 0 0 0 2px var(--pd-accento), 0 1px 4px rgba(0,0,0,.18);
	display: flex; align-items: center; justify-content: center;
}
.pd-bollo img { width: 100%; height: 100%; object-fit: cover; object-position: center 46%; display: block; transform: scale(1.30); }
.pd-bollo__lettera { font-family: var(--pd-titoli); font-weight: 800; font-size: 11px; color: var(--pd-notte); line-height: 1; }

.pd-etichetta-angolo {
	position: absolute; left: 0; top: 0; z-index: 2;
	font-size: 10px; font-weight: 800; letter-spacing: .06em; line-height: 1;
	padding: 5px 9px; background: var(--pd-notte); color: #fff;
}
.pd-etichetta-angolo--giallo { background: var(--pd-giallo); color: var(--pd-testo); }
.pd-angolo-doppio { position: absolute; left: 0; top: 0; display: flex; z-index: 2; }
.pd-angolo-doppio .pd-etichetta-angolo { position: static; font-size: 11px; padding: 6px 11px; }

.pd-pastiglia {
	position: absolute; left: 0; top: 0; z-index: 2;
	font-size: 10px; font-weight: 800; letter-spacing: .05em; line-height: 1; padding: 5px 9px;
}

.pd-chip {
	display: inline-block; font-size: 10px; font-weight: 800; letter-spacing: .06em;
	padding: 4px 9px; text-decoration: none; margin-bottom: 9px;
}
.pd-chip:hover { filter: brightness(.92); }

/* ---------- Griglie e schede -------------------------------------------- */

.pd-griglia { display: grid; grid-template-columns: repeat(var(--pd-colonne, 4), minmax(0, 1fr)); gap: 24px; }
.pd-griglia--idee { gap: 16px; }

.pd-card .pd-figura { margin-bottom: 14px; }
.pd-card__titolo { font-size: 19px; line-height: 1.2; font-weight: 700; letter-spacing: -0.02em; margin-bottom: 9px; }
.pd-card__titolo a { color: inherit; text-decoration: none; }
.pd-card__titolo a:hover { color: var(--pd-terra); }
.pd-card__verdetto { margin: 0 0 9px; font-size: 14px; line-height: 1.55; color: var(--pd-grigio3); }
.pd-meta { margin: 0; font-size: 12px; color: var(--pd-grigio4); }
.pd-meta span { opacity: .6; }

.pd-idea { display: block; text-decoration: none; color: inherit; }
.pd-idea .pd-figura { margin-bottom: 11px; }
.pd-idea__nome { display: block; font-family: var(--pd-titoli); font-size: 16px; line-height: 1.15; font-weight: 700; letter-spacing: -0.02em; margin-bottom: 2px; }
.pd-idea__conta { display: block; font-size: 12px; color: var(--pd-grigio4); }
.pd-idea:hover .pd-idea__nome { color: var(--pd-terra); }

/* ---------- Canali (fascia scura) --------------------------------------- */

.pd-fascia-scura { background: var(--pd-notte); margin-top: 46px; padding: 40px 0; }
.pd-fascia-scura .pd-barretta { background: #fff; }
.pd-canali-riga { display: grid; grid-template-columns: repeat(var(--pd-quanti, 9), minmax(0, 1fr)); gap: 10px; }
.pd-canale-cella { display: block; text-decoration: none; background: var(--pd-notte2); padding: 20px 8px 16px; text-align: center; }
.pd-canale-cella:hover { background: #221848; }
.pd-canale-cella .pd-logo { margin: 0 auto 11px; }
.pd-canale-cella__nome { display: block; font-size: 13px; font-weight: 800; letter-spacing: .03em; color: #fff; margin-bottom: 4px; }
.pd-canale-cella__tg { display: block; font-size: 10px; font-weight: 600; color: var(--pd-accento); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* ---------- Due colonne: minimi + laterale ------------------------------ */

.pd-due-colonne { display: flex; flex-wrap: wrap; gap: 46px; }
.pd-colonna-principale { flex: 999 1 540px; min-width: 0; }
.pd-colonna-laterale { flex: 1 1 290px; min-width: 0; }

.pd-righe { display: flex; flex-direction: column; gap: 16px; margin-bottom: 22px; }
.pd-riga { display: flex; flex-wrap: wrap; gap: 22px; align-items: center; background: #fff; border: 1px solid var(--pd-bordo2); padding: 18px; }
.pd-riga__testo { flex: 999 1 280px; min-width: 0; }
.pd-riga__testo h3 { font-size: 21px; line-height: 1.2; font-weight: 700; letter-spacing: -0.025em; color: var(--pd-notte); margin-bottom: 7px; }
.pd-riga__testo h3 a { color: inherit; text-decoration: none; }
.pd-riga__testo h3 a:hover { color: var(--pd-terra); }
.pd-riga__sommario { margin: 0 0 9px; font-size: 15px; line-height: 1.55; color: var(--pd-grigio1); }
.pd-riga__azioni { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-top: 15px; }
.pd-riga__azioni .pd-bottone { font-size: 14px; padding: 11px 20px; border-radius: 0; }

.pd-lista-guide { display: flex; flex-direction: column; gap: 18px; margin-bottom: 28px; }
.pd-guida-riga { display: flex; gap: 14px; align-items: center; text-decoration: none; color: inherit; }
.pd-guida-riga__titolo { display: block; font-size: 15px; line-height: 1.3; font-weight: 700; margin-bottom: 4px; }
.pd-guida-riga:hover .pd-guida-riga__titolo { color: var(--pd-terra); }

.pd-riquadro-avviso { border-top: 3px solid var(--pd-barra); background: var(--pd-banda); padding: 24px 22px; }
.pd-riquadro-avviso h3 { font-size: 20px; line-height: 1.2; font-weight: 700; letter-spacing: -0.025em; margin-bottom: 8px; }
.pd-riquadro-avviso p { margin: 0 0 16px; font-size: 14px; line-height: 1.55; color: var(--pd-grigio2); }
.pd-riquadro-avviso .pd-bottone { font-size: 14px; padding: 12px 22px; }

/* ---------- Invito finale ----------------------------------------------- */

.pd-invito {
	position: relative; overflow: hidden; text-align: center;
	background: var(--pd-notte) center center / cover no-repeat; padding: 76px 40px;
}
.pd-invito__velo {
	position: absolute; inset: 0;
	background: radial-gradient(ellipse at center, rgba(11,10,36,.82) 0%, rgba(11,10,36,.90) 55%, rgba(11,10,36,.96) 100%);
}
.pd-invito__testo { position: relative; max-width: 620px; margin: 0 auto; }
.pd-invito h2 { font-size: clamp(28px, 3.6vw, 42px); line-height: 1.06; letter-spacing: -0.04em; color: #fff; margin-bottom: 12px; }
.pd-invito p { margin: 0 0 30px; font-size: 18px; line-height: 1.6; color: #C6C3D6; }

/* ---------- Piede -------------------------------------------------------- */

.pd-piede { margin-top: 52px; }
.pd-striscia-colori { display: flex; height: 7px; }
.pd-striscia-colori span { flex: 1; }
.pd-piede__corpo { background: var(--pd-piede); }
.pd-piede__dentro { max-width: 820px; margin: 0 auto; padding: 46px var(--pd-gutter); text-align: center; }
.pd-piede__marchio { display: inline-block; text-decoration: none; margin-bottom: 20px; }
.pd-piede__marchio .pd-marchio__testo { font-size: 30px; color: #fff; }
.pd-piede__motto { margin: 0 0 20px; font-family: var(--pd-titoli); font-size: 17px; font-weight: 600; color: #fff; letter-spacing: -0.015em; }
.pd-piede__menu ul { display: flex; flex-wrap: wrap; gap: 26px; justify-content: center; list-style: none; margin: 0 0 22px; padding: 0; }
.pd-piede__menu a { font-size: 15px; font-weight: 600; color: #fff; text-decoration: none; }
.pd-piede__menu a:hover { color: var(--pd-ambra); }
.pd-piede__riga { height: 1px; background: rgba(255,255,255,.3); margin: 0 auto 22px; max-width: 420px; }
.pd-piede__nota { margin: 0 auto; font-size: 14px; line-height: 1.65; color: #fff; max-width: 620px; }

/* ---------- Pagine interne ----------------------------------------------- */

.pd-briciole { margin: 20px 0 0; font-size: 13px; color: var(--pd-grigio4); }
.pd-briciole ol { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; }
.pd-briciole li:not(:last-child)::after { content: "›"; margin-left: 8px; opacity: .55; }
.pd-briciole a { color: inherit; text-decoration: none; }
.pd-briciole a:hover { color: var(--pd-terra); }

.pd-intestazione { padding: 34px 0 30px; }
.pd-intestazione h1 { font-size: clamp(30px, 4vw, 44px); margin-bottom: 12px; }
.pd-intestazione__sotto { color: var(--pd-grigio3); font-size: 17px; margin: 0; max-width: 65ch; }

.pd-guida { max-width: 760px; margin: 0 auto; padding-top: 24px; }
.pd-guida__testa { margin-bottom: 22px; }
.pd-guida__testa h1 { font-size: clamp(30px, 4.2vw, 46px); margin-bottom: 14px; }
.pd-guida__foto { margin: 0 0 28px; }
.pd-testo { font-size: 18px; line-height: 1.7; }
.pd-testo > * + * { margin-top: 1.1em; }
.pd-testo h2 { font-size: 28px; margin-top: 1.8em; }
.pd-testo h3 { font-size: 22px; margin-top: 1.5em; }
.pd-testo a { text-decoration-thickness: 1px; text-underline-offset: 3px; }
.pd-testo blockquote { margin: 1.6em 0; padding-left: 22px; border-left: 4px solid var(--pd-barra); font-size: 20px; color: var(--pd-grigio2); }
.pd-inserto { margin: 1.8em 0; }
.pd-testo-seo { color: var(--pd-grigio2); max-width: 76ch; }

.pd-scheda__alto { display: flex; flex-wrap: wrap; gap: 40px; align-items: flex-start; padding-top: 24px; }
.pd-scheda__foto { flex: 0 1 460px; min-width: 0; }
.pd-scheda__sommario { flex: 1 1 380px; min-width: 0; }
.pd-scheda__sommario h1 { font-size: clamp(26px, 3.4vw, 38px); margin: 10px 0 0; }
.pd-scheda__prezzo { margin: 18px 0 6px; }
.pd-scheda__prezzo strong { font-family: var(--pd-titoli); font-size: 36px; }
.pd-scheda__prezzo span { display: block; font-size: 14px; color: var(--pd-grigio4); }
.pd-scheda__azioni { margin: 18px 0 10px; display: flex; flex-wrap: wrap; gap: 12px; }
.pd-scheda__nota { font-size: 13px; color: var(--pd-grigio4); margin: 0; }
.pd-verdetto { font-size: 18px; line-height: 1.5; margin: 14px 0 0; padding: 14px 18px; background: var(--pd-banda); border-left: 4px solid var(--pd-ambra); }
.pd-voto { display: flex; align-items: center; gap: 10px; margin: 16px 0 0; font-size: 15px; }
.pd-voto__stelle {
	font-size: 20px; letter-spacing: 2px; line-height: 1;
	background: linear-gradient(90deg, var(--pd-ambra) var(--pd-voto), var(--pd-bordo3) var(--pd-voto));
	-webkit-background-clip: text; background-clip: text; color: transparent;
}
.pd-procontro { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 36px 0; }
.pd-procontro__col { background: var(--pd-banda); padding: 20px 22px; }
.pd-procontro__titolo { font-family: var(--pd-corpo); font-weight: 800; margin: 0 0 10px; font-size: 13px; text-transform: uppercase; letter-spacing: .1em; }
.pd-procontro ul { margin: 0; padding-left: 20px; }
.pd-procontro__col--pro    { border-top: 3px solid #00D977; }
.pd-procontro__col--contro { border-top: 3px solid #FF3D2E; }

.pd-fascia-cta { background: var(--pd-notte); color: #fff; padding: 28px 30px; margin: 34px 0; text-align: center; }
.pd-fascia-cta__titolo { font-family: var(--pd-titoli); font-weight: 800; font-size: 21px; margin: 0 0 6px; }
.pd-fascia-cta__testo { color: rgba(255,255,255,.76); margin: 0 0 18px; }
.pd-dicitura { font-size: 12.5px; color: var(--pd-grigio4); margin: 26px 0 0; padding-top: 14px; border-top: 1px solid var(--pd-bordo); }
.pd-avviso { background: #FFF8E1; border-left: 3px solid var(--pd-ambra); padding: 10px 14px; font-size: 14px; }
.pd-vuoto { color: var(--pd-grigio3); padding: 30px 0; }

.pd-canali-griglia { display: grid; gap: 18px; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); margin-bottom: 50px; }
.pd-canale-grande { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 26px 24px; background: var(--pd-banda); border-top: 4px solid var(--pd-accento); }
.pd-canale-grande h2 { font-size: 22px; }
.pd-canale-grande h2 a { color: inherit; text-decoration: none; }
.pd-canale-grande p { margin: 0; font-size: 14.5px; color: var(--pd-grigio2); }
.pd-canale-grande__tg { font-weight: 700; color: var(--pd-accento) !important; font-size: 14px; }
.pd-canale-grande__iscritti { position: absolute; top: 16px; right: 16px; font-size: 11px; font-weight: 800; letter-spacing: .08em; background: #fff; border: 1px solid var(--pd-bordo); padding: 4px 10px; }

.pagination { margin: 44px 0; }
.pagination .nav-links { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.pagination .page-numbers {
	display: inline-flex; align-items: center; justify-content: center; min-width: 42px; height: 42px; padding: 0 12px;
	border: 1px solid var(--pd-bordo); text-decoration: none; font-weight: 700; font-size: 15px; color: var(--pd-testo);
}
.pagination .page-numbers:hover { border-color: var(--pd-notte); }
.pagination .page-numbers.current { background: var(--pd-notte); border-color: var(--pd-notte); color: #fff; }

/* ---------- Schermi stretti ---------------------------------------------- */

@media (max-width: 1100px) {
	.pd-canali-riga { grid-template-columns: repeat(5, minmax(0, 1fr)); }
	.pd-griglia { --pd-colonne: 3 !important; }
	.pd-griglia--idee { --pd-colonne: 3 !important; }
}

@media (max-width: 860px) {
	.pd-griglia, .pd-griglia--idee { --pd-colonne: 2 !important; }
	.pd-canali-riga { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.pd-procontro { grid-template-columns: 1fr; }
	.pd-banner { padding: 48px 28px; min-height: 0; }
	.pd-banner__velo { background: linear-gradient(180deg, rgba(11,10,36,.80) 0%, rgba(11,10,36,.92) 60%); }
}

@media (max-width: 720px) {
	:root { --pd-gutter: 16px; }
	.pd-apri-menu { display: block; }
	.pd-menu {
		position: fixed; inset: 0; z-index: 90; display: none;
		flex-direction: column; align-items: stretch; justify-content: flex-start;
		background: #fff; padding: 80px 20px 20px; gap: 0; overflow-y: auto;
	}
	.pd-menu-aperto { overflow: hidden; }
	.pd-menu-aperto .pd-menu { display: flex; }
	.pd-menu__lista { flex-direction: column; gap: 0; }
	.pd-menu__lista a { display: block; padding: 15px 0; border-bottom: 1px solid var(--pd-bordo); font-size: 17px; }
	.pd-iscriviti { padding: 15px 0; font-size: 17px; }
	.pd-cerca { margin-top: 16px; }
	.pd-cerca__campo { width: 100%; opacity: 1; pointer-events: auto; }

	.pd-marchio img { width: 190px; }
	.pd-annuncio p { font-size: 11.5px; }
	.pd-evidenza { gap: 22px; }
	.pd-riga { gap: 16px; }
	.pd-figura--riga { width: 110px; }
	.pd-due-colonne { gap: 36px; }
	.pd-bottone { width: 100%; justify-content: center; }
	.pd-riga__azioni .pd-bottone { width: auto; }
	.pd-invito { padding: 48px 22px; }
	.pd-piede__menu ul { gap: 14px 20px; }
}

@media (max-width: 520px) {
	.pd-griglia { --pd-colonne: 1 !important; }
	.pd-griglia--idee { --pd-colonne: 2 !important; }
	.pd-canali-riga { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }

/* ---------- Pezzi del banner di canale ----------------------------------- */
.pd-banner__logo { margin-bottom: 18px; line-height: 0; }
.pd-banner__logo .pd-logo { box-shadow: 0 0 0 4px var(--pd-accento) !important; }
.pd-banner__iscritti {
	display: inline-flex; align-items: center;
	font-size: 13px; font-weight: 700; color: #fff;
	background: rgba(255,255,255,.14); padding: 13px 20px; border-radius: 3px;
}
.pd-banner--canale { min-height: 380px; }

/* ==========================================================================
   Pagine lunghe: testata scura, barra CTA, pannello prezzi, colonna di servizio
   ========================================================================== */

.pd-testata-scura { background: var(--pd-notte); color: #fff; padding: 26px 0 34px; }
.pd-testata-scura .pd-briciole { color: #A9A5BE; margin: 0 0 18px; }
.pd-testata-scura .pd-briciole a { color: #A9A5BE; }
.pd-testata-scura .pd-briciole a:hover { color: #fff; }
.pd-testata-scura h1 { font-size: clamp(28px, 3.8vw, 44px); line-height: 1.06; color: #fff; margin: 0 0 14px; max-width: 20ch; }
.pd-occhio { font-size: 18px; line-height: 1.55; color: #BDB9CE; margin: 0 0 22px; max-width: 62ch; }

.pd-chip-riga { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 16px; }
.pd-chip-riga .pd-chip { margin-bottom: 0; }
.pd-chip--giallo { background: var(--pd-giallo); color: var(--pd-testo); }

.pd-firma--scura { margin: 0; }
.pd-firma--scura .pd-firma__nome { color: #fff; display: block; }
.pd-firma--scura .pd-firma__data { color: #A9A5BE; display: block; font-size: 13px; }

/* Barra d'acquisto: resta sotto la testata e accompagna la lettura. */
.pd-barra-cta { background: var(--pd-notte2); position: sticky; top: 0; z-index: 40; }
.pd-barra-cta__riga { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; justify-content: space-between; padding: 14px 0; }
.pd-barra-cta__stato { margin: 0 0 2px; font-size: 12px; font-weight: 800; letter-spacing: .12em; color: var(--pd-ambra); }
.pd-barra-cta__nota { margin: 0; font-size: 14px; color: #CFCCDC; }
.pd-barra-cta .pd-bottone { flex: none; }

.pd-recensione { padding-top: 34px; }
.pd-recensione__alto { display: flex; flex-wrap: wrap; gap: 44px; align-items: flex-start; }
/* ⚠️ `contain`, non `cover`: le foto Amazon hanno il prodotto centrato su
   fondo bianco e ritagliarle taglia via il prodotto. E colonna piu' stretta:
   a 440px l'immagine dominava la pagina e spingeva i dati sotto la piega. */
.pd-recensione__foto { flex: 0 1 330px; min-width: 0; }
.pd-recensione__foto .pd-figura { background: #fff; border: 1px solid var(--pd-bordo); }
.pd-recensione__foto .pd-figura > img { object-fit: contain; padding: 18px; }
.pd-recensione__dati { flex: 1 1 420px; min-width: 0; }
.pd-recensione__dati h2 { font-size: 30px; margin-bottom: 14px; }
.pd-recensione__verdetto { font-size: 16.5px; line-height: 1.6; color: var(--pd-grigio1); margin: 0 0 20px; }
.pd-didascalia { font-size: 12px; color: var(--pd-grigio4); margin: 10px 0 0; }

.pd-pillole { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.pd-pillola {
	display: inline-flex; align-items: center; gap: 6px;
	font-size: 13px; font-weight: 600; color: var(--pd-grigio1);
	background: var(--pd-banda); border: 1px solid var(--pd-bordo); border-radius: 999px; padding: 6px 13px;
}

.pd-pannello-prezzi { background: var(--pd-notte); color: #fff; padding: 20px 22px; margin-bottom: 18px; }
.pd-pannello-prezzi__testa {
	display: flex; align-items: center; gap: 9px; margin: 0 0 16px;
	font-size: 11.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #CFCCDC;
}
.pd-pannello-prezzi__cifre { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.pd-pannello-prezzi__cifre p { margin: 0; }
.pd-pannello-prezzi__cifre p:first-child { font-size: 12px; color: #A9A5BE; margin-bottom: 3px; }
.pd-cifra { font-family: var(--pd-titoli); font-size: 23px; font-weight: 800; letter-spacing: -0.02em; color: #fff; }
.pd-cifra--stato { color: var(--pd-ambra); }
.pd-pannello-prezzi__nota { margin: 16px 0 0; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.16); font-size: 13.5px; line-height: 1.55; color: #CFCCDC; }
.pd-pannello-prezzi__nota strong { color: #fff; }

.pd-nota-affiliato { font-size: 12.5px; color: var(--pd-grigio4); margin: 10px 0 20px; }

.pd-avviso-riquadro {
	display: flex; gap: 14px; align-items: flex-start;
	background: var(--pd-banda); border-left: 3px solid var(--pd-barra); padding: 16px 18px;
}
.pd-avviso-riquadro svg { flex: none; color: var(--pd-terra); margin-top: 2px; }
.pd-avviso-riquadro p { margin: 0; font-size: 14.5px; line-height: 1.55; color: var(--pd-grigio2); }

/* ---------- Valutazione, difetti, tecnica, FAQ --------------------------- */

.pd-criteri { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.pd-criterio { border: 1px solid var(--pd-bordo); padding: 18px 20px; }
.pd-criterio__testa { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.pd-criterio__testa h3 { font-size: 17px; font-weight: 700; letter-spacing: -0.02em; }
.pd-criterio__voto { font-size: 11px; font-weight: 800; letter-spacing: .06em; background: var(--pd-giallo); color: var(--pd-testo); padding: 4px 10px; white-space: nowrap; }
.pd-barra { height: 4px; background: var(--pd-bordo); margin-bottom: 12px; }
.pd-barra > div { height: 100%; background: var(--pd-barra); }
.pd-criterio p { margin: 0; font-size: 14.5px; line-height: 1.55; color: var(--pd-grigio2); }

.pd-difetti { margin: 0; padding-left: 22px; max-width: 72ch; }
.pd-difetti li { margin-bottom: 9px; font-size: 16.5px; line-height: 1.6; color: var(--pd-grigio1); }

.pd-tecnica { margin: 0; max-width: 680px; }
.pd-tecnica > div { display: flex; gap: 16px; justify-content: space-between; padding: 11px 0; border-bottom: 1px solid var(--pd-bordo); }
.pd-tecnica dt { color: var(--pd-grigio3); font-size: 15px; }
.pd-tecnica dd { margin: 0; font-weight: 700; font-size: 15px; text-align: right; }

.pd-faq { max-width: 760px; }
.pd-faq details { border-bottom: 1px solid var(--pd-bordo); padding: 14px 0; }
.pd-faq summary { cursor: pointer; font-family: var(--pd-titoli); font-size: 17px; font-weight: 700; letter-spacing: -0.02em; list-style: none; }
.pd-faq summary::-webkit-details-marker { display: none; }
.pd-faq summary::after { content: "+"; float: right; color: var(--pd-terra); font-size: 22px; line-height: 1; }
.pd-faq details[open] summary::after { content: "–"; }
.pd-faq p { margin: 10px 0 0; font-size: 16px; line-height: 1.65; color: var(--pd-grigio1); max-width: 70ch; }

/* ---------- Colonna di servizio della guida ------------------------------ */

.pd-due-colonne--guida { padding-top: 34px; align-items: flex-start; }
.pd-due-colonne--guida .pd-colonna-principale { flex: 999 1 560px; max-width: 760px; }
.pd-due-colonne--guida .pd-colonna-laterale { position: sticky; top: 20px; }

.pd-riquadro-lato { border-top: 3px solid var(--pd-notte); padding: 16px 0 22px; margin-bottom: 22px; }
.pd-riquadro-lato__titolo { margin: 0 0 14px; font-size: 12px; font-weight: 800; letter-spacing: .12em; }
.pd-riquadro-lato p { margin: 0 0 10px; font-size: 14.5px; line-height: 1.6; color: var(--pd-grigio2); }

.pd-indice { display: flex; flex-direction: column; }
.pd-indice a { padding: 8px 0; font-size: 14.5px; line-height: 1.4; color: var(--pd-testo); text-decoration: none; border-bottom: 1px solid var(--pd-bordo); }
.pd-indice a:hover { color: var(--pd-terra); }

.pd-mini-prodotto { display: flex; gap: 12px; align-items: center; text-decoration: none; color: inherit; margin-bottom: 14px; }
.pd-mini-prodotto__nome { display: block; font-size: 14px; font-weight: 700; line-height: 1.3; margin-bottom: 3px; }
.pd-mini-prodotto__stato { font-size: 12px; font-weight: 700; }
.pd-mini-prodotto:hover .pd-mini-prodotto__nome { color: var(--pd-terra); }

@media (max-width: 980px) {
	.pd-criteri { grid-template-columns: 1fr; }
	.pd-due-colonne--guida .pd-colonna-laterale { position: static; }
	.pd-recensione__alto { gap: 28px; }
}
@media (max-width: 720px) {
	.pd-barra-cta { position: static; }
	.pd-barra-cta__riga { align-items: flex-start; }
	.pd-pannello-prezzi__cifre { grid-template-columns: 1fr; gap: 10px; }
	.pd-pannello-prezzi__cifre > div { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
	.pd-pannello-prezzi__cifre p:first-child { margin-bottom: 0; }
	.pd-testata-scura h1 { max-width: none; }
}

/* ---------- Filtri dell'archivio ----------------------------------------- */
.pd-filtri { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.pd-filtro {
	font-size: 13px; font-weight: 700; letter-spacing: .03em; text-decoration: none;
	color: var(--pd-testo); border: 1.5px solid var(--pd-bordo); padding: 8px 16px; border-radius: 999px;
}
.pd-filtro:hover { border-color: var(--pd-notte); color: var(--pd-testo); }
.pd-filtro--attivo { background: var(--pd-notte); border-color: var(--pd-notte); color: #fff; }
.pd-filtro--attivo:hover { color: #fff; }

/* Secondo bottone sulle fasce scure: bianco pieno. Due ambra affiancati
   competono fra loro e nessuno dei due sembra l'azione principale. */
.pd-bottone--bianco { background: #FFFFFF; color: var(--pd-notte); }
.pd-bottone--bianco:hover { background: #F1F0F5; color: var(--pd-notte); }

/* Testata dell'articolo con la foto sullo sfondo: senza, quella fascia scura
   su una pagina lunga e' un muro vuoto. Il velo tiene il testo leggibile
   qualunque sia l'immagine. */
.pd-testata-scura { position: relative; }
.pd-testata-scura--foto { background-size: cover; background-position: center; }
.pd-testata-scura__velo { position: absolute; inset: 0; }
.pd-testata-scura--foto .pd-testata-scura__velo {
	background: linear-gradient(90deg, rgba(11,10,36,.97) 0%, rgba(11,10,36,.92) 46%, rgba(11,10,36,.62) 74%, rgba(11,10,36,.45) 100%);
}
.pd-testata-scura > .pd-contenitore { position: relative; z-index: 1; }
@media (max-width: 860px) {
	.pd-testata-scura--foto .pd-testata-scura__velo {
		background: linear-gradient(180deg, rgba(11,10,36,.88) 0%, rgba(11,10,36,.96) 70%);
	}
}

/* ==========================================================================
   Pagina dei canali: schede scure sul fondo scuro, come nel progetto
   ========================================================================== */

/* ⚠️ Il titolo NON deve andare a capo sulla prima riga: nel progetto
   "Occasioni per ogni passione." sta su una riga sola. Niente max-width in ch. */
.pd-banner--canali { min-height: 0; padding: 54px 52px; }
.pd-banner--canali h1 { font-size: clamp(26px, 3.4vw, 42px); max-width: none; white-space: nowrap; }
.pd-banner--canali h1 span { color: var(--pd-ambra); white-space: nowrap; }
.pd-banner--canali .pd-banner__testo { max-width: 760px; }
.pd-banner--senza-foto { background-image: none; }
@media (max-width: 760px) {
	.pd-banner--canali h1, .pd-banner--canali h1 span { white-space: normal; }
	.pd-banner--canali { padding: 36px 24px; }
}
.pd-pastiglia-chiara {
	display: inline-block; margin: 0 0 16px;
	font-size: 11.5px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase;
	color: var(--pd-ambra); border: 1px solid rgba(255,184,0,.45); padding: 6px 14px; border-radius: 999px;
}

.pd-canali-elenco { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.pd-canale-riquadro {
	position: relative; background: var(--pd-notte2); padding: 22px 24px;
	border: 1px solid rgba(255,255,255,.07); display: flex; flex-direction: column;
}
.pd-canale-riquadro:hover { border-color: var(--pd-accento); }
.pd-canale-riquadro--grande { grid-column: 1 / -1; }
.pd-canale-riquadro__iscritti { position: absolute; top: 20px; right: 24px; text-align: right; }
.pd-canale-riquadro__iscritti p { margin: 0; font-size: 11px; color: #8F8BA6; }
.pd-canale-riquadro__numero {
	font-family: var(--pd-titoli); font-size: 26px !important; font-weight: 800;
	letter-spacing: -0.03em; color: var(--pd-accento) !important; line-height: 1;
}
.pd-canale-riquadro--grande .pd-canale-riquadro__numero { font-size: 32px !important; }
.pd-canale-riquadro__arrivo {
	font-size: 10.5px !important; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
	color: var(--pd-accento) !important;
}

.pd-canale-riquadro__corpo { display: flex; gap: 18px; align-items: flex-start; }
.pd-canale-riquadro__testo { min-width: 0; flex: 1; }
.pd-canale-riquadro h2 { font-size: 19px; letter-spacing: .02em; color: #fff; margin: 0 0 3px; padding-right: 90px; }
.pd-canale-riquadro--grande h2 { font-size: 24px; }
.pd-canale-riquadro__tg { margin: 0 0 10px; font-size: 12.5px; font-weight: 700; color: var(--pd-accento); }
.pd-canale-riquadro__descrizione { margin: 0 0 12px; font-size: 14.5px; line-height: 1.55; color: #B7B3C8; }
.pd-canale-riquadro__dati { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 14px; }
.pd-canale-riquadro__dati span {
	font-size: 11.5px; font-weight: 700; color: var(--pd-accento);
	border: 1px solid currentColor; padding: 4px 10px; border-radius: 999px; opacity: .9;
}
.pd-canale-riquadro__azioni { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; margin-top: auto; }
.pd-canale-riquadro__azioni .pd-bottone { font-size: 14px; padding: 10px 20px; }
.pd-link-chiaro { font-size: 14px; font-weight: 600; color: #B7B3C8; text-decoration: none; }
.pd-link-chiaro:hover { color: #fff; }

.pd-titolo-seo { font-size: clamp(22px, 2.4vw, 30px); margin-bottom: 22px; }
.pd-due-colonne--seo { gap: 46px; align-items: flex-start; }
.pd-due-colonne--seo .pd-colonna-principale { flex: 999 1 520px; }
.pd-testo-seo p { font-size: 16.5px; line-height: 1.7; margin: 0 0 1em; }
.pd-faq--stretta summary { font-size: 14.5px; }
.pd-faq--stretta p { font-size: 14px; }
.pd-faq--stretta details { padding: 10px 0; }

.pd-fascia-avvisi {
	display: flex; flex-wrap: wrap; gap: 24px; align-items: center; justify-content: space-between;
	background: var(--pd-banda); border-top: 3px solid var(--pd-barra); padding: 28px 30px;
}
.pd-fascia-avvisi h2 { font-size: 24px; margin: 0 0 8px; }
.pd-fascia-avvisi p { margin: 0; font-size: 15.5px; color: var(--pd-grigio2); max-width: 58ch; }
.pd-fascia-avvisi .pd-bottone { flex: none; }

@media (max-width: 860px) {
	.pd-canali-elenco { grid-template-columns: 1fr; }
	.pd-canale-riquadro__corpo { flex-direction: column; }
	.pd-canale-riquadro h2 { padding-right: 0; }
	.pd-canale-riquadro__iscritti { position: static; text-align: left; margin-bottom: 10px; }
}

/* ---------- Testata degli archivi ---------------------------------------- */
.pd-testata-scura--archivio { padding: 26px 0 38px; margin-bottom: 30px; }
.pd-testata-scura--archivio h1 { max-width: 18ch; }
.pd-legenda p { display: flex; flex-wrap: wrap; gap: 8px; align-items: baseline; margin: 0 0 12px; font-size: 14px; line-height: 1.5; }
.pd-legenda .pd-pastiglia { flex: none; }

/* ---------- Testata del canale ------------------------------------------- */
.pd-testata-scura--canale { padding: 26px 0 40px; margin-bottom: 10px; }
.pd-canale-testa { display: flex; flex-wrap: wrap; gap: 24px; align-items: flex-start; }
.pd-canale-testa__logo { line-height: 0; flex: none; }
.pd-canale-testa__logo .pd-logo { box-shadow: 0 0 0 4px var(--pd-accento) !important; }
.pd-canale-testa h1 { margin-bottom: 10px; }
.pd-canale-testa__dati { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 20px; }
.pd-canale-testa__dati span {
	font-size: 12.5px; color: #CFCCDC;
	border: 1px solid rgba(255,255,255,.22); padding: 6px 13px; border-radius: 999px;
}
.pd-canale-testa__dati strong { color: var(--pd-accento); }
@media (max-width: 720px) { .pd-canale-testa { gap: 16px; } }

/* L'occhiello sulle pagine chiare (fuori dalle fasce scure). */
.pd-occhio--chiaro { color: var(--pd-grigio3); }

/* ---------- FAQ a tutta larghezza ---------------------------------------- */
.pd-testo-seo--largo { max-width: 76ch; }
.pd-faq-larga { margin-top: 44px; }
.pd-faq-larga .pd-faq { max-width: none; }
.pd-faq-larga .pd-faq p { max-width: 90ch; }

/* ---------- Spazi vuoti: le colonne corte non devono lasciare il bianco --- */
/* La foto del prodotto segue la lettura invece di restare in cima a una
   colonna vuota: la colonna dei dati e' molto piu' lunga. */
@media (min-width: 981px) {
	.pd-recensione__foto { position: sticky; top: 92px; }
}
/* La guida in evidenza: foto 4:3 invece che quadrata, cosi' il riquadro e'
   alto quanto il testo e non resta aria sotto. */
.pd-evidenza__foto .pd-figura { aspect-ratio: 4 / 3; }
.pd-evidenza__foto .pd-figura > img { object-fit: contain; padding: 14px; }

/* ---------- Giostra della guida in evidenza ------------------------------ */
/* overflow:hidden sul contenitore, non sulla pista: la pista deve poter
   scorrere, ma senza lasciar vedere la diapositiva successiva sul bordo. */
.pd-giostra { position: relative; overflow: hidden; }
.pd-giostra__pista {
	display: flex; overflow-x: auto; scroll-snap-type: x mandatory;
	scroll-behavior: smooth; gap: 0;
	scrollbar-width: none; -ms-overflow-style: none;
}
.pd-giostra__pista::-webkit-scrollbar { display: none; }
.pd-giostra__voce { flex: 0 0 100%; scroll-snap-align: start; min-width: 0; }

.pd-frecce { display: flex; gap: 8px; }
.pd-freccia {
	width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;
	background: none; border: 1.5px solid var(--pd-bordo3); border-radius: 50%;
	color: var(--pd-testo); padding: 0; cursor: pointer;
}
.pd-freccia:hover { border-color: var(--pd-notte); background: #fff; }
.pd-freccia[disabled] { opacity: .35; cursor: default; }

.pd-giostra__punti { display: flex; gap: 7px; justify-content: center; margin-top: 22px; }
.pd-punto {
	width: 8px; height: 8px; border-radius: 50%; border: 0; padding: 0; cursor: pointer;
	background: var(--pd-bordo3);
}
.pd-punto--attivo { background: var(--pd-barra); width: 22px; border-radius: 999px; }

@media (prefers-reduced-motion: reduce) { .pd-giostra__pista { scroll-behavior: auto; } }