/* Haie Directe — charte « Jardin de luxe lumineux » (choix de Cédric, 11/11/2026) : blanc crème, vert profond, une pointe de laiton,
   beaucoup d'espace, grandes formes douces. Polices auto-hébergées. L'ancienne charte est gardée dans avant_waw_1111/. */
@font-face{font-family:Fraunces;src:url(/static/fonts/fraunces.woff2) format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:Inter;src:url(/static/fonts/inter.woff2) format('woff2');font-weight:400 700;font-display:swap}
:root{--fond:#FAF6EE;--fond-2:#F3ECDD;--carte:#FFFDF8;--encre:#18231D;--doux:#536058;--vert:#17402E;--vert-f:#0E2A1E;--vert-c:#2F6B4A;
--sauge:#E6ECDD;--sauge-f:#CBD8C4;--or:#8A6A38;--or-c:#C9A566;--accent:#17402E;--accent-f:#0E2A1E;--ligne:#E8DFCE;--ok:#2E7D4F;--bois:#8A6A38;
--r:22px;--r-g:34px;--ombre:0 18px 50px -18px rgba(14,42,30,.22);--ombre-p:0 6px 20px -8px rgba(14,42,30,.18);
--titre:Fraunces,Georgia,'Times New Roman',serif;--texte:Inter,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;--doucement:cubic-bezier(.2,.7,.2,1);color-scheme:light}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--fond);color:var(--encre);font:400 17px/1.62 var(--texte);-webkit-font-smoothing:antialiased}
img,svg{max-width:100%}img{height:auto;display:block}a{color:var(--vert);text-underline-offset:3px}a:hover{color:var(--vert-c)}
h1,h2,h3{font-family:var(--titre);font-weight:500;line-height:1.08;color:var(--vert-f);letter-spacing:-.02em;margin:0 0 .5em}
h1{font-size:clamp(2.3rem,5.4vw,4.1rem)}h2{font-size:clamp(1.8rem,3.6vw,2.9rem)}h3{font-size:1.3rem;letter-spacing:-.01em;line-height:1.2}
p{margin:0 0 1em}.doux{color:var(--doux)}.petit{font-size:.92rem}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
:focus-visible{outline:3px solid #2F6B4A;outline-offset:3px;border-radius:6px}
.lien-evitement{position:absolute;left:-9999px}.lien-evitement:focus{left:16px;top:8px;background:#fff;padding:10px 14px;z-index:99;border-radius:10px}
.vc{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
[hidden]{display:none!important}
/* bandeau d'aperçu (tant que rien n'est en vente) */
.apercu{background:#6E2A12;color:#fff;text-align:center;font-weight:600;padding:7px 12px;font-size:.84rem;letter-spacing:.01em}
/* en-tête */
header.site{background:rgba(250,246,238,.9);backdrop-filter:saturate(1.3) blur(14px);-webkit-backdrop-filter:saturate(1.3) blur(14px);border-bottom:1px solid rgba(23,64,46,.08);position:sticky;top:0;z-index:30}
header.site .wrap{display:flex;align-items:center;gap:18px;min-height:78px}
.logo{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--vert-f);font:500 1.5rem/1 var(--titre);letter-spacing:-.02em;min-height:44px}
.logo svg{width:38px;height:38px;flex:none}
nav.menu{margin-left:auto;display:flex;gap:4px;align-items:center}
nav.menu a{text-decoration:none;color:var(--encre);padding:13px 18px;border-radius:999px;font-weight:500;font-size:1.02rem;transition:background .2s,color .2s;white-space:nowrap}
nav.menu a:hover{background:var(--sauge);color:var(--vert-f)}nav.menu a[aria-current=page]{background:var(--vert-f);color:#fff}
/* boutons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;padding:15px 26px;min-height:50px;font:600 1.02rem/1.1 var(--texte);text-decoration:none;cursor:pointer;transition:transform .25s var(--doucement),background .2s,box-shadow .25s;-webkit-tap-highlight-color:transparent}
.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0) scale(.98)}
.btn .fl{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s var(--doucement)}.btn:hover .fl{transform:translateX(4px)}
.btn-accent,.btn-vert{background:var(--vert);color:#fff;box-shadow:0 10px 24px -10px rgba(14,42,30,.55)}.btn-accent:hover,.btn-vert:hover{background:var(--vert-f);color:#fff}
.btn-clair{background:var(--carte);color:var(--vert-f);box-shadow:inset 0 0 0 1.5px var(--sauge-f)}.btn-clair:hover{box-shadow:inset 0 0 0 1.5px var(--vert);color:var(--vert-f)}
.btn-grand{padding:21px 36px;font-size:1.14rem;min-height:64px}
.btn-geant{padding:25px 44px;font-size:1.28rem;min-height:74px;letter-spacing:-.01em}
.btn-tete{margin-left:8px;padding:14px 22px}
@media (max-width:980px){nav.menu{display:none}.btn-tete{display:none}header.site .wrap{justify-content:center}header.site .wrap{min-height:64px}.logo{font-size:1.28rem}.logo svg{width:32px;height:32px}}
@media (max-width:400px){.btn-tete{padding:12px 14px;font-size:.92rem;min-height:44px}.btn-tete .fl{display:none}.logo{gap:8px;font-size:1.16rem}header.site .wrap{gap:10px;padding:0 16px}}
/* barre du bas (téléphone) : 5 gros boutons toujours visibles */
.onglets{display:none}
@media (max-width:980px){
 .onglets{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:40;background:rgba(255,253,248,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--ligne);padding:6px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px -18px rgba(14,42,30,.3)}
 .onglets a{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;min-height:54px;text-decoration:none;color:var(--doux);font:600 .7rem/1.1 var(--texte);border-radius:14px;padding:4px 0}
 .onglets svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
 .onglets a[aria-current=page]{color:var(--vert-f)}.onglets a[aria-current=page] svg{stroke-width:2.3}
 .onglets .onglet-trouver{color:var(--vert-f)}
 .onglets .onglet-trouver i{display:flex;align-items:center;justify-content:center;width:54px;height:54px;margin-top:-26px;border-radius:50%;background:var(--vert);color:#fff;box-shadow:0 10px 22px -8px rgba(14,42,30,.6),0 0 0 5px var(--fond)}
 .onglets .onglet-trouver svg{stroke-width:2.2}
 body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}
}
/* sections */
section{padding:92px 0}.section-claire{background:var(--carte)}.section-sauge{background:var(--sauge)}
@media (max-width:700px){section{padding:60px 0}}
.sur-titre{display:inline-flex;align-items:center;gap:10px;font:600 .78rem/1 var(--texte);letter-spacing:.16em;text-transform:uppercase;color:var(--or);margin-bottom:18px}
.sur-titre::before{content:'';width:28px;height:1px;background:var(--or-c)}
.centre{text-align:center}.centre .chapo{margin-left:auto;margin-right:auto}.centre .sur-titre::after{content:'';width:28px;height:1px;background:var(--or-c)}
.chapo{font-size:1.2rem;line-height:1.55;color:var(--doux);max-width:680px}
.etroit{max-width:820px}
/* apparition douce (seulement quand le script a démarré, et jamais si la personne a demandé moins d'animations) */
@media (prefers-reduced-motion:no-preference){
 .anime .ap{opacity:0;transform:translateY(22px);transition:opacity .7s var(--doucement),transform .7s var(--doucement)}
 .anime .ap.vu{opacity:1;transform:none}.anime .ap.d1{transition-delay:.08s}.anime .ap.d2{transition-delay:.16s}.anime .ap.d3{transition-delay:.24s}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
/* ---------- ACCUEIL ---------- */
.hero{position:relative;padding:0;overflow:hidden;background:
 radial-gradient(900px 620px at 88% -8%,#FBE9BC 0%,rgba(251,233,188,0) 62%),
 radial-gradient(700px 500px at -10% 105%,#DDE8D2 0%,rgba(221,232,210,0) 60%),var(--fond)}
.hero .wrap{display:grid;grid-template-columns:1.08fr .92fr;gap:40px;align-items:center;min-height:calc(100svh - 118px);padding-top:34px;padding-bottom:34px}
.hero h1{font-size:clamp(2.75rem,6.6vw,5.5rem);line-height:.98;letter-spacing:-.035em;margin-bottom:.38em}
.hero h1 b{font-weight:500;color:var(--vert-c)}
.hero .chapo{font-size:clamp(1.12rem,1.5vw,1.32rem);max-width:520px;margin-bottom:34px}
.hero-action{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
.hero-action .note{color:var(--doux);font-size:.95rem}
.confiance{list-style:none;display:grid;grid-template-columns:repeat(3,auto);justify-content:space-between;gap:12px 18px;margin:44px 0 0;padding:26px 0 0;border-top:1px solid var(--ligne)}
.confiance li{display:flex;align-items:center;gap:11px;font-weight:600;color:var(--vert-f);font-size:.95rem;line-height:1.25}
.confiance li>span{white-space:nowrap}.confiance small{display:block;font-weight:400;color:var(--doux);font-size:.86rem}
.confiance svg{width:40px;height:40px;flex:none;padding:9px;border-radius:50%;background:var(--carte);box-shadow:var(--ombre-p);fill:none;stroke:var(--vert);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hero-vue{position:relative;max-width:min(470px,calc((100svh - 330px) * .8));min-width:300px;width:100%;margin:0 auto}
.arche{position:relative;border-radius:999px 999px var(--r-g) var(--r-g);background:linear-gradient(180deg,#FFF3D2 0%,#F8EFD9 46%,#E9EEDB 100%);box-shadow:var(--ombre),inset 0 0 0 1px rgba(255,255,255,.7);overflow:hidden}
.arche::before{content:'';position:absolute;width:46%;aspect-ratio:1;border-radius:50%;right:9%;top:9%;background:radial-gradient(circle,#FFE9A8 0%,rgba(255,233,168,.35) 45%,rgba(255,233,168,0) 70%)}
@media (max-width:980px){.hero .wrap{grid-template-columns:1fr;min-height:0;gap:30px;padding-top:36px;padding-bottom:48px}.hero .chapo{margin-bottom:26px}
 .hero-action .btn{width:100%}.hero-action .note{width:100%;text-align:center;margin-top:-2px}.confiance{margin-top:26px;padding-top:20px;gap:8px;grid-template-columns:repeat(3,1fr)}.confiance li{flex-direction:column;text-align:center;font-size:.8rem;gap:7px}.confiance li>span{white-space:normal}.confiance small{display:none}.hero-vue{max-width:420px}
 .hero .wrap{padding-top:26px}.hero h1{font-size:clamp(2.45rem,11.6vw,3.6rem)}.apercu{font-size:.74rem;padding:5px 10px}}
/* ---------- VUE 3D ---------- */
.vue3d{margin:0;position:relative}
.vue3d-scene{position:relative;aspect-ratio:4/5;touch-action:pan-y;-webkit-user-select:none;user-select:none}
.vue3d-cadre .vue3d-scene{border-radius:var(--r-g);background:linear-gradient(180deg,#FFF3D2 0%,#F8EFD9 46%,#E9EEDB 100%);box-shadow:var(--ombre);overflow:hidden}
.vue3d-affiche{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .5s}
.vue3d-toile{position:absolute;inset:0;width:100%!important;height:100%!important;display:block;opacity:0;transition:opacity .5s;cursor:grab;touch-action:pan-y;outline-offset:-4px}
.vue3d-toile:active{cursor:grabbing}
.vue3d.pret .vue3d-toile{opacity:1}.vue3d.pret .vue3d-affiche{opacity:0}
.vue3d-mesure{position:absolute;left:50%;top:16px;transform:translateX(-50%);z-index:2;background:rgba(255,253,248,.92);backdrop-filter:blur(8px);border-radius:999px;padding:9px 18px;box-shadow:var(--ombre-p);white-space:nowrap;font-size:.9rem;color:var(--doux);pointer-events:none;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis}
.arche .vue3d-mesure{top:19%}
.vue3d-mesure b{font:600 1.12rem/1 var(--titre);color:var(--vert-f);margin-right:5px}
.vue3d-geste{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:2;display:none;align-items:center;gap:8px;background:var(--vert-f);color:#fff;border-radius:999px;padding:9px 16px;font-size:.86rem;font-weight:600;white-space:nowrap;pointer-events:none;animation:balance 2.4s var(--doucement) infinite}
.vue3d-geste svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vue3d.pret .vue3d-geste{display:inline-flex}.vue3d.touche .vue3d-geste{display:none}
@keyframes balance{0%,100%{transform:translateX(-50%)}30%{transform:translateX(calc(-50% - 9px))}60%{transform:translateX(calc(-50% + 9px))}}
.vue3d-bas{padding:18px 6px 0}
.arche .vue3d-bas{padding:0 26px 26px}
.vue3d-bas label{display:block;font-weight:600;color:var(--vert-f);margin-bottom:4px;text-align:center}
.vue3d-ans{display:grid;grid-template-columns:repeat(6,1fr);font-size:.78rem;color:var(--doux);text-align:center;margin:0 -6%;font-weight:500}
.vue3d-note{font-size:.8rem;color:var(--doux);margin:12px 0 0;text-align:center;line-height:1.45}
.vue3d-sans{display:none;font-size:.86rem;color:var(--doux);text-align:center;margin:10px 0 0}
.vue3d.sans-3d .vue3d-sans{display:block}.vue3d.sans-3d .vue3d-curseur{display:none}
.vue3d:not(.pret) .vue3d-curseur{visibility:hidden}html:not(.anime) .vue3d-curseur{display:none}
/* curseur (plante en 3D, questions, montage) : gros pouce, piste épaisse */
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:44px;background:transparent;margin:0;cursor:pointer;display:block;padding:0;border:0}
input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:99px;background:linear-gradient(90deg,var(--vert-c),var(--vert));opacity:.9}
input[type=range]::-moz-range-track{height:8px;border-radius:99px;background:linear-gradient(90deg,var(--vert-c),var(--vert))}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:34px;height:34px;border-radius:50%;background:#fff;border:3px solid var(--vert);box-shadow:0 4px 12px rgba(14,42,30,.3);margin-top:-13px;transition:transform .15s}
input[type=range]::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:#fff;border:3px solid var(--vert);box-shadow:0 4px 12px rgba(14,42,30,.3)}
input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12)}
/* ---------- emplacements d'images (en attendant les vraies photos : dégradés et formes, jamais de fausse photo) ---------- */
.emplacement{position:relative;overflow:hidden;border-radius:var(--r-g);background:linear-gradient(180deg,#FCEFCB 0%,#F6ECD6 38%,#DFE8D0 39%,#CFDDC2 100%);box-shadow:var(--ombre);min-height:240px}
.emplacement::before{content:'';position:absolute;width:30%;aspect-ratio:1;border-radius:50%;right:12%;top:8%;background:radial-gradient(circle,#FFE49A 0%,rgba(255,228,154,.4) 42%,rgba(255,228,154,0) 70%)}
.emplacement::after{content:'';position:absolute;left:-4%;right:-4%;bottom:22%;height:34%;border-radius:40px 40px 0 0;background:linear-gradient(180deg,#3C7150 0%,#1E4A35 100%);box-shadow:0 40px 0 0 #B9CDA9}
.e-169{aspect-ratio:16/9}.e-219{aspect-ratio:21/9}.e-45{aspect-ratio:4/5}.e-43{aspect-ratio:4/3}
.emplacement img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.mention{position:absolute;left:14px;bottom:14px;z-index:2;background:rgba(14,42,30,.72);color:#fff;font-size:.74rem;padding:5px 11px;border-radius:999px}
/* visuel d'une haie (fiche, cartes) */
.visuel{position:relative;border-radius:var(--r-g);overflow:hidden;aspect-ratio:4/5;background:linear-gradient(180deg,#FFF3D2 0%,#F8EFD9 46%,#E9EEDB 100%);box-shadow:var(--ombre)}
.visuel img{width:100%;height:100%;object-fit:cover}
.visuel.vide{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--vert);font:500 1.7rem/1.1 var(--titre);text-align:center;padding:30px}
.visuel.vide::before{content:'';width:84px;height:84px;border-radius:50%;background:var(--vert) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M11 29c1-9 6-15 17-18-2 9-7 15-17 18z' fill='%23CFE3C8'/%3E%3Cpath d='M11 29c4-5 8-8 13-11' stroke='%2317402E' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") center/78% no-repeat}
.visuel.vide small{font:400 .9rem var(--texte);color:var(--doux);font-style:italic}
/* trois haies vedettes */
.vedettes{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:44px}
.vedette{position:relative;display:flex;flex-direction:column;text-decoration:none;color:inherit;background:var(--carte);border-radius:var(--r-g);overflow:hidden;box-shadow:var(--ombre-p);transition:transform .35s var(--doucement),box-shadow .35s}
.vedette:hover{transform:translateY(-6px);box-shadow:var(--ombre);color:inherit}
.vedette .img{aspect-ratio:4/4.4;background:linear-gradient(180deg,#FFF3D2 0%,#F8EFD9 50%,#E9EEDB 100%);position:relative;overflow:hidden}
.vedette .img img{width:100%;height:100%;object-fit:cover;object-position:60% 100%;transition:transform .6s var(--doucement)}.vedette:hover .img img{transform:scale(1.05)}
.vedette .corps{padding:22px 24px 26px}.vedette h3{font-size:1.55rem;margin-bottom:6px}
.vedette .prix{margin-top:12px;font-weight:600;color:var(--vert-f)}.vedette .prix b{font:600 1.35rem var(--titre)}
.pastille{position:absolute;top:14px;left:14px;z-index:2;display:inline-flex;align-items:center;gap:7px;background:rgba(255,253,248,.94);color:var(--vert-f);font-weight:600;font-size:.8rem;padding:7px 13px;border-radius:999px;box-shadow:var(--ombre-p)}
.pastille::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--or-c)}
@media (max-width:860px){.vedettes{grid-template-columns:1fr;gap:18px}.vedette{flex-direction:row;align-items:stretch}.vedette .img{flex:0 0 40%;aspect-ratio:auto;min-height:170px}.vedette .corps{padding:18px 18px 20px;align-self:center}.vedette h3{font-size:1.3rem}.pastille{top:10px;left:10px;font-size:.72rem;padding:5px 10px}}
/* bloc en deux colonnes (texte + image) */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.duo.inverse>:first-child{order:2}
@media (max-width:900px){.duo{grid-template-columns:1fr;gap:30px}.duo.inverse>:first-child{order:0}}
.pas{list-style:none;margin:28px 0 30px;padding:0;display:grid;gap:14px}
.pas li{display:flex;gap:16px;align-items:flex-start}.pas b{display:block;color:var(--vert-f)}
.pas i{flex:none;width:40px;height:40px;border-radius:50%;background:var(--vert);color:#fff;display:flex;align-items:center;justify-content:center;font:500 1.1rem var(--titre);font-style:normal}
/* cartes de haies (catalogue) */
.grille-haies{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}
.carte{background:var(--carte);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;box-shadow:var(--ombre-p);transition:box-shadow .35s,transform .35s var(--doucement)}
.carte:hover{box-shadow:var(--ombre);transform:translateY(-5px);color:inherit}
.carte .img{aspect-ratio:4/3;background:linear-gradient(180deg,#FFF3D2 0%,#F4EDD8 55%,#DCE6CE 100%);position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}
.carte .img img{width:100%;height:100%;object-fit:cover;object-position:60% 100%}
.carte .img .feuille{width:64px;height:64px;margin-bottom:22%;opacity:.9}
.carte .corps{padding:20px 20px 22px;display:flex;flex-direction:column;gap:7px;flex:1}
.carte h3{margin:0;font-size:1.36rem}.latin{font-style:italic;color:var(--doux);font-size:.9rem}
.carte .prix{margin-top:auto;padding-top:12px;font-weight:600;color:var(--vert-f)}.carte .prix b{font:600 1.3rem var(--titre)}
.etiquettes{display:flex;flex-wrap:wrap;gap:6px}.etiquette{background:var(--sauge);color:var(--vert-f);border-radius:999px;padding:4px 11px;font-size:.8rem;font-weight:600}
.badge{position:absolute;top:12px;left:12px;background:rgba(255,253,248,.94);color:var(--vert-f);font-weight:600;font-size:.78rem;padding:6px 12px;border-radius:999px;box-shadow:var(--ombre-p)}
/* étapes */
.trois{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
@media (max-width:820px){.trois{grid-template-columns:1fr}}
.etape{background:var(--carte);border-radius:var(--r);padding:30px;box-shadow:var(--ombre-p)}
.etape .n{width:48px;height:48px;border-radius:50%;background:var(--vert);color:#fff;display:flex;align-items:center;justify-content:center;font:500 1.25rem var(--titre);margin-bottom:18px}
/* fiche produit */
.fil{font-size:.9rem;color:var(--doux);padding:22px 0 0}.fil a{color:var(--doux);display:inline-block;padding:6px 0}
.fiche{display:grid;grid-template-columns:1fr 1fr;gap:56px;padding-top:22px;padding-bottom:70px;align-items:start}  /* jamais « padding:22px 0 » : écrasait la marge de .wrap (11/11) */
@media (max-width:900px){.fiche{grid-template-columns:1fr;gap:28px}}
@media (min-width:901px){.fiche>div:first-child{position:sticky;top:104px}}
.fiche .latin{margin-top:-.3em;font-size:1rem}
.promesse{font:500 1.4rem/1.35 var(--titre);color:var(--vert);letter-spacing:-.01em}
.choix{display:grid;gap:8px;margin:18px 0}
.choix label{font-weight:600;font-size:.95rem;color:var(--vert-f)}
select,input[type=number],input[type=text],input[type=email],input[type=tel],textarea{width:100%;font:inherit;padding:15px 16px;min-height:54px;border:1.5px solid var(--sauge-f);border-radius:14px;background:#fff;color:var(--encre)}
select:focus,input:focus,textarea:focus{outline:3px solid #9cc3a8;border-color:var(--vert)}
.paliers{width:100%;border-collapse:separate;border-spacing:0;margin:8px 0 16px;font-size:.95rem}
.paliers th,.paliers td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--ligne);white-space:nowrap}
.paliers th{font-weight:600;color:var(--doux);font-size:.85rem}.paliers .eco{color:var(--ok);font-weight:600}
@media (max-width:400px){.paliers th,.paliers td{padding:10px 8px}}
.cadre{background:var(--carte);border-radius:var(--r);padding:26px;box-shadow:var(--ombre-p)}
.calcul{background:var(--sauge);border-radius:var(--r);padding:24px;margin-top:16px}
.calcul .total{font:500 2.5rem/1.1 var(--titre);color:var(--vert-f);letter-spacing:-.02em;margin-top:6px}
.liste-ok{list-style:none;padding:0;margin:0 0 1em}.liste-ok li{padding:7px 0 7px 32px;position:relative}
.liste-ok li::before{content:'';position:absolute;left:0;top:11px;width:20px;height:20px;border-radius:50%;background:var(--ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M5 12l5 5L19 7'/%3E%3C/svg%3E") center/12px no-repeat}
.liste-attention{list-style:none;padding:0;margin:0}.liste-attention li{padding:7px 0 7px 32px;position:relative}
.liste-attention li::before{content:'!';position:absolute;left:0;top:10px;width:20px;height:20px;border-radius:50%;background:var(--or);color:#fff;font:700 .78rem/20px var(--texte);text-align:center}
.carac{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:0}
.carac div{background:var(--fond);border-radius:16px;padding:13px 15px}
.carac dt{font-size:.76rem;color:var(--doux);font-weight:600;text-transform:uppercase;letter-spacing:.07em}.carac dd{margin:3px 0 0;font-weight:600}
/* tableau comparatif */
.comparatif{width:100%;border-collapse:collapse;background:var(--carte);font-size:.95rem}
.comparatif th,.comparatif td{padding:14px 16px;border-bottom:1px solid var(--ligne);text-align:left;vertical-align:top}
.comparatif thead th{background:var(--vert-f);color:#fff;font-weight:600}
.table-defile{overflow-x:auto;border-radius:var(--r);box-shadow:var(--ombre-p)}
/* questions */
details.q{background:var(--carte);border-radius:18px;padding:4px 22px;margin-bottom:12px;box-shadow:var(--ombre-p)}
details.q summary{cursor:pointer;font-weight:600;padding:18px 34px 18px 0;list-style:none;position:relative;color:var(--vert-f);min-height:44px}
details.q summary::-webkit-details-marker{display:none}
details.q summary::after{content:'+';position:absolute;right:0;top:12px;font:400 1.7rem/1 var(--titre);color:var(--vert);transition:transform .25s}
details.q[open] summary::after{transform:rotate(45deg)}
/* texte long */
.texte{max-width:780px}.texte h2{margin-top:1.5em;font-size:clamp(1.5rem,2.6vw,2rem)}.texte .sur-titre+h2,.texte .sur-titre+h1{margin-top:0}.texte li{margin-bottom:.4em}
/* bloc sombre (honnêteté, appel final) */
.sombre{background:var(--vert-f);color:#DCE7D8;position:relative;overflow:hidden}
.sombre::before{content:'';position:absolute;width:700px;height:700px;border-radius:50%;right:-220px;top:-320px;background:radial-gradient(circle,rgba(201,165,102,.22),rgba(201,165,102,0) 65%)}
.sombre h2{color:#fff}.sombre .sur-titre{color:var(--or-c)}.sombre .chapo{color:#C9D6C5}.sombre a:not(.btn){color:#fff}
.sombre .btn-accent{background:#fff;color:var(--vert-f)}.sombre .btn-accent:hover{background:var(--fond-2);color:var(--vert-f)}
.sombre .wrap{position:relative}
/* pied de page */
footer.site{background:var(--vert-f);color:#C9D6C5;padding:64px 0 34px;margin-top:0;border-top:1px solid rgba(255,255,255,.08)}
footer.site a{color:#fff;text-decoration:none;display:inline-block;padding:5px 0}footer.site a:hover{text-decoration:underline}footer.site a.logo{display:flex}
footer.site .colonnes{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px}
@media (max-width:820px){footer.site .colonnes{grid-template-columns:1fr 1fr}footer.site .colonnes>div:first-child{grid-column:1/-1}}
footer.site h3{color:#fff;font-size:1.1rem;margin-bottom:12px}footer.site ul{list-style:none;padding:0;margin:0}footer.site li{margin:3px 0}
footer.site .bas{border-top:1px solid rgba(255,255,255,.14);margin-top:38px;padding-top:20px;font-size:.85rem;color:#B5C5B1}
.logo-pied{color:#fff}.logo-pied:hover{color:#fff;text-decoration:none}.pied-texte{margin-top:14px;max-width:340px}
/* barre d'achat de la fiche (téléphone) : au-dessus de la barre du bas */
.barre-achat{display:none}
@media (max-width:980px){.barre-achat{display:flex;position:fixed;left:10px;right:10px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:35;background:rgba(255,253,248,.97);border-radius:999px;box-shadow:0 12px 30px -10px rgba(14,42,30,.45),inset 0 0 0 1px var(--ligne);padding:7px 7px 7px 20px;gap:12px;align-items:center;justify-content:space-between}
 .barre-achat .btn{padding:12px 20px;min-height:46px}.barre-achat{transition:transform .35s var(--doucement),opacity .3s}.anime .barre-achat:not(.visible){transform:translateY(30px);opacity:0;pointer-events:none}.avec-barre footer.site{padding-bottom:110px}}
.cache{display:none}.mt{margin-top:18px}
/* ---------- LES 3 QUESTIONS ---------- */
.quiz{padding:44px 0 80px;background:radial-gradient(800px 480px at 100% -10%,#FBE9BC 0%,rgba(251,233,188,0) 62%),var(--fond)}
.quiz h1{font-size:clamp(2rem,4.6vw,3.2rem);text-align:center}.quiz .chapo{text-align:center;margin:0 auto 28px}
.q-pas{display:none;list-style:none;margin:0 auto 26px;padding:0;gap:8px;justify-content:center;max-width:420px}
.anime .q-pas{display:flex}
.q-pas li{flex:1;height:6px;border-radius:99px;background:var(--sauge-f);transition:background .4s}.q-pas li.fait{background:var(--vert)}
.q-etape{border:0;margin:0 0 26px;padding:32px;background:var(--carte);border-radius:var(--r-g);box-shadow:var(--ombre);min-width:0}
.q-etape legend{float:left;width:100%;padding:0;margin-bottom:18px;text-align:center}.q-etape legend+*{clear:both}
.q-num{display:block;font:600 .78rem/1 var(--texte);letter-spacing:.16em;text-transform:uppercase;color:var(--or);margin-bottom:12px}
.q-titre{display:block;font:500 clamp(1.6rem,3.6vw,2.3rem)/1.1 var(--titre);color:var(--vert-f);letter-spacing:-.02em}
.q-aide{text-align:center;color:var(--doux);margin-bottom:20px}
.anime .q-etape:not(.actif){display:none}
@media (prefers-reduced-motion:no-preference){.anime .q-etape.actif{animation:entre .45s var(--doucement)}}
@keyframes entre{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}
.q-grand{display:block;text-align:center;font:500 clamp(3.4rem,11vw,5.4rem)/1 var(--titre);color:var(--vert-f);letter-spacing:-.03em;margin:4px 0 6px}
.q-grand small{font-size:.38em;color:var(--doux);letter-spacing:0;margin-left:6px}
.q-puces{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:16px 0 20px}
.q-puces button{font:600 1rem var(--texte);min-width:74px;min-height:50px;padding:10px 16px;border-radius:999px;border:0;background:var(--sauge);color:var(--vert-f);cursor:pointer;transition:background .2s,color .2s,transform .2s}
.q-puces button:hover{transform:translateY(-2px)}.q-puces button.choisi{background:var(--vert);color:#fff}
.q-exact{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--doux);font-size:.95rem;flex-wrap:wrap}
.q-exact input{width:120px;text-align:center}
html:not(.anime) .q-js{display:none}
.q-cartes{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.q-cartes.deux{grid-template-columns:1fr 1fr}
@media (max-width:760px){.q-cartes{grid-template-columns:1fr 1fr}.q-cartes.deux{grid-template-columns:1fr}.q-etape{padding:24px 16px}}
.q-carte{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:18px 12px 20px;border-radius:var(--r);background:var(--fond);box-shadow:inset 0 0 0 1.5px var(--ligne);cursor:pointer;transition:box-shadow .2s,background .2s,transform .25s var(--doucement);min-height:120px}
.q-carte:hover{transform:translateY(-3px)}
.q-carte input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.q-carte:has(input:checked){background:#fff;box-shadow:inset 0 0 0 3px var(--vert),var(--ombre-p)}
.q-carte:has(input:focus-visible){outline:3px solid #2F6B4A;outline-offset:3px}
.q-carte b{font:500 1.6rem/1 var(--titre);color:var(--vert-f)}.q-carte span{color:var(--doux);font-size:.92rem;line-height:1.35}
.q-carte svg{width:100%;max-width:120px;height:96px}
.q-carte svg .p{fill:#9AA79D}.q-carte svg .h{fill:var(--vert-c)}.q-carte svg .s{stroke:var(--ligne);stroke-width:2}
.q-nav{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap}
@media (max-width:600px){.q-nav .btn-grand{flex:1 1 100%;order:-1}}
/* résultat */
.resultat{padding:40px 0 80px;background:radial-gradient(800px 480px at 100% -10%,#FBE9BC 0%,rgba(251,233,188,0) 62%),var(--fond)}
.resultat .fiche{padding-bottom:30px;padding-top:8px}.res-tete{max-width:900px}.resultat .fiche>div>.liste-ok:first-child{margin-top:6px}
@media (max-width:900px){.resultat{padding-top:26px}.resultat .vue3d-scene{aspect-ratio:1/.92}.resultat .vue3d-note{display:none}.resultat h1{margin-bottom:.4em}}
.resultat h1{font-size:clamp(2.1rem,4.4vw,3.4rem)}
.rappel{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:0;list-style:none}
.rappel li{background:var(--carte);border-radius:999px;padding:7px 14px;font-size:.9rem;font-weight:600;color:var(--vert-f);box-shadow:var(--ombre-p)}
.deux-pays{display:inline-grid;grid-template-columns:1fr 1fr;background:var(--sauge);border-radius:999px;padding:4px;margin:6px 0 2px}
.deux-pays a{padding:11px 22px;border-radius:999px;text-decoration:none;font-weight:600;color:var(--vert-f);text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center}
.deux-pays a[aria-current=true]{background:var(--vert);color:#fff}
.commande{background:var(--carte);border-radius:var(--r-g);padding:28px;box-shadow:var(--ombre);margin-top:22px}
.commande .calcul{margin-top:14px}.commande .btn{width:100%;margin-top:18px}
.autres{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}@media (max-width:700px){.autres{grid-template-columns:1fr}}
.autre{display:flex;gap:16px;align-items:center;background:var(--carte);border-radius:var(--r);padding:14px 18px 14px 14px;text-decoration:none;color:inherit;box-shadow:var(--ombre-p);transition:transform .3s var(--doucement)}
.autre:hover{transform:translateY(-3px);color:inherit}
.autre img{width:84px;height:96px;object-fit:cover;object-position:62% 100%;border-radius:14px;background:linear-gradient(180deg,#FFF3D2,#E9EEDB);flex:none}
.autre b{display:block;font:500 1.2rem var(--titre);color:var(--vert-f)}.autre span{color:var(--doux);font-size:.92rem}
/* ---------- MON JARDIN (montage photo) ---------- */
.jardin{padding:44px 0 80px;background:radial-gradient(800px 480px at 0% -10%,#DDE8D2 0%,rgba(221,232,210,0) 62%),var(--fond)}
.jardin h1,.jardin .chapo{text-align:center;margin-left:auto;margin-right:auto}
.j-outil{background:var(--carte);border-radius:var(--r-g);box-shadow:var(--ombre);padding:28px;margin-top:28px}
.j-depart{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:26px 0}
.j-prive{display:inline-flex;align-items:center;gap:9px;color:var(--vert-f);font-weight:600;font-size:.95rem;background:var(--sauge);border-radius:999px;padding:9px 16px}
.j-prive svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.j-scene{position:relative;border-radius:var(--r);overflow:hidden;background:var(--fond-2);line-height:0}
.j-scene canvas{width:100%;height:auto;display:block;touch-action:pan-y}.j-scene.trace canvas{touch-action:none;cursor:crosshair}
.j-consigne{position:absolute;left:50%;top:12px;transform:translateX(-50%);background:var(--vert-f);color:#fff;border-radius:999px;padding:9px 16px;font-size:.9rem;font-weight:600;line-height:1.3;text-align:center;max-width:calc(100% - 24px);pointer-events:none;margin:0}
.j-reglages{display:grid;grid-template-columns:1fr 1fr;gap:18px 30px;margin-top:22px}@media (max-width:760px){.j-reglages{grid-template-columns:1fr}.j-outil{padding:18px 14px}}
.j-reglages label,.j-reglages .lib{display:flex;justify-content:space-between;font-weight:600;color:var(--vert-f);font-size:.95rem}
.j-reglages output{color:var(--doux);font-weight:500}
.j-haies{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}
.j-haies button{font:600 .9rem/1.2 var(--texte);min-height:50px;padding:8px 6px;border-radius:14px;border:0;background:var(--sauge);color:var(--vert-f);cursor:pointer}
.j-haies button[aria-pressed=true]{background:var(--vert);color:#fff}
.j-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.j-vrai{grid-column:1/-1;margin:0;color:var(--doux);font-size:.9rem}
/* ---------- vraies photos libres (11/11/2026) : auteur et licence sous la photo ---------- */
figure.visuel.photo{margin:0;display:flex;flex-direction:column;aspect-ratio:auto;background:var(--carte)}
figure.visuel.photo img{aspect-ratio:4/3;height:auto}
figure.visuel.photo figcaption{font-size:.78rem;color:var(--doux);padding:9px 14px 11px;line-height:1.35}
figure.visuel.photo figcaption a{color:var(--doux);text-decoration:underline;text-decoration-color:rgba(83,96,88,.35)}
figure.visuel.photo figcaption b{color:var(--vert);font-weight:600}
figure.en-vrai{margin-top:18px}
.carte .img img.vraie{object-position:50% 50%}
/* ---------- logo (logo A, ChatGPT, 11/11/2026) ---------- */
.logo img{height:56px;width:auto;display:block}
@media (max-width:980px){.logo img{height:48px}}
@media (max-width:400px){.logo img{height:44px}}
.credits td,.credits th{font-size:.9rem;vertical-align:top}
.credits img{width:96px;height:72px;object-fit:cover;border-radius:8px}
.texte .emplacement{margin:22px 0 30px}
figure.visuel.photo.en-vrai{margin-top:22px}
.logo picture{display:block}
.logo-pied img{background:#FAF6EE;padding:8px 14px;border-radius:14px;box-sizing:content-box}
.texte .emplacement{min-height:0;width:100%}
.etapes-commande{background:var(--sauge);border-radius:var(--r-g,18px);padding:16px 18px 16px 38px;margin:0 0 22px}.etapes-commande li{margin:6px 0}