/* Generated by tools/derive-polo-css.py from themes/theme1/css/mobile.css - edit theme1 and re-run, not this file. */


@media (max-width: 767.98px) {

  
  input,
  select,
  textarea,
  .field-select,
  .field-value-btn,
  .visa-form-field input,
  .visa-form-field select,
  .visa-form-field textarea {
    font-size: 16px;
  }

  
  .topbar-link {
    min-width: 44px;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.35rem;
  }

  .navbar-toggler.custom-toggler {
    width: 44px;
    height: 44px;
  }

  
  .field-box {
    padding: 0.6rem 0.8rem 0.65rem;
  }

  
  .field-value-btn,
  .field-select {
    min-height: 34px;
  }

  .swap-btn {
    width: 44px;
    height: 44px;
  }

  .product-tab {
    min-height: 42px;
  }

  
  .lst-stab,
  .hotel-stab {
    min-height: 40px;
  }

  .lst-hero-back,
  .section-view-all {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
  }

  .dest-theme-pill,
  .svc-chip {
    min-height: 40px;
  }

  
  .vd-type-cta,
  .cd-cabin-select,
  .sd-sidebar-btn,
  .td-sidebar-btn,
  .vd-sidebar-btn,
  .cd-sidebar-btn,
  .hres-btn {
    min-height: 44px;
  }

  .acc-toggle-pw {
    width: 40px;
    height: 40px;
  }

  
  .footer-col ul a,
  .footer-legal-links a {
    display: inline-block;
    padding: 0.55rem 0;
    min-height: 24px;
  }

  .social-btn {
    width: 42px;
    height: 42px;
  }

  
  a,
  button,
  .lst-card,
  .hres-card,
  .route-card,
  .offer-card,
  .why-us-card {
    -webkit-tap-highlight-color: transparent;
  }

  .lst-card:active,
  .hres-card:active,
  .route-card:active,
  .offer-card:active,
  .why-us-card:active,
  .dest-guide-card:active {
    transform: scale(0.985);
    transition: transform 0.08s ease;
  }

  .search-btn:active,
  .hres-btn:active,
  .vd-type-cta:active,
  .sd-sidebar-btn:active,
  .td-sidebar-btn:active {
    transform: scale(0.97);
  }

  
  .routes-track,
  .lst-sorttabs,
  .hotel-sorttabs,
  .dest-theme-card,
  .vd-subnav,
  .td-subnav,
  .sd-subnav,
  .cd-subnav {
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
  }

  .routes-track > * {
    scroll-snap-align: start;
  }

  
  .routes-track,
  .rooms-container,
  .popover-panel,
  .visa-country-list {
    overscroll-behavior: contain;
  }
}


html {
  scroll-behavior: smooth;
}

:target,
[id] {
  scroll-margin-top: 84px;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .lst-card:active,
  .hres-card:active,
  .route-card:active,
  .offer-card:active,
  .why-us-card:active,
  .dest-guide-card:active,
  .search-btn:active,
  .hres-btn:active {
    transform: none;
  }

  
  .td-hero-bg,
  .cd-hero-bg,
  .sd-hero-bg,
  .vd-hero-bg,
  .hero-clouds,
  .hero-clouds-far {
    animation: none !important;
  }

  
  .fd-skel,
  .sk-shimmer,
  .hotel-skel {
    animation: none !important;
  }
}


@media (max-width: 767.98px) {
  .routes-section,
  .offers-section,
  .why-us-section,
  .visa-process-section,
  .visa-consultation-section,
  .site-footer {
    content-visibility: auto;
    contain-intrinsic-size: auto 600px;
  }
}