:root{--page-title-display:none;}/* Start custom CSS *//* ================================================================
   ReColor Hair — FIX GLOBALE v3 (incolla UNA volta)
   Dove: Aspetto → Personalizza → CSS aggiuntivo
   (oppure Elementor → Impostazioni pagina → CSS personalizzato)

   Risolve su TUTTA la pagina:
   1) scroll orizzontale / fascia bianca su mobile
   2) spunte "00" (✓/✕ non resi dal font) ovunque
   3) immagini tagliate su mobile (teste/corpi ritagliati)
================================================================ */

/* ---- 1) STOP scroll orizzontale / fascia bianca ---- */
html, body{ max-width:100%; overflow-x:hidden; }
.rch-sec, .rch-hero, [class*="rch-"]{ max-width:100%; }


/* ================================================================
   2) FIX SEGNI "00" — ridisegna ✓ e ✕ in CSS
================================================================ */
.rch-sci-free li::before,
.rch-grt-free li::before,
.rch-checks li::before{ font-size:0 !important; color:transparent !important; }
.rch-sci-free li::after,
.rch-grt-free li::after,
.rch-checks li::after{
  content:""; position:absolute; left:6px; top:4px;
  width:4px; height:8px; border:solid #0e1116; border-width:0 2px 2px 0; transform:rotate(45deg);
}
.rch-fut-col--good li::before{ font-size:0 !important; color:transparent !important; }
.rch-fut-col--good li::after{
  content:""; position:absolute; left:5px; top:3px;
  width:5px; height:10px; border:solid #5fb98a; border-width:0 2px 2px 0; transform:rotate(45deg);
}
.rch-fut-col--bad li::before,
.rch-fut-col--bad li::after{
  content:""; position:absolute; left:2px; top:8px;
  width:12px; height:2px; background:#d97070; border-radius:2px; color:transparent; font-size:0;
}
.rch-fut-col--bad li::before{ transform:rotate(45deg); }
.rch-fut-col--bad li::after{ transform:rotate(-45deg); }


/* ================================================================
   3) FIX IMMAGINI TAGLIATE SU MOBILE
   Le foto usano object-fit:cover: su mobile il contenitore diventa
   largo e basso e taglia testa/corpo. Qui, sotto 880px, diamo alle
   immagini una forma verticale e spostiamo il ritaglio verso l'alto,
   così se taglia, taglia dal basso e NON dal viso.
================================================================ */
@media (max-width:880px){

  /* punto di ritaglio: privilegia la parte alta (volto) */
  .rch-bg-visual img,
  .rch-pain-visual img,
  .rch-sol-visual img,
  .rch-enemy-visual img,
  .rch-id-visual img,
  .rch-howto-visual img,
  .rch-offer-visual img,
  .rch-faq-offer__visual img,
  .rch-fut-visual img,
  .rch-sci-card__img img{
    object-position:center top !important;
  }

  /* forma verticale coerente per i ritratti, così la persona ci sta */
  .rch-pain-visual,
  .rch-id-visual{
    aspect-ratio:3/4 !important;
    min-height:0 !important;
  }
  .rch-bg-visual,
  .rch-sol-visual,
  .rch-howto-visual{
    aspect-ratio:4/5 !important;
    min-height:0 !important;
  }
  .rch-enemy-visual{
    aspect-ratio:4/3 !important;
  }

  /* banda panoramica Sez.13: su mobile alza un po' il rapporto per non schiacciare */
  .rch-fut-visual{
    aspect-ratio:4/3 !important;
  }
}

/* opzione alternativa (DECOMMENTA se preferisci MAI tagliare, anche a costo
   di bordi vuoti sopra/sotto):
.rch-bg-visual img, .rch-pain-visual img, .rch-sol-visual img,
.rch-enemy-visual img, .rch-id-visual img, .rch-howto-visual img,
.rch-offer-visual img, .rch-faq-offer__visual img, .rch-fut-visual img{
  object-fit:contain !important; background:#1a1f27;
}
*//* End custom CSS */