/* =========================================================
   Responsive rules — Holiday Inn & Suites Retreat
   ========================================================= */
@media (max-width:1280px){
  .nav a{padding:10px 10px;font-size:14.5px}
  .header__cta{display:none}
}

@media (max-width:1024px){
  .section{padding:90px 0}
  /* mobile navigation drawer */
  .burger{display:flex;margin-left:auto}
  .header{backdrop-filter:none;background:#fff}
  .nav{visibility:hidden;position:fixed;top:0;right:0;height:100vh;width:min(340px,86vw);background:#fff;z-index:200;padding:100px 24px 30px;box-shadow:-20px 0 50px -20px rgba(0,0,0,.4);transform:translateX(105%);transition:transform .45s var(--ease);overflow-y:auto;margin:0}
  .nav.is-open{transform:none;visibility:visible}
  .nav>ul{flex-direction:column;gap:2px}
  .nav>ul>li>a::after{display:none}
  .nav a{font-size:16px;padding:14px 12px;border-bottom:1px solid var(--line);border-radius:0}
  .drop{position:static;box-shadow:none;border:0;opacity:1;visibility:visible;transform:none;display:none;padding:0 0 0 12px}
  .has-drop.is-open .drop{display:block}
  .burger{position:relative;z-index:210}

  .booking{grid-template-columns:1fr 1fr;border-radius:var(--r-md)}
  .booking__field{border-right:0;border-bottom:1px solid var(--line)}
  .booking__btn{grid-column:1/-1;justify-content:center;padding:16px}
  .hero{margin-bottom:190px}
  .hero__controls{bottom:190px}

  .about__grid,.member__grid{grid-template-columns:1fr;gap:60px}
  .about__media{max-width:560px;margin-inline:auto}
  .stays__grid{grid-template-columns:1fr 1fr}
  .dest__grid{grid-template-columns:repeat(2,1fr)}
  .services__grid{grid-template-columns:1fr 1fr}
  .plans__grid{grid-template-columns:1fr 1fr}
  .counters__grid{grid-template-columns:1fr 1fr}
  .gallery__grid{grid-template-columns:repeat(3,1fr)}
  .review{flex-basis:calc((100% - 28px)/2)}
  .footer__grid{grid-template-columns:1fr 1fr}
  .section__head--split{flex-direction:column;align-items:flex-start}
  .quote{background-attachment:scroll}
}

@media (max-width:760px){
  .topbar__contact a:nth-child(2),.topbar__social{display:none}
  .topbar__inner{font-size:12.5px}
  .header__inner{height:74px}
  .header__logo img{height:46px}
  .hero{min-height:0;max-height:none;height:auto;margin-bottom:0}
  .hero__slides{position:relative;height:640px}
  .hero__slide{align-items:flex-start;padding-top:90px}
  .hero__text{font-size:16.5px}
  .hero__controls{left:4%;right:auto;bottom:auto;top:20px}
  .booking{grid-template-columns:1fr;position:relative;left:auto;bottom:auto;transform:none;margin:-70px auto 0}
  .about__media{padding:0 30px 60px 0}
  .about__badge{left:-6px;bottom:80px;padding:14px 16px}
  .about__badge strong{font-size:36px}
  .ticks,.perks{grid-template-columns:1fr}
  .stays__grid,.services__grid,.plans__grid{grid-template-columns:1fr}
  .unit-switch__opt{min-width:0;padding:10px 20px}
  .season{padding:24px 18px}
  .dest__grid{grid-template-columns:1fr;grid-auto-rows:240px}
  .dest__tile--tall{grid-row:span 1}
  .dest__tile--wide{grid-column:span 1}
  .dest__more{max-height:40px;opacity:1}
  .gallery__grid{grid-template-columns:1fr 1fr;grid-auto-rows:170px}
  .g-item:nth-child(1){grid-column:span 2}
  .review{flex-basis:100%}
  .cta__inner{flex-direction:column;align-items:flex-start}
  .footer__grid{grid-template-columns:1fr}
  .popup__box{grid-template-columns:1fr}
  .popup__side{min-height:190px}
  .popup__side-text{padding:24px}
  .popup__side h3{font-size:22px}
  .popup__side ul{display:none}
  .popup__form{padding:28px 22px}
  .f-row--2{grid-template-columns:1fr}
  .counter strong{font-size:40px}
  .float{width:48px;height:48px;left:14px}
  .float--wa{bottom:78px}
}