/* Design V5: faithfully styled after the user-approved mockup. SEO metadata untouched. */
:root{--cj-forest:#063d22;--cj-dark:#092c18;--cj-green:#4d9634;--cj-lime:#b9ef5a;--cj-gold:#ffce29}
html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;color:#19251c;background:#fff}a:focus-visible,button:focus-visible{outline:3px solid #f6c524;outline-offset:3px}
.wrap{width:min(1480px,calc(100% - 70px))}.topline{background:linear-gradient(90deg,#003a1e,#002a17);color:#fff}.topline .wrap{min-height:36px;display:flex;justify-content:space-between;align-items:center;gap:18px}.topline span{font-size:12px}
header{box-shadow:0 3px 14px #00000014;position:relative;z-index:30;background:#fff}.nav{min-height:97px;gap:19px}.brand{min-width:225px;gap:8px}.brand-logo{width:214px;height:91px;object-fit:contain;display:block}.brand-mark,.brand-text{display:none!important}.navlinks{gap:23px;align-items:center}.navlinks>a,.nav-dropdown>a{font-weight:700;font-size:12px;white-space:nowrap;color:#172219;text-transform:uppercase}.navlinks>a:hover,.nav-dropdown>a:hover{color:#3c8e28}.nav-dropdown{position:relative}.dropdown-panel{z-index:50;box-shadow:0 15px 30px #0002;border-radius:10px;overflow:hidden}.dropdown-panel a{font-size:13px;text-transform:none}.actions{display:flex;gap:12px}.actions .btn{border-radius:13px;padding:15px 17px;font-weight:900;font-size:15px;white-space:nowrap}.actions .btn.dark{background:linear-gradient(120deg,#255c18,#073c20);color:white}.actions .quote-nav{background:var(--cj-gold);color:#131e11}
.showcase-hero{min-height:345px;background:linear-gradient(90deg,rgba(0,35,14,.92),rgba(0,39,14,.67) 38%,rgba(0,0,0,.03) 70%),url('intervention-elagage.webp') center 47%/cover no-repeat}.showcase-overlay{min-height:345px}.hero-copy{padding:35px 0}.hero-copy>*{max-width:650px}.hero-eyebrow{display:none}.showcase-hero h1{font-size:clamp(40px,4.1vw,63px);letter-spacing:-.04em;line-height:1.03;margin:0}.showcase-hero h1 span{font-size:.62em;color:#c3f56a;margin:8px 0 0;letter-spacing:-.025em}.showcase-hero p{font-size:15px;line-height:1.5;margin:10px 0;max-width:650px}.hero-points{gap:27px;margin:14px 0;font-size:15px}.hero-points span{max-width:175px}.hero-points span:before{content:'✓';display:inline-grid;place-items:center;margin-right:7px;border-radius:50%;width:25px;height:25px;background:#a8f255;color:#06431d;font-weight:900}.hero-buttons .btn{font-size:17px;padding:14px 23px;min-width:205px;justify-content:center}.hero-stamp{right:3%;top:18%;background:#043c24f2;transform:rotate(-8deg);padding:19px 22px;max-width:260px;font-size:25px;font-style:italic;box-shadow:0 8px 22px #0004;clip-path:polygon(4% 5%,98% 0,95% 100%,0 93%)}.hero-stamp em{font-size:31px}.hero-stamp small{font-style:normal;font-size:12px;line-height:1.5}
.services-ribbon{padding:11px 20px}.services-five{max-width:1510px;gap:11px}.service-tile{border-radius:12px;box-shadow:0 3px 9px #00000010}.service-tile img{height:99px;object-fit:cover;display:block}.tile-info{min-height:65px;padding:10px 35px 10px 17px}.tile-info strong{font-size:16px;font-weight:900;color:#141c15}.tile-info small{font-size:12px;margin-top:2px}.tile-arrow{top:15px;right:9px}.landscape-band{padding:33px 0;background:linear-gradient(90deg,#ffffffeb,#ffffffa1 36%,#ffffff00 80%),url('intervention-entretien-de-jardin.webp') center 56%/cover no-repeat}.landscape-inner{grid-template-columns:2.1fr repeat(3,1fr);gap:11px}.landscape-intro{padding:10px 16px 8px 0}.landscape-intro h2{font-size:clamp(26px,2.7vw,37px);line-height:1.08}.landscape-intro p{font-size:13px;line-height:1.5;max-width:370px}.landscape-intro>.btn{font-size:12px}.mini-feature{padding:17px;border-radius:12px;min-height:175px}.mini-feature b{font-size:14px}.mini-feature p{font-size:13px;line-height:1.9;margin:8px 0}.mini-feature a{display:block;background:linear-gradient(#5da442,#26712b);border-radius:9px;color:white;text-align:center;padding:9px 8px;font-size:12px;text-decoration:none}.city-section{padding:30px 0 42px}.city-section .section-head{margin-bottom:15px}.city-section .section-head h2{font-size:25px}.city-section .section-head p{font-size:13px}.city-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:9px}.city-pill{padding:14px 8px;min-height:67px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;background:linear-gradient(180deg,#f2f8e7,#fff);border:1px solid #d6e8c8;flex-direction:column}.city-pill span{display:none}.city-pill:before{content:'📍';font-size:20px;margin-bottom:6px}.faq-home{padding:48px 0}.contact-strip{padding:45px 0}.mobile-contact-bar{z-index:80}
/* Shared page treatments: visual refresh only, retaining original text and headings */
.pagehero{background:linear-gradient(90deg,#073b22ed,#073b22b8),url('intervention-entretien-de-jardin.webp') center/cover}.section{scroll-margin-top:100px}.card,.feature,.faq details{border-radius:13px}.btn{transition:transform .2s,filter .2s}.btn:hover{transform:translateY(-2px);filter:brightness(1.05)}
@media(max-width:1400px){.navlinks{gap:12px}.brand{min-width:180px}.brand-logo{width:180px;height:80px}.actions .btn{font-size:12px;padding:12px}.landscape-inner{grid-template-columns:1.6fr repeat(3,1fr)}}
@media(max-width:1100px){.navlinks{gap:10px}.navlinks>a,.nav-dropdown>a{font-size:11px}.actions .quote-nav{display:none}.city-grid{grid-template-columns:repeat(5,1fr)}.landscape-inner{grid-template-columns:repeat(3,1fr)}.landscape-intro{grid-column:1/-1}.hero-stamp{max-width:180px;font-size:18px}.hero-stamp em{font-size:22px}}
@media(max-width:900px){.wrap{width:min(100% - 30px,1480px)}.brand-logo{width:170px;height:75px}.hero-stamp{display:none}.showcase-hero,.showcase-overlay{min-height:460px}.services-five{grid-template-columns:repeat(3,minmax(0,1fr))}.city-grid{grid-template-columns:repeat(3,1fr)}.landscape-inner{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.topline .wrap{min-height:29px}.topline span{font-size:10px}.nav{min-height:72px}.brand-logo{width:147px;height:65px}.showcase-hero{background-position:56% center}.showcase-hero,.showcase-overlay{min-height:495px}.hero-copy{padding:25px 0}.showcase-hero h1{font-size:43px}.showcase-hero p{font-size:14px}.hero-points{font-size:12px;gap:8px}.hero-points span:before{width:18px;height:18px}.hero-buttons .btn{font-size:15px}.services-five{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.service-tile img{height:100px}.tile-info strong{font-size:14px}.tile-info small{font-size:11px}.landscape-inner,.city-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landscape-intro{grid-column:1/-1}.mini-feature{padding:13px;min-height:155px}.mini-feature b{font-size:13px}.mini-feature p{font-size:12px}.city-section .section-head h2{font-size:22px}}

/* Photo d'accueil haute definition */
.showcase-hero{background-image:linear-gradient(90deg,rgba(0,35,14,.92),rgba(0,39,14,.67) 38%,rgba(0,0,0,.03) 70%),url('accueil-elagage-hd.webp')}

.footer .designer-credit a{color:#d7f99b;text-decoration:underline;text-underline-offset:3px}

/* Navigation toujours visible pendant le défilement (ordinateur et mobile). */
html { scroll-padding-top: 125px; }
body > header { position: sticky; top: 0; z-index: 1000; }
@media (max-width: 900px) { html { scroll-padding-top: 115px; } }

.contact-email { margin-top: 12px; font-weight: 700; overflow-wrap: anywhere; }
.contact-email a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }