/* ============================================================
   GC HOMEPAGE — Redesign editoriale coerente
   Palette oro brand · Archivo + Inter · iOS card · Responsive
   Build: 2026-04-23
   ============================================================ */

/* ═══════════════════════════════════════════════════════════
   1 · TYPOGRAPHY globale homepage — stack identico all'articolo
   ═══════════════════════════════════════════════════════════ */
html body.home,
html body.front-page {
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif !important;
}

/* Titoli sezione: stack heading identico all'entry-title degli articoli */
html body.home .gc-section__title,
html body.home .gc-trending-games h2,
html body.home .gc-bibbia__title,
html body.home .gc-hub-spotlight__title {
	font-family: "Archivo", -apple-system, "Inter", system-ui, sans-serif !important;
	font-size: clamp(24px, 3vw, 30px) !important;
	font-weight: 800 !important;
	letter-spacing: -.025em !important;
	line-height: 1.05 !important;
	color: #ededed !important;
}
html[data-theme="light"] body.home .gc-section__title,
html[data-theme="light"] body.home .gc-trending-games h2,
html[data-theme="light"] body.home .gc-bibbia__title {
	color: #0f172a !important;
}
/* Hub spotlight: card "always dark" (overlay scuro) → titolo resta bianco */
html[data-theme="light"] body.home .gc-hub-spotlight__title {
	color: #ffffff !important;
}
html[data-theme="light"] body.home .gc-hub-spotlight__tagline {
	color: rgba(255,255,255,.85) !important;
}
html[data-theme="light"] body.home .gc-hub-spotlight__meta {
	color: rgba(255,255,255,.65) !important;
}

/* Hero title: cinematografico — clamp prudente per titoli lunghi */
html body.home .gc-hero-today__title {
	font-family: "Archivo", -apple-system, "Inter", system-ui, sans-serif !important;
	font-size: clamp(42px, 5.2vw, 76px) !important;
	font-weight: 900 !important;
	letter-spacing: -.03em !important;
	line-height: 1.02 !important;
	color: #ffffff !important;
	text-shadow: 0 2px 28px rgba(0,0,0,.55), 0 1px 2px rgba(0,0,0,.4) !important;
}

/* Card titles (recensioni, news, bibbia, retro): heading stack uniforme */
html body.home .gc-rv__title,
html body.home .gc-news-card__title,
html body.home .gc-news-featured__title,
html body.home .gc-news-secondary__title,
html body.home .gc-hero-today__strip-title,
html body.home .gc-retro-spotlight__title,
html body.home .gc-gb__title,
html body.home .gc-release-card__title,
html body.home .gc-game-card h3,
html body.home .gc-bibbia-game__name {
	font-family: "Archivo", -apple-system, "Inter", system-ui, sans-serif !important;
	letter-spacing: -.015em !important;
}

/* ═══════════════════════════════════════════════════════════
   2 · HERO TODAY — badge oro, button pill oro
   ═══════════════════════════════════════════════════════════ */

/* Badge "Novità" — da bianco a oro */
html body.home .gc-hero-today__badge,
html body.home .gc-hero-today__badge--new {
	background: #d4b45a !important;
	color: #111214 !important;
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif !important;
	font-size: 10.5px !important;
	font-weight: 800 !important;
	letter-spacing: .14em !important;
	text-transform: uppercase !important;
	border-radius: 100px !important;
	padding: 4px 11px !important;
}
html[data-theme="light"] body.home .gc-hero-today__badge,
html[data-theme="light"] body.home .gc-hero-today__badge--new {
	background: #c3860f !important;
	color: #ffffff !important;
}

/* Kicker data */
html body.home .gc-hero-today__kicker,
html body.home .gc-hero-today__kicker-date {
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: .14em !important;
	text-transform: uppercase !important;
	color: rgba(255,255,255,.65) !important;
}

/* Strip kicker "In vetrina" — da arancio tema a oro brand */
html body.home .gc-hero-today__strip-kicker {
	color: #d4b45a !important;
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif !important;
	font-size: 10.5px !important;
	font-weight: 800 !important;
	letter-spacing: .14em !important;
	text-transform: uppercase !important;
}
html[data-theme="light"] body.home .gc-hero-today__strip-kicker {
	color: #c3860f !important;
}

/* Button "Leggi ora →" pill oro outline */
html body.home .gc-hero-today__cta,
html body.home .gc-hero-today a[class*="cta"],
html body.home .gc-hero-today__main-content > a,
html body.home .gc-hero-today .leggi-ora,
html body.home .gc-hero-today__main-link > span[class*="button"],
html body.home .gc-hero-today__main-link + a,
html body.home .gc-hero-today__btn {
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important;
	padding: 14px 30px !important;
	background: #d4b45a !important;
	color: #111214 !important;
	border: 1px solid #d4b45a !important;
	border-radius: 100px !important;
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif !important;
	font-size: 13.5px !important;
	font-weight: 800 !important;
	letter-spacing: .1em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	box-shadow: 0 8px 28px rgba(0,0,0,.4), 0 2px 10px rgba(212,180,90,.25) !important;
	transition: background .18s, color .18s, transform .18s !important;
}
html body.home .gc-hero-today__cta:hover,
html body.home .gc-hero-today__btn:hover {
	background: transparent !important;
	color: #d4b45a !important;
}
html[data-theme="light"] body.home .gc-hero-today__cta,
html[data-theme="light"] body.home .gc-hero-today__btn {
	background: #c3860f !important;
	color: #ffffff !important;
	border-color: #c3860f !important;
	box-shadow: 0 2px 10px rgba(195,134,15,.18) !important;
}

