/* ============================================================
   DULCE DOMOS — Responsive: adattamenti tablet e mobile
   ============================================================ */
/* ================= RESPONSIVE ================= */
@media(max-width:980px){
  .hero-grid,.about-grid,.split,.saf-grid,.contact-grid{grid-template-columns:1fr;gap:48px}
  .steps{grid-template-columns:repeat(2,1fr)}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .revenue-grid,.reviews,.open-types{grid-template-columns:1fr 1fr}
  .hero-visual{max-width:520px;margin:0 auto}
  .hero{min-height:auto}
}
@media(max-width:720px){
  section{padding:70px 0}
  .nav-links{
    position:fixed;top:76px;left:0;right:0;background:var(--cream);flex-direction:column;
    padding:28px 24px 34px;gap:20px;border-bottom:1px solid var(--sand);
    transform:translateY(-130%);transition:transform .35s ease;box-shadow:0 20px 40px rgba(74,60,46,.12);
  }
  .nav-links.open{transform:none}
  .hamburger{display:block}
  .steps,.revenue-grid,.reviews,.open-types,.form-row{grid-template-columns:1fr}
  .hero-badge{left:12px;bottom:-18px;padding:12px 16px}
  .timeline::before{left:22px}
  .tl-dot{width:46px;height:46px}
}

/* Band "per chi": due percorsi chiari */
.audience{padding:56px 0}
.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.audience-card{
  display:block;background:var(--cream);border-radius:var(--radius);padding:34px 30px;
  box-shadow:0 4px 20px rgba(74,60,46,.06);transition:transform .3s,box-shadow .3s;
}
.audience-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.audience-card h3{font-size:1.3rem;margin:6px 0 8px}
.audience-card p{color:var(--taupe);font-size:.95rem}
.audience-link{display:inline-block;margin-top:14px;color:var(--gold);font-weight:500}
.show-more-mobile{display:none}
.hero-compact{min-height:auto;padding:150px 0 80px}
@media(max-width:980px){.audience-grid{grid-template-columns:1fr}}
@media(max-width:720px){
  /* Mobile più compatto */
  section{padding:52px 0}
  .audience{padding:40px 0}
  .hero{padding:120px 0 64px}
  .steps,.cards{gap:14px}
  .step,.card{padding:24px 20px}
  /* Servizi: mostra 6 card, il resto con il pulsante */
  #servizi .card:nth-child(n+7){display:none}
  #servizi .cards.expanded .card{display:block}
  .show-more-mobile{display:inline-block;margin-right:0;margin-bottom:12px}
}

@media(max-width:720px){.hero-paths{grid-template-columns:1fr}}

/* ============ Rifiniture telefono ============ */
@media(max-width:720px){
  /* Niente animazioni reveal su mobile: contenuti subito visibili,
     lo scroll resta fluido e nulla "appare in ritardo" */
  .reveal{opacity:1;transform:none;transition:none}

  /* Header più compatto */
  .logo{font-size:1.05rem;gap:8px}
  .logo-mark{width:38px;height:38px}
  .logo-mark svg{width:28px;height:28px}
  .gtranslate_wrapper select{padding:6px 8px;font-size:.8rem}

  /* Hero più asciutta */
  .hero{padding:104px 0 52px}
  .hero h1{font-size:2rem}
  .hero-claim{font-size:1.05rem}
  .eyebrow{font-size:.7rem;letter-spacing:.16em}

  /* Numeri più compatti */
  .stats{padding:38px 0}
  .stats-grid{gap:20px}
  .stat strong{font-size:1.7rem}
  .stat span{font-size:.8rem}
  .stats-platforms{margin-top:24px;font-size:.8rem}

  /* Card case: prezzo e pulsante non si schiacciano */
  .apt-price{flex-wrap:wrap;gap:10px}

  /* CTA di fine sezione a tutta larghezza */
  .section-cta .btn{display:block;width:100%;max-width:340px;margin:0 auto}
  .section-cta .show-more-mobile{margin-bottom:12px}

  /* Footer in colonna, allineato a sinistra */
  .footer-grid{flex-direction:column;align-items:flex-start;gap:10px}
  .footer-grid span[style]{text-align:left!important}

  /* Titoli sezione */
  .section-title{font-size:1.55rem}
}
@media(max-width:480px){
  /* Modale prenotazione: date in colonna su schermi stretti */
  .bk-row{grid-template-columns:1fr}
  .modal{padding:26px 20px}
}

/* ============ Mobile essenziale: poche info, veloci ============
   Le sezioni di approfondimento restano complete su desktop;
   su telefono si mostra solo il percorso essenziale. */
@media(max-width:720px){
  /* Sezioni di approfondimento nascoste su mobile */
  #analisi, #apertura, #revenue, #gestione, #zone{display:none}
  /* Punti di forza recensioni: basta la media + il link */
  .rev-points{display:none}
  /* Chi siamo: solo il primo paragrafo e la citazione */
  #chi-siamo .about p:not(.about-quote):nth-of-type(2){display:none}
  /* Metodo: prime 4 fasi, il resto col pulsante */
  #metodo .step:nth-child(n+5){display:none}
  #metodo .steps.expanded .step{display:block}
  /* Perché noi: primi 3 motivi, il resto col pulsante */
  #perche .why-item:nth-child(n+4){display:none}
  #perche .why-grid.expanded .why-item{display:flex}
  /* Guest experience (pagina soggiorna): niente pillole extra */
  .ge-values{display:none}
}