/* Naturalmente Sale · pagina /trattamenti (step 6-bis, 04/10/2026)
   Solo accordi d'impaginazione fra pezzi della home, agganciati a body.page-trattamenti: nessuna classe
   nuova, nessun colore nuovo. Collegato solo da trattamenti.html. Le regole utili anche alle altre pagine
   (numeri grandi dentro testo + foto, la riga di testo accanto al pulsante dei passi) sono in style.css,
   blocco «PAGINE INTERNE». */

/* i 4 trattamenti in fila sul computer, come i 5 della home (sotto i 1024 px: il carosello della home) */
@media (min-width:1024px){
  .page-trattamenti .t-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,2.4vw,36px)}
}
/* la riga che descrive il trattamento, sotto il nome (un <p> semplice nella .t-card) */
.page-trattamenti .t-card > p:not(.t-meta){margin-top:8px;max-width:22em;font-size:15.5px;line-height:1.5;color:var(--ink);opacity:.88;text-wrap:balance}
.page-trattamenti .t-card .t-title + .t-cta{margin-top:12px}

/* sotto le schede, dopo la didascalia: le due righe e il pulsante, in riga sul computer */
.page-trattamenti .treatments-caption + div{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:24px 48px;margin-top:clamp(24px,2.6vw,36px)}
.page-trattamenti .treatments-caption + div > .products-intro{gap:4px}

/* i corsi: la fascia azzurra continua quella dei trattamenti, senza un secondo stacco
   (e senza la seconda curva, che taglierebbe l'alone pesca dei trattamenti) */
.page-trattamenti .treatments + .band--sky{padding-top:0}
.page-trattamenti .treatments + .band--sky .band-curve{display:none}

@media (max-width:767px){
  /* la coppettazione: titolo, riga d'apertura, foto, poi il resto (fra la foto d'apertura e l'arco c'è il testo) */
  .page-trattamenti #coppettazione .consult-copy > .products-intro:first-of-type{order:2;margin-top:18px}
  .page-trattamenti .t-card > p:not(.t-meta){font-size:15px}
  .page-trattamenti .treatments-caption + div{flex-direction:column;align-items:stretch;gap:20px}
  .page-trattamenti .treatments-caption + div > .button{width:100%}
  .page-trattamenti .courses-text{font-size:24px}
}