/* ============ MOBILE — AUTO MOJAHID ============ */
@media(max-width:1100px){
  .hero-right{display:none}
  .menu{ gap:18px}
  .bento-stats{grid-template-columns:repeat(2,1fr);margin-top:-30px}
  .steps{grid-template-columns:repeat(2,1fr)}
  .car-grid{grid-template-columns:repeat(2,1fr)}
  .why-wrap{grid-template-columns:1fr;gap:34px}
  .testimonials{grid-template-columns:repeat(2,1fr)}
  .contact-layout{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .modal-layout{grid-template-columns:1fr}
  .modal-gallery{border-right:none;border-bottom:1px solid var(--line)}
  .dual-locs{grid-template-columns:1fr}
}
@media(max-width:760px){
  .menu,.nav-meta .loc-pills,.desktop-lang{display:none}
  .burger{display:flex}
  .nav-phone{padding:10px 14px;font-size:13px}
  .hero{min-height:560px}
  .hero .container{padding:50px 22px 60px}
  .hero h1{font-size:36px}
  .hero p{font-size:15px}
  .hero-stats{gap:18px}
  .section{padding:56px 0}
  .sec-title{font-size:30px}
  .bento-stats{grid-template-columns:1fr 1fr;gap:12px}
  .bento{padding:18px}
  .bento .num{font-size:28px}
  .steps{grid-template-columns:1fr}
  .car-grid{grid-template-columns:1fr}
  .testimonials{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .vendre-banner{padding:22px}
  .form-row{grid-template-columns:1fr}
  .page-header{padding:64px 0 48px}
  #carCatalog{grid-template-columns:1fr}
}
@media(max-width:480px){
  .hero-badge{font-size:11px;padding:7px 12px}
  .bento-stats{grid-template-columns:1fr 1fr}
  .hero-btns .btn{width:100%;justify-content:center}
  .final h2{font-size:28px}
  .socials{right:12px;bottom:12px}
  .socials a,.socials button{width:46px;height:46px}
}