/* TCG Summer '26 skin — override su tcg-app.css. Solo pelle: zero layout, zero copy. */
:root{
  --pink:#FF3D8A; --pink-ink:#E22C67; --pink-soft:#FFE9DF;
  --blue:#17B9AC; --blue-ink:#0E8A80;
  --cream:#FFF6EA; --gold:#FFB35C;
}
body{background:#FFF6EA}

/* ticker → marquee tramonto */
.tcg-ticker{background:linear-gradient(90deg,#FF3D8A,#FF6B4A 55%,#FFB35C);color:#fff}
.tcg-ticker__pink{color:#FFE9DF}

/* nav vetro */
.tcg-nav{background:rgba(255,246,234,.78);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}

/* hero fotografico golden hour (home) */
.tcg-hero{background:linear-gradient(180deg,rgba(24,16,52,.52),rgba(24,16,52,.22) 46%,rgba(255,61,138,.16) 74%,rgba(30,26,84,.5)),url('/img/summer/hero1.webp') center 40%/cover}
.tcg-hero .tcg-h1 em{text-shadow:none;filter:drop-shadow(0 2px 10px rgba(24,16,52,.55))}
.tcg-hero .tcg-h1,.tcg-hero .tcg-lead,.tcg-hero .tcg-hero__sub,.tcg-hero .tcg-eyebrow,.tcg-hero .tcg-hero__addlist,.tcg-hero .tcg-hero__creator{color:#fff!important;text-shadow:0 2px 22px rgba(24,16,52,.6)}
.tcg-hero .tcg-h1 em{background:linear-gradient(90deg,#FFD29B,#FF9A62,#FF6B9F);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.tcg-hero .tcg-circle{display:none}
.tcg-h1--circled::before,.tcg-h1--circled::after{display:none}

/* bottoni sunset */
.tcg-btn--pink{background:linear-gradient(90deg,#FF3D8A,#FF6B4A 60%,#FFB35C);border:none;box-shadow:0 12px 28px -10px rgba(255,61,138,.6)}
.tcg-hero .tcg-btn--blue{background:rgba(255,255,255,.16);border:1.5px solid rgba(255,255,255,.55);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.tcg-nav__cta,.tcg-stickybar__cta{background:linear-gradient(90deg,#FF3D8A,#FF6B4A)!important}

/* LIVE in aqua piscina */
.tcg-card__badge--live,.tcg-prof__b--live{background:#17B9AC!important;color:#03332E!important}

/* card: ombra calda + micro-tilt */
.tcg-card{box-shadow:0 18px 34px -18px rgba(255,107,74,.4)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .tcg-card{transition:transform .25s ease, box-shadow .25s ease}
  .tcg-card:hover{transform:translateY(-5px) rotate(-.5deg);box-shadow:0 26px 44px -18px rgba(255,61,138,.5)}
}

/* bande scure → dusk horizon */
.tcg-cta-band{background:linear-gradient(180deg,rgba(20,18,56,.6),rgba(20,18,56,.28)),url('/img/summer/dusk1.webp') center/cover!important}
.tcg-foot,.shopify-section-group-footer-group{background:linear-gradient(180deg,#221E5E,#141238)}

/* header categoria fotografici (classe aggiunta da summer_apply.py) */
.tcgx-shead{position:relative;background:linear-gradient(180deg,rgba(24,16,52,.46),rgba(24,16,52,.16) 46%,rgba(24,16,52,.58)),var(--shead) center 26%/cover!important;border-radius:26px;overflow:hidden}
.tcgx-shead .tcg-coll-head__h,.tcgx-shead .tcg-coll-head__dek,.tcgx-shead .tcg-eyebrow{color:#fff!important;text-shadow:0 2px 18px rgba(24,16,52,.65)}
.tcgx-shead .tcg-coll-head__count{color:#FFD29B}
@media(min-width:721px){.tcgx-shead{padding:64px 34px!important}}
@media(max-width:720px){.tcgx-shead{padding:44px 20px!important}}

/* contatori chip in gold */
.tcg-chip__count{background:#FFB35C;color:#4A2A08}

/* palm texture sulla sezione categorie della home (leggera) */
.tcg-home-guides{background:url('/img/summer/palm1.webp') right -80px top -60px/430px no-repeat}

/* trust band → dusk */
.tcg-trust{background:linear-gradient(180deg,rgba(20,18,56,.62),rgba(20,18,56,.34)),url("/img/summer/dusk1.webp") center/cover!important}

/* mobile polish pass 3 */
.tcg-hero__feature img{object-position:top center}
@media(max-width:720px){
  .tcg-card__cta{display:inline-block!important;font-size:10.5px;font-weight:800;background:linear-gradient(90deg,#FF3D8A,#FF6B4A);color:#fff;padding:4px 10px;border-radius:99px;margin-top:5px;width:max-content}
  .tcg-card__meta{display:flex;flex-direction:column;align-items:flex-start}
}

/* telegram vibe: azzurro brand nei punti-Telegram */
:root{--blue:#229ED9;--blue-ink:#147CB0}
.tcg-ticker{background:linear-gradient(90deg,#229ED9,#7A5BD6 18%,#FF3D8A 46%,#FF6B4A 72%,#FFB35C)}
.tcg-card__badge--live,.tcg-prof__b--live{background:#229ED9!important;color:#fff!important}
.tcg-nav__cta,.tcg-stickybar__cta{background:linear-gradient(90deg,#2AABEE,#1D8AC7)!important}
.tcg-hero .tcg-btn--blue{background:rgba(34,158,217,.38);border-color:rgba(170,224,250,.8)}
.tcg-prof__cta--channel{background:linear-gradient(90deg,#2AABEE,#1D8AC7)!important;color:#fff!important;border-color:transparent!important}

/* hero con ragazza: desktop wide, mobile portrait dedicata */
.tcg-hero{background:linear-gradient(180deg,rgba(24,16,52,.5),rgba(24,16,52,.2) 46%,rgba(255,61,138,.16) 74%,rgba(30,26,84,.5)),url("/img/summer/hero2-d.webp") center 34%/cover}
@media(max-width:720px){.tcg-hero{background:linear-gradient(180deg,rgba(24,16,52,.56),rgba(24,16,52,.22) 48%,rgba(255,61,138,.14) 76%,rgba(30,26,84,.52)),url("/img/summer/hero3-m.webp") center 22%/cover}}
.tcg-hero .tcg-lead strong,.tcg-hero .tcg-hero__sub strong{color:#fff!important}
@media(max-width:720px){.tcg-hero{background:linear-gradient(180deg,rgba(24,16,52,.5),rgba(24,16,52,.2) 46%,rgba(255,61,138,.14) 76%,rgba(30,26,84,.5)),url("/img/summer/hero5-m.webp") center 30%/cover}}
@media(max-width:720px){.tcg-hero{background:linear-gradient(180deg,rgba(24,16,52,.5),rgba(24,16,52,.2) 46%,rgba(255,61,138,.14) 76%,rgba(30,26,84,.5)),url("/img/summer/hero9-m.webp") center top/cover}}

/* ===== v13 · HERO MOBILE 2.0 — image-first (2026-07-09) =====
   Restructure ≤720px only: la ragazza (hero10-m = hero5 + canvas d'acqua
   esteso) è un <img> foreground a tutta piega, testo compatto ancorato in
   basso su scrim gradiente, entrambi i CTA nella piega, scroll-cue.
   Desktop >720px intatto: stage e cue sono display:none di default,
   gli span dentro l'H1 restano inline. */
.tcg-hero__stage,.tcg-hero__cue{display:none}
.tcg-hero__stage picture{display:contents}
@keyframes tcgCueBob{0%,100%{transform:translateY(-2px) rotate(45deg);opacity:.45}55%{transform:translateY(4px) rotate(45deg);opacity:.95}}
@media(max-width:720px){
  .tcg-hero{display:flex;flex-direction:column;min-height:calc(100vh - 112px);min-height:calc(100svh - 112px);padding:0!important;background:linear-gradient(180deg,#241A4E,#171040)!important}
  .tcg-hero__stage{display:block;position:absolute;inset:0;z-index:0;pointer-events:none}
  .tcg-hero__img{width:100%;height:100%;object-fit:cover;object-position:top center}
  .tcg-hero__scrim{position:absolute;inset:0;background:radial-gradient(120% 55% at 50% 80%,rgba(255,61,138,.16),transparent 62%),linear-gradient(180deg,rgba(23,16,64,.36),rgba(23,16,64,0) 15%),linear-gradient(180deg,rgba(23,16,64,0) 40%,rgba(23,16,64,.42) 57%,rgba(23,16,64,.87) 72%,#171040 90%)}
  .tcg-hero__inner{display:flex;flex-direction:column;justify-content:flex-end;flex:1;padding:0 18px 68px;gap:0}
  /* eyebrow → pill vetro flottante sull'immagine */
  .tcg-hero .tcg-eyebrow{position:absolute;top:14px;right:14px;margin:0;z-index:3;display:inline-flex;align-items:center;gap:7px;font-size:9.5px;letter-spacing:.13em;color:#fff!important;background:rgba(23,16,64,.5);border:1px solid rgba(255,255,255,.28);padding:7px 11px;border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-shadow:none!important}
  .tcg-hero .tcg-eyebrow::before{width:7px;height:7px;background:#30D158;border-radius:99px;animation:tcg-pulse 2.2s infinite}
  /* H1 compatto: brand su 2 righe + hook come kicker */
  .tcg-hero .tcg-h1{font-size:28px;line-height:1.05;letter-spacing:-.028em;margin:0 0 6px}
  .tcg-hero .tcg-h1 em{display:block;-webkit-box-decoration-break:clone;box-decoration-break:clone}
  .tcg-h1__brand{display:block}
  .tcg-h1__hook{display:block;font-family:var(--body);font-size:14px;line-height:1.35;font-weight:600;letter-spacing:-.005em;color:rgba(255,255,255,.95);margin-top:7px}
  /* sub: resta nel DOM intero, visivamente solo la prima frase forte */
  .tcg-hero .tcg-hero__sub{font-size:12.5px;line-height:1.4;margin:0 0 10px;max-width:none;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;opacity:.9}
  .tcg-hero .tcg-hero__sub strong{display:block}
  /* CTA impilati full-width, entrambi nella piega */
  .tcg-hero__ctas{flex-direction:column;gap:9px}
  .tcg-hero__ctas .tcg-btn{width:100%;justify-content:center;padding:14px 20px;font-size:15px}
  .tcg-hero__ctas .tcg-btn--blue{padding:11px 20px;font-size:13.5px}
  .tcg-hero__addlist{font-size:10.5px;text-align:center;margin:8px 0 0;opacity:.72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .tcg-hero .tcg-hero__creator{margin-top:6px!important;font-size:11px!important;text-align:center}
  .tcg-hero__cue{display:flex;justify-content:center;margin-top:10px}
  .tcg-hero__cue span{width:9px;height:9px;border-right:2px solid rgba(255,255,255,.8);border-bottom:2px solid rgba(255,255,255,.8);transform:rotate(45deg)}
  @media(prefers-reduced-motion:no-preference){.tcg-hero__cue span{animation:tcgCueBob 1.9s ease-in-out infinite}}
  /* la card featured è ridondante: la ragazza È l'hero su mobile */
  .tcg-hero__feature{display:none}
}

/* v13.1 · hero mobile: gerarchia hook/sub + compattazione schermi bassi */
@media(max-width:720px){
  .tcg-h1__hook{font-size:15px}
  .tcg-hero .tcg-hero__sub{opacity:.78}
}
@media(max-width:720px) and (max-height:740px){
  .tcg-hero .tcg-h1{font-size:25px}
  .tcg-h1__hook{font-size:13.5px;margin-top:5px}
  .tcg-hero__ctas .tcg-btn{padding:12px 18px;font-size:14px}
  .tcg-hero__ctas .tcg-btn--blue{padding:10px 18px;font-size:13px}
  .tcg-hero__cue{display:none}
  .tcg-hero__inner{padding-bottom:64px}
}

/* v13.2 · short screens: la riga creator non deve baciare la stickybar */
@media(max-width:720px) and (max-height:740px){
  .tcg-hero__inner{padding-bottom:78px}
}

/* ===== v14 · P0-B /pages/telegram-sexting: layer conversione (2026-07-10) =====
   L'hero riusa il pattern "hero mobile 2.0" di v13 (stesse classi della home).
   --tgsx: sopra l'hero ci sono i breadcrumbs, compenso l'altezza per tenere
   entrambi i CTA dentro la piega mobile. */
@media(max-width:720px){
  .tcg-hero--tgsx{min-height:calc(100vh - 150px);min-height:calc(100svh - 150px)}
}

/* strip ragazze sotto la piega (money page) */
.tcgx-money-girls{padding:34px 0 4px}
.tcgx-money-girls .tcg-eyebrow{margin-bottom:8px}
.tcgx-money-girls .tcg-h2{margin:0 0 4px}
.tcgx-money-girls .tcg-directory-grid{padding-bottom:10px}
.tcgx-money-girls__more{display:flex;justify-content:center;padding:6px 20px 30px}
@media(max-width:720px){
  .tcgx-money-girls{padding-top:26px}
  .tcgx-money-girls .tcg-h2{font-size:24px}
  .tcgx-money-girls__more .tcg-btn{width:100%;justify-content:center}
}

/* categorie del saggio: da scatole grigie a tiles fotografiche */
#fsx .tcgx-kinks .why{grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:600px){#fsx .tcgx-kinks .why{grid-template-columns:repeat(2,1fr)!important;gap:10px}}
#fsx .card.tcgx-ktile,#fsx .card.tcgx-ktile:hover{background:linear-gradient(180deg,rgba(24,16,52,.14),rgba(24,16,52,.3) 46%,rgba(24,16,52,.82)),var(--kimg) center 22%/cover;border-color:transparent}
#fsx .card.tcgx-ktile{position:relative;overflow:hidden;min-height:150px;padding:16px;align-items:flex-start;justify-content:flex-end;text-align:left;box-shadow:0 16px 28px -16px rgba(24,16,52,.5)}
#fsx .card.tcgx-ktile:hover{transform:translateY(-3px);box-shadow:0 20px 34px -14px rgba(255,61,138,.45)}
#fsx .tcgx-ktile h3{margin:0;font-size:15px;letter-spacing:.02em}
#fsx .why .card.tcgx-ktile a,#fsx .why .card.tcgx-ktile:hover h3 a{color:#fff;text-shadow:0 2px 12px rgba(24,16,52,.75)}
#fsx .tcgx-ktile p{color:rgba(255,255,255,.9);text-shadow:0 1px 10px rgba(24,16,52,.75);font-size:12.5px;line-height:1.35;margin-top:4px}
@media(max-width:600px){#fsx .card.tcgx-ktile{min-height:128px;padding:13px}#fsx .tcgx-ktile h3{font-size:13.5px}#fsx .tcgx-ktile p{font-size:11px}}

/* v14.1 · tgsx: fix desktop hero (H1 compatto + hook come kicker, CTA in piega)
   e leggibilità descrizioni kink tiles (vincere sull'inline #fsx .card p). */
@media(min-width:721px){
  .tcg-hero--tgsx .tcg-h1{font-size:clamp(36px,4.4vw,60px);line-height:1.03}
  .tcg-hero--tgsx .tcg-h1__hook{display:block;font-family:var(--body,Inter,system-ui,sans-serif);font-size:clamp(16px,1.5vw,21px);line-height:1.4;font-weight:600;letter-spacing:0;margin-top:14px;color:rgba(255,255,255,.95)}
}
#fsx .card.tcgx-ktile p{color:rgba(255,255,255,.92);text-shadow:0 1px 10px rgba(24,16,52,.8)}
@media(max-width:720px){
  .tcg-hero--tgsx .tcg-hero__inner{padding-bottom:74px}
}

/* money page: hero desktop distinto dalla home (girl4 fenicottero aereo) */
.tcg-hero--tgsx{background:linear-gradient(180deg,rgba(24,16,52,.52),rgba(24,16,52,.24) 46%,rgba(255,61,138,.14) 74%,rgba(30,26,84,.52)),url("/img/summer/money-d.webp") center 40%/cover!important}

/* ===== v16 · P0-C fold scheda ragazza (2026-07-10) =====
   Overlay conversione sull'hero delle /products/*: scrim con nome + badge +
   CTA. Wrapper .tcgx-pfold iniettato da inject_pfold.py; il lightbox di
   tcg-explore.js resta agganciato all'IMG (scrim pointer-events:none, solo
   il CTA e' cliccabile). Solo mobile: >820px l'info column e' gia' in vista. */
.tcgx-pfold{position:relative;display:block}
.tcgx-pfold .tcg-prof__hero{display:block}
.tcgx-pfold__scrim{position:absolute;left:0;right:0;bottom:0;border-radius:0 0 20px 20px;padding:72px 14px 14px;background:linear-gradient(180deg,rgba(24,16,52,0),rgba(24,16,52,.52) 42%,rgba(24,16,52,.88));pointer-events:none;display:flex;flex-direction:column;gap:11px}
.tcgx-pfold__top{display:flex;align-items:flex-end;justify-content:space-between;gap:8px 12px;flex-wrap:wrap}
.tcgx-pfold__name{font-family:var(--serif,'Fraunces',serif);font-size:clamp(25px,7vw,33px);line-height:1.04;color:#fff;text-shadow:0 2px 14px rgba(24,16,52,.75)}
.tcgx-pfold__badges{display:flex;gap:6px;flex-wrap:wrap;padding-bottom:3px}
.tcgx-pfold__b{font-size:11.5px;font-weight:700;letter-spacing:.01em;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.18);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;white-space:nowrap}
.tcgx-pfold__b--live{background:#16a34a}
.tcgx-pfold__cta{pointer-events:auto;justify-content:center;width:100%}
@media(min-width:821px){.tcgx-pfold__scrim{display:none}}

/* ===== v16 · P0-D online-now: fold girls-first (2026-07-10) =====
   Pill senza date-stamp (fatto nell'HTML); qui l'intro si stringe su mobile
   perche' la prima riga di card entri in piega. Nessun testo nascosto. */
@media(max-width:720px){
  .tcg-coll-head--online{padding-top:2px}
  .tcg-coll-head--online .tcg-coll-head__h{font-size:27px;margin-top:2px}
  .tcg-coll-head--online .tcg-coll-head__dek{font-size:14.5px;line-height:1.42;margin-top:7px}
  .tcg-coll-head--online .tcg-coll-head__count{margin-top:10px;padding:6px 13px;font-size:11.5px}
  .tcg-coll-head--online+.tcg-coll-grid{margin-top:14px}
}

/* v16 fix P0-C: altezza hero deterministica su mobile. L'intrinsic ratio dei
   file hero varia col dpr/srcset (i _900x1200 nominali sono spesso piu'
   lunghi): con height:auto lo scrim+CTA finivano sotto la piega. Height
   vincolata alla viewport, cover, focus in alto (viso). */
@media(max-width:820px){
  .tcgx-pfold .tcg-prof__hero{height:min(calc(100svh - 310px),560px);min-height:340px;object-fit:cover;object-position:center 22%}
}

/* ===== v16 · P0-F dieta sexting-reviews (2026-07-10) =====
   Muro servito a thumb 360w linkate al file full; load-more a blocchi di 24.
   Gli <a> ereditano il ruolo masonry delle img (break-inside sull'anchor). */
.tcg-reviews-wall a{display:block;break-inside:avoid;margin:0 0 14px;border-radius:12px}
.tcg-reviews-wall a img{margin:0}
.tcg-reviews-wall a[hidden]{display:none}
@media(max-width:720px){.tcg-reviews-wall a{margin-bottom:10px}}
.tcgx-rev-more{display:flex;justify-content:center;padding:0 20px 60px;margin-top:-28px}
@media(max-width:720px){.tcgx-rev-more .tcg-btn{width:100%;justify-content:center}}

/* ===== v16 · P0-H best-channels: girl-strip + CTA band (2026-07-10) =====
   Strip orizzontale di card verificate dentro il saggio (nessun nuovo
   heading nell'outline) + band riusata dal componente reviews. */
.tcgx-bestch-strip{margin:26px 0 34px}
.tcgx-bestch-strip__h{font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:-.02em;color:var(--navy);margin:4px 0 14px}
.tcgx-bestch-strip__row{display:grid;grid-auto-flow:column;grid-auto-columns:158px;gap:12px;overflow-x:auto;padding:2px 2px 12px;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.tcgx-bestch-strip__row .tcg-card{scroll-snap-align:start}
.tcgx-bestch-strip__row::-webkit-scrollbar{height:6px}
.tcgx-bestch-strip__row::-webkit-scrollbar-thumb{background:rgba(232,72,128,.35);border-radius:999px}

/* v16 fix P0-H: nelle card della strip il meta (relative da tcg-explore)
   scivolava sotto l'overflow della card 3/4 — ancorato esplicitamente al
   fondo foto, nome+info compatti, CTA superfluo su card 158px. */
.tcgx-bestch-strip__row .tcg-card .tcg-card__meta{position:absolute;left:12px;right:12px;bottom:10px;margin:0;gap:2px}
.tcgx-bestch-strip__row .tcg-card .tcg-card__name{font-size:15px}
.tcgx-bestch-strip__row .tcg-card .tcg-card__info{font-size:10.5px;opacity:.92}

/* Y2: kink tiles — 480w bg su mobile/desktop 1x, originale solo su retina desktop */
@media (min-width:900px) and (min-resolution:1.5dppx){
#fsx .card.tcgx-ktile,#fsx .card.tcgx-ktile:hover{background-image:linear-gradient(180deg,rgba(24,16,52,.14),rgba(24,16,52,.3) 46%,rgba(24,16,52,.82)),var(--kimg-lg,var(--kimg))}
}

/* Y3: residui pre-skin — bottoni primari sempre su gradiente sunset */
.tcg-cta-band__btn{background:linear-gradient(90deg,#FF3D8A,#FF6B4A 60%,#FFB35C)!important;box-shadow:0 12px 28px -10px rgba(255,61,138,.55)!important;font-weight:800!important}
.tcg-cta-band__btn:hover{background:linear-gradient(90deg,#FF3D8A,#FF6B4A 60%,#FFB35C)!important;color:#fff!important;filter:brightness(1.07)}
.tcg-drawer__cta{background:linear-gradient(90deg,#FF3D8A,#FF6B4A 60%,#FFB35C)!important;box-shadow:0 14px 28px -10px rgba(255,107,74,.55)!important}

/* Y10: categories hub compatto — 2 colonne su mobile, card piccole, counter deboli nascosti */
@media(max-width:540px){
.tcg-cathub{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;margin:22px auto 44px!important}
.tcg-cathub__title{font-size:13.5px!important;letter-spacing:-.01em!important;line-height:1.12!important}
.tcg-cathub__meta{left:10px!important;right:10px!important;bottom:9px!important;gap:6px!important}
.tcg-cathub__count{font-size:8.5px!important;padding:3px 7px!important;letter-spacing:.04em!important}
}
.tcg-cathub__count--low{display:none!important}

/* Y11: steps 01-03 compatti su categories/online-now (la versione lunga resta solo in home); testo in DOM */
.tcg-steps--compact .tcg-step__p,.tcg-steps--compact .tcg-step__num{display:none!important}
.tcg-steps--compact .tcg-steps__grid{grid-template-columns:repeat(3,1fr)!important;gap:10px!important;padding-top:20px!important;border-top:0!important}
.tcg-steps--compact .tcg-step{background:rgba(255,255,255,.66);border:1px solid rgba(24,16,52,.08);border-radius:16px;padding:14px 10px;text-align:center}
.tcg-steps--compact .tcg-step__h{font-size:13px!important;margin:8px 0 0!important;line-height:1.15!important}
.tcg-steps--compact .tcg-step__chip{font-size:9px!important;padding:4px 9px!important;letter-spacing:.14em!important}
.tcg-steps--compact{padding:42px 20px 2px!important}
.tcg-steps--compact .tcg-h2{font-size:clamp(24px,5vw,32px)!important}
.tcg-steps--compact .tcg-lead{font-size:15px!important}

/* Y6: LCP — le bande dusk/palm partono col solo gradiente; la foto arriva via .tcg-bg-in (IO in tcg-explore.js v4) */
.tcg-cta-band{background:linear-gradient(180deg,#221E5E,#141238)!important}
.tcg-trust{background:linear-gradient(180deg,#221E5E,#141238)!important}
.tcg-home-guides{background:none}
.tcg-bg-in .tcg-cta-band{background:linear-gradient(180deg,rgba(20,18,56,.6),rgba(20,18,56,.28)),url('/img/summer/dusk1.webp') center/cover!important}
.tcg-bg-in .tcg-trust{background:linear-gradient(180deg,rgba(20,18,56,.62),rgba(20,18,56,.34)),url('/img/summer/dusk1.webp') center/cover!important}
.tcg-bg-in .tcg-home-guides{background:url('/img/summer/palm1.webp') right -80px top -60px/430px no-repeat}

/* EXTRA: home desktop — via la feature card, l ragazza dell hero2-d torna visibile (solo home, tgsx tiene la sua) */
@media(min-width:721px){
.tcg-hero--homefull .tcg-hero__feature{display:none!important}
.tcg-hero--homefull .tcg-hero__inner{grid-template-columns:minmax(0,660px) 1fr!important}
}

/* Y5: home mobile — editoriale compresso: steps a 3 chip, guides a 2 card + link (desktop resta lungo) */
@media(max-width:720px){
.tcg-steps--compact-m .tcg-step__p,.tcg-steps--compact-m .tcg-step__num{display:none!important}
.tcg-steps--compact-m .tcg-steps__grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important;padding-top:18px!important;border-top:0!important}
.tcg-steps--compact-m .tcg-step{background:rgba(255,255,255,.66);border:1px solid rgba(24,16,52,.08);border-radius:14px;padding:12px 8px;text-align:center}
.tcg-steps--compact-m .tcg-step__h{font-size:12.5px!important;margin:7px 0 0!important;line-height:1.15!important}
.tcg-steps--compact-m .tcg-step__chip{font-size:8.5px!important;padding:3px 8px!important;letter-spacing:.12em!important}
.tcg-steps--compact-m{padding:40px 20px 2px!important}
.tcg-steps--compact-m .tcg-h2{font-size:clamp(24px,6vw,32px)!important}
.tcg-home-guides .tcg-home-guides__grid .tcg-home-guides__card:nth-child(n+3){display:none!important}
.tcg-home-guides{padding:44px 0 10px!important}
}

/* Y8: chip-TOC sticky sul saggio SEO delle collection */
.tcgx-toc{position:sticky;top:calc(var(--tcg-header-h,64px) + 6px);z-index:5;display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:10px 6px;margin:0 0 16px;background:rgba(255,247,236,.94);backdrop-filter:blur(8px);border-radius:14px}
.tcgx-toc::-webkit-scrollbar{display:none}
.tcgx-toc a{flex:0 0 auto;font-size:11.5px;font-weight:700;padding:7px 13px;border-radius:999px;background:rgba(42,171,238,.12);color:#146d9e;border:1px solid rgba(42,171,238,.3);text-decoration:none;white-space:nowrap}
.tcgx-toc a:active{background:rgba(42,171,238,.24)}
.tcg-coll-about h3[id^=tcgx-s]{scroll-margin-top:120px}

/* Y13: reviews — pill contatore + premessa ripiegata */
.tcgx-revpill{display:inline-flex;align-items:center;margin:12px 0 0;font-size:11.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;background:#FFB35C;color:#4A2A08;padding:7px 14px;border-radius:999px}
.tcgx-revintro-wrap{padding-top:0!important;padding-bottom:6px!important}
.tcgx-revintro{max-width:760px;margin:0 auto}
.tcgx-revintro summary{cursor:pointer;font-weight:700;font-size:13.5px;color:#146d9e;padding:6px 0}
.tcgx-revintro .tcg-rte{padding-top:2px}

/* Y14: rail girls-live dentro gli articoli blog */
.tcgx-rail--blog{margin:34px 0}
.tcgx-rail--blog .tcgx-rail__head h2{font-size:20px}