@charset "utf-8";
/* CSS Document */


@media (max-width: 768px){

  header{
    padding:10px 10px;
  }

  .hamburger{
    display:flex;
  }

  .nav-links{
    position:absolute;
    top:50px;
    right:0;
    width:100%;
    background:#111;
    flex-direction:column;
    align-items:center;
    padding:25px 0;
    gap:20px;

    opacity:0;
    visibility:hidden;
    transform:translateY(-10px);
    transition:0.3s;
	  position:absolute;
	  z-index: 999;
	   border-bottom:1px solid rgba(199,164,106,0.2);
	  border-top: 1px solid rgba(199,164,106,0.2);
  
  }

  .nav-links.active{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
  }
 .hero-img{
    min-height: 70vh;
    background-position: center center;
  }
	
 .video-section{
    min-height:70vh;	
	}
	 #rooms {padding:6rem 1.5rem;}
	.pool-content{padding: 2rem 2rem;}
	.gallery{padding: 6rem 1.5rem;}
	.video-wrapper{width:95%}

	.contact{grid-template-columns:100%; padding:6rem 1.5rem;}
	
}

/* ─── RESPONSIVE ─── */
  @media (max-width: 768px) {
    nav { padding: 0rem 1.5rem; }
 
    section { padding: 6rem 1.5rem; }
    .intro, .location, .contact, .pool-section { grid-template-columns: 100%; }
    .pool-img img { min-height: 300px; }
    .rooms-grid, .amenities-grid { grid-template-columns: 1fr; }
    .stats-bar { grid-template-columns: 1fr 1fr; }
    .gallery-grid { grid-template-columns: 1fr 1fr; }
    .g-img.span2, .g-img.tall { grid-column: auto; grid-row: auto; }
    .hero-content { padding: 0 1.5rem 5rem; }
    .hero-scroll { right: 1.5rem; }
    .rooms-header { grid-template-columns: 1fr; gap: 1.5rem; }
    .rooms-grid { grid-template-columns: 1fr; }
    footer { flex-direction: column; gap: 1.5rem; text-align: center; }
    .contact-left, .contact-right { padding: 4rem 1.5rem; }
    .intro-image::before { display: none; }
    .badge-float { position: static; margin-top: 1rem; display: inline-block; }
  }



@media (max-width:900px) {
	.intro-image img{height:100%;}
}
@media (max-width: 992px) {

  .hero-content {
    padding: 0 2rem 4rem;
  }

}

@media (min-width:769px) and (max-width:1200px){
	.contact{grid-template-columns:50% 50%}
	
}
@media (max-width: 768px) {

  .hero {
    min-height: 85vh;
    align-items: center;
  }

  .hero-img {
    background-position: center center;
    transform: scale(1);
    animation: none;
  }

  .hero-content {
    padding: 0 1.5rem 3rem;
    text-align: center;
    max-width: 100%;
  }

  .hero h1 {
    font-size: clamp(2.2rem, 8vw, 3.5rem);
    line-height: 1.15;
  }

  .hero-label {
    margin: 0 auto 1rem;
    font-size: 0.6rem;
    letter-spacing: 0.2em;
  }

}
@media (max-width: 650px) {
	.section-body{max-width:50ch}
	.nearby-list{max-width:50ch;}
	.reveal-right.visible{width:100%;margin:auto}
}
@media (max-width: 575px) {
 .pool-features{
  display: grid;
  grid-template-columns: 1fr;
  }
	.gallery-grid{
		grid-template-columns: 1fr;
	}	
	.section-body{max-width:45ch}
	.nearby-list{max-width:40ch;}
	.logo-wrap{width:150px;}
	.form-row {display: grid;grid-template-columns: 1fr;}
	.contact-right{max-width: 100%;}
}


/* Small phones */
@media (max-width: 480px) {

  .hero {
    min-height: 78vh;
  }

  .hero-content {
    padding: 0 1rem 2rem;margin-top:50px;
  }

  .hero h1 {
    font-size: 2rem;
  }
	.hero-btns {display:block;}
	.btn-primary{margin-bottom:10px;}
	.booking-prtnr{display:block;}

}