/* ============================================
   RESPONSIVE
   ============================================ */
@media (max-width: 1440px) and (min-width: 1024px) {
    .hero-badge{
        margin-top:50px;
    }
}   

@media (max-width: 1200px) and (min-width: 901px) {

  .container{
    padding:0 32px;
  }

  .nav-logo-main{
    font-size:20px;
  }

  .nav-logo-sub{
    font-size:8px;
    letter-spacing:0.22em;
  }

  .nav-links{
    gap:24px;
  }

  .nav-links a{
    font-size:12px;
  }

}

@media (max-width: 900px) {
  .nav-links, .nav-cta { display: none; }
  .hamburger { display: flex; }

  .welcome-grid,
  .about-story,
  .contact-grid,
  .food-package,
  .tour-booking-wrap { grid-template-columns: 1fr; gap: 40px; }

  .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }

  .gallery-masonry { columns: 2; }

  .welcome-image-accent { display: none; }
  .welcome-tag { display: none; }

  .team-note { grid-template-columns: 1fr; }

  .form-row { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  .section { padding: 64px 0; }
  .hero-title { font-size: 2.8rem; }
  .usp-grid { grid-template-columns: 1fr 1fr; }
  .usp-item { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.1); }
  .gallery-masonry { columns: 1; }
  .footer-grid { grid-template-columns: 1fr; }
  .float-cta { bottom: 16px; right: 14px; }
}


@media (max-width: 768px) {
  .footer-bottom {
    text-align: center;
    padding-top: 105px;
    gap: 5px;
  }

  .footer-copy,
  .footer-seo {
    width: 100%;
  }
}