@media (max-width: 1220px) {
  :root { --container: min(100% - 40px, 1160px); }
  h1 { font-size: 4rem; }
  h2 { font-size: 2.55rem; }
  .hero-copy h1 { font-size: 4.7rem; }
  .nav-links { display: none; position: fixed; top: 78px; left: 0; right: 0; padding: 18px 20px 24px; background: var(--kamer-white); border-bottom: 1px solid var(--line); box-shadow: 0 20px 40px rgba(7, 53, 41, 0.12); flex-direction: column; align-items: stretch; }
  .nav-links.open { display: flex; }
  .nav-links a { padding: 13px 14px; }
  .nav-toggle { display: block; }
  .nav-icon { display: none; }
  .service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .filter-bar { grid-template-columns: repeat(3, minmax(0, 1fr)); position: static; }
  .rental-search { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .rental-search .btn { grid-column: 1 / -1; }
  .vehicle-row,
  .vehicle-list.compact .vehicle-row { grid-template-columns: minmax(300px, 0.95fr) minmax(280px, 1fr); }
  .vehicle-row-cta { grid-column: 1 / -1; border-left: 0; border-top: 1px solid var(--line); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: center; }
  .vehicle-row-cta .price-note { grid-column: span 2; }
  .sales-list { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1.4fr 1fr 1fr; }
  .footer-grid > :last-child { grid-column: 1 / -1; }
}

@media (max-width: 900px) {
  :root { --container: calc(100% - 32px); }
  .section { padding: 82px 0; }
  .section-sm { padding: 58px 0; }
  h1 { font-size: 3.2rem; }
  h2 { font-size: 2.25rem; }
  .hero { min-height: 700px; }
  .hero-copy h1 { font-size: 4rem; }
  .hero::after { background: linear-gradient(0deg, rgba(3, 24, 17, 0.9), rgba(3, 24, 17, 0.58) 68%, rgba(3, 24, 17, 0.2)); }
  .hero-inner { padding: 150px 0 120px; }
  .search-dock { margin-top: -42px; }
  .section-head,
  .inventory-top,
  .quote-strip,
  .hero-split,
  .two-col,
  .corporate-band,
  .cross-grid,
  .my-kamer-grid,
  .detail-grid,
  .contact-grid { grid-template-columns: 1fr; display: grid; }
  .section-head { align-items: start; }
  .hero-split { gap: 32px; }
  .hero-card-img { min-height: 320px; }
  .detail-gallery { position: static; }
  .service-panel { min-height: 380px; }
  .trust-grid,
  .values-grid,
  .package-grid,
  .faq-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .facility-card,
  .facility-card.wide { grid-column: span 6; }
  .quote-strip .actions { justify-content: flex-start; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-grid > :last-child { grid-column: auto; }
}

@media (max-width: 680px) {
  :root { --container: calc(100% - 24px); }
  .nav { min-height: 70px; }
  .brand img { width: 150px; }
  .nav-links { top: 70px; }
  .nav-actions .btn-outline { display: none; }
  .nav-actions .btn-primary { display: none; }
  h1 { font-size: 2.6rem; line-height: 1.04; }
  h2 { font-size: 2rem; }
  .hero { min-height: 660px; }
  .hero-copy h1 { font-size: 3.1rem; }
  .hero-copy .actions .btn { flex: 1 1 100%; }
  .hero-meta { display: grid; }
  .page-hero { padding: 66px 0 54px; }
  .rental-search,
  .filter-bar,
  .service-grid,
  .trust-grid,
  .values-grid,
  .package-grid,
  .faq-grid,
  .form-grid,
  .detail-list,
  .footer-grid { grid-template-columns: 1fr; }
  .form-grid .full { grid-column: auto; }
  .vehicle-row,
  .vehicle-list.compact .vehicle-row { grid-template-columns: 1fr; }
  .vehicle-row-media img { min-height: 260px; }
  .vehicle-row-info { padding: 22px; }
  .spec-grid { grid-template-columns: 1fr; }
  .vehicle-row-cta { display: flex; align-items: stretch; padding: 20px; }
  .price-block strong { font-size: 1.45rem; }
  .service-panel { min-height: 360px; }
  .cross-card,
  .sale-card { grid-template-columns: 1fr; }
  .cross-card img,
  .sale-card img { min-height: 230px; }
  .cross-card > div,
  .sale-card > div { padding: 20px; }
  .facility-card,
  .facility-card.wide { grid-column: 1 / -1; min-height: 270px; }
  .gallery-thumbs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .quote-strip { padding: 26px; }
  .footer-bottom { flex-direction: column; align-items: flex-start; }
  .floating-whatsapp { width: 54px; height: 54px; right: 14px; bottom: 14px; }
}

@media (max-width: 390px) {
  .container { width: calc(100% - 20px); }
  h1 { font-size: 2.35rem; }
  .hero-copy h1 { font-size: 2.75rem; }
  .btn { width: 100%; }
  .nav-toggle { width: 42px; height: 42px; }
  .vehicle-row-info h3 { font-size: 1.45rem; }
}