@media (max-width: 1100px) {
  .hero--immersive { grid-template-columns: 1fr; align-items: start; min-height: auto; }
  .hero-search--overlay { max-width: 560px; }
  .featured-grid, .hotel-grid, .home-highlights { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-highlights { margin-top: -2.5rem; }
}

@media (max-width: 980px) {
  .hero-search { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hero-search--overlay { grid-template-columns: 1fr; }
  .booking-layout { grid-template-columns: 1fr; }
  .booking-summary { position: static; }
}

@media (max-width: 768px) {
  .admin-header__bar { flex-direction: column; align-items: flex-start; gap: 0.5rem; }
  .admin-nav { gap: 0.5rem; }
  .hero { padding: 1.1rem; }
  .hero h1 { font-size: clamp(1.7rem, 8vw, 2.4rem); }
  .home-highlights { margin-top: 0; }
}

@media (max-width: 620px) {
  .hero-search,
  .featured-grid,
  .hotel-grid,
  .home-highlights { grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
  .admin-grid--metrics { grid-template-columns: 1fr; }
}

@media (max-width: 980px) {
  .home-shell { width: min(1180px, 95vw); }
}

@media (max-width: 768px) {
  .home-shell { width: min(1100px, 96vw); }
}


@media (max-width: 980px) {
  .site-header__bar { flex-wrap: wrap; }
  .site-nav { width: 100%; justify-content: space-between; }
}

@media (max-width: 768px) {
  .site-nav { gap: 0.5rem; font-size: 0.92rem; }
  .site-nav .btn { width: auto; }
  .hero-search__dates { grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
  .site-nav { flex-direction: column; align-items: flex-start; }
}


@media (max-width: 768px) {
  .property-hero { min-height: 260px; }
  .hotel-summary { margin-top: -1.25rem; }
}