/* =========================================================
   DUSK N DUNES — Responsive Rules
   Breakpoints checked at: 1440 / 1024 / 768 / 414 / 375 / 320
   ========================================================= */

/* ---- Header: fluid desktop tightening (1025–1360px laptops) ---- */
@media (max-width:1360px){
  .header-actions .phone-link .phone-text{display:none;}
  .header-actions .phone-link{
    width:38px;height:38px;justify-content:center;
    border:1px solid var(--line-light);border-radius:50%;
  }
}

@media (max-width:1200px){
  .usp-grid{grid-template-columns:repeat(2,1fr);}
  .usp-item{border-bottom:1px solid var(--line-light);}
  .exp-grid{grid-template-columns:repeat(2,1fr);}
  .footer-grid{grid-template-columns:1fr 1fr;gap:36px;}
  .header-inner{padding:0 28px;gap:14px;}
}

@media (max-width:1024px){
  .main-nav{display:none;}
  .hamburger{display:flex;}
  /* Mobile header: logo + hamburger only — phone & CTA move into the mobile panel */
  .header-actions .phone-link,
  .header-actions .btn-header-cta{display:none;}
  .split{grid-template-columns:1fr;gap:36px;}
  .split-media{order:-1;}
  .card-grid.cols-3{grid-template-columns:repeat(2,1fr);}
  .why-grid{grid-template-columns:1fr;}
  .branch-grid{grid-template-columns:1fr;}
  .contact-grid{grid-template-columns:1fr;gap:44px;}
  .gallery-grid{columns:3 220px;}
  .section{padding:76px 0;}
}

@media (max-width:768px){
  .card-grid,.card-grid.cols-3{grid-template-columns:1fr;}
  .exp-grid{grid-template-columns:repeat(2,1fr);}
  .form-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;gap:40px;text-align:left;}
  .footer-bottom{flex-direction:column;align-items:flex-start;}
  .gallery-grid{columns:2 200px;}
  .hero-content{padding-bottom:70px;}
  .hero-scroll{display:none;}
  .feature-strip{grid-template-columns:1fr;}
  .page-hero{min-height:42vh;}
}

@media (max-width:600px){
  :root{--gutter:20px;}
  .section{padding:60px 0;}
  .section-head{margin-bottom:38px;}
  .exp-grid{grid-template-columns:1fr 1fr;}
  .float-stack{right:16px;bottom:16px;gap:12px;}
  .float-btn{width:50px;height:50px;}
  .back-to-top{left:16px;bottom:16px;width:42px;height:42px;}
  .enquiry-panel{padding:26px 20px;}
  .brand-name{font-size:1.2rem;}
  .brand-sub{font-size:0.55rem;}
  .hero-content h1{max-width:none;}
}

@media (max-width:414px){
  .gallery-grid{columns:2 160px;}
  .usp-item{padding:32px 20px;}
  .branch-card{padding:24px 20px;}
  .enquiry-panel{padding:22px 16px;}
}

@media (max-width:375px){
  .exp-grid{grid-template-columns:1fr 1fr;gap:14px;}
  .header-inner{padding:0 16px;}
  .hero-content,.page-hero .hero-content{padding-left:16px;padding-right:16px;}
}

@media (max-width:320px){
  .brand-sub{display:none;}
  .btn{padding:13px 22px;font-size:0.85rem;}
  .form-submit .btn{width:100%;justify-content:center;}
}