/* <=900px */
@media (max-width:900px){
  .about-content{grid-template-columns:1fr}
  .booking-container{grid-template-columns:1fr}
  .form-row{flex-direction:column}
}

/* <=768px */
@media (max-width:768px){
  .nav-links{
    display:none;position:absolute;top:64px;left:10px;right:10px;background:#fff;
    padding:18px;border-radius:12px;flex-direction:column;box-shadow:var(--shadow-md);
  }
  .nav-links.show{display:flex}
  .menu-toggle{display:flex}
  .logo-img{width:96px}
  .hero h1{font-size:2rem}
  .hero-inner{padding:32px 20px}
  h2{font-size:1.6rem}
  .contact-buttons{right:12px;bottom:12px}
  .contact-buttons a{padding:8px 12px;font-size:.9rem}
}

/* <=480px */
@media (max-width:480px){
  .container{padding:0 12px}
  .hero h1{font-size:1.6rem}
  .hero p{font-size:.95rem}
  .cta-button{padding:10px 18px;font-size:.9rem}
  .gallery{grid-template-columns:1fr}
  .suggestions-grid{grid-template-columns:1fr}
}