
:root { --green:#2b5045; --bg:#ffffff; --maxw:880px; }
* { box-sizing:border-box; }
html, body {
  margin:0; padding:0; background:var(--bg); color:var(--green);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  line-height:1.5;
}
.container { width:100%; max-width:var(--maxw); margin:0 auto; padding:0 16px; }
header { padding:18px 0 8px; text-align:center; }
header img.banner { width:100%; height:auto; display:block; margin:0 auto; }
hr { border:none; border-top:1px solid var(--green); margin:16px 0; }
.section { padding:16px 0; }
h1,h2,h3,h4 { margin:0 0 10px; font-weight:700; }
h2 { font-size:1.25rem; }
.service { margin-bottom:16px; }
.service .img-wrap { display:flex; justify-content:center; }
/* Small images */
.service img { width:100%; max-width:320px; height:auto; border-radius:8px; }
.service h4 { margin:8px 0 4px; font-size:1.02rem; }
.service p { margin:0; font-size:.95rem; }
form.contact { display:grid; gap:12px; }
label { font-weight:600; font-size:.95rem; }
input, select, textarea, button {
  width:100%; padding:12px; border:1px solid var(--green);
  border-radius:8px; background:transparent; color:var(--green); font-size:1rem;
}
input::placeholder, textarea::placeholder { color:var(--green); opacity:.65; }
button { cursor:pointer; font-weight:700; }
button:hover { opacity:.9; }
footer { text-align:center; padding:18px 0 32px; font-size:.92rem; }
/* Introductory section styles */
.section p {
margin-bottom: 1em;
line-height: 1.6;
color: inherit; /* keeps same text color */
font-family: inherit; /* matches existing font */
}
/* Google Reviews Button */
.reviews-button {
text-align: center;
margin: 20px 0;
}

.reviews-button a {
background-color: #007bff; /* blue */
color: white;
padding: 12px 25px;
border-radius: 6px;
text-decoration: none;
font-weight: bold;
font-size: 1.1em;
transition: background-color 0.3s ease;
}

.reviews-button a:hover {
background-color: #0056b3; /* darker blue on hover */
}
/* === Greenlows Service Card Borders === */
.service {
border: 2px solid #1b8a3a; /* match logo green */
border-radius: 6px;
padding: 12px;
margin: 12px 0;
background: var(--card-bg);
box-shadow: 0 2px 6px rgba(0,0,0,0.05); /* optional soft depth */
}