
/* V4 — Design inspiré de la maquette validée */
:root{--forest:#073b22;--yellow:#ffd22e;--light:#f6f8f2}body{color:#1d2b22}.wrap{width:min(1340px,calc(100% - 48px))}.topline{background:#063b20}.topline .wrap{font-size:.78rem}.nav{min-height:92px}.brand{display:flex;align-items:center;gap:10px;font-size:1.22rem}.brand-mark{font-size:2.9rem;line-height:1}.brand-text strong{display:block;letter-spacing:-.035em}.brand small{font-size:.62rem;letter-spacing:.01em;font-style:italic;text-transform:none}.navlinks{gap:18px}.navlinks a{font-size:.84rem;text-transform:uppercase}.actions .btn{border-radius:12px;font-size:.94rem}.actions .quote-nav{background:var(--yellow)}.showcase-hero{min-height:510px;background:linear-gradient(90deg,rgba(0,34,16,.9) 0%,rgba(0,40,17,.75) 39%,rgba(0,0,0,.06) 77%),url('intervention-elagage.webp') center 43%/cover no-repeat;position:relative;color:white}.showcase-overlay{min-height:510px;display:flex;align-items:center}.hero-copy{padding:58px 0;position:relative;z-index:1}.hero-copy>*{max-width:660px}.hero-eyebrow{font-size:.86rem;letter-spacing:.12em;color:#d9f5a6;font-weight:800;margin-bottom:18px}.showcase-hero h1{font-size:clamp(2.9rem,5.4vw,5.5rem);line-height:1.02;text-shadow:0 2px 8px #0004}.showcase-hero h1 span{display:block;color:#c5f56c;font-size:.58em;margin-top:12px}.showcase-hero p{font-size:1.15rem;line-height:1.55}.hero-points{display:flex;gap:25px;flex-wrap:wrap;margin:22px 0;font-weight:800}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn.gold{background:var(--yellow);color:#122514;border-radius:12px;font-size:1.04rem}.btn.green-glass{border:1px solid #a9e76b;background:#2d7129db;color:white;border-radius:12px}.hero-stamp{position:absolute;right:5%;top:23%;max-width:255px;transform:rotate(-7deg);background:#064126ed;padding:23px 27px;text-align:center;font-weight:900;font-size:1.5rem;line-height:1.2;box-shadow:0 15px 30px #0004}.hero-stamp em{display:block;color:var(--yellow);font-size:2rem}.hero-stamp small{display:block;font-size:.8rem;font-weight:600;margin-top:13px}.services-ribbon{background:white;padding:14px 20px}.services-five{max-width:1500px;margin:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.service-tile{display:block;border-radius:13px;overflow:hidden;border:1px solid #dfe8dc;text-decoration:none;background:white;box-shadow:0 5px 14px #0000000b;transition:transform .2s}.service-tile:hover{transform:translateY(-5px)}.service-tile img{width:100%;height:145px;object-fit:cover}.tile-info{min-height:98px;padding:13px 44px 12px 15px;position:relative}.tile-info strong{display:block;font:800 1.15rem Outfit,Arial}.tile-info small{display:block;color:#596b60;line-height:1.3;margin-top:4px}.tile-arrow{position:absolute;right:12px;top:23px;border:1px solid #a3c7a5;color:#276d32;width:29px;height:29px;border-radius:50%;text-align:center}.landscape-band{background:linear-gradient(90deg,#f4f8eeed 0%,#f4f8eec7 43%,#f4f8ee20 100%),url('intervention-entretien-de-jardin.webp') center/cover;padding:45px 0}.landscape-inner{display:grid;grid-template-columns:1.6fr repeat(3,1fr);align-items:stretch;gap:15px}.landscape-intro{padding:15px 20px 15px 0}.landscape-intro h2{font-size:clamp(2rem,3vw,3rem);max-width:410px}.landscape-intro p{max-width:440px}.landscape-intro .eyebrow,.city-section .eyebrow{color:#1b7935;margin-bottom:12px}.mini-feature{background:#fffffff0;padding:23px;border-radius:15px;box-shadow:0 9px 25px #0002}.mini-feature b{font-size:1.08rem}.mini-feature p{line-height:1.9;margin:15px 0}.mini-feature a{color:#176a32;font-weight:800}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.section-head h2{margin-bottom:8px}.section-head p{color:#66736a}.city-section{padding:70px 0}.city-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.city-pill{display:flex;justify-content:space-between;padding:19px 23px;border:1px solid #dce6da;border-radius:13px;text-decoration:none;font-weight:800;background:#f8faf6}.city-pill:hover{background:#e9f4e5}.faq-home{background:#f4f8f0;padding:65px 0}.faq-home .faq{max-width:920px}.contact-strip{background:#073b22;color:white;padding:58px 0}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-inner span{color:#c5f56c;font-weight:800;letter-spacing:.1em}.contact-inner h2{margin:8px 0}.contact-inner p{margin:0}.contact-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn.white{background:white;color:#073b22;border-radius:12px}.pagehero{background:linear-gradient(90deg,#073b22f2,#073b22d5),url('intervention-entretien-de-jardin.webp') center/cover}.nav-dropdown:hover .dropdown-panel,.nav-dropdown:focus-within .dropdown-panel{display:block}@media(max-width:1200px){.hero-stamp{right:2%;max-width:205px;font-size:1.1rem}.hero-stamp em{font-size:1.5rem}.landscape-inner{grid-template-columns:repeat(3,1fr)}.landscape-intro{grid-column:1/-1}.services-five{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.hero-stamp{display:none}.showcase-hero,.showcase-overlay{min-height:480px}.services-five{grid-template-columns:repeat(2,1fr)}.landscape-inner{grid-template-columns:repeat(2,1fr)}.city-grid{grid-template-columns:repeat(2,1fr)}.contact-inner{display:block}.contact-buttons{margin-top:25px}.navlinks a{text-transform:none}}@media(max-width:600px){.wrap{width:min(100% - 30px,1340px)}.topline .wrap span:last-child{display:none}.brand-mark{font-size:2rem}.brand{font-size:1.05rem}.actions .btn.dark{display:none}.showcase-hero,.showcase-overlay{min-height:520px}.showcase-hero{background-position:61% center}.hero-copy{padding:40px 0}.showcase-hero h1{font-size:2.9rem}.showcase-hero p{font-size:1rem}.hero-points{gap:9px;font-size:.8rem}.services-ribbon{padding:10px}.services-five{gap:8px}.service-tile img{height:105px}.tile-info{padding:10px 30px 10px 10px;min-height:90px}.tile-info strong{font-size:.94rem}.tile-info small{font-size:.73rem}.tile-arrow{right:5px;top:12px;width:22px;height:22px}.landscape-inner,.city-grid{grid-template-columns:1fr}.section-head{display:block}.contact-buttons{display:grid}.hero-buttons{display:grid}.hero-buttons .btn{width:100%}}
