@media (max-width: 1199px) {
  .amenity-grid { grid-template-columns: repeat(3, 1fr); }
  .gallery-grid { grid-template-columns: repeat(3, 1fr); }
  .rate-strip { grid-template-columns: repeat(2, 1fr); }
  .premium-gallery { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 991px) {
  .section-pad { padding: 72px 0; }
  .hero { min-height: 78vh; padding-top: 82px; }
  .navbar-collapse { padding: 18px 0; }
  .navbar-nav { gap: 4px; }
  .amenity-grid { grid-template-columns: repeat(2, 1fr); }
  .gallery-grid { grid-template-columns: repeat(2, 1fr); }
  .gallery-grid .wide { grid-column: span 1; }
  .image-tile { min-height: 300px; }
  .premium-gallery { grid-auto-rows: 220px; }
  .premium-gallery .gallery-shot.large { grid-row: span 1; }
}

@media (max-width: 767px) {
  .topbar { display: none; }
  .hero { min-height: 84vh; }
  .hero-card { margin-top: 22px; }
  .page-hero { min-height: 48vh; padding: 130px 0 54px; }
  .amenity-grid, .gallery-grid { grid-template-columns: 1fr; }
  .rate-strip, .premium-gallery { grid-template-columns: 1fr; }
  .gallery-grid { grid-auto-rows: 250px; }
  .gallery-grid .tall { grid-row: span 1; }
  .property-card img { height: 240px; }
  .form-card { padding: 24px; }
  .whatsapp-float { width: 52px; height: 52px; font-size: 1.6rem; }
}

@media (max-width: 575px) {
  h1 { font-size: 2.55rem; }
  h2 { font-size: 2rem; }
  .btn { width: 100%; }
  .hero .d-flex, .cta-section .d-flex { flex-direction: column; align-items: stretch !important; }
  .brand-mark { width: 40px; height: 40px; }
  .navbar-brand span { font-size: 1.08rem !important; }
  .navbar-brand small {
    font-size: 0.9rem !important;
  }
}
@media (max-width: 767px) {
    .navbar-brand {
        width: 100px;
        height: auto;
    }
}