/* ── Sugu Studio v12 (06/10) : résultats sur deux lignes, avant/après Google Ads, story, marges ── */

/* Résultats (accueil) : une ligne par client */
.r4{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:2.5rem;align-items:center;border-radius:var(--rad);padding:2.2rem;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.1);margin-top:3rem}
.r4+.r4{margin-top:1rem}
.r4 .plat{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.r4 .plat svg{width:16px;height:16px}
.r4__big{font-size:clamp(4rem,7vw,6.5rem);font-weight:600;letter-spacing:-.06em;line-height:.9;margin-top:1.2rem;background:linear-gradient(180deg,#fff 30%,#ffb487);-webkit-background-clip:text;background-clip:text;color:transparent}
.r4__k{font-size:1.1rem;margin-top:.8rem;color:#fff}
.r4__txt{color:rgba(255,255,255,.7);line-height:1.6;margin-top:.8rem;font-size:.95rem}
.r4__a{display:inline-block;margin-top:1.2rem;font-weight:600;font-size:.95rem;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:2px}
.r4__a:hover{border-color:var(--accent)}
.r4 .r3__dm{height:auto;align-content:center}
.r4.vu .r3__dm i{animation:dem 6s var(--d) infinite both}
@media (max-width:991px){.r4{grid-template-columns:1fr;gap:1.6rem;padding:1.4rem}}

/* Avant / après Google Ads */
.adt__tg{display:inline-flex;gap:.3rem;background:rgba(255,255,255,.08);border-radius:999px;padding:.3rem;margin-bottom:.9rem}
.adt__tg button{height:40px;border:0;background:transparent;border-radius:999px;padding:0 1.1rem;font:inherit;font-size:.9rem;font-weight:500;color:rgba(255,255,255,.7);cursor:pointer;transition:background .3s,color .3s}
.adt__tg button small{font-family:var(--font-mono);font-size:.75rem;margin-left:.3rem;opacity:.75}
.adt__tg button[aria-pressed=true]{background:#fff;color:var(--dark)}
.adt__tg button[aria-pressed=true][data-k=apres] small{color:var(--accent);opacity:1}
.adt__f{margin:0}
.adt__f[hidden]{display:none}
.adt__f img{display:block;width:100%;height:auto;border-radius:var(--rad-in);animation:adt .45s ease}
.adt__f figcaption{font-size:.8rem;color:rgba(255,255,255,.55);margin-top:.6rem}
@keyframes adt{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* Onglet publicité des études de cas (fond clair) */
.pub{display:grid;gap:1rem}
.pub .plat{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.pub .plat svg{width:16px;height:16px}
.pub__k{font-size:clamp(1.5rem,2.4vw,2.1rem);font-weight:500;letter-spacing:-.03em;line-height:1.25}
.pub__k b{font-weight:600}.pub__k b.on{color:var(--accent)}
.pub__t{color:var(--ink2);line-height:1.6}
.pub .adt__tg{background:var(--light)}
.pub .adt__tg button{color:var(--ink2)}
.pub .adt__tg button[aria-pressed=true]{background:var(--dark);color:#fff}
.pub .adt__f figcaption{color:var(--gray)}
.pub .adt__f img{border:1px solid var(--border)}

/* Flyer au format story */
.story{display:flex;flex-direction:column;align-items:center;gap:1rem}
.ls--story .ls__screen{background:#000;position:relative;height:calc((var(--pw) - 18px) * 2.165);display:flex;align-items:center}
.ls--story .ls__screen>img{display:block;width:100%;height:auto}
.story__bar{position:absolute;top:calc(var(--pw) * .1);left:6%;right:6%;display:flex;gap:4px;z-index:2}
.story__bar i{flex:1;height:2.5px;border-radius:2px;background:rgba(255,255,255,.4)}
.story__bar i:first-child{background:#fff}
.story__l{max-width:46ch;text-align:center;color:var(--ink2);font-size:.92rem;line-height:1.55}

/* Marges : accueil (audit, contact) */
.ha{padding:3.5rem 3rem}
#audit.ha{margin-top:var(--g)}
.ha+#contact{padding-top:4.5rem}
#contact{padding-bottom:2.5rem}
@media (max-width:767px){.ha{padding:2rem 1.25rem 1.25rem}}

/* Prix de l'audit : le sceau ne recouvre plus le texte */
.px{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.px__seal{position:absolute;right:2rem;top:-70px;width:150px;height:150px}
.px__n{font-size:.88rem;color:var(--gray);margin-top:-.4rem}
@media (max-width:991px){.px__seal{right:1rem;top:-60px;width:120px;height:120px}.px__c--fort{padding-top:2.6rem}}
@media (max-width:767px){.px__seal{display:none}}
.px{margin-top:4.5rem}
@media (max-width:991px){.px{grid-template-columns:1fr}.px__c--fort{border-radius:0 0 var(--rad) var(--rad)}}
.adt__tg button{white-space:nowrap}
@media (max-width:767px){.adt__tg button{padding:0 .8rem;font-size:.84rem}.px{margin-top:2rem}}

/* 10/10/2026, retours Khamis */
.px__g{margin-top:1.6rem;padding:1.3rem 1.6rem;border:1.5px solid var(--accent);border-radius:var(--rad);background:rgba(255,92,0,.12);color:#fff;font-size:1.25rem;line-height:1.5;font-weight:500;max-width:none}
.px__g b{display:block;color:var(--accent);font-family:var(--font-mono);font-size:.74rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.45rem}
@media (max-width:767px){.px__g{font-size:1.05rem;padding:1.1rem 1.2rem}}
.pz-prix small{display:block;font-size:.9rem;font-weight:400;letter-spacing:0;color:var(--gray);margin-top:.25rem}
.form label{align-content:end}
.form select{-webkit-appearance:none;appearance:none;cursor:pointer;padding-right:3rem;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23111' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E") no-repeat right 1.1rem center/16px 16px}
.form select:invalid{color:var(--gray)}
.form select option{color:var(--dark)}
.form select::-ms-expand{display:none}
@media (min-width:768px){.packs,.sv--formules .packs{grid-template-columns:minmax(0,440px)}}
/* Résultats SEO (Jardins d'Eden) */
.pz-trafic{margin:0 var(--g) 1rem;padding:3rem;border:1px solid var(--border);border-radius:var(--rad);background:#fff}
.pz-trafic .h2{margin-top:1rem;max-width:22ch}
.pz-trafic__t{color:var(--ink2);margin-top:.9rem;font-size:1.05rem;line-height:1.6}
.pz-trafic__fig{margin-top:2rem}
.pz-trafic__n{margin-top:1rem;font-size:.8rem;color:var(--gray)}
.tr-svg{display:block;width:100%;height:auto;overflow:visible}
.tr-g{stroke:var(--border);stroke-width:1}
.tr-a{font:12px var(--font-mono);fill:var(--gray)}
.tr-l{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.tr-d{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-dasharray:4 5;opacity:.45}
.tr-ar{fill:var(--accent);opacity:.08}
.tr-v{stroke:var(--dark);stroke-width:1;stroke-dasharray:3 4;opacity:.5}
.tr-p{fill:var(--accent);stroke:#fff;stroke-width:2}
.tr-t{font:600 15px var(--font-sans);fill:var(--dark)}
.tr-s{font:13px var(--font-sans);fill:var(--ink2)}
@media (max-width:767px){.pz-trafic{padding:1.6rem 1.1rem}.tr-a{font-size:24px}.tr-t{font-size:28px}.tr-s{font-size:24px}.tr-l{stroke-width:5}.tr-d{stroke-width:3}.tr-p{stroke-width:3}}
@media (max-width:767px){.tr-s{transform:translateY(16px)}}
/* Projet haut de gamme */
.pz-prem{display:inline-block;margin:1.2rem 0 .1rem;padding:.4rem .75rem;border-radius:999px;background:var(--dark);color:#fff;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase}
.carte--prem .carte__img{position:relative}
.carte--prem .carte__img::after{content:"Haut de gamme";position:absolute;left:12px;top:12px;padding:.35rem .65rem;border-radius:999px;background:var(--dark);color:#fff;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase}
.pz-prem{width:max-content;justify-self:start;align-self:flex-start}
.pz-toggle button{white-space:nowrap}
@media (max-width:767px){.pz-toggle{max-width:100%;overflow-x:auto;scrollbar-width:none}.pz-toggle::-webkit-scrollbar{display:none}.pz-toggle button{padding:0 .7rem}}
/* Galeries (dossier, supports imprimés) + agrandissement */
.gal{margin-top:2.4rem}
.gal__t{font-size:1.15rem;font-weight:600;letter-spacing:-.01em}
.gal__t small{display:block;font-size:.82rem;font-weight:400;color:var(--gray);margin-top:.3rem}
.gal__h{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--gray);margin:1.6rem 0 .7rem}
.gal__t+.gal__g{margin-top:1rem}
.gal__g{display:grid;gap:.8rem}
.gal__g--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.gal__g--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.gal__i{display:block;border:1px solid var(--border);border-radius:var(--rad);overflow:hidden;background:#f6f6f4;cursor:zoom-in}
.gal__i img{display:block;width:100%;height:auto}
@media (max-width:767px){.gal__g--3{grid-template-columns:1fr 1fr}.gal__g{gap:.6rem}}
.zoom{position:fixed;inset:0;z-index:1000;background:rgba(10,10,10,.92);display:flex;align-items:center;justify-content:center;padding:3.5rem 1rem 1rem}
.zoom[hidden]{display:none}
.zoom img{max-width:100%;max-height:100%;width:auto;height:auto;border-radius:8px;background:#fff}
.zoom button{position:absolute;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:var(--dark);font-size:1.3rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.zoom__x{top:.8rem;right:.8rem}.zoom__p{left:.8rem;top:50%;transform:translateY(-50%)}.zoom__n{right:.8rem;top:50%;transform:translateY(-50%)}
.zoom__c{position:absolute;top:1.1rem;left:50%;transform:translateX(-50%);color:#fff;font:.8rem var(--font-mono)}
/* Sultan : supports en situation (même principe que Ginjer) */
.f3d--a5 .f3d__c{width:min(600px,calc(100vw - 4rem),calc((100vw - 4rem) * .62));aspect-ratio:1800/1273}
.f3d--carte .f3d__c{width:min(340px,calc(100vw - 5rem));aspect-ratio:1004/650}
.f3d--carte .f3d__f{border-radius:14px}
.cartes2{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}
@media (max-width:991px){.cartes2{grid-template-columns:1fr}}
.car--affiche .car__s{padding:2.2rem 1.5rem}
.affiche{width:min(400px,100%);aspect-ratio:1400/1867;border-radius:4px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);background:#fff}
.affiche img{display:block;width:100%;height:100%;object-fit:cover}
@media (min-width:992px){.f3d--a5 .f3d__c{width:min(600px,calc((100vw - 4rem) * .55))}.f3d--carte .f3d__c{width:min(300px,calc((100vw - 4rem) * .26))}}

/* 11/10 : passe mobile (retours Khamis sur iPhone) */
.besoin-m{display:none}
@media (max-width:767px){
  .besoin-m{display:block;width:100%}
  .form .besoins{display:none}
  /* Rythme vertical : 40 px entre les blocs */
  .sec{padding-top:40px;padding-bottom:40px}
  #contact.sec{padding-top:48px;padding-bottom:16px}
}
@media (max-width:767px){.sv-tete,.merci{padding-top:104px}}

/* 11/10 03h30 : hero mobile — les 5 vignettes autour du texte (2 en haut, 3 en bas), boutons normaux, pastilles sur une ligne */
@media (max-width:767px){
  .hero{min-height:0;padding:calc(var(--nav-h) + 8.6rem) var(--site-pad) 9.4rem}
  .hero__float{display:block;position:absolute;transform:none;animation:heroFlotte 4.5s ease-in-out infinite}
  .hero__float__inner{width:100%;height:100%;border-radius:8px}
  .hero__float--1{width:118px;height:74px;top:calc(var(--nav-h) + 3.6rem);left:var(--site-pad);right:auto;bottom:auto}
  .hero__float--2{width:126px;height:80px;top:calc(var(--nav-h) + 1.4rem);right:var(--site-pad);left:auto;bottom:auto;animation-delay:-.9s}
  .hero__float--3{width:112px;height:70px;bottom:2.6rem;left:var(--site-pad);top:auto;right:auto;animation-delay:-1.8s}
  .hero__float--4{width:104px;height:66px;bottom:.7rem;left:calc(50% - 62px);top:auto;right:auto;animation-delay:-2.7s}
  .hero__float--5{width:112px;height:70px;bottom:3.6rem;right:var(--site-pad);top:auto;left:auto;animation-delay:-3.6s}
  .hero__title{font-size:clamp(2.1rem,9.6vw,2.6rem);line-height:1.04}
  .hero__subtitle{font-size:1rem;line-height:1.5;margin-top:.8rem}
  .hero__btns{flex-direction:row;flex-wrap:nowrap;justify-content:center;gap:.5rem;margin-top:1.3rem}
  .hero__btns .btn{padding:.62rem 1rem;font-size:.9rem;min-height:0;height:auto;line-height:1.2}
  .hero__btns .btn svg{width:14px;height:14px}
  .hero__pills{flex-wrap:nowrap;justify-content:center;margin-top:1rem;gap:.3rem}
  .hero__pills span{font-size:.56rem;letter-spacing:.03em;padding:.28rem .5rem;white-space:nowrap}
}
@media (max-width:380px){
  .hero{padding-top:calc(var(--nav-h) + 7.4rem);padding-bottom:8.4rem}
  .hero__float--1{width:100px;height:63px;top:calc(var(--nav-h) + 3rem)}
  .hero__float--2{width:108px;height:68px;top:calc(var(--nav-h) + 1rem)}
  .hero__float--3,.hero__float--5{width:98px;height:62px}
  .hero__float--4{width:92px;height:58px}
  .hero__title{font-size:2rem}
  .hero__subtitle{font-size:.94rem}
  .hero__btns .btn{padding:.56rem .8rem;font-size:.84rem}
  .hero__pills span{font-size:.52rem;padding:.26rem .42rem}
}
@keyframes heroFlotte{0%,100%{translate:0 0}50%{translate:0 -5px}}
@media (prefers-reduced-motion:reduce){.hero__float{animation:none}}

/* 11/10 03h50 : retours Khamis sur iPhone (écart formules, filtres bleus, ligne SEO, menu clair, pastilles, bloc décentré) */
.filtres button{color:var(--ink,#111)}
.srv>*,.srv__c,.srv__c>*{min-width:0}
.srv__bloc{max-width:100%;overflow-wrap:break-word}
.pil ul{margin-bottom:1.4rem}
/* Menu : aux couleurs du site (fond clair, texte noir, bouton orange) */
.nav-overlay{background:var(--light);border:1px solid var(--border)}
.nav-overlay__close span{background:var(--dark)}
.nav-overlay__link{color:var(--dark);border-bottom-color:var(--border)}
.nav-overlay__link:hover,.nav-overlay__link.active,.nav-overlay__link[aria-current]{color:var(--accent)}
.nav-overlay__link span{color:var(--gray)}
.nav-overlay__cta{display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--accent);color:#fff;font-family:inherit;font-weight:600;border-radius:999px;padding:.95rem 1.4rem;letter-spacing:0}
.nav-overlay__cta:hover{background:#e65200;transform:none}
.nav-overlay__bottom,.nav-overlay__bottom span{color:var(--gray)}
@media (max-width:767px){
  .fm2{gap:1.2rem}
  .sv__liste em{white-space:normal;max-width:9.5rem}
  .sv__liste em small{white-space:normal}
  .nav-overlay__top{margin-bottom:1.5rem}
  .nav-overlay__cta{font-size:1rem;margin-top:1.6rem}
}

/* 11/10 04h : pack Site + Ads, l'économie affichée */
.pack .prix s,.fm2__l s{opacity:.55;margin-left:.25rem}
.pack .prix .eco{display:inline-block;margin-top:.6rem;background:rgba(255,92,0,.12);color:var(--accent);font-size:.8rem;font-weight:600;letter-spacing:0;border-radius:999px;padding:.3rem .7rem}
.fm2__l li em small.eco{color:var(--accent);font-family:inherit;text-transform:none;letter-spacing:0;font-weight:600;font-size:.75rem;margin-top:.2rem}
/* 11/10 04h15 : 3 packs sur la page Tarifs */
.pack .prix>s{font-size:.5em;opacity:.45;font-weight:400;margin-left:.3rem}
@media (min-width:992px){.sv--formules .packs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:768px) and (max-width:991px){.sv--formules .packs{grid-template-columns:1fr 1fr}}

/* 11/10 : tunnel de l'audit — appel de 20 min, puis audit de 2 h, puis mise en place */
.au2-prix--3{list-style:none;padding:0;grid-template-columns:repeat(3,minmax(0,1fr))}
.au2-prix--3 li{background:rgba(255,255,255,.75);border:1px solid rgba(0,0,0,.06);border-radius:var(--rad-in);padding:.8rem .9rem}
.au2-prix--3 li:nth-child(-n+2) b{color:var(--accent)}
.au2-prix--3 li:last-child b{color:var(--dark)}
.au2-prix--3 small i,.au2-et li::before{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--dark);color:#fff;font-style:normal;font-size:.66rem;font-weight:600;margin-right:.4rem;vertical-align:1px}
.au2-et{counter-reset:et;gap:.9rem;font-size:1rem}
.au2-et li{counter-increment:et;display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:.4rem;line-height:1.4}
.au2-et li::before{content:counter(et);grid-row:span 2;width:22px;height:22px;font-size:.72rem;margin:1px 0 0;color:#fff;background:var(--accent)}
.au2-et b{font-weight:600}
.au2-et span{color:var(--ink2);font-size:.92rem;margin-top:.15rem}
#questionnaire-bloc{scroll-margin-top:calc(var(--nav-h, 70px) + 16px)}
.form .facu{font-weight:400;color:var(--gray);font-size:.74rem;margin-left:.2rem}
.au-form .envoi .btn{min-height:56px;font-size:1rem;padding:1rem 1.6rem}
.qualif__btns{display:flex;flex-wrap:wrap;gap:.6rem}
.qualif .btn{min-height:52px}
@media (min-width:992px){.tl{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (max-width:767px){
  .au2-prix--3 li{padding:.6rem .55rem}
  .au2-prix--3 small i{width:16px;height:16px;font-size:.6rem;margin:0 0 .25rem;display:flex}
  .au2-final{gap:1.4rem;padding:1.8rem 1rem 1rem}
  .au2-final__t p{margin-top:.7rem;font-size:.95rem}
  .au2-et{margin-top:1.1rem;gap:.7rem}
  .au2-et span{font-size:.86rem}
  .au-form{padding:1.1rem;gap:.85rem}
  .au-form textarea{min-height:84px}
  .au-form .envoi{flex-direction:column;align-items:stretch;gap:.6rem}
  .au-form .envoi .btn,.qualif .btn{width:100%;justify-content:center}
  .au-form .envoi p{max-width:none;text-align:center}
  .qualif__btns{width:100%}

}
.au-form .envoi .btn{white-space:normal;height:auto;line-height:1.25;text-align:center}
.au-form .envoi .btn .nw,.au2-barre{white-space:nowrap}
@media (max-width:767px){
  .au2-final,.au-form{grid-template-columns:minmax(0,1fr)}
  .au2-final>*{min-width:0}
}
/* Mobile : le questionnaire vient juste sous le titre, les 3 étapes juste sous le bouton */
@media (max-width:767px){
  .au2-final{gap:0}
  .au2-final__t{display:contents}
  .au2-final .au-form{order:1;margin-top:1.1rem}
  .au2-final .au2-et{order:2;margin-top:1.4rem;padding:0 .25rem}
}
.qualif .btn{white-space:normal;height:auto;line-height:1.25;text-align:center;padding:.9rem 1.4rem}
.qualif .btn--line{background:#fff}

/* 14/10 : formulaire court, élément fixe WhatsApp + devis, 3 formules sur l'accueil */
.form .form__lab{font-size:.8rem;font-weight:600;margin-bottom:.6rem}
.form--court .besoins{display:flex}
.form--court{align-content:start;align-self:start}
.form--court label{align-content:start}
.form--court .btn .wa-ic{width:18px;height:18px;color:#25D366}
.form--court .form__lab{display:block}
@media (max-width:767px){.form--court .besoins{display:none}.form--court .besoin-d{display:none}.form--court{grid-template-columns:1fr}}
#tarifs .packs--home{grid-template-columns:1fr}
@media (min-width:768px){#tarifs .packs--home{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){#tarifs .packs--home{grid-template-columns:repeat(3,minmax(0,1fr))}}
.packs__plus{margin-top:1.4rem;color:var(--ink2);font-size:.95rem;line-height:1.6;display:flex;flex-wrap:wrap;gap:.4rem 1rem;align-items:center}
.packs__plus a{display:inline-flex;align-items:center;gap:.4rem;color:var(--dark);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.packs__plus svg{width:15px;height:15px}
.sk{position:fixed;z-index:90;right:1rem;bottom:1rem;display:flex;gap:.3rem;padding:.3rem;border-radius:999px;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);transition:opacity .35s,transform .35s;animation:skIn .6s cubic-bezier(.2,.7,.1,1) .8s both}
.sk a{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;height:40px;padding:0 1rem;border-radius:999px;font-size:.9rem;font-weight:600;white-space:nowrap;transition:background .2s,color .2s}
.sk svg{width:16px;height:16px;flex:none}
.sk .wa-ic{width:19px;height:19px;color:#25D366}
.sk__wa{background:#fff;color:var(--dark);border:1px solid var(--border)}
.sk__wa:hover{border-color:#25D366}
.sk__dv{background:var(--accent);color:#fff}
.sk__dv:hover{background:var(--dark)}
.sk--off{opacity:0;transform:translateY(16px);pointer-events:none}
@keyframes skIn{from{opacity:0;transform:translateY(16px)}}
body:has(.au2-barre) .sk__dv{display:none}
@media (max-width:767px){
  .sk{left:.75rem;right:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom))}
  .sk a{flex:1;height:48px;font-size:.92rem;padding:0 .8rem}
  body:has(.sk){padding-bottom:84px}
  body:has(.au2-barre) .sk{display:none}
}
@media (prefers-reduced-motion:reduce){.sk{animation:none;transition:none}}

/* 14/10 soir : Web3Forms, messages d'erreur et confirmation */
.form .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.form .err-msg{display:block;color:#c2410c;font-size:.78rem;font-weight:500;margin-top:.35rem}
.form .invalide{border-color:var(--accent)!important}
.form .besoins.invalide{border:0!important}
.form .besoins.invalide span{border-color:var(--accent)}
.form .btn[disabled]{opacity:.6;cursor:progress}
.form-ok{display:grid;gap:.35rem}
.form-ok b{font-size:1.05rem}
.form-ok span{color:var(--ink2);line-height:1.5}
.form-ok .btn{justify-self:start;margin-top:.5rem}
.form-ok--err{border-left-color:#c2410c}
.form .envoi p{max-width:44ch}

/* 15/10 : formulaire sur une page (accueil et audit) */
.form--une{display:block;align-self:start}
.form--une .form__corps{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem 1rem}
.form--une .form__corps[hidden],.form__merci[hidden],.form__secours[hidden]{display:none}
.pills{border:0;margin:0;padding:0;min-width:0}
.pills legend{font-size:.8rem;font-weight:600;margin-bottom:.7rem;padding:0}
.pills__l{display:flex;flex-wrap:wrap;gap:.5rem}
.pills label{display:inline-flex;cursor:pointer;font-size:.9rem;font-weight:500}
.pills input{position:absolute;opacity:0;width:1px;height:1px}
.pills span{display:inline-flex;align-items:center;min-height:44px;padding:0 1.05rem;border:1px solid var(--border);background:#fff;border-radius:999px;transition:background .2s,color .2s,border-color .2s}
.pills label:hover span{border-color:var(--dark)}
.pills input:checked+span{background:var(--dark);border-color:var(--dark);color:#fff}
.pills input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.pills.invalide span{border-color:var(--accent)}
.form--une .envoi{display:grid;gap:.9rem;justify-items:start}
.form--une .envoi .btn{min-height:52px}
.form--une .envoi p{max-width:52ch}
.form--une .au-alt{margin:0}
.form__merci,.form__secours{display:grid;gap:.8rem;justify-items:start;padding:.4rem 0;outline:0;animation:fmIn .5s cubic-bezier(.2,.7,.1,1)}
.form__merci h3,.form__secours h3{font-size:clamp(1.5rem,2.4vw,2rem);font-weight:500;letter-spacing:-.03em;line-height:1.15}
.form__merci p,.form__secours p{color:var(--ink2);line-height:1.6;max-width:46ch}
.form__ok{width:52px;height:52px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center}
.form__ok svg{width:26px;height:26px}
.form__note{font-size:.92rem}
.form__recap{margin:.4rem 0 0;display:grid;gap:.5rem;background:#fff;border-radius:var(--rad-in);padding:1rem 1.2rem;width:100%;max-width:440px}
.form__recap div{display:flex;justify-content:space-between;gap:1rem;font-size:.9rem}
.form__recap dt{color:var(--gray)}
.form__recap dd{margin:0;font-weight:500;text-align:right;overflow-wrap:anywhere}
.form__btns{display:flex;flex-wrap:wrap;gap:.6rem}
.form__btns .btn{min-height:52px}
.form__btns .wa-ic{width:18px;height:18px;color:#25D366}
@keyframes fmIn{from{opacity:0;transform:translateY(10px)}}
@media (max-width:767px){
  .form--une .form__corps{grid-template-columns:1fr}
  .pills span{min-height:42px;padding:0 .9rem;font-size:.86rem}
  .form--une .envoi .btn,.form__btns .btn{width:100%;justify-content:center}
  .form__btns{width:100%}
}
@media (prefers-reduced-motion:reduce){.form__merci,.form__secours{animation:none}}

/* 15/10 : pastilles sur une ligne qui défile, formulaire compact */
.form--une .form__corps{gap:.9rem .8rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.form--une .form__corps>*{min-width:0}
.form--une input{min-width:0}
.form--une label{gap:.35rem}
.form--une input:not([type=radio]):not([type=checkbox]){padding:.7rem .95rem}
.pills legend{margin-bottom:.55rem}
.pills__l{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-left:0;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:.4rem;padding:2px 0;
  -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent)}
.pills__l::-webkit-scrollbar{display:none}
.pills__l.au-milieu{-webkit-mask-image:linear-gradient(90deg,transparent,#000 32px,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,transparent,#000 32px,#000 calc(100% - 48px),transparent)}
.pills__l.au-bout{-webkit-mask-image:linear-gradient(90deg,transparent,#000 32px);mask-image:linear-gradient(90deg,transparent,#000 32px)}
.pills__l.tout-visible{-webkit-mask-image:none;mask-image:none}
.pills label{flex:none;scroll-snap-align:start;position:relative}
.pills input{left:0;top:0}
.pills span{min-height:38px;padding:0 .9rem;font-size:.86rem;white-space:nowrap}
.form--une .envoi{gap:.7rem}
.form--une .envoi p{font-size:.74rem}
@media (max-width:767px){
  .form--une .form__corps{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .form--une .form__corps>.full,.form--une .form__corps>.pills{grid-column:1/-1}
  .pills span{min-height:38px;padding:0 .85rem;font-size:.84rem}
  .form--une{padding:1.4rem 1.2rem}
}

/* 15/10 soir : prix alignés en bas des cartes, champ entreprise */
.au2-prix>li,.au2-prix>div{display:flex;flex-direction:column}
.au2-prix>li>b,.au2-prix>div>b{margin-top:auto;padding-top:.35rem}
.form--une .champ-site[hidden]{display:none}

/* Page /maquette : de l'air sous le menu fixe */
#contact.maq-page{padding-top:calc(var(--nav-h) + 4.5rem)}
@media (max-width:767px){#contact.maq-page{padding-top:118px}}

/* 15/10 : boutons fixes cachés quand un bouton de la page est à l'écran, jamais par-dessus le bas de page */
.sk,.au2-barre{transition:opacity .3s,transform .3s}
.sk.fixe--off,.au2-barre.fixe--off{opacity:0;transform:translateY(20px);pointer-events:none}
@media (min-width:768px){body:has(.sk){padding-bottom:84px}}
@media (max-width:767px){body:has(.au2-barre){padding-bottom:84px}}