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

/* Colors */
:root{--red:#7a1f1f;--red-light:#e70c8c;}

/* Header */
header{background:var(--red);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;}
.logo{font-size:1.7rem;font-weight:700;}
.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:#f8d7a4;}
.hamburger{display:none;}
@media(max-width:900px){
  .hamburger{display:block;background:none;border:none;color:#fff;font-size:1.6rem;cursor:pointer;}
  .nav{position:fixed;left:0;top:60px;right:0;background:var(--red);max-height:0;overflow:hidden;transition:max-height .3s;}
  .nav.open{max-height:70vh;}
  .nav-links{flex-direction:column;padding:14px 20px;gap:14px;}
}

/* Hero */
.page-hero{
  background:url('imgs/tile6.jpg') center/cover no-repeat;
  height:50vh;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  padding-top:80px;
  position:relative;
}
.page-hero::after{
  content:"";
  position:absolute;inset:0;
  background:rgba(0,0,0,.35);
}
.overlay-content{position:relative;z-index:1;text-align:center;color:#fff;}
.overlay-content h1{
  font-size:3.4rem;
  margin-bottom:22px;
  text-shadow:2px 2px 5px rgba(0,0,0,.4);
}
.btn-quote{
  background: whitesmoke;
  color:black;
  padding:12px 24px;
  border-radius:6px;
  font-weight:700;
  text-decoration:none;
  transition:all .3s ease;
}
.btn-quote:hover{background:var(--red);transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.3);}

/* Sections */
.content-section{max-width:1100px;margin:40px auto;}
.content-section h2{font-size:1.6rem;margin-bottom:80px;color:#000;text-align:center;}

/* List + Photos layout */
.list-photo-wrap{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
  flex-wrap:wrap;
}
.bullet-list{
  list-style:disc;
  text-align:left;
  flex:1 1 500px; 
  max-width:540px;
  padding-left:20px;
}
.bullet-list li{margin-bottom:8px;color:#333;}

/* Photos column */
.photo-grid{
  display:grid;
  grid-template-columns:repeat(2, 280px);
  gap:10px;
  justify-content:flex-start;
  flex-shrink:0;
}
.photo-grid img{
  width:280px;
  height:140px;
  object-fit:cover;
  border-radius:6px;
  box-shadow:0 3px 8px rgba(0,0,0,.2);
  transition:transform .3s ease;
}
.photo-grid img:hover{ transform:scale(1.05); }

/* Responsive: stack photos below list */
@media(max-width:1000px){
  .list-photo-wrap{flex-direction:column;align-items:center;}
  .photo-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
    width:100%;
  }
  .photo-grid img{ width:100%; height:140px; }
}

/* Footer (red theme) */
.site-footer{background:var(--red);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:#f8d7a4;}
.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);}

/* Floating social */
.whatsapp-float,.facebook-float{
  position:fixed;bottom:80px;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;left:20px;}
.facebook-float{background:#3861b9;left:20px;bottom:150px;}
.whatsapp-float:hover,.facebook-float:hover{opacity:.8;}

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