/*
Theme Name: Gazon Maroc Pro
Description: Thème pour vente et installation de gazon synthétique (terrains de sport & jardins) au Maroc.
Version: 1.0
Text Domain: gazon-maroc
*/
:root{--g:#1f7a3a;--gd:#0f3d1e;--l:#a6d84a;--bg:#f6f8f3;--t:#1b1f1a}
*{box-sizing:border-box}body{margin:0;font-family:'Montserrat',sans-serif;color:var(--t);background:#fff;line-height:1.6}
a{color:var(--g);text-decoration:none}.wrap{max-width:1180px;margin:auto;padding:0 20px}
header.site{position:sticky;top:0;background:#fff;box-shadow:0 2px 10px #0001;z-index:50}
header.site .wrap{display:flex;justify-content:space-between;align-items:center;height:76px}
.logo{font-weight:800;font-size:22px;color:var(--gd)}.logo span{color:var(--g)}
nav ul{list-style:none;display:flex;gap:26px;margin:0;padding:0}nav a{color:var(--t);font-weight:600}
.btn{display:inline-block;background:var(--g);color:#fff!important;padding:13px 26px;border-radius:6px;font-weight:700}
.btn.alt{background:var(--l);color:var(--gd)!important}
.hero{background:linear-gradient(rgba(15,61,30,.75),rgba(15,61,30,.75)),url('assets/hero.jpg') center/cover;color:#fff;padding:140px 0}
.hero h1{font-size:52px;line-height:1.1;margin:0 0 20px;max-width:760px}.hero p{font-size:20px;max-width:600px}
section{padding:80px 0}.alt-bg{background:var(--bg)}h2{font-size:36px;color:var(--gd);margin-top:0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:26px}
.card{background:#fff;border-radius:10px;padding:30px;box-shadow:0 4px 20px #0000000d;border-top:4px solid var(--g)}
.card h3{margin-top:0;color:var(--gd)}.stats{background:var(--gd);color:#fff;text-align:center}
.stats b{display:block;font-size:44px;color:var(--l)}
.cta{background:var(--g);color:#fff;text-align:center}.cta h2{color:#fff}
form.devis{display:grid;gap:12px;max-width:620px}form.devis input,form.devis select,form.devis textarea{padding:13px;border:1px solid #ccd;border-radius:6px;font:inherit}
footer.site{background:#0b1f10;color:#cfd8cc;padding:50px 0 20px}footer.site a{color:var(--l)}
.wa{position:fixed;right:20px;bottom:20px;background:#25d366;color:#fff!important;border-radius:50px;padding:14px 20px;font-weight:700;box-shadow:0 4px 14px #0003;z-index:99}
@media(max-width:800px){nav ul{display:none}.hero h1{font-size:34px}.hero{padding:90px 0}}