@media (max-width: 600px) {

  /* Hero */
  .hero-content { padding: 120px 15px 20px; }
  .hero-stage { height: min(40vh,350px); margin:5px auto 20px; }
  .hero-title { 
    font-size: clamp(35px,8vw,35px); 
    margin: 10px 0 10px;
    margin-top: -50%;
    max-width: 80%;
    line-height: 1.2;
    white-space: nowrap; 
}


  /* Services */
  .services-section { padding: clamp(30px,4vw,60px) 40px; }
  .services-grid { gap: clamp(20px,4vw,40px); grid-template-columns:1fr; }
  .service-title{
    margin-top: 0;
    margin-bottom: 0px;
}
  /* WHY */
  .wc-svg { width: 200vmax; height: 200vmax; }
  .why-choose-section { min-height: 100vh; height:auto; }  

  /* Works */
  .works-list { padding: 0 40px; }
  .work-row { padding: 20px 0; }
  .work-preview { display:none; }
  .work-title{filter:blur(0.8px); transition:color .3s var(--ease), filter .6s var(--ease)}
  .work-row:hover .work-title{filter:blur(0)}

  /* Contact */
  .contact-section { padding: clamp(40px,6vw,80px) 20px; }
  .contact-wrap { margin: 0 10px; }

  /* Footer */
  .site-footer { padding:15px; flex-direction:column; text-align:center; }
  .footer-left,.footer-right { flex-direction:column; gap:5px; }
  .site-footer p { text-align: center; }

  /* Navbar */
  .nav-left,.nav-right { gap: 20px; }
  .nav-link { font-size:12px; }
  .navbar { padding:40px 20px; alignment-baseline: 0; align-items: center; }
  .navbar img {
    width: 100px;
    height: auto;
    top: 18px;
    transition: filter .25s var(--ease);
    position: absolute;
    left: 46%;
    transform: translateX(-50%);
}

  /* Statement */
  .statement-text { font-size: clamp(16px,1.6vw,20px); line-height:1.6; padding:0 10px; }
  .statement-section { padding: clamp(40px,6vw,80px) 30px; }
}

/*
 .mv-wrap selector removed or completed to avoid syntax error 
.mv-wrap {
    position: absolute;
    width: clamp(800px, 90vw, 1200px);
    height: clamp(640px, 80vw, 1100px);
    transform: translate(-50%, -50%);
    pointer-events: auto;
}*/


.hero-stage .mv-wrap {
    display: none !important;
  }

  
  .hero-stage model-viewer {
    display: none !important;
  }
  
  
/*
  .mv-wrap {
  position: absolute;
  pointer-events: auto;
  overflow-x: hidden;
  left: 0;
  right: 0;
  width: 70%;
  max-width: 50%;

}*/

  /* Se vuoi anche togliere il badge spin indicator */
  .spin-indicator {
    display: none !important;
  }

  /* Eventuale riduzione del padding della hero */
  .hero-content {
    padding-top: 120px; /* regola a piacere */
  }

  @media (max-width: 400px) {
  .hero-title { 
    font-size: clamp(30px,8vw,30px); 
    margin: 10px 0 10px;
    margin-top: -50%;
    max-width: 90%;
    line-height: 1.2;
    white-space: nowrap;
  }

  .nav-left,.nav-right { gap: 8px; }
  .nav-link { font-size:10px; }
  .nav-left { margin-left: 0% ;}
  .nav-right { margin-right: 0% ;}

  .service-title{
    margin-top: 0;
    margin-bottom: 0px;
}


.navbar img {
    width: 100px;
    height: auto;
    top: 18px;
    transition: filter .25s var(--ease);
    position: absolute;
    left: 45%;
    transform: translateX(-50%);
}

.works-list { padding: 0 20px;}
}

/* === MOBILE-ONLY WHY FIX === */
@media (max-width: 600px){
  /* niente cambi al layout desktop */
  .why-choose-section{ height: 240dvh; }   /* più spazio per l’animazione */
  .wc-sticky{ top: -10dvh; height: 120dvh; }

  /* il box centrale (titolo + gif) è fixed solo su mobile */
  .after-why{
    position: fixed !important;
    transform: translate(-50%, -50%) translateZ(0);
    z-index: 3;
    pointer-events: none;
    padding: 0 24px;
    visibility: hidden;         /* nascosto fuori sezione */
    will-change: top,left,width;
    text-align: center;
  }
  .after-why.aw-active{ visibility: visible; }

  /* titolo: niente a capo su mobile */
  .after-why h2{
    white-space: nowrap;
    font-size: clamp(20px, 6.2vw, 30px);
    line-height: 1.1;
    margin-bottom: 16px !important;
  }

  /* la gif: grandezza max, il valore preciso lo setta JS */
  .why-img{ max-width: 420px; display:block; }
}
/* === /MOBILE-ONLY WHY FIX === */