/* =========================================================
   YUNSHU3D — Responsive / Mobile Adaptations
   Breakpoints: 1080 (lg) · 920 (md) · 760 (sm) · 520 (xs)
   ========================================================= */

/* Large desktop down */
@media (max-width:1080px){
  .mega{width:680px;}
  .footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:32px;}
  .footer-contact-col{grid-column:1 / -1;}
}

/* Tablet */
@media (max-width:920px){
  :root{--sp-6:72px;--sp-5:48px;}
  .hero-grid{grid-template-columns:1fr;gap:36px;}
  .hero-media{order:-1;}
  .hero-media img{aspect-ratio:16/10;object-fit:cover;}
  .feature{grid-template-columns:1fr;gap:32px;}
  .feature.rev .feature-media{order:0;}
  .grid-4{grid-template-columns:repeat(2,1fr);}
  .stats{grid-template-columns:repeat(2,1fr);gap:32px 24px;}
  .steps{grid-template-columns:repeat(2,1fr);}
  .footer-grid{grid-template-columns:1fr 1fr;gap:36px;}
}

/* Mobile nav breakpoint */
@media (max-width:860px){
  .nav-menu{
    position:fixed;top:var(--header-h);left:0;right:0;bottom:0;
    background:#fff;flex-direction:column;align-items:stretch;gap:0;
    padding:16px 20px;overflow-y:auto;
    transform:translateX(100%);transition:transform .28s ease;
    box-shadow:var(--shadow-lg);
  }
  .nav-menu.open{transform:translateX(0);}
  .nav-item{width:100%;}
  .nav-link{width:100%;justify-content:space-between;padding:16px 12px;font-size:1.1rem;border-bottom:1px solid var(--line);}
  .nav-item.has-mega:hover .mega{opacity:0;visibility:hidden;}
  .mega{
    position:static;width:100%;transform:none;opacity:1;visibility:visible;
    box-shadow:none;border:0;border-radius:0;padding:6px 0 14px 12px;
    grid-template-columns:1fr;display:none;
  }
  .nav-item.expanded .mega{display:grid;}
  .mega a{padding:10px 12px;}
  .nav-cta{margin:14px 0 0;}
  .nav-cta .btn{width:100%;justify-content:center;}
  .nav-toggle{display:flex;}
  .nav-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .nav-toggle.active span:nth-child(2){opacity:0;}
  .nav-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
}

/* Small mobile */
@media (max-width:760px){
  :root{--sp-6:56px;--sp-5:40px;}
  .container{padding:0 18px;}
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr;}
  .stats{grid-template-columns:repeat(2,1fr);}
  .steps{grid-template-columns:1fr;}
  .form-grid{grid-template-columns:1fr;}
  .feature{gap:24px;}
  .section{padding:var(--sp-5) 0;}
  .hero .container{padding-top:64px;padding-bottom:64px;}
  .page-hero .container{padding:52px 18px;}
  .cta-band{padding:40px 24px;}
  .quote{padding:30px 22px;}
  .footer-grid{grid-template-columns:1fr;gap:28px;}
  .footer-bottom{flex-direction:column;}
  .hero-actions .btn{flex:1 1 auto;justify-content:center;}
}

/* Extra small */
@media (max-width:520px){
  body{font-size:1.0625rem;}
  .stats{grid-template-columns:1fr 1fr;gap:22px;}
  .card{padding:24px;}
  .form-card,.contact-info{padding:26px;}
  .cta-band h2{font-size:1.6rem;}
}