/* ==========================================
   HOTEL BUDDHA LAND — RESPONSIVE MEDIA QUERIES
   ========================================== */

/* Mobile Phones (320px – 480px) */
@media (max-width: 480px) {
  .hero {
    min-height: 85vh;
    min-height: 85svh;
  }

  .hero h1 {
    font-size: clamp(38px, 9vw, 48px);
  }

  .btn-buddha {
    width: 100%;
    padding: 14px 20px;
  }

  .row-actions {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .gallery-grid {
    grid-template-columns: 1fr;
  }

  .g1, .g2, .g3, .g4, .g5, .g6, .g7 {
    grid-column: span 1 !important;
  }
}

/* Tablets & Small Laptops (768px – 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
  .hero h1 {
    font-size: clamp(52px, 7vw, 72px);
  }

  .rooms-grid {
    gap: 56px;
  }
}

/* Large Desktops (1440px+) */
@media (min-width: 1440px) {
  :root {
    --container-max: 1440px;
    --sec-padding: 170px;
  }

  .hero h1 {
    font-size: 96px;
  }
}