/* Blitzed It UK - styles.css (Logo enlarged + centred, mobile-safe, hero spacing adjusted) */

/* Reset & base */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  color:#202324;background:#ffffff;line-height:1.6
}
a{color:#1e7f4f;text-decoration:none}
a:hover{text-decoration:underline}

/* Header (white strip) */
.header{background:#ffffff;border-bottom:1px solid #e7e7e7}
.container{max-width:1100px;margin:0 auto;padding:0 16px}
.header-inner{
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 0; /* slight breathing room without making bar too tall */
}
.logo{display:flex;align-items:center}
/* Bigger logo, vertically centered */
.logo img{
  height:80px; /* ~50% larger on desktop */
  width:auto;display:block;vertical-align:middle
}
.nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.nav a{color:#2a2f34;font-weight:600;line-height:1}
.nav a.active{text-decoration:underline}
.nav .whatsapp{
  display:inline-flex;align-items:center;gap:8px;
  padding:12px 16px;border-radius:12px;border:1px solid #157247;
  background:#1e7f4f;color:#fff;font-weight:700;white-space:nowrap
}
.nav .whatsapp:hover{background:#196e44}

/* Hero (slight spacing improvement under header) */
.hero{position:relative;color:#fff}
.hero img{width:100%;height:58vh;object-fit:cover;object-position:center;display:block;opacity:.92}
.hero-overlay{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.25) 40%,rgba(0,0,0,.45) 100%)
}
.hero-content{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:min(100%,1100px);padding:0 16px
}
.hero h1{font-size:clamp(28px,4vw,46px);line-height:1.15;margin:0 0 8px 0}
.hero p{max-width:860px;font-size:clamp(15px,2vw,18px);margin:0 0 18px 0;color:#e7f4ec}
.cta-row{display:flex;gap:12px;flex-wrap:wrap}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:12px 18px;border-radius:10px;font-weight:700;border:none;cursor:pointer
}
.btn-primary{background:#1e7f4f;color:#fff}.btn-primary:hover{background:#196e44}
.btn-ghost{background:#ffffff;color:#152a1f;border:1px solid #d3d3d3}.btn-ghost:hover{background:#f2f5f3}

/* Sections & cards */
.section{padding:56px 0}
.section h2{margin:0 0 18px 0;font-size:28px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.card{border:1px solid #eaeaea;border-radius:12px;padding:18px;background:#fff}

/* Services list */
.services ul{list-style:disc;padding-left:20px;margin:0}
.services li{margin:8px 0}

/* Before/After */
.ba-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ba img{
  width:100%;height:240px;object-fit:cover;border-radius:10px;border:1px solid #e5e5e5
}
.ba label{display:block;margin-top:6px;font-weight:600}

/* Footer */
.footer{background:#0f1714;color:#dbe3df;padding:30px 0;margin-top:28px}
.footer a{color:#cbead9}

/* Responsive */
@media (max-width:800px){
  .container{padding:0 12px}
  .header-inner{padding:10px 0}
  .logo img{height:60px} /* scale down on phones so nav stays tidy */
  .nav{gap:12px}
  .nav a{font-size:15px}
  .nav .whatsapp{padding:10px 14px}
  .hero img{height:64vh}
}