/* Reset */
* { margin:0; padding:0; box-sizing:border-box; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }

/* Header with aqua theme */
header { background:#009aa9; color:#fff; position:sticky; top:0; z-index:1000; }
.header-inner { max-width:1200px; margin:0 auto; padding:14px 20px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.logo { font-weight:700; font-size:1.6rem; }

.nav-links { list-style:none; display:flex; gap:22px; }
.nav-links a { color:#fff; text-decoration:none; font-weight:600; transition:color .3s; }
.nav-links a:hover { color:#f0fafb; }
.hamburger { display:none; background:transparent; border:none; color:#fff; font-size:1.6rem; cursor:pointer; }
@media (max-width:900px){
  .hamburger{ display:block; }
  .nav { position:fixed; left:0; top:60px; right:0; background:#009aa9; max-height:0; overflow:hidden; transition:max-height .3s ease; }
  .nav.open{ max-height:70vh; }
  .nav-links{ flex-direction:column; padding:14px 20px; gap:14px; }
}

/* Hero */
.page-hero{
  background:url('imgs/wall6.jpg') center/cover no-repeat;
  height:50vh;
  position:relative;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  padding-top:80px;
}
.overlay-content{text-align:center;color:#fff;}
.overlay-content h1{
  font-size:3.4rem;
  margin-bottom:22px;
  text-shadow:2px 2px 5px rgba(0,0,0,.3);
}
.btn-quote{ background:#00b4c4; color:#fff; padding:12px 24px; border-radius:6px; font-weight:700; text-decoration:none;}
.btn-quote:hover{ background:#009aa9;}

/* Service blocks */
.service-block{
  background:#e5f8fa;
  padding:60px 20px;
  text-align:center;
  margin:50px auto;
}
.service-block h3{
  font-size:1.4rem;
  margin-bottom:40px;
  color:#000;
}
.service-block img{
  width:60%;
  height:240px;
  object-fit:cover;
  border-radius:8px;
  display:block;
  margin:0 auto 18px auto;
}
.service-block p{ line-height:1.6; color:#333; }

/* Footer (aqua) */
.site-footer{ background:#009aa9; color:#fff; padding:40px 20px 0;}
.footer-content{max-width:1200px;margin:0 auto;display:flex;gap:40px;justify-content:space-between;flex-wrap:wrap;}
.footer-contact h3,.footer-services h3{color:#fff;margin-bottom:12px;}
.footer-services ul{list-style:none;}
.footer-services a{color:#fff;text-decoration:none;}
.footer-services a:hover{color:#e5f8fa;}
.footer-bottom{text-align:center;margin-top:22px;padding:14px 0;border-top:1px solid rgba(255,255,255,.3);}

/* Floating buttons */
.whatsapp-float,.facebook-float{
  position:fixed; bottom:80px; left:20px; width:56px; height:56px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:1.8rem; color:#fff; z-index:10000; transition:opacity .3s; box-shadow:0 3px 10px rgba(0,0,0,.4);
  text-decoration: none;
}
.whatsapp-float{ background:#15e662; }
.facebook-float{ background:#3861b9; left:90px; }
.whatsapp-float:hover,.facebook-float:hover{ opacity:.8; }

/* Stack icons on mobile */
@media(max-width:600px){
  .whatsapp-float{ bottom:80px; left:20px; }
  .facebook-float{ bottom:150px; left:20px; }
}