:root{--bleu:#0054FE;--bleu2:#0033B8;--encre:#06070B;--txt:#1d2433;--doux:#5A6378;--pale:#EEF3FF;--trait:#DFE6F6;--fond:#F6F8FD;--carte:#fff;--vert:#0F8A5F;--vertp:#E3F5EC;--orange:#B85C00;--orangep:#FFF1E0;--rouge:#C0262D;--rougep:#FDE8E8;--ombre:0 10px 30px rgba(6,20,60,.07)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fond);color:var(--txt);font:16px/1.55 "DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif}
h1,h2,h3{font-family:Sora,"DM Sans",system-ui,sans-serif;color:var(--encre);text-wrap:balance;margin:0 0 .5em;line-height:1.2}
h1{font-size:clamp(26px,4.5vw,40px);font-weight:800;letter-spacing:-.02em}h2{font-size:20px}h3{font-size:16px}
a{color:var(--bleu2)}img{max-width:100%}
.barre{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px max(16px,calc((100% - 1120px)/2));background:#fff;border-bottom:1px solid var(--trait);position:sticky;top:0;z-index:10}
.marque{text-decoration:none;display:flex;align-items:baseline;gap:8px}.mq{font:800 18px Sora,sans-serif;letter-spacing:.05em;color:var(--encre)}.mq b{color:var(--bleu)}.pass{font:800 12px Sora,sans-serif;letter-spacing:.14em;color:#fff;background:var(--bleu);border-radius:6px;padding:3px 7px}
.menu{display:flex;gap:4px;flex-wrap:wrap}.menu a{text-decoration:none;color:var(--txt);font-weight:600;font-size:14px;padding:8px 12px;border-radius:99px}.menu a.on{background:var(--pale);color:var(--bleu2)}.menu a.sortir{color:var(--doux)}
.page{max-width:1120px;margin:0 auto;padding:20px 16px 48px}
.pied{max-width:1120px;margin:0 auto;padding:20px 16px 40px;color:var(--doux);font-size:13px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid var(--trait)}.pied a{color:var(--doux)}
.carte{background:var(--carte);border:1px solid var(--trait);border-radius:20px;padding:20px;margin-bottom:16px;box-shadow:var(--ombre)}
.etroite{max-width:520px;margin:24px auto}
.titre{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:6px 0 16px}.titre h1{margin:0;font-size:clamp(22px,3.6vw,30px)}.titre p{margin:0;color:var(--doux)}
.eyebrow{display:inline-block;font:700 11px/1 "DM Sans",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--bleu);margin-bottom:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:700 15px "DM Sans",sans-serif;border:0;border-radius:14px;padding:14px 20px;cursor:pointer;background:var(--bleu);color:#fff;text-decoration:none;text-align:center}
.btn:hover{background:var(--bleu2)}.btn.sec{background:var(--pale);color:var(--bleu2)}.btn.sec.clair{background:rgba(255,255,255,.14);color:#fff}.btn:disabled{opacity:.45;cursor:not-allowed}
.btn.petit{padding:10px 14px;font-size:14px}.btn.mini{padding:7px 10px;font-size:12px;border-radius:10px}
.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--bleu);outline-offset:2px}
.form{display:flex;flex-direction:column;gap:14px}.form label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px;color:var(--encre)}
.form label small{font-weight:400;color:var(--doux)}
input,select,textarea{font:16px "DM Sans",sans-serif;border:1px solid var(--trait);border-radius:12px;padding:12px;background:#fff;color:var(--txt);width:100%}textarea{min-height:90px}
input.mini{width:auto;padding:6px 8px;font-size:12px}
.case{flex-direction:row!important;align-items:flex-start;gap:10px!important;font-weight:500!important}.case input{width:20px;height:20px;margin-top:2px;accent-color:var(--bleu);flex:0 0 auto}
.erreur,.alerte{background:var(--rougep);color:var(--rouge);border-radius:12px;padding:12px 14px;font-weight:600}.ok{background:var(--vertp);color:var(--vert);border-radius:12px;padding:12px 14px;font-weight:600}
.flash{background:var(--pale);border:1px solid var(--trait);color:var(--bleu2);border-radius:14px;padding:12px 16px;margin-bottom:16px;font-weight:600}
.note{background:var(--pale);border-radius:14px;padding:12px 14px;font-size:14px}.petit{font-size:13px;color:var(--doux)}.aide{color:var(--doux);font-size:14px;margin-top:-4px}.vide{color:var(--doux)}.rouge{color:var(--rouge)}
.pill{display:inline-flex;align-items:center;font:700 12px "DM Sans",sans-serif;border-radius:99px;padding:4px 10px;white-space:nowrap}.pill.vert{background:var(--vertp);color:var(--vert)}.pill.orange{background:var(--orangep);color:var(--orange)}.pill.rouge{background:var(--rougep);color:var(--rouge)}.pill.bleu{background:var(--pale);color:var(--bleu2)}.pill.gris{background:#EEF0F4;color:var(--doux)}
.ligne{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--trait);text-decoration:none;color:var(--txt);flex-wrap:wrap}.ligne:last-child{border-bottom:0}.ligne small{color:var(--doux)}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}@media(max-width:720px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.kpi{background:#fff;border:1px solid var(--trait);border-radius:16px;padding:14px}.kpi small{color:var(--doux);font-weight:600}.kpi b{display:block;font:800 26px Sora,sans-serif;color:var(--encre);font-variant-numeric:tabular-nums;margin-top:4px}
.alertes{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.etapes{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px}.etapes li.fait a{color:var(--doux);text-decoration:line-through}
.filtres{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.filtres a{text-decoration:none;border:1px solid var(--trait);background:#fff;border-radius:99px;padding:8px 14px;font-weight:600;font-size:14px;color:var(--txt)}.filtres a.on{background:var(--bleu);border-color:var(--bleu);color:#fff}
.infos{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:0}.infos dt{color:var(--doux)}.infos dd{margin:0;font-weight:600;color:var(--encre)}
.comparaison{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.comparaison.petite{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.ang h3{font-size:14px;margin-bottom:6px}.duo{display:grid;grid-template-columns:1fr 1fr;gap:8px}.duo figure{margin:0}.duo img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;display:block;background:var(--pale)}.duo figcaption{font-size:12px;color:var(--doux);margin-top:4px;font-variant-numeric:tabular-nums}
.manque{aspect-ratio:4/3;border:1.5px dashed var(--trait);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--doux);text-align:center;padding:6px}
.acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.plus{margin-top:14px}.plus summary{cursor:pointer;font-weight:700;color:var(--bleu2);margin-bottom:10px}
.qrzone{text-align:center}.qrzone #qr{display:inline-block;padding:16px;background:#fff;border-radius:16px;border:1px solid var(--trait)}.qrzone #qr img{margin:0 auto}
/* ---- pages client ---- */
.loueur-tete,.loc-tete{padding:10px 0 6px}.loueur-tete p,.loc-tete p{color:var(--doux);margin:0}
.demo-bandeau{display:inline-block;margin-top:10px!important;background:var(--orangep);color:var(--orange)!important;font-weight:700;border-radius:10px;padding:6px 10px;font-size:13px}
.choix{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.opt{border:1.5px solid var(--trait);border-radius:16px;padding:14px;text-decoration:none;color:var(--txt);display:flex;flex-direction:column;gap:4px}.opt.on{border-color:var(--bleu);background:var(--pale)}.opt small{color:var(--doux)}
.jours{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:18px}.jour{flex:0 0 58px;text-align:center;border:1.5px solid var(--trait);border-radius:14px;padding:8px 4px;text-decoration:none;color:var(--txt)}.jour small{display:block;color:var(--doux);font-size:12px;text-transform:capitalize}.jour b{font:800 20px Sora,sans-serif}.jour.on{border-color:var(--bleu);background:var(--bleu);color:#fff}.jour.on small{color:#dbe6ff}
.creneaux{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.cren{position:relative;border:1.5px solid var(--trait);border-radius:14px;padding:12px;display:flex!important;flex-direction:column;gap:2px!important;cursor:pointer}.cren input{position:absolute;opacity:0}.cren b{font:800 18px Sora,sans-serif;color:var(--encre)}.cren:has(input:checked){border-color:var(--bleu);background:var(--pale)}.cren.pris{opacity:.45;cursor:not-allowed}.cren small{color:var(--doux);font-weight:500}
.fil{list-style:none;display:flex;gap:6px;flex-wrap:wrap;padding:0;margin:8px 0 16px;counter-reset:f}.fil li{counter-increment:f;font-size:12px;font-weight:700;color:var(--doux);background:#fff;border:1px solid var(--trait);border-radius:99px;padding:5px 10px}.fil li:before{content:counter(f) ". "}.fil li.fait{color:var(--vert);background:var(--vertp);border-color:transparent}.fil li.cur{color:#fff;background:var(--bleu);border-color:var(--bleu)}
.consignes{counter-reset:c;list-style:none;padding:0;display:flex;flex-direction:column;gap:10px;margin:0 0 16px}.consignes li{counter-increment:c;display:flex;gap:10px}.consignes li:before{content:counter(c);flex:0 0 26px;height:26px;border-radius:50%;background:var(--bleu);color:#fff;font:700 13px/26px "DM Sans",sans-serif;text-align:center}
.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:14px 0}
.slot{position:relative;border:1.5px dashed #b9c6e4;border-radius:16px;aspect-ratio:4/3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;overflow:hidden;background:var(--fond);padding:8px;gap:4px}
.slot .lib{font-weight:700;font-size:13px;color:var(--encre)}.slot .aide-slot{font-size:11px;color:var(--doux)}
.slot.ok{border-style:solid;border-color:var(--vert)}.slot.encours{border-color:var(--bleu);border-style:solid}.slot.refus{border-color:var(--rouge);border-style:solid}
.slot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.slot input{position:absolute;inset:0;opacity:0;cursor:pointer}
.slot .t{position:absolute;left:6px;bottom:6px;background:rgba(6,7,11,.78);color:#fff;border-radius:6px;padding:2px 6px;font:600 11px "DM Sans",sans-serif;font-variant-numeric:tabular-nums}
.etat-photos{font-weight:600;min-height:1.4em}.etat-photos.err{color:var(--rouge)}
.code-carte{text-align:center}.code{font:800 clamp(32px,9vw,46px)/1 Sora,monospace;letter-spacing:.12em;color:var(--encre);background:var(--pale);border-radius:18px;padding:24px 10px;margin:8px 0 14px;font-variant-numeric:tabular-nums}
.texte{white-space:normal;font-size:14px;color:var(--txt)}
/* ---- vitrine ---- */
.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:28px;align-items:center;padding:24px 0 12px}@media(max-width:860px){.hero{grid-template-columns:1fr}}
.hero h1{font-size:clamp(40px,8vw,72px);line-height:1;margin-bottom:16px}.chapeau{font-size:18px;color:var(--txt);max-width:600px}
.cta{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 8px}
.hero-visu{position:relative;min-height:340px;display:flex;align-items:center;justify-content:center}
.tel-mini{width:230px;background:var(--encre);border-radius:30px;padding:14px;color:#fff;box-shadow:var(--ombre);position:relative;z-index:1}
.tm-bar{font:700 12px "DM Sans",sans-serif;color:#9fb6ff;margin-bottom:12px}.tm-code{font:800 30px Sora,monospace;letter-spacing:.1em;background:#fff;color:var(--encre);border-radius:16px;padding:18px 6px;text-align:center}.tm-txt{font-size:12px;color:#c9d3ea;margin:10px 0 6px;text-align:center}
.tm-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tm-photos i{aspect-ratio:4/3;border-radius:8px;background:linear-gradient(150deg,#2a5bd8,#8fc3ff)}.tm-photos i.ok{outline:2px solid #43C08D;outline-offset:-2px}
.hv-prod{position:absolute;right:0;bottom:0;width:150px;opacity:.95}
.bande{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 8px}@media(max-width:760px){.bande{grid-template-columns:1fr 1fr}}
.bande div{background:#fff;border:1px solid var(--trait);border-radius:16px;padding:16px}.bande b{display:block;font:800 24px Sora,sans-serif;color:var(--bleu2)}.bande span{font-size:14px;color:var(--doux)}
.vsec{padding:30px 0 6px}.vsec>h2{font-size:clamp(22px,3.4vw,30px)}
.grille4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}@media(max-width:960px){.grille4{grid-template-columns:1fr 1fr}}@media(max-width:520px){.grille4{grid-template-columns:1fr}}
.us{background:#fff;border:1px solid var(--trait);border-radius:18px;padding:16px}.us img{height:110px;width:100%;object-fit:contain;background:var(--pale);border-radius:12px;margin-bottom:10px}.us p{margin:0;font-size:14px;color:var(--doux)}
.parcours{counter-reset:p;list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media(max-width:860px){.parcours{grid-template-columns:1fr}}
.parcours li{counter-increment:p;background:#fff;border:1px solid var(--trait);border-radius:16px;padding:16px;font-size:15px}.parcours li:before{content:counter(p);display:inline-block;width:28px;height:28px;border-radius:50%;background:var(--bleu);color:#fff;font:700 14px/28px "DM Sans",sans-serif;text-align:center;margin-bottom:8px}.parcours b{display:block;color:var(--encre)}
.cta-centre{text-align:center;margin-top:14px}
.deux{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:860px){.deux{grid-template-columns:1fr}}
.coches{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px}.coches li{padding-left:28px;position:relative}.coches li:before{content:"";position:absolute;left:0;top:5px;width:16px;height:16px;border-radius:50%;background:var(--vertp);box-shadow:inset 0 0 0 5px var(--vert)}
.simu{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}@media(max-width:860px){.simu{grid-template-columns:1fr}}.simu label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px}.simu input[type=range]{padding:0;accent-color:var(--bleu)}.simu output{font:800 22px Sora,sans-serif;color:var(--encre)}
.simu-res{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}@media(max-width:600px){.simu-res{grid-template-columns:1fr}}.simu-res div{background:var(--fond);border-radius:14px;padding:14px}.simu-res small{color:var(--doux);font-weight:600}.simu-res b{display:block;font:800 26px Sora,sans-serif;color:var(--encre);font-variant-numeric:tabular-nums}.simu-res .fort{background:var(--bleu)}.simu-res .fort small,.simu-res .fort b{color:#fff}.simu .petit{grid-column:1/-1;margin:0}
.prix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}@media(max-width:860px){.prix{grid-template-columns:1fr}}
.pl{background:#fff;border:1px solid var(--trait);border-radius:20px;padding:20px}.pl.fort{border:2px solid var(--bleu)}.pl .p{font:800 32px Sora,sans-serif;color:var(--encre);margin:6px 0 10px}.pl .p small{font:600 14px "DM Sans",sans-serif;color:var(--doux)}.pl ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:14px}
.faq{background:#fff;border:1px solid var(--trait);border-radius:14px;padding:14px 16px;margin-bottom:8px}.faq summary{cursor:pointer;font-weight:700;color:var(--encre)}.faq p{margin:10px 0 0;color:var(--txt)}
.final{margin-top:30px;background:var(--encre);color:#fff;border-radius:24px;padding:clamp(22px,5vw,44px);text-align:center}.final h2{color:#fff;font-size:clamp(24px,4vw,34px)}.final .cta{justify-content:center}.final p{color:#b9c3da}
.texte-legal{max-width:820px;margin:0 auto}.texte-legal h2{margin-top:22px}.texte-legal li{margin-bottom:6px}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media(max-width:700px){.menu{flex-wrap:nowrap;overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}.menu a{white-space:nowrap}}
/* ================= VITRINE v2 (mobile d'abord) ================= */
.ico{width:20px;height:20px;flex:0 0 auto;color:var(--bleu)}
.h2o{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding:18px 0 8px}.h2o-txt,.h2o-demo,.metier>div,.edl>*,.tarif>*{min-width:0}
.marq-pass{font:700 14px Sora,sans-serif;color:var(--bleu2);margin:0 0 8px}
.h2o h1{font-size:clamp(2.6rem,11vw,4.6rem);line-height:.98;letter-spacing:-.035em;margin:0 0 14px}
.h2o .chapeau{font-size:1.1rem;max-width:34rem}
.preuves{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-direction:column;gap:10px}.preuves li{display:flex;gap:10px;align-items:center;font-weight:600;font-size:15px}
.h2o-demo{display:flex;flex-direction:column;align-items:center;gap:14px}
.phone{position:relative;width:min(290px,100%);aspect-ratio:9/17;background:var(--encre);border-radius:42px;padding:14px;box-shadow:0 30px 60px rgba(6,20,60,.22)}
.ph-notch{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:90px;height:20px;background:var(--encre);border-radius:0 0 14px 14px;z-index:2}
.ecr{position:absolute;inset:14px;background:#fff;border-radius:30px;padding:40px 18px 18px;display:flex;flex-direction:column;gap:12px;opacity:0;transform:translateY(8px);transition:opacity .45s,transform .45s}
.ecr.on{opacity:1;transform:none}
.ph-t{margin:0;font:700 13px "DM Sans",sans-serif;color:var(--doux)}.ph-h{margin:0;font:800 20px Sora,sans-serif;color:var(--encre)}
.ph-cr{display:flex;flex-direction:column;gap:8px}.ph-cr span{display:flex;justify-content:space-between;border:1.5px solid var(--trait);border-radius:12px;padding:10px 12px;font-weight:600;font-size:14px}.ph-cr span.sel{border-color:var(--bleu);background:var(--pale)}.ph-cr span.off{opacity:.45}
.ph-btn{background:var(--bleu);color:#fff;text-align:center;font-weight:700;border-radius:12px;padding:12px;margin-top:auto}.ph-s{margin:0;font-size:12px;color:var(--doux);text-align:center}
.ph-cadre{position:relative;background:var(--fond);border-radius:16px;padding:18px 10px;flex:1;display:flex;align-items:center}.ph-cadre .picto{width:100%}
.ph-cadre i{position:absolute;width:22px;height:22px;border:3px solid var(--bleu)}.ph-cadre .c1{top:8px;left:8px;border-right:0;border-bottom:0}.ph-cadre .c2{top:8px;right:8px;border-left:0;border-bottom:0}.ph-cadre .c3{bottom:8px;left:8px;border-right:0;border-top:0}.ph-cadre .c4{bottom:8px;right:8px;border-left:0;border-top:0}
.ph-ok{display:flex;gap:6px;flex-wrap:wrap}.ph-ok span{font-size:11px;font-weight:700;border-radius:99px;padding:4px 8px}.ph-ok .v{background:var(--vertp);color:var(--vert)}.ph-ok .e{background:var(--pale);color:var(--bleu2)}
.ph-code{font:800 34px Sora,monospace;letter-spacing:.1em;text-align:center;background:var(--pale);border-radius:16px;padding:26px 6px;margin-top:20px;color:var(--encre)}
.ph-duo{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ph-duo div{background:var(--fond);border-radius:12px;padding:8px;text-align:center}.ph-duo small{font-size:11px;color:var(--doux)}
.ph-lib{margin-top:auto;background:var(--vertp);color:var(--vert);font-weight:700;text-align:center;border-radius:12px;padding:12px}
.ph-etapes{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));gap:8px;width:100%;max-width:520px}
.ph-etapes li{cursor:pointer;border:1.5px solid var(--trait);background:#fff;border-radius:12px;padding:10px;font-size:13px;font-weight:600;display:flex;gap:8px;align-items:center;min-height:48px}.ph-etapes b{display:inline-flex;width:24px;height:24px;border-radius:50%;background:var(--pale);color:var(--bleu2);align-items:center;justify-content:center;font-size:12px;flex:0 0 auto}
.ph-etapes li.on{border-color:var(--bleu);background:var(--pale)}.ph-etapes li.on b{background:var(--bleu);color:#fff}
.chiffres{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:1px;background:var(--trait);border:1px solid var(--trait);border-radius:18px;overflow:hidden;margin:26px 0 6px}
.chiffres div{background:#fff;padding:16px}.chiffres b{display:block;font:800 26px Sora,sans-serif;color:var(--encre)}.chiffres span{font-size:14px;color:var(--doux)}
.intro{max-width:44rem;color:var(--txt)}
.onglets{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;margin-bottom:12px}.onglets button{flex:0 0 auto;font:700 14px "DM Sans",sans-serif;border:1.5px solid var(--trait);background:#fff;color:var(--txt);border-radius:99px;padding:12px 16px;cursor:pointer;min-height:48px}.onglets button[aria-selected="true"]{background:var(--encre);border-color:var(--encre);color:#fff}
.metier{display:grid;gap:18px;background:#fff;border:1px solid var(--trait);border-radius:22px;padding:20px;box-shadow:var(--ombre)}
.met-pb{font:800 1.35rem/1.25 Sora,sans-serif;color:var(--encre);margin:0 0 10px}.met-ex{background:var(--pale);border-radius:12px;padding:10px 12px;font-size:14px}
.met-prod{display:flex;gap:12px;align-items:center;margin-top:14px}.met-prod img{width:72px;height:72px;object-fit:contain;background:var(--fond);border-radius:12px}.met-prod span{display:flex;flex-direction:column}.met-prod small{color:var(--doux)}
.met-pt{font-weight:700;color:var(--encre);margin:0 0 10px}
.mini-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(120px,100%),1fr));gap:8px}.mini-slots figure{margin:0;background:var(--fond);border:1.5px dashed #b9c6e4;border-radius:12px;padding:8px;text-align:center}.mini-slots figcaption{font-size:12px;font-weight:600;color:var(--txt)}
.picto{width:100%;height:auto;display:block}
.slot .picto{width:78%;max-height:48%}
.manque .picto{width:60%;display:block;margin:0 auto 4px}.manque{flex-direction:column}
.edl{display:grid;gap:18px;align-items:start}.auto{width:min(260px,100%);margin:0 auto;display:block}
.edl-liste{margin:0;padding:0;list-style:none;counter-reset:e;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:8px}
.edl-liste li{counter-increment:e;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--trait);border-radius:12px;padding:8px 10px;font-weight:600;font-size:14px}
.edl-liste li:before{content:counter(e);flex:0 0 26px;height:26px;border-radius:50%;background:var(--bleu);color:#fff;font:700 13px/26px "DM Sans",sans-serif;text-align:center}.edl-liste .picto{width:56px;flex:0 0 56px}
.garanties{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:10px;margin-top:16px}.garanties div{background:#fff;border:1px solid var(--trait);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:4px}.garanties span{font-size:14px;color:var(--doux)}
.cascade{list-style:none;padding:0;margin:0;counter-reset:c;display:grid;gap:10px}.cascade li{counter-increment:c;background:#fff;border:1px solid var(--trait);border-radius:16px;padding:14px 14px 14px 56px;position:relative;display:flex;flex-direction:column}.cascade li:before{content:counter(c);position:absolute;left:14px;top:14px;width:30px;height:30px;border-radius:50%;background:var(--encre);color:#fff;font:700 14px/30px "DM Sans",sans-serif;text-align:center}.cascade span{color:var(--doux);font-size:15px}
.piles{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.piles span{font-weight:700;font-size:13px;border-radius:99px;padding:6px 12px}.pv{background:var(--orangep);color:var(--orange)}.po{background:#FFE3CC;color:#9a4a00}.pr{background:var(--rougep);color:var(--rouge)}
.dash-mock{background:#fff;border:1px solid var(--trait);border-radius:22px;padding:16px;box-shadow:var(--ombre);max-width:640px}
.dm-k{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}.dm-k span{background:var(--fond);border-radius:12px;padding:10px}.dm-k small{display:block;color:var(--doux);font-size:12px;font-weight:600}.dm-k b{font:800 22px Sora,sans-serif;color:var(--encre)}
.dm-l{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 4px;border-top:1px solid var(--trait)}.dm-l span{display:flex;flex-direction:column}.dm-l small{color:var(--doux)}.dm-l i{font-style:normal;font-size:12px;font-weight:700;border-radius:99px;padding:4px 10px;white-space:nowrap}.pb{background:var(--pale);color:var(--bleu2)}
.tarif{display:grid;gap:14px}.t-main{background:#fff;border:2px solid var(--bleu);border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:8px}.t-main>b{font:800 3.2rem/1 Sora,sans-serif;color:var(--encre)}.t-main>span{color:var(--doux);font-weight:600}.t-main ul{padding-left:18px;margin:8px 0 12px;display:flex;flex-direction:column;gap:6px}
.t-side{background:#fff;border:1px solid var(--trait);border-radius:22px;padding:20px}.t-side p{margin:0 0 12px}
.roles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:12px}.roles>div{background:#fff;border:1px solid var(--trait);border-radius:18px;padding:18px}.roles>div:first-child{background:var(--pale);border-color:transparent}.roles ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}
.final{background:var(--bleu)!important}.final p{color:#dbe6ff!important}.btn.blanc{background:#fff;color:var(--bleu2)}
.vsec{scroll-margin-top:80px}
@media(min-width:900px){
  .h2o{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;padding:36px 0 10px}
  .metier{grid-template-columns:1fr 1fr;padding:28px}
  .edl{grid-template-columns:260px 1fr}
  .tarif{grid-template-columns:1fr 1fr}
  .cascade{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){.ecr{transition:none}}
[hidden]{display:none!important}
/* ---- cases photo et appareil intégré ---- */
.slot{aspect-ratio:auto;min-height:190px;justify-content:flex-start;padding:14px 10px 10px}
.slot .picto{width:82%;max-height:none;flex:1;opacity:.95}
.slot .lib{font-size:13px}.slot .aide-slot{font-size:11px}
.slot i{position:absolute;width:16px;height:16px;border:3px solid var(--bleu);opacity:.8}.slot .c1{top:8px;left:8px;border-right:0;border-bottom:0}.slot .c2{top:8px;right:8px;border-left:0;border-bottom:0}.slot .c3{bottom:8px;left:8px;border-right:0;border-top:0}.slot .c4{bottom:8px;right:8px;border-left:0;border-top:0}
.slot.ok i{display:none}
.cam{position:fixed;inset:0;z-index:100;background:#06070B;color:#fff;display:flex;flex-direction:column;padding:calc(12px + env(safe-area-inset-top,0px)) 12px calc(20px + env(safe-area-inset-bottom,0px))}
.cam-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.cam-x{background:rgba(255,255,255,.14);color:#fff;border:0;border-radius:99px;padding:10px 14px;font:700 14px "DM Sans",sans-serif}
.cam-zone{position:relative;flex:1;border-radius:18px;overflow:hidden;background:#111}.cam-zone video{width:100%;height:100%;object-fit:cover}
.cam-ghost{position:absolute;inset:12%;display:flex;align-items:center;justify-content:center;opacity:.55;pointer-events:none}.cam-ghost .picto{width:100%;filter:drop-shadow(0 0 2px #fff)}
.cam-ghost .picto path,.cam-ghost .picto circle,.cam-ghost .picto rect{stroke:#fff}
.cam-zone i{position:absolute;width:34px;height:34px;border:4px solid #fff}.cam-zone .c1{top:14px;left:14px;border-right:0;border-bottom:0}.cam-zone .c2{top:14px;right:14px;border-left:0;border-bottom:0}.cam-zone .c3{bottom:14px;left:14px;border-right:0;border-top:0}.cam-zone .c4{bottom:14px;right:14px;border-left:0;border-top:0}
.cam-aide{text-align:center;color:#c9d3ea;font-size:14px;margin:12px 0}
.cam-go{align-self:center;width:76px;height:76px;border-radius:50%;border:5px solid #fff;background:transparent;padding:6px;cursor:pointer}.cam-go span{display:block;width:100%;height:100%;border-radius:50%;background:#fff}
.slot .picto{width:92%;min-height:88px}
@media (min-width:600px){.slot{min-height:220px}.slot .picto{min-height:110px}}
/* ---- v2 : marque du loueur, module intégré, espace complet ---- */
.barre-loueur{justify-content:space-between}.marque-loueur{text-decoration:none;display:flex;align-items:center;min-height:40px}.marque-loueur img{max-height:44px;max-width:200px;display:block}.marque-loueur span{font:800 20px Sora,"DM Sans",sans-serif;color:var(--encre)}
.langues{display:flex;gap:4px}.langues a{text-decoration:none;font:700 13px "DM Sans",sans-serif;color:var(--doux);padding:6px 10px;border-radius:99px;border:1px solid var(--trait)}.langues a.on{background:var(--bleu);border-color:var(--bleu);color:#fff}
.pied-loueur{font-size:12px}.pied-embed{text-align:center;color:var(--doux);font-size:11px;margin:4px 0 12px}
body.embed{background:transparent}body.embed .page{padding:8px 4px 0;max-width:none}body.embed .carte{box-shadow:none}
.menu a.cta{background:var(--bleu);color:#fff}
.jours-nav{display:flex;align-items:center;gap:6px}.jours-nav .jours{flex:1;min-width:0}.fl{flex:0 0 36px;height:36px;border-radius:99px;display:flex;align-items:center;justify-content:center;text-decoration:none;font:700 20px "DM Sans",sans-serif;color:var(--bleu2);background:var(--pale)}.fl.off{opacity:.35}
.jour.ferme{opacity:.4;text-decoration:line-through}
.options{display:grid;gap:8px}.options .case span b{color:var(--bleu2)}
.total{display:flex;justify-content:space-between;align-items:baseline;border-top:1px dashed var(--trait);padding-top:12px;margin-top:4px}.total b{font:800 24px Sora,sans-serif;color:var(--encre)}
.bandeau-ok{background:var(--vertp);border-radius:14px;padding:12px 16px;margin-bottom:16px;font-weight:600;color:var(--vert);word-break:break-word}
.progression{height:8px;border-radius:99px;background:var(--pale);overflow:hidden;margin:4px 0 14px}.progression i{display:block;height:100%;background:var(--bleu);border-radius:99px}
.raccourcis{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.raccourcis a{text-decoration:none;font-weight:600;font-size:14px;color:var(--bleu2);background:var(--pale);border-radius:99px;padding:9px 14px}
.deux{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:14px}
input.couleur{height:52px;padding:6px;cursor:pointer}
.logo-apercu{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.logo-apercu img{max-height:48px;border:1px solid var(--trait);border-radius:10px;padding:6px;background:#fff}
.copie{display:flex;gap:8px;align-items:stretch;margin:10px 0}.copie input,.copie textarea{flex:1;min-width:0;font:13px ui-monospace,Menlo,monospace;background:var(--fond)}.copie.code{flex-direction:column}.copie .btn{align-self:flex-start}
.apercu-iframe{width:100%;height:640px;border:1px solid var(--trait);border-radius:16px;background:var(--fond)}
.cal-nav{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.cal-semaine{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:10px;margin-bottom:16px}
.cal-jour{background:#fff;border:1px solid var(--trait);border-radius:16px;padding:12px;min-height:120px;min-width:0}.cal-jour.auj{border-color:var(--bleu);box-shadow:0 0 0 2px var(--pale)}.cal-jour h3{font-size:14px;margin-bottom:8px}
.cal-resa{display:block;text-decoration:none;border-radius:10px;padding:8px 10px;margin-bottom:6px;font-size:13px;background:var(--pale);color:var(--txt);border-left:4px solid var(--bleu)}.cal-resa b,.cal-resa span,.cal-resa small{display:block}.cal-resa.vert{border-color:var(--vert);background:var(--vertp)}.cal-resa.orange{border-color:var(--orange);background:var(--orangep)}.cal-resa.gris{border-color:#9AA8C7;background:#F1F3F8}
.cal-vide{color:var(--doux);font-size:13px;margin:0}
.cal-mois{background:#fff;border:1px solid var(--trait);border-radius:16px;padding:10px;margin-bottom:16px}.cal-tete,.cal-grille{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.cal-tete span{text-align:center;font:700 12px "DM Sans",sans-serif;color:var(--doux);padding:4px 0}
.cal-case{min-height:64px;border-radius:10px;background:var(--fond);padding:6px;text-decoration:none;color:var(--txt);font-size:12px;display:flex;flex-direction:column;gap:2px}.cal-case.plein{background:var(--pale)}.cal-case.auj{outline:2px solid var(--bleu)}.cal-case.vide{background:transparent}.cal-case span{font-weight:700;color:var(--bleu2)}
.barres{display:grid;gap:8px}.barre-l{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:13px}.barre-l i{height:14px;border-radius:99px;background:var(--bleu);min-width:4px}
.offres{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:14px}.prix-l b{font:800 22px Sora,sans-serif;color:var(--encre)}
.recherche-aide{margin:0 0 16px}
.jours-ouverts{border:1px solid var(--trait);border-radius:12px;padding:10px 12px;display:flex;flex-wrap:wrap;gap:10px}.jours-ouverts legend{font-weight:600;font-size:14px;padding:0 4px}
.compat-tete{max-width:760px;margin:10px 0 18px}.compat-tete p{color:var(--doux);font-size:17px}
.compat-grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:10px}.compat-l{border:1px solid var(--trait);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;min-width:0}.compat-l.vedette{border:2px solid var(--bleu);background:var(--pale)}.compat-l span{display:flex;gap:6px;flex-wrap:wrap}.compat-l i{font-style:normal;font:700 11px "DM Sans",sans-serif;border-radius:99px;padding:3px 8px}.m-igloohome{background:#FFE9E4;color:#B3361C}.m-nuki{background:#EDEDED;color:#222}
.compat-produits{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:16px}
.cta-fin{text-align:center}.cta-fin .btn{margin:6px}
[hidden]{display:none!important}
.fonctions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:14px;margin-top:18px}.fonctions>div{background:#fff;border:1px solid var(--trait);border-radius:18px;padding:18px;min-width:0}.fonctions h3{font-size:17px;margin-bottom:6px}.fonctions p{margin:0;color:var(--doux);font-size:15px}.fonctions p b{color:var(--encre)}
.barre .menu{flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:none;-webkit-overflow-scrolling:touch}.barre .menu::-webkit-scrollbar{display:none}.barre .menu a{white-space:nowrap;flex:0 0 auto}
@media (max-width:899px){.barre{padding-bottom:8px}.barre .menu{width:100%}}

.carte form:not(.form){display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.scp-prix a{color:var(--bleu2)}

/* logo officiel Smart Control dans l'en-tete (01/10/2026) */
a.marque{align-items:center!important}
a.marque .pass{align-self:center}
.mq-logo{height:32px;width:auto;display:block}
@media (max-width:480px){.mq-logo{height:26px}}