/* Hero strip (vetrina) — card eyebrow coerenti */
html body.home .gc-hero-today__strip-kicker { color: #d4b45a !important; }

/* ═══════════════════════════════════════════════════════════
   3 · HUB SPOTLIGHT — eyebrow blu → oro
   ═══════════════════════════════════════════════════════════ */
html body.home .gc-hub-spotlight__eyebrow {
	background: #d4b45a !important;
	color: #111214 !important;
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif !important;
	font-weight: 800 !important;
	letter-spacing: .14em !important;
	text-transform: uppercase !important;
	border-radius: 100px !important;
	padding: 4px 11px !important;
}
html[data-theme="light"] body.home .gc-hub-spotlight__eyebrow {
	background: #c3860f !important;
	color: #ffffff !important;
}

html body.home .gc-hub-spotlight__cta,
html body.home .gc-hub-spotlight a[class*="cta"] {
	background: transparent !important;
	border: 1px solid #d4b45a !important;
	color: #d4b45a !important;
	text-decoration: none !important;
	border-radius: 100px !important;
	font-weight: 700 !important;
	letter-spacing: .08em !important;
	text-transform: uppercase !important;
}
html[data-theme="light"] body.home .gc-hub-spotlight__cta {
	border-color: #c3860f !important;
	color: #c3860f !important;
}

/* ═══════════════════════════════════════════════════════════
   4 · RECENSIONI — label arancio → oro coerente
   ═══════════════════════════════════════════════════════════ */
html body.home .gc-rv__label {
	color: #d4b45a !important;
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif !important;
	font-weight: 800 !important;
	letter-spacing: .14em !important;
	text-transform: uppercase !important;
}
html[data-theme="light"] body.home .gc-rv__label {
	color: #c3860f !important;
}
/* Title card recensione più leggibile */
html body.home .gc-rv__title {
	font-family: "Archivo", -apple-system, "Inter", system-ui, sans-serif !important;
	font-weight: 700 !important;
	letter-spacing: -.015em !important;
}

/* ═══════════════════════════════════════════════════════════
   5 · RETRO / GAMEBACK — viola → oro
   ═══════════════════════════════════════════════════════════ */
html body.home .gc-retro-spotlight__eyebrow {
	color: #d4b45a !important;
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif !important;
	font-weight: 800 !important;
	letter-spacing: .14em !important;
	text-transform: uppercase !important;
}
html[data-theme="light"] body.home .gc-retro-spotlight__eyebrow {
	color: #c3860f !important;
}
html body.home .gc-retro-spotlight__title,
html body.home .gc-gb__title {
	font-family: "Archivo", -apple-system, "Inter", system-ui, sans-serif !important;
	font-weight: 700 !important;
	letter-spacing: -.015em !important;
}

/* ═══════════════════════════════════════════════════════════
   6 · RELEASES — status badge blu → oro (solo "scheda disponibile")
   ═══════════════════════════════════════════════════════════ */
html body.home .gc-release-card__status-badge[class*="scheda"],
html body.home .gc-release-card__status-badge[class*="disponibile"] {
	background: rgba(212,180,90,.14) !important;
	color: #d4b45a !important;
}
html[data-theme="light"] body.home .gc-release-card__status-badge[class*="scheda"],
html[data-theme="light"] body.home .gc-release-card__status-badge[class*="disponibile"] {
	background: rgba(195,134,15,.1) !important;
	color: #c3860f !important;
}
/* Fallback: se il selettore con [class*="scheda"] non matcha, applico a tutti i badge colorati blu */
html body.home .gc-release-card__status-badge {
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif !important;
	font-weight: 700 !important;
	letter-spacing: .12em !important;
	text-transform: uppercase !important;
	border-radius: 100px !important;
	padding: 3px 10px !important;
}

/* ═══════════════════════════════════════════════════════════
   7 · CARD GLOBAL — hover oro, radius coerenti, shadow iOS
   ═══════════════════════════════════════════════════════════ */
html body.home .gc-rv__card,
html body.home .gc-news-card,
html body.home .gc-game-card,
html body.home .gc-release-card,
html body.home .gc-gb__card,
html body.home .gc-bibbia__link {
	border-radius: 14px !important;
	transition: transform .2s ease, box-shadow .25s ease, border-color .2s !important;
}
html body.home .gc-rv__card:hover,
html body.home .gc-news-card:hover,
html body.home .gc-game-card:hover,
html body.home .gc-release-card:hover,
html body.home .gc-gb__card:hover,
html body.home .gc-bibbia__link:hover {
	transform: translateY(-2px) !important;
	box-shadow: 0 12px 28px rgba(0,0,0,.3), 0 2px 6px rgba(212,180,90,.15) !important;
}
html[data-theme="light"] body.home .gc-rv__card:hover,
html[data-theme="light"] body.home .gc-news-card:hover,
html[data-theme="light"] body.home .gc-game-card:hover,
html[data-theme="light"] body.home .gc-release-card:hover,
html[data-theme="light"] body.home .gc-gb__card:hover {
	box-shadow: 0 8px 24px rgba(15,23,42,.12), 0 2px 4px rgba(195,134,15,.1) !important;
}

/* Trending badge: mantenere i semantici (rosso trending, verde crescita) */
html body.home .gc-trend-badge {
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif !important;
	font-weight: 800 !important;
	letter-spacing: .1em !important;
	text-transform: uppercase !important;
	border-radius: 100px !important;
	padding: 3px 10px !important;
}

/* Subtitle "I titoli più discussi" */
html body.home .gc-subtitle,
html body.home p.gc-subtitle {
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	color: rgba(255,255,255,.5) !important;
	letter-spacing: normal !important;
}
html[data-theme="light"] body.home .gc-subtitle {
	color: #5a6372 !important;
}

/* ═══════════════════════════════════════════════════════════
   8 · SECTION HEADERS — kicker oro + linea sottile sopra
   ═══════════════════════════════════════════════════════════ */
html body.home .gc-section {
	position: relative !important;
}
html body.home .gc-section > header,
html body.home .gc-section > .gc-section__head,
html body.home [class*="gc-section"] > header {
	padding-top: 6px !important;
	margin-bottom: 20px !important;
}

/* Eyebrow/kicker di section generico (se presenti) */
html body.home [class*="__eyebrow"]:not(.gc-hero-today__badge):not(.gc-hub-spotlight__eyebrow),
html body.home [class*="__kicker"]:not(.gc-hero-today__kicker):not(.gc-hero-today__kicker-date) {
	color: #d4b45a !important;
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif !important;
	font-size: 10.5px !important;
	font-weight: 800 !important;
	letter-spacing: .14em !important;
	text-transform: uppercase !important;
}
html[data-theme="light"] body.home [class*="__eyebrow"]:not(.gc-hero-today__badge):not(.gc-hub-spotlight__eyebrow),
html[data-theme="light"] body.home [class*="__kicker"]:not(.gc-hero-today__kicker):not(.gc-hero-today__kicker-date) {
	color: #c3860f !important;
}

/* ═══════════════════════════════════════════════════════════
   9 · SECTION LINK "vedi tutto" — pill sobria oro
   ═══════════════════════════════════════════════════════════ */
html body.home .gc-section__link,
html body.home [class*="__view-all"],
html body.home [class*="__see-all"] {
	color: #d4b45a !important;
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: .08em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	padding: 5px 12px !important;
	border: 1px solid rgba(212,180,90,.35) !important;
	border-radius: 100px !important;
	transition: all .18s !important;
}
html body.home .gc-section__link:hover {
	background: #d4b45a !important;
	color: #111214 !important;
	border-color: #d4b45a !important;
}
html[data-theme="light"] body.home .gc-section__link {
	color: #c3860f !important;
	border-color: rgba(195,134,15,.3) !important;
}
html[data-theme="light"] body.home .gc-section__link:hover {
	background: #c3860f !important;
	color: #ffffff !important;
}

/* ═══════════════════════════════════════════════════════════
   10a · OVERRIDE MIRATI residui dopo live-check
   Titoli card blu, badge "più letto" blu, anni viola retrogaming
   ═══════════════════════════════════════════════════════════ */

/* Titoli card release / games blu → bianco/neutro */
html body.home .gc-release-card__title,
html body.home .gc-release-card a,
html body.home .gc-release-card h3,
html body.home .gc-release-card h4 {
	color: #ffffff !important;
	text-decoration: none !important;
	font-family: "Archivo", -apple-system, "Inter", system-ui, sans-serif !important;
	font-weight: 700 !important;
}
html[data-theme="light"] body.home .gc-release-card__title,
html[data-theme="light"] body.home .gc-release-card a,
html[data-theme="light"] body.home .gc-release-card h3,
html[data-theme="light"] body.home .gc-release-card h4 {
	color: #0f172a !important;
}

/* Trending badge "PIÙ LETTO" blu → oro (gli altri rosso/verde restano) */
html body.home .gc-trend-badge[class*="piu-letto"],
html body.home .gc-trend-badge[class*="più-letto"],
html body.home .gc-trend-badge[class*="letto"],
html body.home .gc-trend-badge[class*="popular"] {
	background: #d4b45a !important;
	color: #111214 !important;
}
html[data-theme="light"] body.home .gc-trend-badge[class*="letto"] {
	background: #c3860f !important;
	color: #ffffff !important;
}

/* Sezione retrogaming: badge anno (viola/lavanda) + piattaforma → oro + muted */
html body.home .gc-gb__year,
html body.home .gc-gb__decade,
html body.home [class*="gb__year"],
html body.home [class*="gb__decade"] {
	background: rgba(212,180,90,.14) !important;
	color: #d4b45a !important;
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif !important;
	font-weight: 800 !important;
	letter-spacing: .1em !important;
	text-transform: uppercase !important;
	border-radius: 100px !important;
	padding: 2px 9px !important;
}
html[data-theme="light"] body.home .gc-gb__year,
html[data-theme="light"] body.home [class*="gb__year"],
html[data-theme="light"] body.home [class*="gb__decade"] {
	background: rgba(195,134,15,.1) !important;
	color: #c3860f !important;
}

html body.home .gc-gb__plat,
html body.home .gc-gb__platform,
html body.home [class*="gb__plat"] {
	background: rgba(255,255,255,.06) !important;
	color: rgba(255,255,255,.7) !important;
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif !important;
	font-weight: 700 !important;
	letter-spacing: .08em !important;
	text-transform: uppercase !important;
	border-radius: 100px !important;
	padding: 2px 9px !important;
}
html[data-theme="light"] body.home .gc-gb__plat,
html[data-theme="light"] body.home [class*="gb__plat"] {
	background: rgba(15,23,42,.06) !important;
	color: #5a6372 !important;
}

/* "Scopri il gioco →" link retro spotlight → oro */
html body.home .gc-retro-spotlight a,
html body.home .gc-retro-spotlight__link,
html body.home [class*="retro-spotlight"] a {
	color: #d4b45a !important;
	text-decoration: none !important;
}
html[data-theme="light"] body.home .gc-retro-spotlight a,
html[data-theme="light"] body.home [class*="retro-spotlight"] a {
	color: #c3860f !important;
}

/* Bibbia dei Codici: titoli card blu + badge "GUIDA GENERALE" blu + "Tutte le guide" blu */
html body.home .gc-bibbia__title-game,
html body.home .gc-bibbia__game-title,
html body.home .gc-bibbia [class*="title"]:not(.gc-bibbia__title),
html body.home .gc-bibbia a[class*="game"],
html body.home .gc-bibbia__link {
	color: #ffffff !important;
	text-decoration: none !important;
}
html[data-theme="light"] body.home .gc-bibbia__title-game,
html[data-theme="light"] body.home .gc-bibbia__game-title,
html[data-theme="light"] body.home .gc-bibbia [class*="title"]:not(.gc-bibbia__title),
html[data-theme="light"] body.home .gc-bibbia a[class*="game"] {
	color: #0f172a !important;
}

/* Badge "GUIDA GENERALE / GUIDA TROFEI" in Bibbia → oro */
html body.home .gc-bibbia [class*="badge"],
html body.home .gc-bibbia [class*="eyebrow"],
html body.home .gc-bibbia [class*="tag"],
html body.home .gc-bibbia [class*="category"],
html body.home .gc-bibbia [class*="label"] {
	background: rgba(212,180,90,.14) !important;
	color: #d4b45a !important;
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif !important;
	font-weight: 800 !important;
	letter-spacing: .1em !important;
	text-transform: uppercase !important;
	border-radius: 100px !important;
	padding: 2px 9px !important;
	border-color: rgba(212,180,90,.25) !important;
}
html[data-theme="light"] body.home .gc-bibbia [class*="badge"],
html[data-theme="light"] body.home .gc-bibbia [class*="eyebrow"],
html[data-theme="light"] body.home .gc-bibbia [class*="tag"],
html[data-theme="light"] body.home .gc-bibbia [class*="category"],
html[data-theme="light"] body.home .gc-bibbia [class*="label"] {
	background: rgba(195,134,15,.1) !important;
	color: #c3860f !important;
}

/* Eyebrow category news (arancio/rosso) → oro brand */
html body.home .gc-news-featured__cat,
html body.home .gc-news-secondary__cat,
html body.home .gc-news-card__cat {
	color: #d4b45a !important;
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif !important;
	font-size: 10.5px !important;
	font-weight: 800 !important;
	letter-spacing: .14em !important;
	text-transform: uppercase !important;
}
html[data-theme="light"] body.home .gc-news-featured__cat,
html[data-theme="light"] body.home .gc-news-secondary__cat,
html[data-theme="light"] body.home .gc-news-card__cat {
	color: #c3860f !important;
}

/* Titoli card news blu → bianco */
html body.home .gc-news-card__title,
html body.home .gc-news-card a,
html body.home .gc-news-featured__title,
html body.home .gc-news-secondary__title {
	color: #ededed !important;
	text-decoration: none !important;
	font-family: "Archivo", -apple-system, "Inter", system-ui, sans-serif !important;
	font-weight: 700 !important;
	letter-spacing: -.015em !important;
}
html[data-theme="light"] body.home .gc-news-card__title,
html[data-theme="light"] body.home .gc-news-card a,
html[data-theme="light"] body.home .gc-news-secondary__title {
	color: #0f172a !important;
}
/* Featured card: testo SEMPRE bianco (immagine + overlay scuro by design) */
html[data-theme="light"] body.home .gc-news-featured__title {
	color: #ffffff !important;
}
html[data-theme="light"] body.home .gc-news-featured__deck {
	color: rgba(255,255,255,.78) !important;
}
html[data-theme="light"] body.home .gc-news-featured__time {
	color: rgba(255,255,255,.6) !important;
}

/* Card title generico blu in homepage → bianco */
html body.home [class*="gc-"][class*="__title-"] a,
html body.home .gc-rv__title,
html body.home .gc-hero-today__strip-title {
	color: #ededed !important;
	text-decoration: none !important;
}
html[data-theme="light"] body.home [class*="gc-"][class*="__title-"] a,
html[data-theme="light"] body.home .gc-rv__title,
html[data-theme="light"] body.home .gc-hero-today__strip-title {
	color: #0f172a !important;
}

/* ═══════════════════════════════════════════════════════════
   10c · BIBBIA CODICI + RETRO classi reali
   ═══════════════════════════════════════════════════════════ */

/* Bibbia spoke — solo override tipografici. Colori e padding gestiti dalle
   varianti --gold/--red/--blue/--green/--purple in style.css */
html body.home .gc-bibbia-spoke {
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif !important;
	font-weight: 700 !important;
	letter-spacing: .08em !important;
	text-transform: uppercase !important;
}

/* "Tutte le guide →" link Bibbia → pill outline oro */
html body.home .gc-bibbia__link {
	color: #d4b45a !important;
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: .08em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	padding: 5px 12px !important;
	border: 1px solid rgba(212,180,90,.35) !important;
	border-radius: 100px !important;
	transition: all .18s !important;
}
html body.home .gc-bibbia__link:hover {
	background: #d4b45a !important;
	color: #111214 !important;
	border-color: #d4b45a !important;
}
html[data-theme="light"] body.home .gc-bibbia__link {
	color: #c3860f !important;
	border-color: rgba(195,134,15,.3) !important;
}
html[data-theme="light"] body.home .gc-bibbia__link:hover {
	background: #c3860f !important;
	color: #ffffff !important;
}

/* Nome gioco nella Bibbia — forza color neutro */
html body.home .gc-bibbia-game__name {
	color: #ededed !important;
	font-family: "Archivo", -apple-system, "Inter", system-ui, sans-serif !important;
	font-weight: 700 !important;
	letter-spacing: -.015em !important;
	text-decoration: none !important;
}
html[data-theme="light"] body.home .gc-bibbia-game__name {
	color: #0f172a !important;
}

/* ═══════════════════════════════════════════════════════════
   10b · FIX color default <a> delle card homepage
   Il color blu era ereditato dal link card wrapper
   ═══════════════════════════════════════════════════════════ */
html body.home .gc-rv__card,
html body.home .gc-rv__card:hover,
html body.home .gc-rv__card:visited,
html body.home .gc-gb,
html body.home .gc-gb:hover,
html body.home .gc-bibbia-game__cover,
html body.home .gc-bibbia__link,
html body.home .gc-release-card,
html body.home .gc-release-card a,
html body.home .gc-news-card,
html body.home .gc-news-card a,
html body.home .gc-game-card,
html body.home .gc-game-card a,
html body.home .gc-hero-today__strip a,
html body.home .gc-hero-today__main-link {
	color: #ededed !important;
}
html[data-theme="light"] body.home .gc-rv__card,
html[data-theme="light"] body.home .gc-gb,
html[data-theme="light"] body.home .gc-bibbia-game__cover,
html[data-theme="light"] body.home .gc-release-card,
html[data-theme="light"] body.home .gc-news-card,
html[data-theme="light"] body.home .gc-game-card,
html[data-theme="light"] body.home .gc-hero-today__strip a {
	color: #0f172a !important;
}

/* Nome gioco in card recensione (.gc-rv__game) → oro brand */
html body.home .gc-rv__game {
	color: #d4b45a !important;
	font-weight: 700 !important;
}
html[data-theme="light"] body.home .gc-rv__game {
	color: #c3860f !important;
}

/* gc-rv__score-bar (piccola barra sotto voto) — era blu */
html body.home .gc-rv__score-bar {
	background: #d4b45a !important;
}
html body.home .gc-rv__score--low .gc-rv__score-bar {
	background: #ef4444 !important;
}
html body.home .gc-rv__score--high .gc-rv__score-bar {
	background: #22c55e !important;
}
html[data-theme="light"] body.home .gc-rv__score-bar {
	background: #c3860f !important;
}

/* gc-rv__score-sig "GC SCORE" testo piccolo → muted */
html body.home .gc-rv__score-sig {
	color: rgba(255,255,255,.55) !important;
	font-weight: 700 !important;
	letter-spacing: .14em !important;
}
html[data-theme="light"] body.home .gc-rv__score-sig {
	color: #5a6372 !important;
}

/* ═══════════════════════════════════════════════════════════
   10 · RESPONSIVE — iPad (≤900px) + Mobile (≤640px)
   ═══════════════════════════════════════════════════════════ */

/* iPad */
@media (max-width: 900px) {
	html body.home .gc-section__title,
	html body.home .gc-trending-games h2 {
		font-size: clamp(22px, 3vw, 26px) !important;
	}
	html body.home .gc-hero-today__title {
		font-size: clamp(34px, 5vw, 52px) !important;
	}
	html body.home .gc-section {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	/* Grid collasso iPad: 6 → 3, 5 → 3, 4 → 2, 3 → 2 */
	html body.home .gc-bibbia-games {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 14px !important;
	}
	html body.home .gc-trending-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 14px !important;
	}
	html body.home .gc-hero-today__strip {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 12px !important;
	}
	html body.home .gc-news-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 14px !important;
	}
	html body.home .gc-rv__card,
	html body.home .gc-news-card {
		min-width: 0 !important;
	}
}

