:root{--primary:#19a974;--dark:#0e1a24}
body{padding-top:72px;background-color:#f8fafb}
.navbar .btn{border-radius:24px}
.hero{position:relative;height:60vh;background-image:url('/admin/public/assets/img/rooms/room-4.jpg');background-size:cover;background-position:center}
.hero .overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.55))}
.hero .searchbar{position:absolute;left:0;right:0;bottom:-60px}
.section-title{font-weight:700}
.card{border:0;border-radius:16px}
.card-img-top{height:200px;object-fit:cover;border-top-left-radius:16px;border-top-right-radius:16px}
.btn-success{background-color:var(--primary);border-color:var(--primary)}
.btn-outline-success{color:var(--primary);border-color:var(--primary)}
.btn-outline-success:hover{background-color:var(--primary);color:#fff}
.service .icon{font-size:28px;color:var(--primary)}
#contact{background:linear-gradient(180deg,#0f2430,#0a1821)}
.contact-form .form-control{background-color:#102635;border-color:#0f2a3a;color:#e9f1f6}
.contact-form .form-control::placeholder{color:#9fb3bf}
.map-embed iframe{border-radius:12px}
.bg-black{background:#0a0d10}
@media (max-width: 576px){
  .hero{height:auto;min-height:40vh;padding-top:16px;padding-bottom:16px}
  .hero .searchbar{position:static;bottom:auto;margin-top:24px}
  #heroDots{position:static !important;bottom:auto !important;left:auto !important;transform:none !important;justify-content:center;margin-bottom:8px}
}