body{
  margin:0;
  font-family:'Poppins',sans-serif;
  background:#000;
  color:#fff;
}

/* HERO */
.hero img{
  height:100vh;
  object-fit:cover;
}

.hero-text{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  text-align:center;
  background:rgba(0,0,0,0.6);
  padding:30px;
}

.gold-btn{
  background:#d4af37;
  color:#000;
  padding:10px 25px;
  border:none;
  font-weight:600;
  cursor:pointer;
}

/* SECTION */
.section{
  padding:80px 0;
}

.dark{
  background:#000;
}

.section-title{
  text-align:center;
  color:#d4af37;
  margin-bottom:40px;
}

/* AMENITIES */
.amenities-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:30px;
}

.amenity-box{
  background:#111;
  padding:25px;
  text-align:center;
  border:1px solid #222;
  transition:.3s;
}

.amenity-box:hover{
  border-color:#d4af37;
  transform:translateY(-5px);
}

.amenity-box img{
  width:50px;
  margin-bottom:15px;
}

/* POPUP */
.popup-form{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.8);
  z-index:9999;
}

.popup-form form{
  background:#8b8402;
  max-width:400px;
  margin:100px auto;
  padding:30px;
}

.popup-form input,
.popup-form textarea{
  width:100%;
  margin-bottom:10px;
  padding:10px;
}

/* MOBILE BAR */
.mobile-bar{
  display:none;
}

@media(max-width:768px){
  .amenities-grid{grid-template-columns:repeat(2,1fr);}
  .mobile-bar{
    display:flex;
    position:fixed;
    bottom:0;
    width:100%;
    background:#000;
    border-top:2px solid #d4af37;
    z-index:9999;
  }
  .mobile-bar a{
    flex:1;
    text-align:center;
    padding:12px;
    color:#d4af37;
    text-decoration:none;
  }
}

.floating-icons{
  position:fixed;
  right:15px;
  bottom:120px;
  z-index:9999;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.floating-icons a{
  width:55px;
  height:55px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:24px;
  color:#fff;
  text-decoration:none;
  box-shadow:0 4px 10px rgba(0,0,0,0.4);
}

.call-float{
  background:#0a58ca;
}

.whatsapp-float{
  background:#25D366;
}

.sticky-cta{
  display:none;
}

@media(max-width:768px){
  .sticky-cta{
    display:flex;
    position:fixed;
    bottom:0;
    width:100%;
    background:#000;
    border-top:2px solid #d4af37;
    z-index:9999;
  }
  .sticky-cta a{
    flex:1;
    text-align:center;
    padding:14px 5px;
    color:#d4af37;
    font-weight:600;
    text-decoration:none;
    border-right:1px solid #222;
    font-size:14px;
  }
  .sticky-cta a:last-child{
    border-right:none;
  }
}

.form-btn-center{
  text-align:center;
}

.form-btn-center button{
  background:#fff;
  color:#000;
  padding:12px 35px;
  border:none;
  font-weight:600;
  cursor:pointer;
}

.section-subtitle{
  text-align:center;
  color:#aaa;
  margin-bottom:50px;
}

.spec-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:30px;
}

.spec-box{
  background:#111;
  border-left:4px solid #d4af37;
  padding:25px 30px;
}

.spec-box h4{
  color:#d4af37;
  margin-bottom:10px;
  font-size:18px;
}

.spec-box p{
  color:#ddd;
  font-size:15px;
  line-height:1.6;
}

@media(max-width:768px){
  .spec-grid{
    grid-template-columns:1fr;
  }
}

.overview-box{
  background:#111;
  border-left:4px solid #d4af37;
  padding:30px;
  height:100%;
}

.overview-box h3{
  color:#d4af37;
  margin-bottom:15px;
  font-size:22px;
}

.overview-box p{
  color:#ddd;
  font-size:15px;
  line-height:1.7;
}

.section-divider{
  width:100%;
  height:1px;
  margin:80px 0;
  background:linear-gradient(
    to right,
    transparent,
    #d4af37,
    transparent
  );
}

.section-divider-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  margin:90px 0;
}

.section-divider-icon::before,
.section-divider-icon::after{
  content:"";
  flex:1;
  height:1px;
  background:#333;
}

.section-divider-icon span{
  width:10px;
  height:10px;
  background:#d4af37;
  transform:rotate(45deg);
  margin:0 15px;
}

.custom-nav{
  background:rgba(0,0,0,0.85);
  padding:12px 0;
  transition:.3s;
}

.nav-logo{
  height:50px;
}

.navbar-dark .navbar-nav .nav-link{
  color:#fff;
  font-weight:500;
  margin:0 10px;
}

.navbar-dark .navbar-nav .nav-link:hover{
  color:#d4af37;
}

.nav-cta{
  background:#d4af37;
  color:#000 !important;
  padding:8px 18px;
  font-weight:600;
}

.nav-cta:hover{
  background:#c9a633;
}

.price-table-wrapper{
  margin-top:40px;
}

.price-table{
  width:100%;
  border-collapse:collapse;
  background:#111;
}

.price-table th,
.price-table td{
  padding:15px;
  border:1px solid #222;
  text-align:center;
  font-size:15px;
}

.price-table th{
  background:#000;
  color:#d4af37;
  font-weight:600;
}

.price-table td{
  color:#ddd;
}

.price-cta{
  text-align:center;
  margin-top:25px;
}

.payment-plan{
  margin-top:40px;
  background:#111;
  padding:35px;
  border-left:4px solid #d4af37;
}

.payment-title{
  color:#d4af37;
  margin-bottom:20px;
}

.payment-list{
  list-style:none;
  padding:0;
}

.payment-list li{
  padding:10px 0;
  border-bottom:1px dashed #333;
  color:#ddd;
  font-size:15px;
}

.payment-list li strong{
  color:#d4af37;
}

.price-disclaimer{
  margin-top:30px;
  font-size:13px;
  color:#888;
  text-align:center;
}

@media(max-width:768px){
  .price-table th,
  .price-table td{
    font-size:14px;
    padding:12px;
  }
}

.floating-whatsapp{
  position:fixed;
  right:15px;
  bottom:55px;
  width:55px;
  height:55px;
  background:#25d366;
  color:#fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:30px;
  z-index:9999;
  box-shadow:0 4px 12px rgba(0,0,0,0.3);
  text-decoration:none;
}

.floating-whatsapp:hover{
  background:#1ebc59;
  color:#fff;
}

@media(max-width:768px){
  .floating-whatsapp{
    bottom:57px;
    right:15px;
  }
}