/* ==========================================================================
   RTS TRAVEL HUB - ULTRA CLEAN MOBILE-FIRST OPTIMIZATION
   Smooth Left-to-Right Swiping, No Visual Clutter, Crisp White Theme
   ========================================================================== */

@media (max-width: 1200px) {
  .horizontal-search-ribbon {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 14px;
    border-radius: 16px;
  }

  .search-col-item {
    border-right: none;
    border-bottom: 1px solid var(--border-light);
    padding-bottom: 10px;
    padding-right: 0;
  }

  .footer-top-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
  }
}

@media (max-width: 992px) {
  .hero-lead-text h2 {
    font-size: 2.2rem;
  }

  .horizontal-search-ribbon {
    grid-template-columns: 1fr 1fr;
  }

  .footer-top-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 768px) {
  /* Clean Mobile Header */
  .navbar-clean {
    padding: 8px 0;
  }

  .navbar-container {
    padding: 0 14px;
  }

  .brand-logo-img {
    height: 38px;
  }

  .brand-info-block h1 {
    font-size: 1.05rem;
  }

  .brand-tagline {
    font-size: 0.6rem;
  }

  .badge-since,
  .nav-phone-link {
    display: none;
  }

  .btn-gold {
    padding: 8px 16px;
    font-size: 0.82rem;
  }

  /* Clean Mobile Hero */
  .hero-showcase-section {
    padding: 20px 0 28px 0;
    background: #ffffff;
  }

  .hero-showcase-container {
    padding: 0 14px;
  }

  .hero-lead-text h2 {
    font-size: 1.65rem;
    margin: 6px 0 8px 0;
    line-height: 1.2;
  }

  .hero-lead-text p {
    font-size: 0.88rem;
  }

  /* Clean Mobile Search Bar */
  .search-service-tabs-wrapper {
    gap: 4px;
    padding-bottom: 2px;
  }

  .search-service-tab {
    padding: 8px 12px;
    font-size: 0.76rem;
    border-radius: 8px 8px 0 0;
  }

  .horizontal-search-ribbon {
    grid-template-columns: 1fr;
    padding: 14px;
    border-radius: 14px;
    gap: 10px;
    box-shadow: var(--shadow-md);
  }

  .search-col-item {
    border-bottom: 1px solid var(--border-light);
    padding-bottom: 8px;
  }

  .search-input-inner input,
  .search-input-inner select {
    font-size: 0.86rem;
  }

  .btn-find-car {
    width: 100%;
    height: 46px;
    font-size: 0.92rem;
    border-radius: var(--radius-sm);
  }

  /* Swipeable Track Mobile Behavior */
  .swipe-track {
    gap: 14px;
    padding: 6px 2px 14px 2px;
  }

  .swipe-card-item {
    flex: 0 0 290px;
  }

  .clients-swipe-track {
    gap: 10px;
    padding: 8px 2px;
  }

  .client-box {
    flex: 0 0 170px;
    padding: 12px 10px;
  }

  .gallery-grid-item {
    flex: 0 0 240px;
    height: 200px;
  }

  /* Section Padding */
  .section-wrapper {
    padding: 38px 0;
  }

  .section-container {
    padding: 0 14px;
  }

  /* Mobile Modals */
  .modal-dialog {
    padding: 18px 14px;
    border-radius: 18px;
  }

  .clean-form-row {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .lightbox-modal {
    padding: 12px 8px;
  }

  .lightbox-main-image {
    max-width: 95vw;
    max-height: 52vh;
  }

  .lightbox-nav-btn {
    width: 38px;
    height: 38px;
    font-size: 0.95rem;
  }

  .lightbox-prev { left: 8px; }
  .lightbox-next { right: 8px; }

  /* Mobile Footer */
  .footer-master {
    padding: 38px 0 20px 0;
  }

  .footer-container {
    padding: 0 14px;
  }

  .footer-top-grid {
    grid-template-columns: 1fr;
    gap: 22px;
    margin-bottom: 25px;
  }

  .footer-bottom {
    flex-direction: column;
    gap: 8px;
    text-align: center;
    font-size: 0.76rem;
  }
}