:root{
  --primary-yellow:#ffbf00;
  --dark-yellow:#e6ac00;
  --black:#0b0b0b;
  --white:#ffffff;
  --muted:#6b6b6b;
  --card-bg:#ffffff;
  --shadow: 0 8px 30px rgba(3,3,3,0.12);
}
/* Reset / base */
*{box-sizing:border-box}
body{font-family:Inter, "Segoe UI", Tahoma, Arial, sans-serif; margin:0; background:#f6f7f8; color:#111; -webkit-font-smoothing:antialiased;}
a{color:inherit}
img{max-width:100%;display:block}

/* Top Phone Bar */
.top-phone-bar{background:var(--primary-yellow); color:var(--black); text-align:center; padding:8px 0; font-weight:700; position:sticky; top:0; z-index:1200}
.top-phone-bar a{color:var(--black); text-decoration:none}

/* Header */
.main-header{background:linear-gradient(135deg, var(--black), #333); color:var(--white); box-shadow:var(--shadow); position:sticky; top:40px; z-index:1100}
.navbar{padding:0.9rem 0}
.navbar-brand{display:flex; align-items:center; gap:.6rem; font-weight:700}
.navbar-brand img{height:46px}
.navbar .nav-link{color:var(--white) !important; margin-left:.5rem; margin-right:.5rem; transition:all .18s}
.navbar .nav-link:hover{color:var(--primary-yellow) !important; transform:translateY(-2px)}
.navbar-toggler{border:2px solid var(--primary-yellow)}

/* Hero */
.hero{background:linear-gradient(180deg, rgba(11,122,95,0.06), transparent); padding:56px 0 36px;}
.hero .inner{display:grid; grid-template-columns:1fr; gap:18px; align-items:center}
@media(min-width:992px){ .hero .inner{grid-template-columns: 1fr 460px} }
.hero h1{font-size:2rem; line-height:1.1; margin-bottom:.5rem; color:var(--black)}
.lead-para{color:var(--muted); font-size:1.02rem}

.cta-btn{background:linear-gradient(135deg,var(--primary-yellow),var(--dark-yellow)); color:var(--black); border:none; padding:.6rem 1rem; border-radius:8px; font-weight:700; text-decoration:none; display:inline-flex; gap:.6rem; align-items:center}
.cta-btn:hover{transform:translateY(-3px); box-shadow:var(--shadow)}

/* Carousel */
.carousel .carousel-item img{height:340px; object-fit:cover; border-radius:10px; box-shadow:var(--shadow)}
@media (max-width:576px){ .carousel .carousel-item img{height:180px} }

/* Blog container */
main.container{max-width:1100px}
.badge-key{display:inline-block;background:#eef9f2;color:#127a53;padding:.35rem .6rem;border-radius:6px;font-weight:700;margin-bottom:1rem}
.blog-content h2{color:var(--black); margin-top:1rem}
.blog-content h3{color:var(--dark-yellow); margin-top:1rem}
.blog-content p, .blog-content li{color:#333; font-size:1rem; line-height:1.7}
.note-box{background:#f8fff8;border-left:4px solid #28a745;padding:12px;border-radius:6px}

/* Gallery */
.gallery .card{border-radius:10px; overflow:hidden; border:0; box-shadow:var(--shadow)}
.gallery .card img{height:220px; object-fit:cover}
@media (max-width:576px){ .gallery .card img{height:140px} }

/* FAQ */
.accordion-button{background:#fff8d6;color:var(--black); font-weight:600}
.accordion-button:not(.collapsed){background:#ffe89a}

/* Footer */
.main-footer{background:linear-gradient(135deg,var(--black),#333); color:var(--white); padding:36px 0 14px}
.main-footer a{color:var(--white); text-decoration:none}
.main-footer a:hover{color:var(--primary-yellow)}

/* BOTTOM CENTER FLOATING CTA GROUP (CALL, WHATSAPP, ENQUIRE) */
.floating-group {
  position:fixed;
  left:50%;
  transform:translateX(-50%);
  bottom:16px;
  z-index:1400;
  display:flex;
  gap:15px;
  align-items:center;
  justify-content:center;
  padding:6px;
  background:transparent;
  pointer-events:auto;
}

.floating-btn {
  display:inline-flex;
  align-items:center;
  gap:10px;
  border-radius:12px;
  padding:10px 14px;
  font-weight:700;
  text-decoration:none;
  color:var(--white);
  box-shadow:0 8px 24px rgba(0,0,0,0.18);
  transition:transform .18s ease, box-shadow .18s;
  backdrop-filter: blur(6px);
  border:0;
}

/* Specific styles */
.btn-call{background:linear-gradient(90deg,#232323,#3b3b3b); color:var(--white); display:inline-flex}
.btn-wa{background:linear-gradient(90deg,#28d07b,#20b358); color:#fff}
.btn-enquire{background:linear-gradient(90deg,var(--primary-yellow),var(--dark-yellow)); color:var(--black)}

.floating-btn i{font-size:18px; display:inline-block}

.floating-btn:hover{transform:translateY(-6px); box-shadow:0 18px 40px rgba(0,0,0,0.28)}

/* Tiny label on mobile to save space */
@media (max-width:420px){
  .floating-btn span.label{display:none}
  .floating-group{gap:8px; bottom:12px}
  .floating-btn{padding:10px}
}

/* entrance animation */
.floating-group { animation: popUp .7s cubic-bezier(.2,.9,.2,1) .25s both }
@keyframes popUp { from { transform: translateX(-50%) translateY(40px) scale(.98); opacity:0 } to { transform: translateX(-50%) translateY(0) scale(1); opacity:1 } }

/* subtle floating */
.floating-group:hover{animation:none}
.floating-btn { will-change:transform }
.floating-btn.levitate { animation: lev 3.2s infinite ease-in-out; }
@keyframes lev { 0%{ transform:translateY(0) } 50%{ transform:translateY(-4px) } 100%{ transform:translateY(0) } }

/* Accessibility focus */
.floating-btn:focus{outline:3px solid rgba(255,191,0,0.25); outline-offset:3px}