/* style.css - simple, responsive styles for the site */
:root{
  --accent:#2b7a4b;
  --muted:#666;
  --max-width:1100px;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family: "Helvetica Neue", Arial, sans-serif;
  color:#222;
  line-height:1.5;
  background:#fff;
}
.container{max-width:var(--max-width);margin:0 auto;padding:0 16px;}
.site-header{background:var(--accent);color:#fff;}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;}
.logo{margin:0;font-size:1.2rem;}
.main-nav a{color:#fff;text-decoration:none;margin-left:16px;font-weight:600;}
.main-nav a:hover{opacity:0.9}
.hero{padding:28px 0;text-align:center;background:linear-gradient(180deg,rgba(43,122,75,0.08),transparent);}
.hero img{width:100%;max-height:420px;object-fit:cover;margin-top:18px;border-radius:8px}
.intro{padding:28px 0}
.three-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:16px}
.actions-preview{background:#f8f8f8;padding:28px 0;margin-top:12px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,0.06)}
.card img{width:100%;height:160px;object-fit:cover;display:block}
.card h4{margin:10px 12px}
.card p{margin:0 12px 12px;color:var(--muted)}
.center{text-align:center}
.btn{display:inline-block;padding:10px 18px;background:var(--accent);color:#fff;text-decoration:none;border-radius:6px;margin-top:8px}
.newsletter{padding:28px 0}
.newsletter form{display:flex;gap:8px;flex-wrap:wrap}
.newsletter input[type="email"]{flex:1;padding:10px;border:1px solid #ddd;border-radius:6px}
.newsletter button{padding:10px 16px;border:none;background:var(--accent);color:#fff;border-radius:6px;cursor:pointer}
.site-footer{background:#222;color:#ddd;padding:18px 0;margin-top:28px}
.footer-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
.actions .action-item{border-bottom:1px solid #eee;padding:12px 0}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}
.gallery-grid img{width:100%;height:140px;object-fit:cover;border-radius:6px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.contact-grid form label{display:block;margin-bottom:8px}
.contact-grid input, .contact-grid textarea{width:100%;padding:8px;border:1px solid #ddd;border-radius:6px}
.map-note{margin-top:18px;color:var(--muted);font-size:0.95rem}

/* Responsive tweaks */
@media (max-width:700px){
  .header-inner{flex-direction:column;align-items:flex-start;gap:10px}
  .main-nav a{margin-left:0;margin-right:12px}
  .contact-grid{grid-template-columns:1fr}
  .footer-inner{flex-direction:column;align-items:flex-start}
}