/*
 * dotravel template responsive overrides
 * Core breakpoints remain in style.css; this file is kept separate so buyers
 * can add project-specific responsive changes without editing the main bundle.
 */

@media (max-width: 760px) {
  .page-hero__grid {
    gap: 28px;
  }

  .checkout-card {
    scroll-margin-top: 88px;
  }
}

@media (max-width: 480px) {
  .btn {
    min-height: 48px;
  }

  .site-nav a,
  .footer-grid a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }
}

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