/* Tablet portrait ≤768px */
@media (max-width: 768px) {
	html body.home .gc-bibbia-games {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
	html body.home .gc-trending-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

/* Mobile */
@media (max-width: 640px) {
	html body.home .gc-section__title,
	html body.home .gc-trending-games h2 {
		font-size: 22px !important;
	}
	html body.home .gc-hero-today__title {
		font-size: clamp(34px, 9vw, 46px) !important;
		line-height: 1.04 !important;
	}
	html body.home .gc-hero-today__badge {
		font-size: 9.5px !important;
		padding: 3px 9px !important;
	}
	html body.home .gc-hero-today__cta,
	html body.home .gc-hero-today__btn {
		padding: 11px 22px !important;
		font-size: 12px !important;
		letter-spacing: .08em !important;
	}
	html body.home .gc-section__link,
	html body.home .gc-bibbia__link {
		font-size: 10.5px !important;
		padding: 4px 10px !important;
	}
	html body.home .gc-rv__card:hover,
	html body.home .gc-news-card:hover,
	html body.home .gc-game-card:hover,
	html body.home .gc-release-card:hover,
	html body.home .gc-gb:hover {
		transform: none !important;  /* disable hover lift on touch */
	}

	/* Grid mobile: tutto a 1-2 colonne */
	html body.home .gc-bibbia-games {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 12px !important;
	}
	html body.home .gc-trending-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 12px !important;
	}
	html body.home .gc-hero-today__strip {
		grid-template-columns: 1fr !important;
		gap: 10px !important;
	}
	html body.home .gc-news-grid {
		grid-template-columns: 1fr !important;
		gap: 14px !important;
	}
	/* Release cards: scroll orizzontale se non collassa */
	html body.home .gc-releases-grid,
	html body.home [class*="releases"][class*="grid"] {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 12px !important;
	}
	/* Retro 2 col → 1 col mobile */
	html body.home [class*="section--retro"] [class*="grid"],
	html body.home [class*="gameback"] [class*="grid"] {
		grid-template-columns: 1fr !important;
		gap: 10px !important;
	}

	/* Section header: section title e link su riga separata se troppo stretti */
	html body.home .gc-section > header,
	html body.home .gc-section__head {
		flex-wrap: wrap !important;
		gap: 10px !important;
	}

	/* Hero today padding ridotto */
	html body.home .gc-hero-today__main-content {
		padding: 18px 20px !important;
	}
	html body.home .gc-hero-today__main {
		border-radius: 14px !important;
	}

	/* ═══════════════════════════════════════════════════════════
	   HUB SPOTLIGHT — Mobile: layout gestito ora in style.css con grid
	   1-col + panel chips orizzontali. Manteniamo solo il fondo
	   blurrato sull'overlay scuro per coerenza visiva.
	   ═══════════════════════════════════════════════════════════ */
	html body.home .gc-hub-spotlight__bg {
		opacity: .35 !important;
		filter: blur(2px) saturate(1.1) !important;
	}
	html body.home .gc-hub-spotlight__overlay {
		background: linear-gradient(180deg,
			rgba(11,14,20,.55) 0%,
			rgba(11,14,20,.82) 55%,
			rgba(11,14,20,.94) 100%) !important;
	}
	/* Light mode: stesso overlay scuro (la card è "always dark") */
	html[data-theme="light"] body.home .gc-hub-spotlight__overlay {
		background: linear-gradient(180deg,
			rgba(11,14,20,.55) 0%,
			rgba(11,14,20,.82) 55%,
			rgba(11,14,20,.94) 100%) !important;
	}
	html body.home .gc-hub-spotlight__meta span:not(:last-child)::after {
		content: '·';
		margin-left: 6px;
		opacity: .5;
	}

	/* Card titles max width prevent overflow */
	html body.home .gc-rv__title,
	html body.home .gc-news-card__title,
	html body.home .gc-bibbia-game__name,
	html body.home .gc-gb__title {
		word-break: break-word !important;
		overflow-wrap: anywhere !important;
	}

	/* Padding container sezioni */
	html body.home .gc-section,
	html body.home [class*="gc-section"] {
		padding-left: 14px !important;
		padding-right: 14px !important;
	}

	/* ═══════════ Mobile: CARD PIÙ GRANDI + AUTOREVOLI ═══════════ */

	/* Typography scale up mobile */
	html body.home .gc-section__title,
	html body.home .gc-trending-games h2 {
		font-size: 24px !important;
		letter-spacing: -.025em !important;
	}
	html body.home .gc-hero-today__title {
		font-size: 42px !important;
	}
	html body.home .gc-hero-today__deck,
	html body.home [class*="__deck"] {
		font-size: 15px !important;
		line-height: 1.5 !important;
	}

	/* Spazi verticali sezioni generosi — respiro magazine */
	html body.home .gc-section,
	html body.home [class*="gc-section"] {
		margin-bottom: 44px !important;
	}

	/* Hero today: più spazio interno */
	html body.home .gc-hero-today__main-content {
		padding: 22px 22px 24px !important;
	}

	/* Card Bibbia + Trending: titoli più grandi, eyebrow leggibili */
	html body.home .gc-bibbia-game__name {
		font-size: 15px !important;
		line-height: 1.25 !important;
	}
	html body.home .gc-bibbia-spoke {
		font-size: 9.5px !important;
	}
	html body.home .gc-bibbia-game__cover img,
	html body.home .gc-bibbia-game__cover picture {
		aspect-ratio: 3 / 4 !important;
		width: 100% !important;
		border-radius: 10px !important;
	}

	/* Cards gaps più ampi per non ammassare */
	html body.home .gc-bibbia-games,
	html body.home .gc-trending-grid,
	html body.home .gc-hero-today__strip,
	html body.home .gc-news-grid {
		gap: 16px !important;
	}

	/* Card recensione: padding interno */
	html body.home .gc-rv__card {
		padding: 16px 14px !important;
	}
	html body.home .gc-rv__title {
		font-size: 15.5px !important;
		line-height: 1.3 !important;
	}
	html body.home .gc-rv__score-val {
		font-size: 34px !important;
	}

	/* Retro spotlight card: più respiro */
	html body.home .gc-retro-spotlight {
		padding: 20px 18px !important;
	}
	html body.home .gc-retro-spotlight__title {
		font-size: 20px !important;
	}

	/* Hub-spotlight: spazio interno più generoso */
	html body.home .gc-hub-spotlight__title {
		font-size: 26px !important;
	}

	/* Section link "TUTTE LE..." allineato a dx non troppo stretto */
	html body.home .gc-section__link,
	html body.home .gc-bibbia__link {
		font-size: 10px !important;
		padding: 5px 12px !important;
		letter-spacing: .1em !important;
	}

	/* Trending card title + badge */
	html body.home .gc-game-card h3,
	html body.home .gc-trending-grid h3 {
		font-size: 14px !important;
	}
	html body.home .gc-trend-badge {
		font-size: 9.5px !important;
	}

	/* Retro (gameback) card: immagine + testo più respiro */
	html body.home .gc-gb {
		padding: 12px !important;
	}
	html body.home .gc-gb__title {
		font-size: 14px !important;
		line-height: 1.3 !important;
	}
	html body.home .gc-gb__year,
	html body.home [class*="gb__year"] {
		font-size: 10px !important;
	}
}

/* Mobile piccolo ≤ 420px: tieni 2 colonne (1 sola era troppo grande) */
@media (max-width: 420px) {
	html body.home .gc-bibbia-games,
	html body.home .gc-trending-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px !important;
	}
	html body.home .gc-bibbia-game__cover img,
	html body.home .gc-bibbia-game__cover picture {
		aspect-ratio: 3 / 4 !important;
	}
	html body.home .gc-hero-today__title { font-size: 34px !important; }
	html body.home .gc-section__title { font-size: 22px !important; }
}

/* ═══════════════════════════════════════════════════════════
   FIX MOBILE REALE — section headers stack + news kicker 1 line
   ═══════════════════════════════════════════════════════════ */
@media (max-width: 540px) {
	/* Tutti gli header sezione: stack verticale (titolo sopra, CTA sotto) */
	html body.home .gc-section__header,
	html body.home .gc-section > header,
	html body.home .gc-section__head,
	html body.home .gc-bibbia__header {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 10px !important;
	}
	html body.home .gc-bibbia__header-left {
		display: flex !important;
		align-items: center !important;
		gap: 10px !important;
		width: 100% !important;
	}
	/* Titolo sezione: una riga sola, font ridotto se serve */
	html body.home .gc-bibbia__title,
	html body.home .gc-section__title {
		white-space: normal !important;
		font-size: 22px !important;
		line-height: 1.15 !important;
		flex: 1 1 auto !important;
		max-width: 100% !important;
	}
	/* CTA "Tutte le …" / "Calendario" — centrata, max-width 320 (non full mastodontica) */
	html body.home .gc-section__link,
	html body.home .gc-bibbia__link {
		text-align: center !important;
		justify-content: center !important;
		display: inline-flex !important;
		align-items: center !important;
		gap: 6px !important;
		max-width: 320px !important;
		width: auto !important;
		margin-left: auto !important;
		margin-right: auto !important;
		align-self: center !important;
	}

	/* News card kicker categoria: 1 sola riga con ellipsis */
	html body.home .gc-news-card__cat,
	html body.home .gc-news-featured__cat,
	html body.home .gc-news-secondary__cat {
		display: -webkit-box !important;
		-webkit-line-clamp: 1 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
		max-width: 100% !important;
	}
}

/* ═══════════════════════════════════════════════════════════
   FIX VISUAL MOBILE — card recensione, Bibbia header,
   retro grid, news card, prossime uscite
   ═══════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════
   LOBBY COMMENTI — pallina compatta oro brand
   Piccolo pill arrotondato, icona chat + numero. Inline col kicker.
   HOT (20+): stessa pallina, colore rosso accent.
   ═══════════════════════════════════════════════════════════ */
.gc-lobby-count {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 2px 7px 2px 6px;
	min-height: 18px;
	border-radius: 999px;
	font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
	font-size: 10.5px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .01em;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
	color: #d4b45a;
	background: rgba(212,180,90,.10);
	border: 1px solid rgba(212,180,90,.32);
	transition: background .15s ease, border-color .15s ease, color .15s ease;
	flex-shrink: 0;
	vertical-align: middle;
}
.gc-lobby-count:hover {
	background: rgba(212,180,90,.22);
	border-color: rgba(212,180,90,.55);
	color: #e6c970;
}
.gc-lobby-count:focus-visible {
	outline: 2px solid #d4b45a;
	outline-offset: 2px;
}
html[data-theme="light"] .gc-lobby-count {
	color: #c3860f;
	background: rgba(195,134,15,.10);
	border-color: rgba(195,134,15,.32);
}
html[data-theme="light"] .gc-lobby-count:hover {
	background: rgba(195,134,15,.20);
	border-color: rgba(195,134,15,.55);
	color: #a8770a;
}
.gc-lobby-count__svg {
	flex-shrink: 0;
	width: 10px;
	height: 10px;
}
.gc-lobby-count__num {
	font-variant-numeric: tabular-nums;
	letter-spacing: 0;
}

/* ── HOT (20+) — stessa pallina, rosso accent ── */
.gc-lobby-count--hot {
	color: #f87171;
	background: rgba(248,113,113,.12);
	border-color: rgba(248,113,113,.38);
}
.gc-lobby-count--hot:hover {
	background: rgba(248,113,113,.22);
	border-color: rgba(248,113,113,.6);
	color: #fca5a5;
}
html[data-theme="light"] .gc-lobby-count--hot {
	color: #dc2626;
	background: rgba(220,38,38,.10);
	border-color: rgba(220,38,38,.35);
}

/* ── Variante hero — sfondo solido scuro per contrasto sull'immagine ── */
.gc-lobby-count--hero {
	font-size: 11px;
	padding: 3px 9px 3px 8px;
	min-height: 22px;
	gap: 5px;
	color: #f5d76e;
	background: rgba(0,0,0,.62);
	border-color: rgba(212,180,90,.6);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	box-shadow: 0 2px 8px rgba(0,0,0,.35);
}
.gc-lobby-count--hero:hover {
	background: rgba(0,0,0,.78);
	border-color: #d4b45a;
	color: #ffe49a;
}
.gc-lobby-count--hero .gc-lobby-count__svg { width: 12px; height: 12px; }
.gc-lobby-count--hero.gc-lobby-count--hot {
	color: #fca5a5;
	background: rgba(0,0,0,.62);
	border-color: rgba(248,113,113,.7);
}
.gc-lobby-count--hero.gc-lobby-count--hot:hover {
	background: rgba(0,0,0,.78);
	border-color: #f87171;
	color: #fecaca;
}
/* News card: top row (categoria + lobby count inline) */
.gc-news-card__top,
.gc-news-featured__top,
.gc-news-secondary__top {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	margin-bottom: 4px;
}
.gc-news-card__top .gc-news-card__cat,
.gc-news-featured__top .gc-news-featured__cat,
.gc-news-secondary__top .gc-news-secondary__cat { margin: 0; }
.gc-news-card__foot {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 6px;
}
/* Recensione card: badge inline col label "Recensione · gioco" */
.gc-rv__info-top {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
}
.gc-rv__info-top .gc-lobby-count { margin-left: auto; }
/* Hero today strip: meta riga categoria + counter */
.gc-hero-today__strip-meta {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	margin-bottom: 4px;
}
/* News feed-card (notizie list / load-more): label + counter inline */
.nf-item__label-row {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
}
/* Counter ultra-compatto e discreto accanto al label "NOTIZIA / GUIDA / ..." */
.nf-item__label-row .gc-lobby-count {
	padding: 1px 5px 1px 4px;
	min-height: 0;
	font-size: 10px;
	font-weight: 600;
	gap: 3px;
	background: transparent;
	border: 1px solid rgba(212,180,90,.35);
	color: rgba(212,180,90,.85);
}
.nf-item__label-row .gc-lobby-count:hover {
	background: rgba(212,180,90,.12);
	border-color: rgba(212,180,90,.6);
	color: #d4b45a;
}
.nf-item__label-row .gc-lobby-count__svg {
	width: 9px !important;
	height: 9px !important;
}
[data-theme="light"] .nf-item__label-row .gc-lobby-count {
	border-color: rgba(184,134,11,.4);
	color: rgba(184,134,11,.85);
}
[data-theme="light"] .nf-item__label-row .gc-lobby-count:hover {
	background: rgba(184,134,11,.12);
	color: #b8860b;
	border-color: rgba(184,134,11,.7);
}

