/* ========================================
   AYDENIZ KARAVAN — Responsive Breakpoints
   ======================================== */

/* ── Tablet (max 1024px) ── */
@media (max-width: 1024px) {
  .grid--4 { grid-template-columns: repeat(2, 1fr); }
  .grid--3 { grid-template-columns: repeat(2, 1fr); }

  .how-it-works__grid { grid-template-columns: repeat(3, 1fr); gap: var(--space-6); }
  .how-it-works__grid::before,
  .how-it-works__grid::after { display: none; }

  .why-us__grid { grid-template-columns: repeat(2, 1fr); }
  .testimonials-grid { grid-template-columns: repeat(2, 1fr); }
  .listing-grid { grid-template-columns: repeat(2, 1fr); }

  .detail-layout { grid-template-columns: 1fr; }
  .booking-widget { position: static; }

  .footer__grid { grid-template-columns: repeat(2, 1fr); }

  .about-story { grid-template-columns: 1fr; gap: var(--space-6); }
  .about-values { grid-template-columns: repeat(2, 1fr); }

  .contact-grid { grid-template-columns: 1fr; }
  .rent-out-benefits { grid-template-columns: repeat(2, 1fr); }

  .stats { grid-template-columns: repeat(2, 1fr); }

  .carousel-track .card { flex: 0 0 calc(50% - var(--space-3)); }

  .quick-specs { grid-template-columns: repeat(2, 1fr); }
}

/* ── Mobile Large (max 768px) ── */
@media (max-width: 768px) {
  :root {
    --header-height: 70px;
  }

  .section { padding: var(--space-12) 0; }
  .container { padding: 0 var(--space-4); }

  .header__nav { display: none; }
  .header__menu-toggle { display: flex; }
  .header__phone { display: none; }

  .hero { min-height: 90vh; }
  .hero__search { flex-direction: column; border-radius: var(--radius-lg); }
  .hero__search-field { border-right: none; border-bottom: 1px solid rgba(255, 255, 255, 0.1); width: 100%; }
  .hero__search-field:last-of-type { border-bottom: none; }
  .hero__search-btn { width: 100%; justify-content: center; border-radius: var(--radius-lg); }
  .hero__trust { flex-direction: column; gap: var(--space-3); }

  .how-it-works__grid { grid-template-columns: 1fr; max-width: 360px; margin: 0 auto; }
  .grid--2,
  .grid--3,
  .grid--4 { grid-template-columns: 1fr; }

  .why-us__grid { grid-template-columns: 1fr; }
  .testimonials-grid { grid-template-columns: 1fr; }
  .listing-grid { grid-template-columns: 1fr; }
  .blog-grid { grid-template-columns: 1fr; }
  .about-values { grid-template-columns: 1fr; }
  .rent-out-benefits { grid-template-columns: 1fr; }

  .carousel-track .card { flex: 0 0 calc(100% - var(--space-2)); }
  .quick-specs { grid-template-columns: repeat(2, 1fr); }

  .footer__grid { grid-template-columns: 1fr; }
  .footer__bottom { flex-direction: column; text-align: center; }

  .gallery { grid-template-columns: 1fr; grid-template-rows: 250px 100px; }
  .gallery__main { grid-row: span 1; }

  .rent-step,
  .rent-step:nth-child(even) {
    flex-direction: column;
  }

  .filters__row { flex-direction: column; }
  .filters__group { min-width: 100%; }

  .stats { grid-template-columns: repeat(2, 1fr); }

  .equipment-grid { grid-template-columns: 1fr; }

  .whatsapp-float { width: 52px; height: 52px; bottom: 20px; right: 20px; }
  .whatsapp-float svg { width: 26px; height: 26px; }
  .back-to-top { bottom: 80px; right: 24px; width: 38px; height: 38px; }
}

/* ── Mobile Small (max 480px) ── */
@media (max-width: 480px) {
  .hero__title { font-size: var(--text-3xl); }

  .quick-specs { grid-template-columns: 1fr 1fr; gap: var(--space-2); }

  .booking-widget__body { padding: var(--space-4); }
  .booking-widget__date-row { flex-direction: column; }

  .card__body { padding: var(--space-4); }
  .card__specs { gap: var(--space-2); }

  .rent-out-form { padding: var(--space-6); }
  .contact-form { padding: var(--space-5); }
}