/* Hotels In Sariska — responsive layers (mobile-first base lives in style.css) */

@media (min-width: 600px) {
  .field-row { grid-template-columns: 1fr 1fr; gap: 0 14px; }
  .grid-2 { grid-template-columns: repeat(2, 1fr); }
  .grid-3 { grid-template-columns: repeat(2, 1fr); }
  .gallery { grid-template-columns: repeat(3, 1fr); }
  h1 { font-size: 2.4rem; }
  .hero h1 { font-size: 2.5rem; }
}

@media (min-width: 900px) {
  body { font-size: 17px; }
  .section { padding: 68px 0; }
  h2 { font-size: 2rem; }
  .hero-inner { padding: 86px 0 76px; }
  .hero h1 { font-size: 3rem; }
  .hero p.lede { font-size: 1.1rem; }
  .grid-3 { grid-template-columns: repeat(3, 1fr); }
  .grid-4 { grid-template-columns: repeat(4, 1fr); }
  .enquiry-inner { grid-template-columns: 1fr 1.1fr; align-items: start; gap: 40px; }
  .detail-grid { grid-template-columns: 1.7fr 1fr; }
  .footer-grid { grid-template-columns: 1.6fr 1fr 1.2fr 1.2fr; }
  .logo img { height: 52px; }
  .main-nav { display: flex; align-items: center; gap: 26px; }
  .nav-toggle { display: none; }
  .sticky-cta { display: none; }
  .site-footer { padding-bottom: 42px; }
  .enquiry-form { padding: 30px; }
}

@media (min-width: 1400px) {
  :root { --max: 1280px; }
  .hero-inner { padding: 104px 0 92px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { transition: none !important; }
}