/* ── Single article: bolla Lobby a destra del titolo ── */
.gc-lobby-title-badge {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #d4b45a;
	color: #1a1a1a;
	font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
	font-size: 16px;
	font-weight: 800;
	line-height: 1;
	text-decoration: none;
	box-shadow: 0 4px 14px rgba(0,0,0,.35), 0 0 0 4px rgba(212,180,90,.18);
	transition: transform .15s ease, box-shadow .15s ease;
	z-index: 5;
}
.gc-lobby-title-badge:hover {
	transform: translateY(-1px);
	box-shadow: 0 6px 18px rgba(0,0,0,.4), 0 0 0 5px rgba(212,180,90,.28);
}
.gc-lobby-title-badge__num {
	font-variant-numeric: tabular-nums;
	pointer-events: none;
}
/* Coda della bolla (speech bubble) */
.gc-lobby-title-badge__tail {
	position: absolute;
	bottom: -3px;
	left: 8px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 7px 0 0;
	border-color: #d4b45a transparent transparent transparent;
	transform: rotate(8deg);
}
.gc-lobby-title-badge--hot {
	background: #f87171;
	color: #fff;
	box-shadow: 0 4px 14px rgba(248,113,113,.4), 0 0 0 4px rgba(248,113,113,.22);
}
.gc-lobby-title-badge--hot .gc-lobby-title-badge__tail {
	border-top-color: #f87171;
}
.gc-lobby-title-badge--hot:hover {
	box-shadow: 0 6px 18px rgba(248,113,113,.5), 0 0 0 5px rgba(248,113,113,.32);
}
/* Mobile: più piccola e statica sotto al titolo */
@media (max-width: 720px) {
	.gc-lobby-title-badge {
		width: 40px;
		height: 40px;
		font-size: 14px;
		top: -8px;
		right: 4px;
	}
}

/* ── 1. Card recensione mobile — gestita dal nuovo design "hero premium card +
       row compatte" in style.css. Qui mantengo solo override leggeri sui
       label/game e sul foot mobile inline.
*/
@media (max-width: 640px) {
	html body.home .gc-rv__row .gc-rv__info-top,
	html body.home .gc-rv__hero-body .gc-rv__info-top {
		display: flex !important;
		flex-wrap: wrap !important;
		align-items: center !important;
		gap: 6px !important;
		font-size: 10.5px !important;
	}
	html body.home .gc-rv__label {
		color: #d4b45a !important;
		font-size: 10px !important;
		font-weight: 800 !important;
		letter-spacing: .14em !important;
		text-transform: uppercase !important;
		white-space: nowrap !important;
	}
	html body.home .gc-rv__sep { opacity: .4 !important; }
	html body.home .gc-rv__game {
		color: #d4b45a !important;
		font-size: 11px !important;
		font-weight: 700 !important;
		display: inline !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}
	html body.home .gc-rv__row-body .gc-rv__title {
		font-size: 15px !important;
		line-height: 1.3 !important;
		font-weight: 800 !important;
		margin: 2px 0 0 !important;
		color: var(--gc-text, #fff) !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 3 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
		word-break: normal !important;
		overflow-wrap: break-word !important;
		hyphens: auto !important;
	}
	/* Nasconde solo il deck nelle row compatte; il deck--hero della card premium resta visibile */
	html body.home .gc-rv__row-body .gc-rv__deck { display: none !important; }
	/* Footer: SEMPRE singola riga (piattaforma + data inline), ellipsis se serve */
	html body.home .gc-rv__foot,
	html body.home .gc-rv__card--hero .gc-rv__foot {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: baseline !important;
		justify-content: flex-start !important;
		gap: 8px !important;
		font-size: 10.5px !important;
		margin-top: 6px !important;
		opacity: .7 !important;
		min-width: 0 !important;
		overflow: hidden !important;
	}
	html body.home .gc-rv__plats {
		color: rgba(255,255,255,.6) !important;
		flex: 1 1 auto !important;
		min-width: 0 !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
	}
	html body.home .gc-rv__date {
		color: rgba(255,255,255,.45) !important;
		flex: 0 0 auto !important;
		white-space: nowrap !important;
		margin-left: auto !important;
	}
	html body.home .gc-rv__date::before {
		content: '·';
		opacity: .35;
		margin-right: 6px;
	}
	html[data-theme="light"] body.home .gc-rv__plats { color: rgba(15,23,42,.55) !important; }
	html[data-theme="light"] body.home .gc-rv__date  { color: rgba(15,23,42,.4) !important; }
}

/* Phone portrait stretto: comprimi le row compatte (la hero card resta gestita
   dalla sua media query in style.css) */
@media (max-width: 400px) {
	html body.home .gc-rv__row {
		gap: 10px !important;
		padding: 10px 12px !important;
	}
	html body.home .gc-rv__row-score { min-width: 46px !important; }
	html body.home .gc-rv__row-score-val { font-size: 18px !important; }
	html body.home .gc-rv__row-body .gc-rv__title { font-size: 13px !important; }
}

/* ── 2. Bibbia dei Codici — titolo su una riga + link sotto se stretti */
@media (max-width: 640px) {
	html body.home .gc-bibbia__header {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 10px !important;
	}
	html body.home .gc-bibbia__header-left {
		display: flex !important;
		align-items: center !important;
		gap: 10px !important;
		width: 100% !important;
	}
	html body.home .gc-bibbia__title {
		font-size: 22px !important;
		line-height: 1.15 !important;
		letter-spacing: -.02em !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: clip !important;   /* su un'unica riga, non spezzare */
		word-break: normal !important;
		flex: 1 !important;
	}
	/* Se davvero non ci sta, fallback a wrap naturale orizzontale */
	@media (max-width: 400px) {
		html body.home .gc-bibbia__title {
			white-space: normal !important;
			font-size: 20px !important;
		}
	}
	html body.home .gc-bibbia__icon {
		flex-shrink: 0 !important;
		width: 36px !important;
		height: 36px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		background: rgba(212,180,90,.12) !important;
		border: 1px solid rgba(212,180,90,.35) !important;
		border-radius: 8px !important;
		color: #d4b45a !important;
	}
	html body.home .gc-bibbia__link {
		align-self: stretch !important;
		text-align: center !important;
		justify-content: center !important;
	}
}

/* ── 3. Retro gameback card — badge anno + piattaforme wrap pulito */
@media (max-width: 640px) {
	html body.home .gc-gb,
	html body.home .gc-retro-card,
	html body.home [class*="gc-gb"][class*="card"],
	html body.home [class*="retro-card"] {
		display: flex !important;
		align-items: flex-start !important;
		gap: 12px !important;
		padding: 12px !important;
	}
	html body.home .gc-gb__cover,
	html body.home [class*="gb__cover"],
	html body.home [class*="retro-card__cover"] {
		flex-shrink: 0 !important;
		width: 64px !important;
		height: auto !important;
	}
	html body.home .gc-gb__body,
	html body.home [class*="gb__body"],
	html body.home [class*="retro-card__body"] {
		flex: 1 !important;
		min-width: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 6px !important;
	}
	html body.home .gc-gb__meta,
	html body.home [class*="gb__meta"],
	html body.home [class*="gb__badges"],
	html body.home [class*="retro-card__meta"] {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 5px !important;
		align-items: center !important;
	}
	html body.home .gc-gb__year,
	html body.home [class*="gb__year"],
	html body.home [class*="retro-card__year"] {
		flex-shrink: 0 !important;
		font-size: 10px !important;
		padding: 2px 8px !important;
		border-radius: 10px !important;
		white-space: nowrap !important;
	}
	html body.home .gc-gb__platform,
	html body.home .gc-gb__platforms,
	html body.home [class*="gb__platform"],
	html body.home [class*="retro-card__platform"] {
		flex-shrink: 0 !important;
		font-size: 10px !important;
		padding: 2px 8px !important;
		border-radius: 10px !important;
		white-space: nowrap !important;
	}
	html body.home .gc-gb__title,
	html body.home [class*="gb__title"],
	html body.home [class*="retro-card__title"] {
		font-size: 14px !important;
		font-weight: 800 !important;
		line-height: 1.3 !important;
		overflow: hidden !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
	}
	html body.home .gc-gb__dev,
	html body.home [class*="gb__dev"],
	html body.home [class*="retro-card__dev"] {
		font-size: 11px !important;
		opacity: .6 !important;
	}
}

/* ── 4. News card — badge tipo non overlap, PC badge non sovrappone titolo */
@media (max-width: 640px) {
	html body.home .gc-news-card {
		display: flex !important;
		gap: 12px !important;
		padding: 12px !important;
		align-items: flex-start !important;
	}
	html body.home .gc-news-card__cover,
	html body.home .gc-news-card img:first-child {
		flex-shrink: 0 !important;
		width: 68px !important;
		height: 68px !important;
		border-radius: 8px !important;
		object-fit: cover !important;
	}
	html body.home .gc-news-card__body,
	html body.home .gc-news-card__info {
		flex: 1 !important;
		min-width: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 4px !important;
	}
	html body.home .gc-news-card__eyebrow,
	html body.home .gc-news-card__kicker,
	html body.home .gc-news-card [class*="eyebrow"],
	html body.home .gc-news-card [class*="kicker"] {
		font-size: 10px !important;
		letter-spacing: .1em !important;
		white-space: normal !important;          /* lascia wrappare se lungo */
		overflow: hidden !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 1 !important;
		-webkit-box-orient: vertical !important;
		text-overflow: ellipsis !important;
	}
	html body.home .gc-news-card__title {
		font-size: 14px !important;
		line-height: 1.3 !important;
		font-weight: 800 !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
	}
	/* Badge piattaforma a destra del titolo: mettilo sotto o nascondilo se stretto */
	html body.home .gc-news-card__platform,
	html body.home .gc-news-card [class*="platform"],
	html body.home .gc-news-card [class*="plat-badge"] {
		display: inline-block !important;
		flex-shrink: 0 !important;
		font-size: 10px !important;
		padding: 2px 8px !important;
		align-self: flex-start !important;
		margin-top: 4px !important;
	}
	html body.home .gc-news-card__date,
	html body.home .gc-news-card time {
		font-size: 10.5px !important;
		opacity: .55 !important;
	}
}

/* ── 5. Prossime uscite — card scroll orizzontale con padding corretto */
@media (max-width: 640px) {
	/* Strip scroll-snap pulito invece di grid tagliata */
	html body.home .gc-releases-grid,
	html body.home [class*="releases-grid"],
	html body.home [class*="releases"][class*="strip"] {
		display: grid !important;
		grid-auto-flow: column !important;
		grid-auto-columns: 72% !important;
		grid-template-columns: none !important;
		gap: 12px !important;
		overflow-x: auto !important;
		overflow-y: visible !important;
		scroll-snap-type: x mandatory !important;
		padding: 4px 16px 12px 16px !important;
		margin: 0 -16px !important;                  /* bleed fino ai bordi */
		-webkit-overflow-scrolling: touch !important;
		scrollbar-width: thin !important;
	}
	html body.home .gc-release-card,
	html body.home [class*="release-card"] {
		scroll-snap-align: start !important;
		min-width: 0 !important;
	}
	html body.home .gc-release-card__plats,
	html body.home [class*="release-card__plats"],
	html body.home [class*="release-card__platforms"] {
		font-size: 11px !important;
		line-height: 1.35 !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		opacity: .65 !important;
	}
	html body.home .gc-release-card__title,
	html body.home [class*="release-card__title"] {
		font-size: 15px !important;
		line-height: 1.25 !important;
		font-weight: 800 !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
	}
}

/* ── 6. Typography section titles — weight + letter-spacing magazine */
@media (max-width: 640px) {
	html body.home .gc-section__title,
	html body.home .gc-trending-games h2 {
		font-weight: 900 !important;
		letter-spacing: -.03em !important;
	}
	/* Sezione header wrap pulito */
	html body.home .gc-section__head,
	html body.home .gc-section > header {
		display: flex !important;
		flex-wrap: wrap !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 12px !important;
		margin-bottom: 14px !important;
	}
	html body.home .gc-section__link,
	html body.home .gc-bibbia__link {
		white-space: nowrap !important;
	}
}

/* ── 7. "Carica altre notizie" button — più prominente come CTA magazine */
@media (max-width: 640px) {
	html body.home .gc-news-loadmore,
	html body.home [class*="loadmore"],
	html body.home button[class*="load-more"] {
		display: block !important;
		width: 100% !important;
		max-width: 320px !important;
		margin: 20px auto !important;
		padding: 12px 24px !important;
		font-size: 12px !important;
		font-weight: 700 !important;
		letter-spacing: .1em !important;
	}
}

/* ═══════════════════════════════════════════════════════════
   RETRO SPOTLIGHT — eyebrow App Store Today style
   Tag brand sopra + data sotto in piccolo, entrambi gold
   ═══════════════════════════════════════════════════════════ */
html body.home .gc-retro-spotlight__eyebrow {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	letter-spacing: .16em !important;
	text-transform: uppercase !important;
	line-height: 1.35 !important;
	margin-bottom: 8px !important;
}
html body.home .gc-retro-spotlight__eyebrow-tag {
	color: #d4b45a !important;
}
html body.home .gc-retro-spotlight__eyebrow-sep {
	color: rgba(212,180,90,.4) !important;
	font-weight: 700 !important;
}
html body.home .gc-retro-spotlight__eyebrow-date {
	color: rgba(255,255,255,.55) !important;
	font-weight: 600 !important;
	letter-spacing: .08em !important;
}
html[data-theme="light"] body.home .gc-retro-spotlight__eyebrow-tag {
	color: #c3860f !important;
}
html[data-theme="light"] body.home .gc-retro-spotlight__eyebrow-sep {
	color: rgba(195,134,15,.4) !important;
}
html[data-theme="light"] body.home .gc-retro-spotlight__eyebrow-date {
	color: rgba(15,23,42,.55) !important;
}

/* ═══════════════════════════════════════════════════════════
   FIX MOBILE FINAL — pulizia completa difetti residui
   ═══════════════════════════════════════════════════════════ */
@media (max-width: 540px) {
	/* — Section header: gap stretto fra titolo e pill, no margin-bottom enorme — */
	html body.home .gc-section > header,
	html body.home .gc-section__header,
	html body.home .gc-section__head,
	html body.home .gc-bibbia__header {
		padding-top: 0 !important;
		margin-bottom: 14px !important;
		gap: 8px !important;
	}
	html body.home .gc-section__link,
	html body.home .gc-bibbia__link {
		margin: 0 !important;
		padding: 8px 16px !important;
		font-size: 11px !important;
		min-height: 36px !important;
	}

	/* — Bibbia game badge (spoke) wrap pulito + niente clip — */
	html body.home .gc-bibbia-game__spokes,
	html body.home .gc-bibbia-game [class*="spoke"]:not(.gc-bibbia-spoke),
	html body.home .gc-bibbia-game__meta {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 4px !important;
		margin-top: 6px !important;
	}
	html body.home .gc-bibbia-spoke {
		font-size: 9px !important;
		max-width: 100% !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		line-height: 1.5 !important;
	}

	/* — Retro spotlight (Project Eden vetrina): cover + testo affiancati su mobile — */
	html body.home .gc-retro-spotlight__inner {
		flex-direction: row !important;
		align-items: flex-start !important;
		gap: 14px !important;
		padding: 16px !important;
	}
	html body.home .gc-retro-spotlight__cover {
		width: 90px !important;
		height: 120px !important;
		flex-shrink: 0 !important;
		align-self: flex-start !important;
	}
	html body.home .gc-retro-spotlight__body {
		min-width: 0 !important;
		flex: 1 !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 6px !important;
	}
	html body.home .gc-retro-spotlight__eyebrow {
		font-size: 10.5px !important;
		line-height: 1.4 !important;
		letter-spacing: .12em !important;
		white-space: normal !important;
		max-width: 100% !important;
		display: block !important;
	}
	html body.home .gc-retro-spotlight__title {
		font-size: 22px !important;
		line-height: 1.15 !important;
		margin: 0 !important;
	}
	html body.home .gc-retro-spotlight__meta {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 6px 10px !important;
		font-size: 12px !important;
	}

	/* — Prossime uscite: slider DENTRO al container (no bleed) — */
	html body.home .gc-releases__strip,
	html body.home .gc-releases-grid,
	html body.home [class*="releases"][class*="strip"],
	html body.home [class*="releases"][class*="grid"] {
		display: flex !important;
		grid-template-columns: none !important;
		flex-wrap: nowrap !important;
		gap: 12px !important;
		overflow-x: auto !important;
		overflow-y: visible !important;
		padding: 4px 16px 12px !important;
		margin: 12px 0 0 !important;
		scroll-snap-type: x mandatory !important;
		scroll-padding-left: 16px !important;
		-webkit-overflow-scrolling: touch !important;
		scrollbar-width: none !important;
		-ms-overflow-style: none !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}
	html body.home .gc-releases__strip::-webkit-scrollbar,
	html body.home .gc-releases-grid::-webkit-scrollbar { display: none !important; }

	/* Card slider: 2-3 card visibili → niente sezione vuota */
	html body.home .gc-release-card {
		flex: 0 0 42vw !important;
		min-width: 145px !important;
		max-width: 180px !important;
		scroll-snap-align: start !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 0 !important;
	}
	html body.home .gc-release-card__cover {
		position: relative !important;
		display: block !important;
		width: 100% !important;
		aspect-ratio: 4 / 5 !important;
		max-height: 210px !important;
		overflow: hidden !important;
	}
	html body.home .gc-release-card__cover img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		border-radius: 0 !important;
	}
	html body.home .gc-release-card__title,
	html body.home .gc-release-card h3,
	html body.home .gc-release-card h4 {
		font-size: 14px !important;
		line-height: 1.25 !important;
		font-weight: 700 !important;
		margin: 0 !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
	}
	/* Piattaforme: SEMPRE inline su una riga, "+N" non va a capo */
	html body.home .gc-release-card__plat {
		font-size: 11px !important;
		line-height: 1.3 !important;
		opacity: .8 !important;
		display: inline-flex !important;
		align-items: baseline !important;
		flex-wrap: nowrap !important;
		gap: 6px !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		max-width: 100% !important;
	}
	html body.home .gc-release-card__plat-more {
		flex-shrink: 0 !important;
	}
	html body.home .gc-release-card__status-badge {
		font-size: 9.5px !important;
		padding: 3px 9px !important;
		white-space: nowrap !important;
		display: inline-block !important;
		align-self: flex-start !important;
		line-height: 1.3 !important;
		margin-top: 2px !important;
	}

	/* — Trending / Giochi del momento: badge sopra la cover, no overlap — */
	html body.home .gc-game-card,
	html body.home .gc-trending-grid > * {
		position: relative !important;
		min-width: 0 !important;
	}
	html body.home .gc-trend-badge {
		position: absolute !important;
		top: 8px !important;
		left: 8px !important;
		z-index: 5 !important;
		font-size: 9px !important;
		padding: 3px 8px !important;
		box-shadow: 0 2px 8px rgba(0,0,0,.4) !important;
	}
	html body.home .gc-game-card h3,
	html body.home .gc-trending-grid h3 {
		font-size: 13.5px !important;
		line-height: 1.25 !important;
		margin-top: 8px !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
	}

	/* — "Vedi tutti" (.gc-link) della sezione Trending: pill coerente — */
	html body.home .gc-trending-games .gc-link,
	html body.home .gc-link {
		display: inline-flex !important;
		align-items: center !important;
		gap: 6px !important;
		padding: 8px 16px !important;
		font-size: 11px !important;
		font-weight: 700 !important;
		letter-spacing: .1em !important;
		text-transform: uppercase !important;
		color: #d4b45a !important;
		border: 1px solid rgba(212,180,90,.45) !important;
		border-radius: 100px !important;
		text-decoration: none !important;
		background: transparent !important;
		min-height: 36px !important;
		justify-content: center !important;
	}
	html[data-theme="light"] body.home .gc-link {
		color: #c3860f !important;
		border-color: rgba(195,134,15,.45) !important;
	}
	/* Header trending: stack titolo+sottotitolo sopra, pill sotto full-width */
	html body.home .gc-trending-games > header,
	html body.home .gc-trending-games__head,
	html body.home .gc-trending-games > div:first-child {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 10px !important;
		margin-bottom: 14px !important;
	}
	html body.home .gc-trending-games > header > div,
	html body.home .gc-trending-games__head > div {
		display: flex !important;
		flex-direction: column !important;
		gap: 4px !important;
	}

	/* — Gameback card (retrolist): immagine size adeguato + meta wrap — */
	html body.home .gc-gb,
	html body.home .gc-gb__card {
		display: grid !important;
		grid-template-columns: 70px 1fr !important;
		gap: 12px !important;
		align-items: start !important;
		padding: 10px !important;
	}
	html body.home .gc-gb img,
	html body.home .gc-gb__cover {
		width: 70px !important;
		height: 70px !important;
		object-fit: cover !important;
		border-radius: 8px !important;
	}
	html body.home .gc-gb__body,
	html body.home .gc-gb__content {
		min-width: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 4px !important;
	}
	html body.home .gc-gb__meta,
	html body.home .gc-gb [class*="meta"] {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 4px !important;
	}

	/* — Strip hero: peek più aggressivo per indicare swipe — */
	html body.home .gc-hero-today__strip-img {
		aspect-ratio: 16 / 10 !important;
	}
}

