/* =========================================================
   /coach · solo impaginazione della pagina (prefisso co-)
   Componenti, colori, font e ombre stanno in css/site.css.
   ========================================================= */

/* ---------- film: 7 momenti invece di 5, quindi un passo un po' più corto ---------- */
@media (min-width:1024px){
  .co-film .beat{min-height:calc(var(--vh) * 50)}
}

/* ---------- feature rows: ritmo più stretto tra righe consecutive ---------- */
.co-feat{padding-block:var(--sec-y-sm)}
.co-film+.co-feat{padding-top:var(--sec-y)}
.co-feat .feat-copy .body{max-width:34em}

/* lente sotto la tabella clienti: pende sotto il bordo, non copre i nomi */
@media (min-width:1024px){
  .co-lp-low[data-corner] .loupe{right:12%;bottom:-40%;width:min(30%,300px)}
  #clienti{padding-bottom:calc(var(--sec-y-sm) + 110px)}
  /* telefono un po' più piccolo e lente più grande: la lente ingrandisce davvero */
  .co-lp-big .dev.phone{width:clamp(240px,42%,300px);margin-right:3%}
  .co-lp-big[data-corner] .loupe{width:min(50%,400px);top:9%}
}

/* ---------- "E poi" ---------- */
.co-more{border-top:1px solid var(--line)}
.co-more .wrap:last-child{margin-top:8px}

/* ---------- quanto costa: testo a sinistra, fasce a destra ---------- */
.co-price-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(32px,4vw,72px);align-items:center}
.co-price-copy{grid-column:1/6;min-width:0}
.co-price-copy>*+*{margin-top:22px}
.co-price-copy .co-ref{max-width:30em;padding-top:22px;border-top:1px solid var(--line)}
.co-price-tool{grid-column:7/13;min-width:0}

/* ---------- due colonne: titolo a sinistra (fermo), contenuto a destra ---------- */
.co-duo{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(32px,4vw,72px);align-items:start}
.co-duo-head{grid-column:1/6;min-width:0}
.co-duo-head>*+*{margin-top:20px}
.co-duo>:last-child{grid-column:6/13;min-width:0}
.co-start .seq{max-width:none;gap:30px}
.co-faq .faq{border-top:1px solid var(--line)}

@media (min-width:1024px){
  .co-duo-head{position:sticky;top:calc(var(--head) + 40px)}
}

@media (max-width:1023px){
  .co-price-in,.co-duo{grid-template-columns:1fr;gap:40px}
  .co-price-copy,.co-price-tool,.co-duo-head,.co-duo>:last-child{grid-column:1/-1}
}