/* ============================================================
   Responsive Breakpoints
   ============================================================ */

/* --- Tablet (≤1024px) --- */
@media(max-width:1024px){
  .mega-menu{max-width:960px}
  .mega-inner{grid-template-columns:180px 1fr 300px}
  .cta-content{grid-template-columns:1fr}
  .cta-layout{grid-template-columns:1fr}
  .cta-text{text-align:center}
  .cta-features{flex-direction:row;flex-wrap:wrap;justify-content:center}
  .pkg-detail-layout{grid-template-columns:1fr}
  .pkg-sidebar{position:static}
  .about-story{grid-template-columns:1fr}
  .about-img{order:-1}
  .contact-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-brand{max-width:100%;grid-column:1/-1}
  .hero{min-height:auto}
  .hero-body{grid-template-columns:1fr 360px}
  .dest-pills,.hero-accent-line{display:none}
  .hero-stats-bar{grid-template-columns:repeat(2,1fr)}
  .trust-inner{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dest-grid-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:260px}
  .dest-grid-mosaic .dest-card{grid-column:auto;grid-row:auto}
  .why-layout,.testi-layout,.insta-layout{grid-template-columns:1fr}
  .why-visual,.insta-left,.testi-left{position:static}
  .pkgs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .inc-exc{grid-template-columns:1fr}
  .instagram-shell{grid-template-columns:1fr}
  .nl-inner{padding:1.3rem}
}

