/* VARIABEL WARNA */
:root{
  --hijau: #16a34a;
  --hijau-tua: #0a7a2f;
  --krem: #fefce8;
  --abu: #475569;
}

*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins', sans-serif;}
body{color:var(--abu);line-height:1.6;background:#fff;}
.container{width:90%;max-width:1200px;margin:0 auto;}

/* STYLE UNTUK INDEX.HTML YANG BARU */
html { scroll-behavior: smooth; }

.room-card { 
  background:#fff; 
  border-radius:12px; 
  box-shadow:0 4px 15px rgba(0,0,0,0.08); 
  overflow:hidden; 
  display:flex; 
  flex-direction:column; 
  transition:0.3s; 
}
.room-card:hover { transform:translateY(-5px); }

.room-popup { 
  display:none; 
  position:fixed; 
  top:0; 
  left:0; 
  width:100%; 
  height:100%; 
  background:rgba(0,0,0,0.7); 
  z-index:9999; 
  align-items:center; 
  justify-content:center; 
  padding:20px; 
}
.room-popup.active { display:flex; }
.room-popup-content { background:#fff; border-radius:12px; max-width:600px; width:100%; max-height:90vh; overflow-y:auto; position:relative; }
.close-btn { position:absolute; top:15px; right:20px; font-size:28px; color:#999; cursor:pointer; }
.close-btn:hover { color:var(--hijau-tua); }

@media(max-width:992px){ 
  #fasilitas div[style*="grid-template-columns"]{ grid-template-columns:repeat(2, 1fr) !important; }
}
@media(max-width:600px){ 
  #fasilitas div[style*="grid-template-columns"]{ grid-template-columns:1fr !important; }
}