@media (max-width: 760px) {
  .container { width: min(100% - 32px, 560px); }
  .section { padding: 78px 0; }
  .section.compact { padding: 58px 0; }
  .section-head { display: block; margin-bottom: 30px; }
  .section-head .text-link { display: inline-block; margin-top: 20px; }
  .site-header { background: rgba(16,17,17,.9); }
  .nav-wrap, .scrolled .nav-wrap { height: 70px; }
  .menu-button { display: block; }
  .menu-button.open span:first-child { transform: translateY(7px) rotate(45deg); }
  .menu-button.open span:nth-child(2) { opacity: 0; }
  .menu-button.open span:last-child { transform: translateY(-7px) rotate(-45deg); }
  .nav-links { position: fixed; inset: 70px 0 0; display: flex; flex-direction: column; align-items: stretch; gap: 0; padding: 18px 22px 30px; background: rgba(246,246,242,.99); transform: translateX(100%); transition: transform .3s ease; }
  .nav-links.open { transform: none; }
  .nav-links a { padding: 15px 0; border-bottom: 1px solid var(--line); font-size: .9rem; }
  .nav-links .mobile-cta { display: inline-flex; margin-top: 22px; }
  .nav-wrap > .button { display: none; }
  .hero { min-height: auto; padding: 70px 0 50px; }
  .hero:after { width: 340px; height: 340px; right: -80px; top: 35%; }
  .hero-grid, .split, .detail-grid, .form-layout, .calculator { grid-template-columns: 1fr; gap: 32px; }
  .hero-copy { order: 1; }
  .hero-media { order: 0; min-height: 280px; }
  .hero-media img { width: 100%; }
  .hero h1 { font-size: clamp(3.3rem, 17vw, 5.2rem); }
  .hero-stats { grid-template-columns: 1fr 1fr; gap: 22px 0; padding-top: 30px; }
  .stat { padding: 0 14px; }
  .stat:nth-child(3) { padding-left: 0; border-left: 0; }
  .page-hero { padding: 70px 0 65px; }
  .page-hero h1 { font-size: clamp(3rem, 14vw, 5rem); }
  .vehicle-grid { grid-template-columns: 1fr; }
  .vehicle-visual { min-height: 270px; }
  .vehicle-visual img { height: 260px; }
  .feature-list { grid-template-columns: 1fr; }
  .visual-panel { min-height: 300px; }
  .split.reverse > :first-child { order: initial; }
  .detail-hero { padding: 35px 0; }
  .gallery-main { height: 340px; }
  .detail-copy { position: static; }
  .detail-copy h1 { font-size: 3.4rem; }
  .quick-specs { grid-template-columns: 1fr 1fr; margin-top: 25px; }
  .detail-sticky { position: sticky; bottom: 0; z-index: 9; margin-inline: -16px; padding: 12px 16px; background: rgba(16,17,17,.94); border-top: 1px solid var(--line); }
  .detail-sticky .button { flex: 1; }
  .spec-cards, .offer-grid, .icon-grid, .review-grid { grid-template-columns: 1fr; }
  .mode-grid { grid-template-columns: 1fr 1fr 1fr; }
  .form-card, .info-card, .calc-panel { padding: 21px; }
  .form-grid, .calc-results { grid-template-columns: 1fr; }
  .field.full { grid-column: auto; }
  .timeline { grid-template-columns: 1fr; gap: 20px; }
  .timeline-step { display: flex; align-items: center; gap: 15px; padding: 0 0 0 36px; text-align: left; }
  .timeline-step:before { left: 9px; right: auto; top: -20px; bottom: -20px; width: 2px; height: auto; }
  .timeline-step:first-child:before { top: 10px; left: 9px; }
  .timeline-step:last-child:before { bottom: 10px; left: 9px; right: auto; }
  .timeline-step i { top: calc(50% - 10px); left: 0; }
  .timeline-step strong, .timeline-step span { display: inline; }
  .timeline-step span { margin-left: 4px; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 30px 22px; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-bottom { display: block; margin-top: 35px; }
  .socials { margin-top: 14px; }
  .success-row { display: block; }
  .success-row strong { display: block; margin-top: 4px; }
}
@media (max-width: 390px) {
  .container { width: calc(100% - 26px); }
  .button { padding-inline: 15px; }
  .hero-stats { gap: 18px 0; }
  .quick-spec strong { font-size: 1.08rem; }
}