*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Verdana,sans-serif;}
:root{--cream:#f5f0e6;--cream-dark:#e3d9c7;}

/* Header */
header{background:var(--cream);color:#222;position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,.2);}
.header-inner{max-width:1200px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;}
.logo{font-size:1.7rem;font-weight:700;}
.nav-links{list-style:none;display:flex;gap:20px;}
.nav-links a{color:#222;text-decoration:none;font-weight:600;}
.nav-links a:hover{color:#8b603a;}

/* Hamburger */
.hamburger{display:none;background:transparent;border:none;font-size:1.6rem;cursor:pointer;}
@media(max-width:900px){
  .hamburger{display:block;}
  .nav{position:fixed;left:0;top:60px;right:0;background:var(--cream);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{position:relative;height:70vh;overflow:hidden;background:url('imgs/wall.jpg') center/cover no-repeat;}
.hero-content{position:absolute;top:25%;left:50%;transform:translateX(-50%);text-align:center;z-index:1;}
.hero-content h1{font-size:2.8rem;font-weight:700;margin-bottom:30px;color:#d81375;text-shadow:2px 2px 5px rgba(0,0,0,0.2);}
.btn-quote{background:#f08bb2;color:#000;font-weight:700;padding:14px 28px;border:none;border-radius:6px;text-decoration:none;transition:transform .2s;}
.btn-quote:hover{background:#d9749d;transform:scale(1.05);}

/* Services */
.service-types{padding:50px 20px;max-width:1100px;margin:0 auto;}
.service-types .row{display:flex;align-items:center;gap:20px;margin-bottom:40px;}
.paint-video{width:260px;height:180px;object-fit:cover;border-radius:8px;}
.service-types .text p{line-height:1.6;color:#333;}
@media(max-width:700px){
  .service-types .row{flex-direction:column;text-align:center;}
  .paint-video{width:100%;max-width:400px;}
}

/* Footer */
.site-footer{background:#e70c8c;color:#f3f3f3;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:#181716;margin-bottom:12px;}
.footer-contact p a{color:#f3f3f3;text-decoration:none;}
.footer-contact p a:hover{color:#f8d7a4;}
.footer-services ul{list-style:none;padding:0;margin:0;}
.footer-services li{margin-bottom:8px;}
.footer-services a{color:#fff;text-decoration:none;}
.footer-services a:hover{color:#f8d7a4;}
.footer-bottom{text-align:center;margin-top:22px;padding:14px 0;border-top:1px solid rgba(255,255,255,.15);color:#f3f3f3;font-size:0.92rem;}

/* Floating social icons */
.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;}
@media(max-width:600px){
  .facebook-float{left:70px;}
}