/* --- Mobile Large (≤768px) --- */
@media(max-width:768px){
  :root{--header-height:70px}
  
  .menu-toggle{display:flex}
  
  .header .header-inner{height:70px}
  .header .container:not(.header-inner){height:70px}
  .nav{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--primary);flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;transform:translateX(100%);transition:transform var(--duration-normal) var(--ease-out);z-index:1000;padding:calc(var(--header-height) + 1rem) 1.2rem 2rem;overflow-y:auto}
  .nav.active{transform:translateX(0)}
  .nav-link{color:rgba(255,255,255,.8)!important;font-size:1.05rem;padding:1rem 0!important;justify-content:space-between}
  .nav-link:hover,.nav-link.active{color:var(--white)!important}
  .nav-link::after{display:none}
  
  .mega-menu{position:static;top:auto;left:auto;right:auto;max-width:none;transform:none;box-shadow:none;border-radius:18px;border:none;background:rgba(255,255,255,.06);margin:0;display:none}
  .mega-menu-wrapper.active .mega-menu{display:block;opacity:1;visibility:visible;pointer-events:auto}
  .mega-menu::before{display:none}
  .mega-inner{grid-template-columns:1fr}
  .mega-sidebar{flex-direction:row;gap:.5rem;overflow-x:auto;padding:1rem;border-right:none;border-bottom:1px solid rgba(255,255,255,.08);background:transparent}
  .mega-sidebar-label{display:none}
  .region-tab{padding:.6rem .9rem;border-left:none;border-bottom:2px solid transparent;border-radius:999px;background:rgba(255,255,255,.05);white-space:nowrap}
  .region-tab::after{display:none}
  .region-tab:hover,.region-tab.active{background:rgba(255,255,255,.12);border-bottom-color:var(--accent)}
  .region-name{color:var(--white)}
  .region-count{color:rgba(255,255,255,.55)}
  .mega-panels{padding:1rem}
  .panel-heading h4{color:var(--white)}
  .panel-heading .trip-count{background:rgba(255,107,53,.14)}
  .dest-link{background:rgba(255,255,255,.04)}
  .dest-link:hover{background:rgba(255,255,255,.08);border-color:transparent}
  .dest-name{color:var(--white)}
  .dest-dur{color:rgba(255,255,255,.65)}
  .dest-arrow{color:rgba(255,255,255,.55)}
  .mega-featured-col{padding:1rem 1rem 1.2rem}
  .mega-bottom{padding:1rem;background:rgba(255,255,255,.04);border-top-color:rgba(255,255,255,.08)}
  .mega-bottom-label{color:rgba(255,255,255,.45)}
  .tag-link{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.08);color:rgba(255,255,255,.72)}
  .mega-bottom-cta{width:100%;justify-content:center}
  .mega-menu-grid{grid-template-columns:1fr;gap:var(--space-md);padding:var(--space-lg)}
  .mega-featured{display:none}
  
  .header-cta{display:none}
  
  .hero-body{grid-template-columns:1fr;padding:calc(var(--header-height) + 1.8rem) 1.2rem 2rem}
  .hero-heading{font-size:clamp(2.3rem,10vw,3.8rem)}
  .hero-desc{font-size:1rem}
  .hero-btns{flex-direction:column;gap:var(--space-sm)}
  .btn-primary-hero,.btn-ghost-hero{width:100%;justify-content:center}
  .hero-form-card{max-width:480px;margin:0 auto}
  .hero-stats-bar{grid-template-columns:repeat(2,1fr)}
  .scroll-cue{display:none}
  
  .trust-inner{grid-template-columns:1fr}

  .dest-grid{grid-template-columns:1fr}
  .dest-grid-mosaic{grid-template-columns:1fr;grid-auto-rows:280px}
  .dest-card{height:300px}
  
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr}
  
  .testimonial-slider{grid-template-columns:1fr}
  .testimonial-nav{display:none}
  .testimonial-page{grid-template-columns:1fr}
  .testi-section .testimonial-slider{padding:1rem}
  .places-covered{gap:var(--space-sm)}
  .place-connector{display:none}
  
  .form-row{grid-template-columns:1fr}
  .cta-fgrow{grid-template-columns:1fr}
  .pkgs-grid{grid-template-columns:1fr}
  .home-section-head{align-items:flex-start}
  .why-img-wrap img{height:420px}
  .why-float-card{left:1rem;right:1rem}
  
  .newsletter-inner{flex-direction:column;text-align:center}
  .newsletter-form{flex-direction:column;width:100%}
  .newsletter-form input{width:100%}
  .nl-inner{flex-direction:column;text-align:center}
  .nl-form{flex-direction:column;width:100%}
  .nl-input{width:100%}
  
  .footer-grid{grid-template-columns:1fr}
  .footer-brand{text-align:center}
  .footer-social{justify-content:center}
  .footer-bottom{flex-direction:column;text-align:center}
  
  .insta-grid{grid-template-columns:repeat(2,1fr)}
  .insta-loader{grid-template-columns:repeat(2,minmax(0,1fr))}
  
  .blog-grid{grid-template-columns:1fr}
  
  .pkg-list-grid{grid-template-columns:1fr}
  
  .pkg-hero{min-height:50vh}
  .pkg-hero-badges{gap:.4rem}
  
  .quick-info{grid-template-columns:1fr 1fr}
  
  .sticky-bottom{display:flex}
  body.has-sticky-bottom{padding-bottom:80px}
  
  .filter-tabs{gap:.4rem}
  .filter-tab{padding:.5rem 1rem;font-size:.8rem}
  
  .team-grid{grid-template-columns:1fr 1fr}
  
  .whatsapp-float{width:52px;height:52px;font-size:1.4rem;bottom:5.5rem;right:1.2rem}
}

/* --- Mobile Small (≤480px) --- */
@media(max-width:480px){
  .hero{min-height:92vh}
  .form-grid{grid-template-columns:1fr}
  .hero-social-proof{gap:.8rem}
  .hero-stats-bar{grid-template-columns:repeat(2,1fr)}
  .quick-info{grid-template-columns:1fr}
  .pkg-hero-badge{font-size:.75rem;padding:.35rem .7rem}
  .place-chip{width:100%}
  .place-step{width:100%}
  .team-grid{grid-template-columns:1fr}
  .lead-form{padding:var(--space-lg)}
  .sidebar-enquiry{padding:var(--space-lg)}
  .contact-form-box{padding:var(--space-lg)}
  .insta-grid{grid-template-columns:1fr}
  .insta-loader{grid-template-columns:1fr}
  .testi-section .testimonial-card{min-height:auto}
  .cta-form-card,.hero-form-card{padding:1.25rem}
  .trust-cell{padding:1rem}
  .sec-title{font-size:clamp(2rem,9vw,2.6rem)}
}