/* ═══════════════════════════════════════════════════════════════
   MOBILE PASS — FASE A · Foundation (header + big box)
   Obiettivo: header coerenti su tutte le sezioni, niente "scatoloni"
   con padding eccessivi, ritmo verticale uniforme.
   Specificità alta (html body.home + 2 class) per battere i locali.
═══════════════════════════════════════════════════════════════ */
@media (max-width: 600px) {

	/* ── 1. Header sezione standardizzato: titolo a sx + CTA compatta a dx ── */
	html body.home .gc-section__header,
	html body.home .gc-bibbia__header,
	html body.home .gc-section > header,
	html body.home .gc-section__head {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 12px !important;
		flex-wrap: nowrap !important;
		margin-bottom: 14px !important;
		padding-left: 16px !important;
		padding-right: 16px !important;
	}
	/* Inner header-left (icona + titolo): icona NASCOSTA su mobile per dare
	   spazio al titolo (icona è già implicita dal naming sezione). */
	html body.home .gc-bibbia__header-left {
		flex: 1 1 auto !important;
		min-width: 0 !important;
		gap: 0 !important;
	}
	html body.home .gc-bibbia__icon { display: none !important; }

	/* Titoli sezione: dimensione coerente, max 2 righe pulite */
	html body.home .gc-section__title,
	html body.home .gc-bibbia__title,
	html body.home .gc-trending-games h2 {
		font-size: 17px !important;
		line-height: 1.2 !important;
		font-weight: 800 !important;
		letter-spacing: -.02em !important;
		flex: 1 1 auto !important;
		min-width: 0 !important;
		max-width: 100% !important;
		margin: 0 !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
		word-break: normal !important;
		overflow-wrap: break-word !important;
	}

	/* CTA "Tutte / Calendario / ..." compatte: ~38px alti, niente full-width */
	html body.home .gc-section__link,
	html body.home .gc-bibbia__link {
		flex: 0 0 auto !important;
		flex-shrink: 0 !important;
		align-self: center !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 5px !important;
		padding: 7px 12px !important;
		min-height: 0 !important;
		max-width: none !important;
		width: auto !important;
		margin: 0 !important;
		font-size: 10.5px !important;
		font-weight: 700 !important;
		letter-spacing: .08em !important;
		white-space: nowrap !important;
	}

	/* ── 2. Big box ridotti: meno padding, radius coerenti, ritmo uniforme ── */
	html body.home .gc-section,
	html body.home [class*="gc-section--"],
	html body.home .gc-releases,
	html body.home .gc-hub-spotlight,
	html body.home .gc-trending-games {
		padding-top: 18px !important;
		padding-bottom: 22px !important;
		margin-top: 22px !important;
		margin-bottom: 22px !important;
		border-radius: 14px !important;
	}
	/* Recensioni e blocchi senza fondo proprio: niente padding/radius forzati */
	html body.home .gc-section--review,
	html body.home .gc-section--bibbia-v3,
	html body.home .gc-section--bibbia-v2 {
		background: transparent !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		margin-bottom: 28px !important;
	}

	/* Hub spotlight margin laterale uniforme con altri big box */
	html body.home .gc-hub-spotlight,
	html body.home .gc-releases {
		margin-left: 12px !important;
		margin-right: 12px !important;
	}

	/* ── 3. Header → CTA stacking: niente più "salto" verticale tra titolo e CTA ── */
	html body.home .gc-section__head + *,
	html body.home .gc-section__header + * {
		margin-top: 4px !important;
	}
}

/* ═══════════════════════════════════════════════════════════════
   MOBILE PASS — FASE D · Hub Spotlight compact
   Da "mini landing page" a "premium singolo compatto":
   cover ridotta, titolo 22-24px, excerpt breve, chips inline (no box).
═══════════════════════════════════════════════════════════════ */
@media (max-width: 600px) {

	/* Container: padding ridotto, niente min-height tipo hero */
	html body.home .gc-hub-spotlight {
		min-height: 0 !important;
		padding: 0 !important;
	}
	html body.home .gc-hub-spotlight__inner {
		padding: 18px 16px 20px !important;
		gap: 12px !important;
	}

	/* Cover: 100px (era 140), centrata, niente spazio sprecato */
	html body.home .gc-hub-spotlight__cover {
		width: 100px !important;
		aspect-ratio: 3/4 !important;
		border-radius: 8px !important;
		box-shadow:
			0 12px 28px rgba(0,0,0,.5),
			0 0 0 1px rgba(255,255,255,.08),
			0 0 30px -8px var(--hg-accent, rgba(212,180,90,.4)) !important;
	}

	/* Body: più compatto, allineato centrato */
	html body.home .gc-hub-spotlight__body {
		gap: 6px !important;
	}
	html body.home .gc-hub-spotlight__eyebrow {
		font-size: 9.5px !important;
		padding: 3px 9px !important;
		letter-spacing: .14em !important;
	}
	html body.home .gc-hub-spotlight__title {
		font-size: clamp(20px, 5.2vw, 24px) !important;
		line-height: 1.15 !important;
		letter-spacing: -.02em !important;
		margin: 2px 0 !important;
	}
	html body.home .gc-hub-spotlight__tagline {
		font-size: 13px !important;
		line-height: 1.45 !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
		max-width: 100% !important;
		opacity: .85 !important;
	}
	html body.home .gc-hub-spotlight__meta {
		font-size: 10.5px !important;
		gap: 4px !important;
		opacity: .65 !important;
		margin: 0 !important;
	}

	/* CTA compatta: niente più full-width "Entra nell'hub" */
	html body.home .gc-hub-spotlight__cta {
		align-self: center !important;
		padding: 10px 20px !important;
		font-size: 12px !important;
		letter-spacing: .08em !important;
		min-height: 0 !important;
		margin-top: 4px !important;
	}

	/* PANEL "Dentro l'hub": rimosso box, chips inline come pillole standalone */
	html body.home .gc-hub-spotlight__panel {
		background: transparent !important;
		border: none !important;
		padding: 6px 0 0 !important;
		gap: 6px !important;
		-webkit-backdrop-filter: none !important;
		backdrop-filter: none !important;
		overflow: visible !important;
	}
	html body.home .gc-hub-spotlight__panel-eyebrow {
		display: none !important; /* L'eyebrow del panel non serve più, le chips parlano da sole */
	}
	html body.home .gc-hub-spotlight__chips {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		justify-content: center !important;
		overflow: visible !important;
		gap: 5px !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	html body.home .gc-hub-spotlight__chip {
		flex: 0 0 auto !important;
		font-size: 10.5px !important;
		font-weight: 600 !important;
		padding: 4px 10px !important;
		background: rgba(255,255,255,.06) !important;
		border: 1px solid rgba(255,255,255,.1) !important;
		border-radius: 999px !important;
		white-space: nowrap !important;
		color: rgba(255,255,255,.82) !important;
	}
	html body.home .gc-hub-spotlight__chip--count {
		background: rgba(212,180,90,.16) !important;
		border-color: rgba(212,180,90,.36) !important;
		color: #f0d27a !important;
	}
	html body.home .gc-hub-spotlight__chip--count strong { color: #d4b45a !important; }
}

/* ═══════════════════════════════════════════════════════════════
   MOBILE PASS — FIX puntuali (post-feedback)
═══════════════════════════════════════════════════════════════ */
@media (max-width: 600px) {

	/* ── 1. Ultime Notizie: gap thumb↔testo aumentato ── */
	html body.home .gc-news-card__link {
		grid-template-columns: 92px 1fr !important;
		gap: 16px !important;
	}
	html body.home .gc-news-card__img {
		width: 92px !important;
	}

	/* ── 2. Giochi del momento: rimuovo overlay scuro sotto la cover ── */
	html body.home .gc-trending-games .gc-game-thumb .gc-overlay {
		display: none !important;
	}

	/* ── 3. Header sezioni: spazio sopra + sotto al divider ── */
	html body.home .gc-trending-games,
	html body.home .gc-releases,
	html body.home .gc-hub-spotlight {
		padding-top: 22px !important;
	}
	html body.home .gc-section__header,
	html body.home .gc-bibbia__header,
	html body.home .gc-section-head,
	html body.home .gc-review-head {
		padding-bottom: 14px !important; /* spazio fra titolo e divider */
		margin-bottom: 18px !important;  /* spazio fra divider e contenuto */
	}

	/* ── 4. Gameback covers: rimuovo bg grigio, immagine fill ── */
	html body.home .gc-gb__cover {
		background: transparent !important;
		overflow: hidden !important;
	}
	html body.home .gc-gb__cover img,
	html body.home .gc-gb__cover picture {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		display: block !important;
	}

	/* ── 5. Header Gameback: titolo + CTA allineati come gli altri ── */
	html body.home .gc-section--retro .gc-section__header {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 12px !important;
	}
	html body.home .gc-section--retro .gc-section__title {
		flex: 1 1 auto !important;
		text-align: left !important;
	}
	html body.home .gc-section--retro .gc-section__link {
		flex: 0 0 auto !important;
	}
}

/* ═══════════════════════════════════════════════════════════════
   MOBILE PASS — FASE B · Mappatura ai 3 pattern
   - Giochi del momento  → RAIL orizzontale
   - Ultime Notizie      → LISTA compatta (featured + rows)
   - Gameback            → LISTA compatta (spotlight + rows)
═══════════════════════════════════════════════════════════════ */
@media (max-width: 600px) {

	/* ─────────────────────────────────────────────────────────────
	   B1. Giochi del momento → RAIL orizzontale 76vw
	   ───────────────────────────────────────────────────────────── */
	html body.home .gc-trending-games { padding: 0 !important; }
	html body.home .gc-trending-grid {
		display: flex !important;
		grid-template-columns: none !important;
		flex-wrap: nowrap !important;
		gap: 12px !important;
		overflow-x: auto !important;
		overflow-y: visible !important;
		padding: 4px 16px 12px !important;
		margin: 12px 0 0 !important;
		scroll-snap-type: x mandatory !important;
		scroll-padding-left: 16px !important;
		-webkit-overflow-scrolling: touch !important;
		scrollbar-width: none !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}
	html body.home .gc-trending-grid::-webkit-scrollbar { display: none !important; }
	html body.home .gc-game-card {
		flex: 0 0 64vw !important;
		min-width: 200px !important;
		max-width: 240px !important;
		scroll-snap-align: start !important;
		display: flex !important;
		flex-direction: column !important;
		height: auto !important;
		align-self: stretch !important;
	}
	/* Forza tutte le card alla stessa altezza */
	html body.home .gc-trending-grid {
		align-items: stretch !important;
	}
	html body.home .gc-game-card .gc-game-meta {
		flex: 1 !important;
		display: flex !important;
		flex-direction: column !important;
	}
	/* "+N contenuti" come pill identica agli spoke (stessa altezza/stile/larghezza) */
	html body.home .gc-game-card__more {
		display: flex !important;
		align-items: center !important;
		gap: 6px !important;
		margin-top: auto !important;
		padding: 3px 9px 3px 20px !important;
		border-radius: 6px !important;
		border: 1px solid rgba(212,180,90,.30) !important;
		background: transparent !important;
		color: rgba(255,255,255,.78) !important;
		font-size: 10px !important;
		font-weight: 700 !important;
		letter-spacing: .08em !important;
		text-transform: uppercase !important;
		line-height: 1.3 !important;
		text-decoration: none !important;
		align-self: stretch !important;
		position: relative !important;
		box-sizing: border-box !important;
	}
	html body.home .gc-game-card__more::before {
		content: "→" !important;
		position: absolute !important;
		left: 7px !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		font-size: 11px !important;
		font-weight: 700 !important;
		line-height: 1 !important;
		color: rgba(212,180,90,.85) !important;
	}
	html body.home .gc-game-card__more svg {
		display: none !important;
	}
	html[data-theme="light"] body.home .gc-game-card__more {
		color: #0f172a !important;
		background: rgba(255,255,255,.6) !important;
		border-color: rgba(195,134,15,.34) !important;
	}
	html[data-theme="light"] body.home .gc-game-card__more::before {
		color: #c3860f !important;
	}

	/* ─────────────────────────────────────────────────────────────
	   B2. Ultime Notizie → LISTA compatta
	   - Featured (1ª): premium con immagine + titolo + deck breve
	   - Cards 2..N: row compatte image+titolo+meta su una riga
	   ───────────────────────────────────────────────────────────── */
	html body.home .gc-news-grid {
		display: flex !important;
		flex-direction: column !important;
		grid-template-columns: none !important;
		grid-template-rows: none !important;
		gap: 14px !important;
		padding: 0 16px !important;
	}

	/* Featured: BREAK pattern overlay (img absolute + body con gradient sopra)
	   Su mobile: immagine block + body block sotto, no overlay, no min-height. */
	html body.home .gc-news-featured {
		grid-column: auto !important;
		grid-row: auto !important;
		min-height: 0 !important;
		background: transparent !important;
		border-radius: 12px !important;
		overflow: visible !important;
	}
	html body.home .gc-news-featured__link {
		display: flex !important;
		flex-direction: column !important;
		justify-content: flex-start !important;
		gap: 0 !important;
		min-height: 0 !important;
	}
	html body.home .gc-news-featured__img {
		position: relative !important;
		inset: auto !important;
		width: 100% !important;
		aspect-ratio: 16/9 !important;
		max-height: 220px !important;
		border-radius: 12px !important;
		overflow: hidden !important;
		display: block !important;
	}
	html body.home .gc-news-featured__img img {
		position: relative !important;
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
	}
	html body.home .gc-news-featured__body {
		position: relative !important;
		z-index: auto !important;
		background: transparent !important;
		padding: 12px 0 0 !important;
		gap: 6px !important;
	}
	html body.home .gc-news-featured__title {
		font-size: 18px !important;
		line-height: 1.25 !important;
		font-weight: 800 !important;
		color: var(--gc-text, #ededed) !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 3 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
		margin: 4px 0 6px !important;
	}
	html body.home .gc-news-featured__deck {
		font-size: 13.5px !important;
		line-height: 1.45 !important;
		color: rgba(255,255,255,.7) !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
		opacity: 1 !important;
		margin: 0 0 4px !important;
	}
	html body.home .gc-news-featured__time {
		color: rgba(255,255,255,.5) !important;
		font-size: 11.5px !important;
	}
	/* Featured news mobile è già block stack (no overlay): testo dark OK */
	html[data-theme="light"] body.home .gc-news-featured__title { color: #0f172a !important; }
	html[data-theme="light"] body.home .gc-news-featured__deck { color: #475569 !important; }
	html[data-theme="light"] body.home .gc-news-featured__time { color: #64748b !important; }
	html[data-theme="light"] body.home .gc-news-featured__deck { color: #475569 !important; }
	html[data-theme="light"] body.home .gc-news-featured__time { color: #64748b !important; }

	/* News card 2..N: row compatta — img sx + body dx */
	html body.home .gc-news-card {
		grid-column: auto !important;
		border-bottom: 1px solid rgba(255,255,255,.06) !important;
		padding-bottom: 14px !important;
	}
	html body.home .gc-news-card:last-child { border-bottom: none !important; padding-bottom: 0 !important; }
	html body.home .gc-news-card__link {
		display: grid !important;
		grid-template-columns: 96px 1fr !important;
		gap: 12px !important;
		align-items: stretch !important;
	}
	html body.home .gc-news-card__img {
		width: 96px !important;
		aspect-ratio: 4/3 !important;
		max-height: none !important;
		border-radius: 8px !important;
		overflow: hidden !important;
	}
	html body.home .gc-news-card__body {
		padding: 10px 12px !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 4px !important;
		justify-content: center !important;
		min-width: 0 !important;
	}
	html body.home .gc-news-card__title {
		font-size: 13.5px !important;
		line-height: 1.25 !important;
		font-weight: 700 !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 3 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
		margin: 2px 0 0 !important;
	}
	/* Sesta card "speciale" — torna a comportamento standard (niente layout differente) */
	html body.home .gc-news-card--sixth {
		grid-column: auto !important;
		grid-row: auto !important;
	}

	[data-theme="light"] .gc-news-card { border-bottom-color: rgba(0,0,0,.06) !important; }

	/* ─────────────────────────────────────────────────────────────
	   B3. Gameback → LISTA compatta sotto lo spotlight
	   ───────────────────────────────────────────────────────────── */
	/* Retro spotlight già premium card — solo riduco padding */
	html body.home .gc-retro-spotlight {
		padding: 16px !important;
	}
	html body.home .gc-retro-spotlight__cover {
		width: 100px !important;
		flex-shrink: 0 !important;
	}
	html body.home .gc-retro-spotlight__title {
		font-size: 18px !important;
		line-height: 1.2 !important;
	}

	/* Gameback grid sotto: lista compatta (cover sx + body dx) */
	html body.home .gc-gameback__grid,
	html body.home [class*="gameback"] [class*="grid"] {
		display: flex !important;
		flex-direction: column !important;
		grid-template-columns: none !important;
		gap: 10px !important;
	}
	html body.home .gc-gb {
		display: grid !important;
		grid-template-columns: 88px 1fr !important;
		gap: 12px !important;
		padding: 8px !important;
		border-radius: 10px !important;
		align-items: center !important;
	}
	html body.home .gc-gb__cover {
		width: 88px !important;
		aspect-ratio: 3/4 !important;
		border-radius: 6px !important;
		overflow: hidden !important;
	}
	html body.home .gc-gb__info {
		padding: 0 !important;
		min-width: 0 !important;
	}
	html body.home .gc-gb__title {
		font-size: 13.5px !important;
		line-height: 1.25 !important;
		font-weight: 700 !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
		margin: 2px 0 !important;
	}
	html body.home .gc-gb__top {
		gap: 6px !important;
		flex-wrap: wrap !important;
	}
	html body.home .gc-gb__dev {
		font-size: 10.5px !important;
		opacity: .6 !important;
		display: block !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}
}

/* ═══════════════════════════════════════════════════════════════
   MOBILE PASS — HEADER UNIFICATO (versione definitiva)
   Annulla tutte le regole header mobile precedenti e applica un
   pattern UNICO a TUTTE le sezioni: titolo a sinistra, CTA pill a
   destra, divider oro sotto con respiro adeguato.
═══════════════════════════════════════════════════════════════ */
@media (max-width: 600px) {

	/* CONTAINER HEADER — tutti i tipi: flex row, padding bottom uniforme,
	   border-bottom oro tenue + accent solido in basso a sinistra */
	html body.home .gc-section__header,
	html body.home .gc-bibbia__header,
	html body.home .gc-section-head,
	html body.home .gc-review-head,
	html body.home .gc-releases > .gc-section__header,
	html body.home .gc-trending-games .gc-section-head {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 12px !important;
		flex-wrap: nowrap !important;
		padding: 20px 0 14px 0 !important;
		margin: 0 0 16px 0 !important;
		border-bottom: none !important;
		position: relative !important;
		min-height: 0 !important;
	}

	/* Accent oro solido in basso a sx (64×2px) */
	html body.home .gc-section__header::after,
	html body.home .gc-bibbia__header::after,
	html body.home .gc-section-head::after,
	html body.home .gc-review-head::after {
		content: "" !important;
		position: absolute !important;
		left: 0 !important;
		bottom: -1px !important;
		width: 64px !important;
		height: 2px !important;
		background: #d4b45a !important;
		border-radius: 2px !important;
		opacity: 1 !important;
	}

	/* WRAPPER LEFT (per Bibbia + Giochi del momento + Recensioni + Prossime uscite) */
	html body.home .gc-bibbia__header-left,
	html body.home .gc-section-head > div:first-child,
	html body.home .gc-review-head__left,
	html body.home .gc-releases__head-text {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		justify-content: center !important;
		gap: 2px !important;
		flex: 1 1 0% !important;
		min-width: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		text-align: left !important;
	}

	/* Icona Bibbia: nascosta su mobile (era ridondante) */
	html body.home .gc-bibbia__icon { display: none !important; }

	/* TITOLO: Archivo 800, 22px, max 2 righe pulite */
	html body.home .gc-section__title,
	html body.home .gc-bibbia__title,
	html body.home .gc-section-head h2,
	html body.home .gc-trending-games h2,
	html body.home .gc-review-head__title {
		font-family: 'Archivo', -apple-system, sans-serif !important;
		font-size: 22px !important;
		font-weight: 800 !important;
		letter-spacing: -.025em !important;
		line-height: 1.1 !important;
		color: #ededed !important;
		margin: 0 !important;
		padding: 0 !important;
		border: none !important;
		flex: 1 1 auto !important;
		min-width: 0 !important;
		max-width: 100% !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
		text-align: left !important;
		align-self: flex-start !important;
		word-break: normal !important;
		overflow-wrap: break-word !important;
		text-transform: none !important;
	}
	html[data-theme="light"] body.home .gc-section__title,
	html[data-theme="light"] body.home .gc-bibbia__title,
	html[data-theme="light"] body.home .gc-section-head h2,
	html[data-theme="light"] body.home .gc-trending-games h2,
	html[data-theme="light"] body.home .gc-review-head__title { color: #0f172a !important; }

	/* Sottotitoli (descrizione sezione) NASCOSTI su mobile per ritmo serrato */
	html body.home .gc-releases__intro,
	html body.home .gc-section-head .gc-subtitle,
	html body.home .gc-section__intro { display: none !important; }

	/* CTA PILLOLA: outline oro, 7×12, 10.5px, NEVER full-width, NEVER stretched */
	html body.home .gc-section__link,
	html body.home .gc-bibbia__link,
	html body.home .gc-section-head .gc-link,
	html body.home .gc-section-head a:last-child,
	html body.home .gc-review-head__link {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 5px !important;
		padding: 7px 12px !important;
		min-height: 0 !important;
		max-width: none !important;
		width: auto !important;
		margin: 0 !important;
		border: 1px solid rgba(212,180,90,.35) !important;
		border-radius: 999px !important;
		background: transparent !important;
		color: #d4b45a !important;
		font-family: 'Inter', sans-serif !important;
		font-size: 10.5px !important;
		font-weight: 700 !important;
		letter-spacing: .12em !important;
		text-transform: uppercase !important;
		text-decoration: none !important;
		flex: 0 0 auto !important;
		flex-shrink: 0 !important;
		align-self: center !important;
		white-space: nowrap !important;
		line-height: 1 !important;
	}
	html[data-theme="light"] body.home .gc-section__link,
	html[data-theme="light"] body.home .gc-bibbia__link,
	html[data-theme="light"] body.home .gc-section-head .gc-link,
	html[data-theme="light"] body.home .gc-section-head a:last-child,
	html[data-theme="light"] body.home .gc-review-head__link {
		color: #c3860f !important;
		border-color: rgba(195,134,15,.32) !important;
	}

	/* Recensioni: nasconde label "Tutte" se presente span, mostra via ::before unificato */
	html body.home .gc-review-head__link-label { display: inline !important; }
	html body.home .gc-review-head__link::before { content: none !important; }
}

/* ═══════════════════════════════════════════════════════════════
   GC MOBILE POLISH FINAL — 2026-04-29
   Append finale: forza coerenza section-headers su phone stretto.
═══════════════════════════════════════════════════════════════ */
@media (max-width: 600px) {
	html body.home .gc-section__header,
	html body.home .gc-bibbia__header,
	html body.home .gc-section-head,
	html body.home .gc-review-head,
	html body.home .gc-releases .gc-section__header {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		align-items: center !important;
		gap: 10px !important;
	}
	html body.home .gc-bibbia__header-left,
	html body.home .gc-section-head > div:first-child,
	html body.home .gc-review-head__left,
	html body.home .gc-releases__head-text,
	html body.home .gc-section__head-text {
		flex: 1 1 0% !important;
		min-width: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
	}
	/* Titolo: sempre Archivo 900 16px su mobile, niente clamp/ellipsis */
	html body.home .gc-section__title,
	html body.home .gc-bibbia__title,
	html body.home .gc-section-head h2,
	html body.home .gc-trending-games h2,
	html body.home .gc-releases .gc-section__title {
		font-family: 'Archivo', -apple-system, sans-serif !important;
		font-size: 16px !important;
		font-weight: 900 !important;
		line-height: 1.1 !important;
		letter-spacing: -.02em !important;
		display: block !important;
		-webkit-line-clamp: unset !important;
		white-space: normal !important;
		overflow: visible !important;
		text-overflow: clip !important;
		max-width: 100% !important;
	}
	/* Sottotitoli/intro: hidden uniforme */
	html body.home .gc-section__intro,
	html body.home .gc-section-head .gc-subtitle,
	html body.home .gc-releases__intro {
		display: none !important;
	}
	/* CTA pillola compatta, non ruba spazio al titolo */
	html body.home .gc-section__link,
	html body.home .gc-bibbia__link,
	html body.home .gc-section-head .gc-link,
	html body.home .gc-section-head a:last-child {
		flex: 0 0 auto !important;
		margin-left: auto !important;
		padding: 6px 12px !important;
		font-size: 10px !important;
		letter-spacing: .12em !important;
		min-height: 0 !important;
		white-space: nowrap !important;
	}
}

/* Hero Today: titolo non più schiacciato/troncato su phone */
@media (max-width: 480px) {
	html body.home .gc-hero-today__title {
		font-size: 26px !important;
		line-height: 1.08 !important;
		-webkit-line-clamp: 4 !important;
		max-width: 100% !important;
	}
	html body.home .gc-hero-today__deck {
		font-size: 14px !important;
		-webkit-line-clamp: 3 !important;
	}
}
@media (max-width: 380px) {
	html body.home .gc-hero-today__title { font-size: 23px !important; }
}

/* Prossime uscite: padding-top dentro al box container */
@media (max-width: 600px) {
	html body.home .gc-releases {
		padding: 26px 0 22px !important;
	}
	html body.home .gc-releases .gc-section__header {
		padding-top: 0 !important;
		margin-bottom: 16px !important;
	}
}

/* ═══════════════════════════════════════════════════════════════
   ULTIME NOTIZIE — REDESIGN editoriale autorevole (stile NYT/Bloomberg)
   Featured: hero overlay full-bleed
   Row cards: flat, no box, divider thin, thumb square 96px destra
═══════════════════════════════════════════════════════════════ */
@media (max-width: 600px) {
	/* Section spacing più ampio per dare respiro autorevole */
	html body.home .gc-section--news {
		margin-top: 28px !important;
	}
	html body.home .gc-section--news .gc-news-grid {
		gap: 0 !important;
	}
	/* Featured separato nettamente dalla lista flat */
	html body.home .gc-news-featured {
		margin-bottom: 24px !important;
	}
	/* Prima row card dopo featured: bordo top per stacco netto */
	html body.home .gc-news-featured + .gc-news-secondary,
	html body.home .gc-news-featured + .gc-news-card,
	html body.home .gc-news-featured ~ .gc-news-secondary:nth-of-type(2),
	html body.home .gc-news-grid > article:nth-child(2) {
		border-top: 1px solid rgba(255,255,255,.12) !important;
	}

	/* ── FEATURED card (post #1) ───────────────────────────────── */
	html body.home .gc-news-featured {
		min-height: 240px !important;
		border-radius: 14px !important;
		overflow: hidden !important;
		background: #0d0d0d !important;
	}
	html body.home .gc-news-featured__img img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		object-position: center !important;
	}
	html body.home .gc-news-featured__body {
		padding: 18px 18px 18px !important;
		gap: 8px !important;
		background: linear-gradient(to top,
			rgba(0,0,0,.92) 0%,
			rgba(0,0,0,.65) 55%,
			rgba(0,0,0,0) 100%) !important;
	}
	html body.home .gc-news-featured__cat {
		font-family: 'Inter', sans-serif !important;
		font-size: 10px !important;
		font-weight: 700 !important;
		letter-spacing: .14em !important;
		text-transform: uppercase !important;
		color: #d4b45a !important;
	}
	html body.home .gc-news-featured__title {
		font-family: 'Archivo', -apple-system, sans-serif !important;
		font-size: 19px !important;
		font-weight: 800 !important;
		line-height: 1.2 !important;
		letter-spacing: -.015em !important;
		color: #fff !important;
		-webkit-line-clamp: 3 !important;
		margin: 2px 0 0 !important;
	}
	html body.home .gc-news-featured__deck {
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		font-family: 'Inter', sans-serif !important;
		font-size: 13px !important;
		line-height: 1.45 !important;
		color: rgba(255,255,255,.78) !important;
		margin: 0 !important;
	}
	html body.home .gc-news-featured__time {
		font-family: 'Inter', sans-serif !important;
		font-size: 11px !important;
		color: rgba(255,255,255,.55) !important;
		margin-top: 4px !important;
	}

	/* ── ROW cards: blocco NYT DISABILITATO — superato da REGOLA FINALE in coda */
	/* (era: image RIGHT 88x88, flat editorial — sostituito con image LEFT 100x100 uniforme) */
	/* Body styling NYT — DISABILITATO (vedi REGOLA FINALE in coda) */
	html body.home .gc-news-secondary__body--DISABLED-NYT,
	html body.home .gc-news-card__body--DISABLED-NYT {
		order: 1 !important;
		flex: 1 1 auto !important;
		min-width: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: space-between !important;
		padding: 0 !important;
		gap: 8px !important;
		min-height: 88px !important;
	}
	/* Thumb 88x88 right — DISABILITATO (vedi REGOLA FINALE: 100x100 LEFT uniforme) */
	html body.home .gc-news-secondary__img--DISABLED,
	html body.home .gc-news-card__img--DISABLED {
		display: none;
	}
	/* Top wrapper: kicker (categoria) — pulito tight */
	html body.home .gc-news-secondary__top,
	html body.home .gc-news-card__top {
		display: flex !important;
		align-items: center !important;
		gap: 8px !important;
		margin-bottom: 2px !important;
	}
	/* Kicker categoria: oro brand uppercase tight */
	html body.home .gc-news-secondary__cat,
	html body.home .gc-news-card__cat {
		font-family: 'Inter', sans-serif !important;
		font-size: 10px !important;
		font-weight: 700 !important;
		letter-spacing: .14em !important;
		text-transform: uppercase !important;
		color: #d4b45a !important;
		margin: 0 !important;
		line-height: 1 !important;
	}
	/* Titolo: Archivo 17px bold, line-clamp 3 — protagonista */
	html body.home .gc-news-secondary__title,
	html body.home .gc-news-card__title {
		font-family: 'Archivo', -apple-system, sans-serif !important;
		font-size: 17px !important;
		font-weight: 700 !important;
		line-height: 1.28 !important;
		letter-spacing: -.015em !important;
		color: #fff !important;
		margin: 0 !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 3 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
		flex: 1 1 auto !important;
	}
	/* Time: leggibile, ancorato in basso */
	html body.home .gc-news-secondary__time,
	html body.home .gc-news-card__time {
		font-family: 'Inter', sans-serif !important;
		font-size: 11.5px !important;
		font-weight: 500 !important;
		color: rgba(255,255,255,.55) !important;
		margin: 0 !important;
		padding: 0 !important;
		letter-spacing: .01em !important;
		flex-shrink: 0 !important;
	}
	html body.home .gc-news-card__foot {
		display: flex !important;
		align-items: center !important;
		gap: 8px !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	/* Light theme: divider scuro, titolo nero */
	[data-theme="light"] html body.home .gc-news-secondary,
	[data-theme="light"] html body.home .gc-news-card {
		background: transparent !important;
		border-bottom-color: rgba(0,0,0,.08) !important;
	}
	[data-theme="light"] html body.home .gc-news-secondary:hover,
	[data-theme="light"] html body.home .gc-news-card:hover {
		background: rgba(0,0,0,.02) !important;
	}
	[data-theme="light"] html body.home .gc-news-secondary__title,
	[data-theme="light"] html body.home .gc-news-card__title {
		color: #0f172a !important;
	}
	[data-theme="light"] html body.home .gc-news-secondary__time,
	[data-theme="light"] html body.home .gc-news-card__time {
		color: rgba(15,23,42,.45) !important;
	}

	/* Bottone "Carica altre notizie": pillola elegante, full-width */
	html body.home .gc-load-more-wrap {
		margin-top: 18px !important;
		padding: 0 !important;
	}
	html body.home .gc-load-more {
		width: 100% !important;
		padding: 13px 18px !important;
		border-radius: 10px !important;
		background: transparent !important;
		border: 1px solid rgba(212,180,90,.32) !important;
		color: #d4b45a !important;
		font-family: 'Inter', sans-serif !important;
		font-size: 12px !important;
		font-weight: 700 !important;
		letter-spacing: .12em !important;
		text-transform: uppercase !important;
		cursor: pointer !important;
	}
}

/* Header sezione su mobile: CSS Grid 1fr auto.
   Titolo a sinistra (wrap-pa se lungo), CTA fissa destra, sempre inline.
   Specificità alta per battere regole .gc-section--retro / variants. */
@media (max-width: 600px) {
	html body.home .gc-section__header,
	html body.home .gc-section--retro .gc-section__header,
	html body.home .gc-section--review .gc-section__header,
	html body.home .gc-section--news .gc-section__header,
	html body.home .gc-bibbia__header,
	html body.home .gc-section-head,
	html body.home .gc-review-head,
	html body.home .gc-releases .gc-section__header,
	html body.home .gc-section .gc-section__header {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto !important;
		grid-template-rows: auto !important;
		grid-auto-flow: row !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: start !important;
		gap: 10px !important;
		padding: 10px !important;
	}
	html body.home .gc-bibbia__header-left,
	html body.home .gc-section-head > div:first-child,
	html body.home .gc-review-head__left,
	html body.home .gc-releases__head-text,
	html body.home .gc-section__head-text,
	html body.home .gc-section--retro .gc-section__head-text {
		grid-column: 1 / 2 !important;
		grid-row: 1 / 2 !important;
		min-width: 0 !important;
		flex: 0 1 auto !important;
		width: auto !important;
		max-width: 100% !important;
		align-self: center !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: center !important;
		align-items: flex-start !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	/* Resetta margin-bottom ereditato dal tema padre sul div h2 wrapper */
	html body.home .gc-section__header > div,
	html body.home .gc-bibbia__header > div,
	html body.home .gc-section-head > div,
	html body.home .gc-review-head > div {
		margin: 0 !important;
		padding: 0 !important;
	}
	html body.home .gc-section__link,
	html body.home .gc-section--retro .gc-section__link,
	html body.home .gc-bibbia__link,
	html body.home .gc-section-head .gc-link,
	html body.home .gc-section-head a:last-child,
	html body.home .gc-releases .gc-section__link {
		grid-column: 2 / 3 !important;
		grid-row: 1 / 2 !important;
		justify-self: end !important;
		align-self: center !important;
		margin: 0 !important;
		flex: 0 0 auto !important;
		white-space: nowrap !important;
	}
	/* Titolo h2: niente word-break, niente overflow-wrap aggressivo */
	html body.home .gc-section__title,
	html body.home .gc-bibbia__title,
	html body.home .gc-section-head h2,
	html body.home .gc-trending-games h2,
	html body.home .gc-releases .gc-section__title {
		word-break: keep-all !important;
		overflow-wrap: normal !important;
		hyphens: manual !important;
	}
}

/* ═══════════════════════════════════════════════════════════════
   GC NEWS — REGOLA FINALE DEFINITIVA (MOBILE + DESKTOP, DARK + LIGHT)
   In coda al file: vince la cascade su tutto. Single source of truth.
   Tutte le altre regole news sopra sono storiche; questa governa.
═══════════════════════════════════════════════════════════════ */

/* ── DESKTOP (>720px): mantengo grid esistente, faccio solo cleanup colori ── */
@media (min-width: 721px) {
	/* Featured: sempre testo bianco/oro su overlay scuro (entrambi i temi) */
	html body.home .gc-news-featured__cat {
		color: #f0d27a !important;
		text-shadow: 0 1px 2px rgba(0,0,0,.5) !important;
	}
	html body.home .gc-news-featured__title {
		color: #fff !important;
		text-shadow: 0 1px 3px rgba(0,0,0,.5) !important;
	}
	html body.home .gc-news-featured__deck {
		color: rgba(255,255,255,.85) !important;
		text-shadow: 0 1px 2px rgba(0,0,0,.4) !important;
	}
	html body.home .gc-news-featured__time {
		color: rgba(255,255,255,.65) !important;
	}

	/* Secondary + Card: bg che cambia per tema */
	html:not([data-theme="light"]) body.home .gc-news-secondary,
	html:not([data-theme="light"]) body.home .gc-news-card {
		background: #15151a !important;
		border: 1px solid rgba(255,255,255,.08) !important;
		border-radius: 12px !important;
	}
	html[data-theme="light"] body.home .gc-news-secondary,
	html[data-theme="light"] body.home .gc-news-card {
		background: #fff !important;
		border: 1px solid rgba(15,23,42,.10) !important;
		border-radius: 12px !important;
		box-shadow: 0 1px 3px rgba(15,23,42,.06) !important;
	}

	/* Categoria oro (più scuro in light) */
	html:not([data-theme="light"]) body.home .gc-news-secondary__cat,
	html:not([data-theme="light"]) body.home .gc-news-card__cat {
		color: #d4b45a !important;
	}
	html[data-theme="light"] body.home .gc-news-secondary__cat,
	html[data-theme="light"] body.home .gc-news-card__cat {
		color: #8a6a1a !important;
	}

	/* Titolo dark/light */
	html:not([data-theme="light"]) body.home .gc-news-secondary__title,
	html:not([data-theme="light"]) body.home .gc-news-card__title {
		color: #f5f5f5 !important;
	}
	html[data-theme="light"] body.home .gc-news-secondary__title,
	html[data-theme="light"] body.home .gc-news-card__title {
		color: #0f172a !important;
	}

	/* Time grigio variante */
	html:not([data-theme="light"]) body.home .gc-news-secondary__time,
	html:not([data-theme="light"]) body.home .gc-news-card__time {
		color: rgba(255,255,255,.45) !important;
	}
	html[data-theme="light"] body.home .gc-news-secondary__time,
	html[data-theme="light"] body.home .gc-news-card__time {
		color: rgba(15,23,42,.5) !important;
	}
}

/* ── MOBILE (≤720px): row layout sempre, image LEFT 100×100, testo intero ── */
@media (max-width: 720px) {
	/* Reset: layout pulito */
	html body.home .gc-section--news .gc-news-grid {
		display: flex !important;
		flex-direction: column !important;
		gap: 12px !important;
		grid-template-columns: none !important;
	}

	/* ── Featured (post 1): cover full + overlay nero + testo bianco ── */
	html body.home .gc-news-featured {
		border-radius: 12px !important;
		overflow: hidden !important;
		background: #0f0f15 !important;
		border: 1px solid rgba(255,255,255,.08) !important;
		box-shadow: 0 4px 14px rgba(0,0,0,.3) !important;
		position: relative !important;
	}
	html body.home .gc-news-featured__link {
		display: block !important;
		text-decoration: none !important;
	}
	html body.home .gc-news-featured__img {
		position: relative !important;
		inset: auto !important;
		width: 100% !important;
		aspect-ratio: 16/9 !important;
		overflow: hidden !important;
	}
	html body.home .gc-news-featured__img img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		display: block !important;
	}
	/* Featured body: padding ridotto, gap stretto = niente spazio bianco eccessivo */
	html body.home .gc-news-featured__body {
		position: relative !important;
		padding: 12px 14px 14px !important;
		background: transparent !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 6px !important;
	}
	/* Featured testo: cambia per tema (in mobile non c'è overlay sull'immagine, body è separato) */
	html:not([data-theme="light"]) body.home .gc-news-featured {
		background: #15151a !important;
	}
	html[data-theme="light"] body.home .gc-news-featured {
		background: #fff !important;
		border-color: rgba(15,23,42,.10) !important;
	}
	html:not([data-theme="light"]) body.home .gc-news-featured__cat {
		color: #d4b45a !important;
		text-shadow: none !important;
	}
	html[data-theme="light"] body.home .gc-news-featured__cat {
		color: #8a6a1a !important;
		text-shadow: none !important;
	}
	html:not([data-theme="light"]) body.home .gc-news-featured__title {
		color: #fff !important;
		text-shadow: none !important;
	}
	html[data-theme="light"] body.home .gc-news-featured__title {
		color: #0f172a !important;
		text-shadow: none !important;
	}
	html:not([data-theme="light"]) body.home .gc-news-featured__deck {
		color: rgba(255,255,255,.7) !important;
		text-shadow: none !important;
	}
	html[data-theme="light"] body.home .gc-news-featured__deck {
		color: rgba(15,23,42,.65) !important;
		text-shadow: none !important;
	}
	html:not([data-theme="light"]) body.home .gc-news-featured__time {
		color: rgba(255,255,255,.5) !important;
		text-shadow: none !important;
	}
	html[data-theme="light"] body.home .gc-news-featured__time {
		color: rgba(15,23,42,.5) !important;
		text-shadow: none !important;
	}
	html body.home .gc-news-featured__title {
		font-family: 'Archivo', -apple-system, sans-serif !important;
		font-size: 18px !important;
		font-weight: 800 !important;
		line-height: 1.22 !important;
		letter-spacing: -.015em !important;
		-webkit-line-clamp: 4 !important;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	/* ── Secondary + Card: row image LEFT, body RIGHT, IDENTICI ── */
	html body.home .gc-news-secondary,
	html body.home .gc-news-card {
		border-radius: 12px !important;
		overflow: hidden !important;
		box-shadow: 0 1px 3px rgba(0,0,0,.18) !important;
		display: flex !important;
		flex-direction: row !important;
		padding: 0 !important; /* niente padding sulla card (il body interno gestisce lo spacing) */
		margin: 0 !important;
		min-height: 100px !important;
	}
	html:not([data-theme="light"]) body.home .gc-news-secondary,
	html:not([data-theme="light"]) body.home .gc-news-card {
		background: #15151a !important;
		border: 1px solid rgba(255,255,255,.08) !important;
	}
	html[data-theme="light"] body.home .gc-news-secondary,
	html[data-theme="light"] body.home .gc-news-card {
		background: #fff !important;
		border: 1px solid rgba(15,23,42,.10) !important;
		box-shadow: 0 1px 3px rgba(15,23,42,.06) !important;
	}

	html body.home .gc-news-secondary__link,
	html body.home .gc-news-card__link {
		display: flex !important;
		flex-direction: row !important;
		align-items: stretch !important;
		direction: ltr !important;
		gap: 0 !important;
		padding: 0 !important;
		grid-template-columns: none !important;
	}
	/* Image LEFT — wrapper 100×100, l'img riempie senza interferire */
	html body.home .gc-news-secondary__img,
	html body.home .gc-news-card__img {
		order: 0 !important;
		width: 100px !important;
		min-width: 100px !important;
		max-width: 100px !important;
		height: 100px !important;
		min-height: 100px !important;
		max-height: 100px !important;
		flex-shrink: 0 !important;
		border-radius: 0 !important;
		overflow: hidden !important;
		position: relative !important;
		inset: auto !important;
		aspect-ratio: auto !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	html body.home .gc-news-secondary__img img,
	html body.home .gc-news-card__img img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		object-position: center center !important;
		display: block !important;
	}
	/* Body: stretches a match image height; contenuto distribuito (cat top, time bottom)
	   = niente white space sotto il time perché il time è ancorato al fondo */
	html body.home .gc-news-secondary__body,
	html body.home .gc-news-card__body {
		order: 1 !important;
		flex: 1 !important;
		min-width: 0 !important;
		padding: 10px 14px 2px !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: space-between !important;
		gap: 4px !important;
		min-height: 100px !important;
		align-self: stretch !important;
		box-sizing: border-box !important;
	}

	/* Top row: cat + lobby badge inline */
	html body.home .gc-news-secondary__top,
	html body.home .gc-news-card__top {
		display: flex !important;
		align-items: center !important;
		gap: 8px !important;
		flex-wrap: wrap !important;
	}

	/* Categoria — colori per tema */
	html body.home .gc-news-secondary__cat,
	html body.home .gc-news-card__cat {
		font-family: 'Archivo', -apple-system, sans-serif !important;
		font-size: 10px !important;
		font-weight: 800 !important;
		letter-spacing: .1em !important;
		text-transform: uppercase !important;
		display: inline !important;
		-webkit-line-clamp: unset !important;
	}
	html:not([data-theme="light"]) body.home .gc-news-secondary__cat,
	html:not([data-theme="light"]) body.home .gc-news-card__cat {
		color: #d4b45a !important;
	}
	html[data-theme="light"] body.home .gc-news-secondary__cat,
	html[data-theme="light"] body.home .gc-news-card__cat {
		color: #8a6a1a !important;
	}

	/* Titolo: intero, max 4 righe, colori per tema */
	html body.home .gc-news-secondary__title,
	html body.home .gc-news-card__title {
		font-family: 'Archivo', -apple-system, sans-serif !important;
		font-size: 14px !important;
		font-weight: 700 !important;
		line-height: 1.32 !important;
		letter-spacing: -.005em !important;
		margin: 0 !important;
		-webkit-line-clamp: 4 !important;
		display: -webkit-box !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
	}
	html:not([data-theme="light"]) body.home .gc-news-secondary__title,
	html:not([data-theme="light"]) body.home .gc-news-card__title,
	html:not([data-theme="light"]) body.home .gc-news-secondary__title a,
	html:not([data-theme="light"]) body.home .gc-news-card__title a,
	html:not([data-theme="light"]) body.home .gc-news-card a {
		color: #f5f5f5 !important;
	}
	html[data-theme="light"] body.home .gc-news-secondary__title,
	html[data-theme="light"] body.home .gc-news-card__title,
	html[data-theme="light"] body.home .gc-news-secondary__title a,
	html[data-theme="light"] body.home .gc-news-card__title a,
	html[data-theme="light"] body.home .gc-news-card a {
		color: #0f172a !important;
	}

	/* Time */
	html body.home .gc-news-secondary__time,
	html body.home .gc-news-card__time {
		font-size: 11px !important;
		font-weight: 500 !important;
		margin-top: auto !important;
	}
	html:not([data-theme="light"]) body.home .gc-news-secondary__time,
	html:not([data-theme="light"]) body.home .gc-news-card__time {
		color: rgba(255,255,255,.45) !important;
	}
	html[data-theme="light"] body.home .gc-news-secondary__time,
	html[data-theme="light"] body.home .gc-news-card__time {
		color: rgba(15,23,42,.5) !important;
	}

	/* Hover/active per touch (lift soft) */
	html body.home .gc-news-card:active,
	html body.home .gc-news-secondary:active,
	html body.home .gc-news-featured:active {
		transform: translateY(-1px) !important;
	}
}
/* ── /GC NEWS REGOLA FINALE DEFINITIVA ───────────────────────── */