/* ==========================================================================
   TRAVIOX — Responsive Stylesheet (320px to 1400px+ Breakpoints)
   ========================================================================== */

@media (max-width: 1199.98px) {
  .primary-nav {
    gap: 1.35rem;
  }
  .hero-frame {
    padding: 2.5rem;
    min-height: 560px;
  }
  .editorial-Inset-img {
    right: 0;
  }
}

@media (max-width: 991.98px) {
  .section-padding {
    padding-top: 4.25rem;
    padding-bottom: 4.25rem;
  }

  /* Header Mobile Cap <= 15% Viewport Height */
  .header-inner {
    height: 66px;
  }

  .search-drawer {
    top: 66px;
  }

  .booking-field-group {
    border-right: none;
    border-bottom: 1px solid var(--border-subtle);
    padding: 0.65rem 0.5rem;
  }

  .booking-field-group.no-border {
    border-bottom: none;
  }

  .hero-frame {
    padding: 2rem;
    min-height: 500px;
  }

  .page-hero {
    padding: 2.25rem;
    min-height: 280px;
  }

  .sticky-panel {
    position: static;
  }

  .editorial-collage {
    padding-bottom: 0;
  }

  .editorial-Inset-img {
    position: relative;
    width: 75%;
    margin-top: -3rem;
    margin-left: auto;
    right: auto;
  }
}

@media (max-width: 767.98px) {
  .section-padding {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .hero-frame {
    padding: 1.5rem;
    min-height: 440px;
    border-radius: var(--radius-lg);
  }

  .hero-headline {
    font-size: 2.25rem;
  }

  .hero-lead {
    font-size: 1rem;
  }

  .destination-card {
    height: 350px;
    padding: 1.35rem;
  }

  .page-hero {
    padding: 1.75rem;
    min-height: 240px;
  }

  .filter-bar {
    width: 100%;
    overflow-x: auto;
    flex-wrap: nowrap;
  }
}

@media (max-width: 575.98px) {
  .header-inner {
    height: 62px;
  }

  .brand-wordmark {
    font-size: 1.4rem;
  }

  .hero-frame {
    padding: 1.25rem;
  }

  .booking-search-bar {
    padding: 1rem;
  }

  .btn-traviox-primary,
  .btn-traviox-accent,
  .btn-traviox-outline,
  .btn-traviox-light {
    padding: 0.65rem 1.15rem;
    font-size: 0.875rem;
  }
}