/* Carnet de Guichets — styles communs : jetons, base, bandeau, en-tête, méga-menu, pied, boutons, champs, éléments répétés. */
:root{
  --outremer:#2A1FA0; --nuit:#14103A; --papier:#F6F4FB; --tampon:#C21F63; --lagon:#2FD0A6; --soleil:#FFB84D; --brume:#5A5680; --blanc:#fff;
  --o1:#E4E1F7; --o2:#C4BEEF; --o3:#9A91E3; --o4:#6355CF;
  --rayon:14px; --wrap:1240px; --hb:108px;
  --f-t:'Bricolage Grotesque','Albert Sans',system-ui,sans-serif; --f-c:'Albert Sans',system-ui,-apple-system,'Segoe UI',sans-serif; --f-m:'Spline Sans Mono',ui-monospace,Menlo,monospace;
  --guil:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120' fill='none' stroke='%232A1FA0' stroke-opacity='.05' stroke-width='1'%3E%3Ccircle cx='60' cy='60' r='58'/%3E%3Ccircle cx='60' cy='60' r='48'/%3E%3Ccircle cx='60' cy='60' r='38'/%3E%3Ccircle cx='60' cy='60' r='28'/%3E%3Ccircle cx='60' cy='60' r='18'/%3E%3Ccircle cx='0' cy='0' r='58'/%3E%3Ccircle cx='120' cy='0' r='58'/%3E%3Ccircle cx='0' cy='120' r='58'/%3E%3Ccircle cx='120' cy='120' r='58'/%3E%3C/svg%3E");
  --guil-c:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120' fill='none' stroke='%23ffffff' stroke-opacity='.07' stroke-width='1'%3E%3Ccircle cx='60' cy='60' r='58'/%3E%3Ccircle cx='60' cy='60' r='48'/%3E%3Ccircle cx='60' cy='60' r='38'/%3E%3Ccircle cx='60' cy='60' r='28'/%3E%3Ccircle cx='60' cy='60' r='18'/%3E%3Ccircle cx='0' cy='0' r='58'/%3E%3Ccircle cx='120' cy='0' r='58'/%3E%3Ccircle cx='0' cy='120' r='58'/%3E%3Ccircle cx='120' cy='120' r='58'/%3E%3C/svg%3E");
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
body{margin:0;background:var(--papier) var(--guil);color:var(--nuit);font:400 17px/1.55 var(--f-c);overflow-x:clip}
img,svg{max-width:100%;height:auto}
a{color:var(--outremer);text-underline-offset:.16em}
a:hover{color:var(--tampon)}
:focus-visible{outline:3px solid var(--soleil);outline-offset:2px;border-radius:4px}
h1,h2,h3,h4{font-family:var(--f-t);font-weight:800;line-height:1.1;letter-spacing:-.01em;margin:0 0 .5em;color:var(--nuit)}
p{margin:0 0 1em}
.mono{font-family:var(--f-m);font-weight:500;letter-spacing:.02em}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 20px}
.screen-reader-text,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip:focus{position:fixed;top:8px;left:8px;z-index:9999;background:var(--soleil);color:var(--nuit);padding:10px 14px;border-radius:8px;font-weight:700}
.ico{width:1.25em;height:1.25em;flex:none;vertical-align:-.22em}
.ico--xl{width:44px;height:44px;color:var(--outremer)}
.piege{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.kick{font:500 12px/1 var(--f-m);letter-spacing:.16em;text-transform:uppercase;color:var(--tampon);margin:0 0 .9em}
.kick--clair{color:var(--soleil)}
.mini{font-size:13.5px;color:var(--brume)}

/* ── bandeau d'indépendance ── */
.bandeau{background:var(--nuit);color:var(--papier);font-size:13.5px;line-height:1.3}
.bandeau__in{display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:36px;padding-top:6px;padding-bottom:6px}
.bandeau p{margin:0}
.bandeau__g{display:flex;gap:8px;align-items:center}.bandeau__g .ico{color:var(--soleil)}
.bandeau__d{font-size:12px;color:#CFCBEA;white-space:nowrap}

/* ── en-tête ── */
.site-h{position:sticky;top:0;z-index:900;background:var(--outremer);color:var(--papier);transition:box-shadow .2s}
.site-h.is-plein{box-shadow:0 6px 20px rgba(20,16,58,.35)}
.h-in{display:flex;align-items:center;gap:22px;min-height:72px}
.logo{display:block;line-height:0;flex:none}
.menu{flex:1;min-width:0}
.menu ul{list-style:none;margin:0;padding:0;display:flex;gap:6px;justify-content:center}
.m-i{position:relative;display:flex;align-items:center}
.m-i>a{display:block;color:var(--papier);text-decoration:none;font:700 16px/1 var(--f-t);padding:10px 12px}
.m-t{position:relative;display:inline-block;padding:7px 11px;border-radius:8px;transition:transform .14s}
.m-i>a:hover .m-t{color:#fff}
.m-i>a:hover .m-t::after{content:"";position:absolute;left:50%;bottom:-4px;width:26px;height:26px;margin-left:-13px;border:2px solid var(--soleil);border-radius:50%;opacity:.0;animation:frappe .14s ease-out forwards;pointer-events:none}
@keyframes frappe{from{transform:scale(1.25);opacity:0}to{transform:scale(1);opacity:.9}}
.m-i.is-actif .m-t{background:var(--tampon);color:#fff;transform:rotate(-4deg)}
.m-b{background:none;border:0;color:var(--papier);cursor:pointer;padding:6px;margin-left:-8px;border-radius:6px;display:flex}
.m-b .ico{width:14px;height:14px;transition:transform .2s}
.is-ouvert>.m-b .ico{transform:rotate(45deg)}
.h-cta{margin-left:auto;flex:none}
.burger{display:none;background:none;border:2px solid rgba(255,255,255,.55);color:#fff;border-radius:10px;width:44px;height:44px;cursor:pointer;align-items:center;justify-content:center}
.burger .ico{width:22px;height:22px}
.mega{position:absolute;left:50%;top:100%;transform:translate(-50%,6px);width:min(920px,calc(100vw - 40px));background:var(--papier) var(--guil);color:var(--nuit);border-top:5px solid var(--tampon);border-radius:0 0 18px 18px;box-shadow:0 22px 50px rgba(20,16,58,.35);padding:22px 26px;opacity:0;visibility:hidden;transition:opacity .15s,transform .15s,visibility 0s .15s;z-index:20}
.is-ouvert>.mega{opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:0s}
.mega__in{display:grid;grid-template-columns:200px minmax(0,1fr) 150px;gap:26px;align-items:start}
.mega__in--t{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mega__tete .kick{margin-bottom:.6em}.mega__s{font-size:14px;color:var(--brume)}
.mega__cols{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 22px;align-content:start}
.mega__cols li{margin:0 0 3px;min-width:0}
.mega__cols a{display:flex;justify-content:space-between;gap:10px;text-decoration:none;color:var(--nuit);padding:5px 0;border-bottom:1px dotted rgba(20,16,58,.28);font-weight:600;font-size:15px}
.mega__cols a:hover{color:var(--tampon)}
.mega__cols i{font-style:normal;font-size:12px;color:var(--brume)}
.mega__fr{width:150px;height:auto;opacity:.9}
.tuile-m{display:flex;gap:12px;align-items:flex-start;text-decoration:none;color:var(--nuit);background:#fff;border:2px solid var(--nuit);border-radius:12px;padding:12px 14px;transition:transform .14s,box-shadow .14s}
.tuile-m:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--tampon);color:var(--nuit)}
.tuile-m .ico{width:30px;height:30px;color:var(--outremer);margin-top:2px}
.tuile-m b{display:block;font:700 15.5px/1.2 var(--f-t)}.tuile-m small{display:block;font-size:13px;line-height:1.35;color:var(--brume);margin-top:3px}

/* ── boutons ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font:700 16px/1 var(--f-t);text-decoration:none;cursor:pointer;border:2px solid transparent;border-radius:12px;padding:14px 22px;min-height:48px;transition:transform .14s,box-shadow .14s,background .14s}
.btn:hover{transform:translate(-2px,-2px)}
.btn--plein{background:var(--outremer);color:#fff;box-shadow:0 0 0 0 var(--tampon)}.btn--plein:hover{color:#fff;box-shadow:4px 4px 0 var(--tampon)}
.btn--ligne{background:#fff;color:var(--nuit);border-color:var(--nuit)}.btn--ligne:hover{color:var(--nuit);box-shadow:4px 4px 0 var(--outremer)}
.btn--tag{position:relative;background:var(--tampon);color:#fff;border-radius:0;padding:14px 26px 14px 24px;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,0 100%);min-height:48px;font-size:16px}
.btn--tag::after{content:"";position:absolute;right:11px;top:9px;width:9px;height:9px;border-radius:50%;border:2px solid rgba(255,255,255,.7)}
.btn--tag:hover{color:#fff;background:#A8194F;transform:translateY(-2px)}
.btn--xl{padding:18px 32px;font-size:18px}
.h-cta.btn--tag{padding:12px 28px 12px 22px;font-size:15px}
.lien-fl{display:inline-flex;align-items:center;gap:7px;font-weight:700;text-decoration:none;color:var(--outremer);margin-right:18px}
.lien-fl .ico{transition:transform .14s}.lien-fl:hover .ico{transform:translateX(4px)}.lien-fl:hover{color:var(--tampon)}
.lien-bloc{margin:14px 0 0}

/* ── champs ── */
.champ{display:block;position:relative}
.champ__l{display:block;font:600 13.5px/1.2 var(--f-c);color:var(--brume);margin-bottom:6px}
.champ input[type=text],.champ input[type=number],.champ textarea,.rech input{width:100%;font:500 17px/1.3 var(--f-c);color:var(--nuit);background:#fff;border:2px solid var(--nuit);border-radius:10px;padding:13px 14px;min-height:50px}
.champ input:focus,.champ textarea:focus,.rech input:focus{outline:3px solid var(--soleil);outline-offset:1px;border-color:var(--nuit)}
.champ input.ko{border-color:var(--tampon);box-shadow:0 0 0 3px rgba(194,31,99,.25)}
.champ--g input{font-size:21px;padding:17px 18px;min-height:62px}
.consent{display:flex;gap:11px;align-items:flex-start;font-size:14px;line-height:1.45;color:var(--nuit);margin:14px 0}
.consent input{width:22px;height:22px;flex:none;margin:1px 0 0;accent-color:var(--outremer)}
.erreur{background:#FDE8F0;border:2px solid var(--tampon);color:#7A0F3A;border-radius:10px;padding:10px 14px;font-weight:600;margin:0 0 14px}
.rech{display:grid;grid-template-columns:1fr 1fr auto;gap:0;background:#fff;border:2px solid var(--nuit);border-radius:14px;align-items:stretch;position:relative}
.rech__c{display:block;position:relative;padding:8px 14px 8px;border-right:2px dashed rgba(20,16,58,.35)}
.rech__l{display:block;font:500 11px/1 var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--tampon);margin-bottom:2px}
.rech input{border:0;padding:6px 0;min-height:34px;background:transparent;border-radius:0}
.rech input:focus{outline:0;box-shadow:inset 0 -3px 0 var(--soleil)}
.rech .btn{border-radius:0 11px 11px 0;margin:-2px -2px -2px 0;clip-path:none;padding:0 28px}
.rech .btn::after{display:none}
.sugg{position:absolute;left:0;right:0;top:100%;z-index:60;list-style:none;margin:6px 0 0;padding:6px;background:#fff;border:2px solid var(--nuit);border-radius:12px;box-shadow:0 14px 34px rgba(20,16,58,.25);max-height:300px;overflow:auto}
.sugg li{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;font-weight:600}
.sugg li.is-on,.sugg li:hover{background:var(--o1)}.sugg i{font-style:normal;color:var(--brume);font-size:12.5px}
.rech--court{grid-template-columns:1fr auto}

/* ── pastilles (contraste ≥ 4,5:1 mesuré) ── */
.pastille{display:inline-flex;align-items:center;gap:5px;font:600 12.5px/1 var(--f-c);padding:6px 10px;border-radius:999px;text-decoration:none;letter-spacing:.01em}
.pastille .ico{width:13px;height:13px}
.p-ag{background:var(--outremer);color:#fff}.p-ag:hover{color:#fff;background:var(--nuit)}
.p-voy{background:var(--tampon);color:#fff}
.p-res{background:var(--nuit);color:#fff}.p-res:hover{color:#fff;background:var(--outremer)}
.p-etoile,.p-sol{background:var(--soleil);color:var(--nuit)}.p-sol:hover{color:var(--nuit);background:#FFC673}

/* ── pied de page compact ── */
.pied{background:var(--nuit);color:#D8D5EE;margin-top:70px;font-size:14.5px}
.pied a{color:#fff;text-decoration:none}.pied a:hover{color:var(--soleil);text-decoration:underline}
.pied__in{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:30px;padding-top:34px;padding-bottom:22px}
.pied__marque p{margin:10px 0 0;max-width:46ch;line-height:1.45}
.pied__col h2{font:500 11.5px/1 var(--f-m);letter-spacing:.16em;text-transform:uppercase;color:var(--soleil);margin:0 0 10px}
.pied__col ul{list-style:none;margin:0;padding:0}.pied__col li{margin:0 0 6px}
.pied__bas{border-top:1px solid rgba(255,255,255,.14)}
.pied__bas-in{display:flex;justify-content:space-between;gap:20px;padding-top:12px;padding-bottom:14px;font-size:12.5px;color:#B9B5DB}
.pied__bas p{margin:0}

/* ── éléments répétés ── */
.sec{padding-top:46px}
.sec__t{font-size:clamp(1.55rem,2.5vw,2.15rem);margin-bottom:.7em}
.sec__t--m{margin-top:1.4em}.sec__s{font-size:1.15rem;margin:1.4em 0 .6em}
.sec__tete{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}
.fil ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px 8px;margin:0 0 14px;padding:0;font-size:13.5px}
.fil li+li::before{content:"›";margin-right:8px;opacity:.6}
.fil a{text-decoration:none}.fil a:hover{text-decoration:underline}
.ptete .fil a,.f-tete .fil a,.art-hero .fil a,.media-une .fil a{color:#E6E3FA}.ptete .fil span,.f-tete .fil span,.art-hero .fil span,.media-une .fil span{color:#fff}
.etiquettes{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:9px}
.etiquettes a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--nuit);background:#fff;border:2px solid var(--nuit);border-radius:999px;padding:7px 14px;font-weight:600;font-size:15px;transition:transform .12s,box-shadow .12s}
.etiquettes a:hover{transform:translate(-2px,-2px);box-shadow:3px 3px 0 var(--tampon);color:var(--nuit)}
.etiquettes i{font-style:normal;font-size:12.5px;color:var(--brume)}
.etiquettes--g a{font-size:16.5px;padding:9px 16px}
.faits,.talon{list-style:none;margin:0;padding:0}
.talon{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));background:#fff;border:2px solid var(--nuit);border-radius:var(--rayon);margin-top:26px}
.talon li{padding:16px 18px;border-left:2px dashed rgba(20,16,58,.3);display:flex;flex-direction:column;gap:4px}
.talon li:first-child{border-left:0}
.talon b{font-size:clamp(1.5rem,2.6vw,2.2rem);line-height:1;color:var(--outremer)}.talon span{font-size:14px;color:var(--brume);line-height:1.25}
.logos-res{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}
.logos-res a{display:flex;align-items:center;gap:12px;text-decoration:none;background:#fff;border:2px solid var(--nuit);border-radius:12px;padding:10px 16px;min-height:64px;color:var(--nuit);transition:transform .12s,box-shadow .12s}
.logos-res a:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--outremer)}
.logos-res .mono{font-size:13px;color:var(--brume)}
.logos-res--g li:not(.logos-res__tous) a{min-width:150px;justify-content:space-between}
.logos-res__tous a{border-style:dashed;font-weight:700;color:var(--outremer)}
.logo-res{display:block;width:auto;max-width:150px;object-fit:contain}
.logo-res--nom{font:700 15px/1.2 var(--f-t)}
.legende{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--brume);margin:14px 0}
.legende i{width:26px;height:14px;border-radius:3px;border:1px solid rgba(20,16,58,.25)}
.n1{fill:var(--o1);background:var(--o1)}.n2{fill:var(--o2);background:var(--o2)}.n3{fill:var(--o3);background:var(--o3)}.n4{fill:var(--o4);background:var(--o4)}.n5{fill:var(--outremer);background:var(--outremer)}
.carte-bloc{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center}
.carte-bloc__carte{max-width:560px;justify-self:center;width:100%}
.fr-carte{width:100%;height:auto;display:block}
.fr-sil{fill:#fff;stroke:var(--nuit);stroke-width:1.2;stroke-linejoin:round}
.fr-depts a path{stroke:var(--papier);stroke-width:.7;transition:fill .12s;cursor:pointer}
.fr-depts a:hover path,.fr-depts a:focus-visible path{fill:var(--tampon)}
.fr-depts text{font:500 8px var(--f-m);fill:#fff;pointer-events:none}
.fr-etiq text{font:500 9px var(--f-m);fill:var(--brume)}
.note-mesure{display:flex;gap:12px;align-items:flex-start;background:#fff;border:2px dashed var(--brume);border-radius:12px;padding:14px 16px;font-size:14.5px;color:var(--nuit);margin:26px 0 0}
.note-mesure .ico{color:var(--outremer);margin-top:2px}.note-mesure span{display:block}
.cartes-v{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.cartes-v a{display:flex;flex-direction:column;gap:4px;height:100%;text-decoration:none;color:var(--nuit);background:#fff;border:2px solid var(--nuit);border-radius:var(--rayon);padding:14px 16px;transition:transform .12s,box-shadow .12s}
.cartes-v a:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--outremer);color:var(--nuit)}
.cv__n{font:700 18px/1.15 var(--f-t)}.cv__n i{font-style:normal;color:var(--brume);font-size:13px;font-weight:500}.cv__c{font-size:13px;color:var(--brume)}
.cv__i{align-self:flex-start;background:var(--soleil);color:var(--nuit);font:600 12px/1 var(--f-c);border-radius:999px;padding:5px 9px;margin-top:4px}
.bandeau-cta{padding-top:54px}
.bandeau-cta__in{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;background:var(--outremer) var(--guil-c);color:#fff;border-radius:20px;padding:30px 34px}
.bandeau-cta h2{color:#fff;margin:0 0 .3em;font-size:clamp(1.4rem,2.3vw,1.9rem)}.bandeau-cta p{margin:0;color:#E6E3FA;max-width:56ch}
.carte-outil{display:flex;align-items:center;gap:18px;text-decoration:none;color:var(--nuit);background:#fff;border:2px solid var(--nuit);border-radius:var(--rayon);padding:20px 22px;transition:transform .12s,box-shadow .12s}
.carte-outil:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--tampon);color:var(--nuit)}
.carte-outil span{flex:1}.carte-outil b{display:block;font:800 20px/1.2 var(--f-t)}.carte-outil small{display:block;font-size:14.5px;color:var(--brume);margin-top:3px}
.carte-outil--b .ico--xl{color:var(--tampon)}
.duo-cta{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.trois{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.trois li{background:#fff;border:2px solid var(--nuit);border-radius:var(--rayon);padding:20px;display:flex;flex-direction:column;gap:6px}
.trois i{font-style:normal;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--outremer);color:#fff;font-size:15px}
.trois b{font:800 18px/1.2 var(--f-t)}.trois span{font-size:15px;color:var(--brume)}
.vide{text-align:center;max-width:620px;margin:20px auto;padding:30px 20px}.vide h2{margin-top:.4em}
.plus summary{cursor:pointer;font-weight:700;color:var(--outremer);margin:16px 0 4px}
.pager{display:flex;align-items:center;justify-content:center;gap:18px;margin:30px 0 0;flex-wrap:wrap}
.pager a,.pager .page-numbers{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:700;background:#fff;border:2px solid var(--nuit);border-radius:10px;padding:10px 16px;color:var(--nuit)}
.pager .current{background:var(--outremer);color:#fff}.pager__i{font:500 13px var(--f-m);color:var(--brume)}.pager__p .ico{transform:rotate(180deg)}
.merci{padding-top:60px}.merci__c{max-width:640px;margin:0 auto;text-align:center}.merci__code{font-size:15px;color:var(--brume)}.merci__act{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.tampon-reserve{display:inline-grid;place-items:center;width:150px;height:150px;border:5px solid var(--tampon);border-radius:50%;color:var(--tampon);font:800 30px/1 var(--f-t);text-transform:uppercase;letter-spacing:.08em;transform:rotate(-12deg);margin-bottom:20px;position:relative;animation:abat .7s cubic-bezier(.2,.9,.3,1.2) both}
.tampon-reserve::before{content:"";position:absolute;inset:8px;border:2px dashed var(--tampon);border-radius:50%}
@keyframes abat{0%{transform:scale(2.2) rotate(-26deg);opacity:0}60%{transform:scale(.93) rotate(-10deg);opacity:1}100%{transform:scale(1) rotate(-12deg)}}
.err404{padding-top:60px}.err404__c{max-width:640px;margin:0 auto;text-align:center}.err404__c .rech{margin:20px 0}.tampon-reserve--404{width:170px;height:170px;font-size:44px}

/* ── responsive commun ── */
@media (max-width:980px){
  :root{--hb:96px}
  .menu{display:none}
  .burger{display:flex;margin-left:8px}
  .h-in{min-height:62px;gap:10px}.h-cta{margin-left:auto}
  body.menu-ouvert .menu{display:block;position:fixed;inset:var(--hb) 0 0 0;background:var(--outremer);padding:18px 20px 30px;overflow:auto;z-index:850}
  body.menu-ouvert .menu ul{flex-direction:column;gap:2px;align-items:stretch}
  .m-i{flex-wrap:wrap}.m-i>a{flex:1;font-size:22px;padding:12px 4px}
  .m-b{padding:12px}.m-b .ico{width:20px;height:20px}
  .mega{position:static;transform:none;width:100%;opacity:1;visibility:visible;display:none;border-radius:12px;margin:4px 0 10px;box-shadow:none}
  .is-ouvert>.mega{display:block;transform:none}
  .mega__in{grid-template-columns:1fr}.mega__in--t{grid-template-columns:1fr}.mega__cols{grid-template-columns:repeat(2,minmax(0,1fr))}.mega__fr{display:none}
  .carte-bloc,.duo-cta{grid-template-columns:1fr}
  .trois{grid-template-columns:1fr}
  .pied__in{grid-template-columns:1fr 1fr}.pied__marque{grid-column:1/-1}
  .rech{grid-template-columns:1fr;border-radius:14px}
  .rech__c{border-right:0;border-bottom:2px dashed rgba(20,16,58,.35)}
  .rech .btn{margin:0;border-radius:0 0 12px 12px;min-height:54px;width:100%}
}
@media (max-width:640px){
  body{font-size:16.5px}
  .bandeau__d{display:none}.bandeau{font-size:12px}.bandeau__in{min-height:44px;padding-top:5px;padding-bottom:5px}
  :root{--hb:116px}
  .logo svg{width:132px;height:auto}
  .h-cta.btn--tag{padding:9px 22px 9px 14px;font-size:13px;min-height:40px}.burger{width:40px;height:40px;margin-left:4px}
  .h-in{gap:8px}
  .pied__in{grid-template-columns:1fr;gap:18px}.pied__bas-in{flex-direction:column;gap:6px}
  .bandeau-cta__in{padding:24px 20px}
  .talon li{border-left:0;border-top:2px dashed rgba(20,16,58,.3)}.talon li:first-child{border-top:0}
}

/* AN-0082 (26/10/2026) — « Les enseignes que vous connaissez » : cartes de même taille, logos dans une boîte fixe, compteur calé à droite */
.logos-res--g{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.logos-res--g li:not(.logos-res__tous) a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;height:88px;padding:0 18px}
.logos-res--g .logo-res{width:128px;height:62px;max-width:100%;object-fit:contain;object-position:left center}
.logos-res--g .logo-res--nom{display:flex;align-items:center;height:44px}
.logos-res--g .mono{min-width:34px;text-align:center;padding:4px 8px;border-radius:99px;background:rgba(20,16,58,.07);color:var(--nuit);font-weight:700}
.logos-res--g .logos-res__tous a{display:flex;justify-content:center;height:88px}

/* AN-0082 reprise (26/10) — enseignes en 2 colonnes sur téléphone */
@media (max-width:600px){.logos-res--g{grid-template-columns:1fr 1fr;gap:10px}.logos-res--g li:not(.logos-res__tous) a{gap:6px;padding:0 10px;height:72px}.logos-res--g .logo-res{width:100%;height:46px}.logos-res--g .mono{min-width:28px;padding:3px 6px;font-size:12px}.logos-res--g .logos-res__tous a{height:72px}}