/* ===== NEXTFON · responsive.css ===== */

@media (max-width:1100px){
  .hero__grid{grid-template-columns:1fr 1fr;gap:1.6rem}
  .hero__features{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;justify-content:space-between}
  .hero__features li{flex:1 1 45%}
  .services__cards{grid-template-columns:repeat(3,1fr)}
  .products__cards{grid-template-columns:repeat(3,1fr)}
  .footer__grid{grid-template-columns:1fr 1fr 1fr;grid-auto-rows:auto}
  .footer__seal{display:none}
}

@media (max-width:900px){
  .topbar__left{gap:.9rem;font-size:.7rem}
  .topbar__right{display:none}
  .nav__links{position:fixed;top:70px;right:0;height:calc(100vh - 70px);width:min(78vw,300px);
    background:#fff;flex-direction:column;gap:0;padding:1rem;margin:0;box-shadow:var(--shadow-lg);
    transform:translateX(110%);transition:transform .35s;font-size:.9rem;z-index:950}
  .nav__links.open{transform:none}
  .nav__links a{padding:.9rem .4rem;border-bottom:1px solid var(--line);width:100%}
  .nav__cta{display:none}
  .nav__toggle{display:flex}
  .testi__grid{grid-template-columns:1fr}
  .testi__cards{grid-template-columns:1fr;grid-auto-flow:column;grid-auto-columns:85%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.5rem}
  .tcard{scroll-snap-align:start}
  .testi__next{display:none}
  .how__steps{grid-template-columns:repeat(2,1fr);gap:1.6rem}
  .how__steps::before{display:none}
  .services__grid,.products__grid{grid-template-columns:1fr}
  .sell__inner{grid-template-columns:1fr;text-align:center}
  .sell__mid{justify-content:center}
  .sell__mid ul{text-align:left}
  .faq__cols{grid-template-columns:1fr}
  .location__grid{grid-template-columns:1fr}
  .location__map{min-height:280px}
}

@media (max-width:640px){
  .hero{padding:34px 0 20px}
  .hero__grid{grid-template-columns:1fr}
  .hero__sub{max-width:none}
  .hero__visual{min-height:300px;order:-1}
  .hero__features{flex-direction:column}
  .hero__features li{flex:1 1 100%}
  .hero__btns{flex-direction:column}
  .hero__btns .btn{width:100%;justify-content:center}
  .stats__inner{grid-template-columns:1fr;gap:.4rem}
  .stat+.stat{border-left:0;border-top:1px solid var(--line)}
  .services__cards{grid-template-columns:repeat(2,1fr)}
  .products__cards{grid-template-columns:repeat(2,1fr)}
  .cta__inner{grid-template-columns:1fr}
  .cta__item+.cta__item{border-left:0;border-top:1px solid var(--line)}
  .footer__grid{grid-template-columns:1fr 1fr}
  .topbar__left{font-size:.66rem}
}

@media (max-width:400px){
  .products__cards{grid-template-columns:1fr}
  .footer__grid{grid-template-columns:1fr}
  .brand__text{font-size:1.2rem}
}