/* ═══════════════════════════════════════════════════════════════════════════════════════════════════════════════
   fiche-partenaire.css — le constructeur de fiche partenaire : UNE feuille, DEUX hôtes (2026-09-16)
   ───────────────────────────────────────────────────────────────────────────────────────────────────────────────
   Arthur : « on doit avoir exactement la même chose visuellement entre landing et streamiku ». Ce fichier est servi
   tel quel par la landing (/partenaires, css/fiche-partenaire.css) et par Streamiku (modal « Devenir partenaire »,
   wwwroot/css/fiche-partenaire.css). Tout ce qui touche à l'aspect du constructeur, de la fiche et de la carte vit
   ICI et nulle part ailleurs ; les deux copies sont comparées octet pour octet par la recette
   (scratchpad partenaires/verifier-fiche-css.js). La référence est la copie de Streamiku.
   Aucune dépendance aux jetons de l'hôte : les couleurs sont celles de la landing ; l'hôte ne fournit que ses polices
   (--fp-font-hote, --fp-font-titre-hote), Streamiku charge Syne et DM Sans à l'ouverture du modal pour les avoir aussi.
   Tailles en px (les rem dépendraient de la taille de police racine de chaque hôte).
   ═══════════════════════════════════════════════════════════════════════════════════════════════════════════════ */
.fp{--fp-font:var(--fp-font-hote,'DM Sans',ui-sans-serif,system-ui,sans-serif);--fp-font-titre:var(--fp-font-titre-hote,'Syne',ui-sans-serif,system-ui,sans-serif);
  --fp-teal:#0AACA5;--fp-teal-clair:#5FD8CF;--fp-corail:#FD7358;--fp-corail-clair:#ffb9a4;--fp-blanc:#fff;--fp-light:#b0cdd8;--fp-muted:#7a9bab;--fp-muted-aa:#96b4c2;
  --fp-fond:#071D28;--fp-fond-carte:#0a1f2b;--fp-ligne:rgba(176,205,216,.14);--fp-ligne-2:rgba(176,205,216,.2);--fp-ligne-3:rgba(176,205,216,.28);
  --fp-champ:rgba(255,255,255,.04);--fp-surf:rgba(4,15,24,.45);--fp-surv:rgba(255,255,255,.05);--fp-ko:#ff9b87;--fp-colle:0px;
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:19px;align-items:start;max-width:1200px;margin:0 auto;
  font-family:var(--fp-font);font-size:16px;line-height:1.5;color:var(--fp-light);text-align:left}
/* Thème clair de Streamiku (la landing n'en a pas) : mêmes règles, autre palette. */
html[data-theme="light"] .fp{--fp-blanc:#0f1720;--fp-light:#2b3f4a;--fp-muted:#5b7280;--fp-muted-aa:#4a5f6b;--fp-fond:#f4f8fa;--fp-fond-carte:#eef4f7;
  --fp-ligne:rgba(15,40,52,.12);--fp-ligne-2:rgba(15,40,52,.18);--fp-ligne-3:rgba(15,40,52,.26);--fp-champ:rgba(15,40,52,.04);--fp-surf:rgba(255,255,255,.6);
  --fp-surv:rgba(15,40,52,.06);--fp-ko:#c2410c;--fp-corail-clair:#b3462b}
.fp *,.fp *::before,.fp *::after{box-sizing:border-box}
.fp p,.fp ul{margin:0}
.fp .iku-ico{display:inline-block;vertical-align:middle;flex:none}

/* ── Le formulaire ──────────────────────────────────────────────────────────────────────────────────────────── */
.fp-form{display:grid;gap:13px;align-content:start;padding:19px 21px;border:1px solid var(--fp-ligne);border-radius:18px;background:var(--fp-surf)}
.fp-deux{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.fp-champ{display:flex;flex-direction:column;gap:6px;min-width:0;margin:0;font:inherit;color:inherit;cursor:default}
.fp-champ>span{font-family:var(--fp-font-titre);font-size:11px;font-weight:700;line-height:1.4;letter-spacing:.04em;text-transform:uppercase;color:var(--fp-muted-aa)}
.fp-champ>span small{margin-left:4px;font-family:var(--fp-font);font-size:11px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--fp-muted)}
/* Le combo (Streamiku : Combo.razor ; landing : le même DOM, en JS) — d'abord sa base, puis l'habit de champ. */
.fp .cbo{position:relative;display:flex;width:100%;min-width:0}
.fp .cbo-btn{display:flex;align-items:center;gap:6px;width:100%;min-width:0;cursor:pointer;text-align:left;transition:border-color .12s ease,box-shadow .12s ease}
.fp .cbo-btn:hover:not(:disabled),.fp .cbo-btn.open{border-color:var(--fp-teal)}
.fp .cbo-btn:disabled{opacity:.5;cursor:not-allowed}
.fp .cbo-val{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fp .cbo-val.is-null{color:var(--fp-muted)}
.fp .cbo-arw{width:11px;height:11px;flex:0 0 auto;opacity:.7;transition:transform .12s}
.fp .cbo-btn.open .cbo-arw{transform:rotate(180deg)}
.fp-champ input,.fp-champ textarea,.fp-champ select,.fp-champ .cbo-btn{width:100%;min-height:44px;margin:0;padding:10px 13px;border-radius:11px;border:1px solid var(--fp-ligne-2);
  background:var(--fp-champ);color:var(--fp-blanc);font:400 15px/1.4 var(--fp-font);box-shadow:none}
.fp-champ input::placeholder,.fp-champ textarea::placeholder{color:var(--fp-muted);opacity:1}
.fp-champ textarea{min-height:84px;resize:vertical}
.fp-champ input:focus-visible,.fp-champ textarea:focus-visible,.fp-champ select:focus-visible,.fp-champ .cbo-btn:focus-visible,.fp-btn:focus-visible,.fp-lien:focus-visible,
.fp .cns-point:focus-visible,.fp .cns-cf-x:focus-visible{outline:2px solid var(--fp-teal-clair);outline-offset:2px;box-shadow:none}
.fp-case{display:flex;flex-direction:row;align-items:center;gap:8px;margin:0;font:400 14px/1.4 var(--fp-font);color:var(--fp-light);cursor:pointer}
.fp-case input{width:16px;height:16px;min-height:0;margin:0;flex:none;accent-color:var(--fp-corail)}
.fp-controles{display:grid;gap:5px}
.fp-ctrl{position:relative;margin:0;padding-left:16px;font-size:13.5px;line-height:1.45;color:var(--fp-muted-aa)}
.fp-ctrl::before{content:"·";position:absolute;left:4px;color:var(--fp-teal)}
.fp-ctrl.is-ko{color:var(--fp-ko)}.fp-ctrl.is-ko::before{color:var(--fp-corail)}
.fp-ctrl.is-ok{color:var(--fp-teal-clair)}
.fp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.fp-btn{appearance:none;display:inline-flex;align-items:center;gap:8px;margin:0;padding:13px 24px;border-radius:999px;border:1px solid transparent;cursor:pointer;
  font:700 14px/1.2 var(--fp-font);text-decoration:none;transition:transform .15s,border-color .15s,background .15s}
.fp-btn .iku-ico{width:15px;height:15px}
.fp-btn.is-plein{background:var(--fp-teal);border-color:var(--fp-teal);color:#04252b}
.fp-btn.is-plein:hover:not(:disabled){background:#0cc3bb;transform:translateY(-1px)}
.fp-btn.is-creux{border-color:var(--fp-ligne-3);background:transparent;color:var(--fp-light)}
.fp-btn.is-creux:hover:not(:disabled){border-color:var(--fp-teal);color:var(--fp-blanc)}
.fp-btn:disabled{opacity:.55;cursor:default;transform:none}
.fp-liens{display:flex;flex-wrap:wrap;gap:6px 16px}
.fp-lien{appearance:none;border:0;background:none;margin:0;padding:0;cursor:pointer;font:600 13px/1.4 var(--fp-font);color:var(--fp-teal-clair);text-decoration:none}
.fp-lien:hover:not(:disabled){text-decoration:underline}
.fp-lien:disabled{opacity:.5;cursor:default}
.fp-note{margin:0;font-size:13px;line-height:1.6;color:var(--fp-muted-aa)}
.fp-note.is-ok{color:var(--fp-teal-clair)}.fp-note.is-ko{color:var(--fp-ko)}

/* Le panneau du combo (fixe, ancré au bouton par mesure ; dans Streamiku il vit dans le contexte d'empilement du modal). */
.fp .cbo-veil,.cbo-veil.is-fp{position:fixed;inset:0;z-index:1200}
.fp .cbo-pan,.cbo-pan.is-fp{position:fixed;z-index:1201;max-height:min(320px,55vh);overflow:auto;display:flex;flex-direction:column;padding:4px;
  background:var(--fp-fond-carte,#0a1f2b);color:var(--fp-blanc,#fff);border:1px solid var(--fp-ligne-2,rgba(176,205,216,.2));border-radius:10px;
  box-shadow:0 14px 40px rgba(0,0,0,.34),0 1px 0 rgba(255,255,255,.03) inset;font:400 14px/1.4 var(--fp-font,'DM Sans',sans-serif);animation:fp-cbo .12s ease-out;transform-origin:top}
.fp .cbo-pan.is-haut,.cbo-pan.is-fp.is-haut{transform-origin:bottom;animation-name:fp-cbo-haut}
@keyframes fp-cbo{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@keyframes fp-cbo-haut{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.fp .cbo-cherche,.cbo-pan.is-fp .cbo-cherche{position:sticky;top:-4px;z-index:1;display:flex;align-items:center;gap:6px;margin:-4px -4px 4px;padding:6px 8px;
  background:var(--fp-fond-carte,#0a1f2b);border-bottom:1px solid var(--fp-ligne,rgba(176,205,216,.14));color:var(--fp-muted,#7a9bab)}
.fp .cbo-cherche svg,.cbo-pan.is-fp .cbo-cherche svg{width:13px;height:13px;flex:0 0 auto}
.fp .cbo-in,.cbo-pan.is-fp .cbo-in{flex:1 1 auto;min-width:0;min-height:0;border:0;background:transparent;font:inherit;color:var(--fp-blanc,#fff);padding:2px 0;border-radius:0}
.fp .cbo-in:focus,.cbo-pan.is-fp .cbo-in:focus{outline:none}
.fp .cbo-in::placeholder,.cbo-pan.is-fp .cbo-in::placeholder{color:var(--fp-muted,#7a9bab)}
.fp .cbo-opt,.cbo-pan.is-fp .cbo-opt{display:flex;align-items:center;gap:6px;padding:6px 9px;border-radius:6px;cursor:pointer;white-space:nowrap}
.fp .cbo-opt:hover,.fp .cbo-opt.act,.cbo-pan.is-fp .cbo-opt:hover,.cbo-pan.is-fp .cbo-opt.act{background:var(--fp-surv,rgba(255,255,255,.05))}
.fp .cbo-opt.act,.cbo-pan.is-fp .cbo-opt.act{box-shadow:inset 0 0 0 1px rgba(10,172,165,.45)}
.fp .cbo-opt.sel,.cbo-pan.is-fp .cbo-opt.sel{background:rgba(10,172,165,.16);font-weight:600}
.fp .cbo-opt.sel.act,.cbo-pan.is-fp .cbo-opt.sel.act{box-shadow:inset 0 0 0 1px var(--fp-teal,#0AACA5)}
.fp .cbo-grp,.cbo-pan.is-fp .cbo-grp{position:sticky;top:-4px;padding:7px 9px 3px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--fp-muted,#7a9bab);background:var(--fp-fond-carte,#0a1f2b)}
.fp .cbo-cherche ~ .cbo-grp,.cbo-pan.is-fp .cbo-cherche ~ .cbo-grp{top:30px}
.fp .cbo-empty,.cbo-pan.is-fp .cbo-empty{padding:6px 8px;opacity:.6;font-size:13px}

/* ── L'aperçu : la carte de France, SON point, la fiche au survol ───────────────────────────────────────────── */
.fp-apercu{position:sticky;top:var(--fp-colle);display:grid;gap:12px;align-content:start;padding:17px 19px;border:1px solid rgba(10,172,165,.28);border-radius:18px;
  background:linear-gradient(165deg,rgba(10,172,165,.08),rgba(4,15,24,.5))}
html[data-theme="light"] .fp-apercu{background:linear-gradient(165deg,rgba(10,172,165,.08),rgba(255,255,255,.5))}
.fp-apercu-t{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
.fp-apercu-t b{font-family:var(--fp-font-titre);font-size:13px;font-weight:700;color:var(--fp-blanc)}
.fp-apercu-t span{font-size:12px;color:var(--fp-muted)}
/* « Agrandir la carte » (Arthur, 2026-09-16) : le formulaire se retire, la carte prend toute la largeur. */
.fp-agrandir{appearance:none;display:inline-flex;align-items:center;gap:6px;margin:0 0 0 auto;padding:6px 11px;border-radius:999px;border:1px solid var(--fp-ligne-3);
  background:transparent;color:var(--fp-light);cursor:pointer;font:600 12px/1.2 var(--fp-font);white-space:nowrap}
.fp-agrandir:hover{border-color:var(--fp-teal);color:var(--fp-blanc)}
.fp-agrandir .iku-ico{width:13px;height:13px}
.fp.is-grand{grid-template-columns:minmax(0,1fr)}
.fp.is-grand .fp-form{display:none}
.fp.is-grand .fp-apercu{position:static}
.fp.is-grand .cns-cf-scene{width:min(100%,calc(min(80vh,860px) * var(--cf-l,632) / var(--cf-h,610)))}
.fp .cns-carte-france{position:relative;display:grid;gap:10px;padding:0;border:0;background:none}
.fp .cns-cf-scene{position:relative;width:min(100%,calc(min(62vh,560px) * var(--cf-l,632) / var(--cf-h,610)));margin:0 auto}
.fp .cns-cf-scene>svg{display:block;width:100%;height:auto}
.fp .cns-pays{fill:rgba(10,172,165,.08);stroke:rgba(10,172,165,.45);stroke-width:1.4;stroke-linejoin:round}
.fp .cns-ville text{font:600 11px var(--fp-font);fill:var(--fp-muted);paint-order:stroke;stroke:var(--fp-fond-carte);stroke-width:3px;stroke-linejoin:round;pointer-events:none}
.fp .cns-rayon{fill:rgba(253,115,88,.12);stroke:rgba(253,115,88,.55);stroke-width:1.2;stroke-dasharray:5 4;pointer-events:none}
.fp .cns-point{cursor:pointer;outline:none}
.fp .cns-cible{fill:transparent}
.fp .cns-pt{stroke:var(--fp-fond-carte);stroke-width:1.6;transform-box:fill-box;transform-origin:center;transition:transform .15s}
.fp .cns-point.is-avant .cns-pt{stroke:var(--fp-corail);stroke-width:2.2}
.fp .cns-point:hover .cns-pt,.fp .cns-point:focus-visible .cns-pt{transform:scale(1.25)}
.fp .cns-point:focus-visible .cns-cible{stroke:var(--fp-teal-clair);stroke-width:2}
.fp .cns-point.is-choisi .cns-pt{stroke:var(--fp-blanc);stroke-width:2.6;transform:scale(1.35)}
.fp .cns-point.is-vous .cns-pt{stroke:var(--fp-corail);stroke-width:2.6}
.fp .cns-vous-halo{fill:none;stroke:var(--fp-corail);stroke-width:1.2;transform-box:fill-box;transform-origin:center;animation:fp-pouls 2s ease-out infinite}
@keyframes fp-pouls{from{transform:scale(.6);opacity:.9}to{transform:scale(1.7);opacity:0}}
.fp .cns-legende{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:11px;color:var(--fp-muted)}
.fp .cns-legende span{display:inline-flex;align-items:center}
.fp .cns-legende i{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;margin-right:6px}
.fp .cns-legende-avant i{box-sizing:border-box;background:transparent;border:2px solid var(--fp-corail)}
.fp .cns-legende-vous i{background:var(--fp-corail);box-shadow:0 0 0 2px rgba(253,115,88,.35)}
.fp .cns-cf-aide{flex-basis:100%;display:inline-flex;align-items:flex-start;gap:5px;color:var(--fp-muted)}
.fp .cns-cf-aide .iku-ico{width:12px;height:12px;margin-top:2px}
/* La bulle (au plus 62 % de la carte, 360 px) : à droite du point s'il est dans les 45 % de gauche, sinon à gauche ; jamais au-delà de 20 % du bord, et jamais
   plus haute que ce qui reste (max-height en ligne) : mesuré, à 40 % la fiche dépassait le haut de la carte de 70 px. */
.fp .cns-cf-bulle{position:absolute;z-index:3;width:min(360px,62%);max-height:96%;overflow:auto;pointer-events:auto;animation:fp-in .12s ease-out;
  scrollbar-width:thin;scrollbar-color:rgba(176,205,216,.35) transparent;border-radius:14px}
.fp .cns-cf-bulle::-webkit-scrollbar{width:6px}
.fp .cns-cf-bulle::-webkit-scrollbar-track{background:transparent}
.fp .cns-cf-bulle::-webkit-scrollbar-thumb{background:rgba(176,205,216,.35);border-radius:6px}
/* Dans la bulle, la fiche se serre un peu (elle doit tenir dans la hauteur de la carte). */
.fp .cns-cf-bulle .cns-carte{gap:9px;padding:12px 13px}
.fp .cns-cf-bulle .cns-carte ul{gap:3px}
.fp .cns-cf-bulle .cns-pied{gap:7px;padding-top:8px}
@keyframes fp-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.fp .cns-cf-bulle .cns-carte{box-shadow:0 18px 44px rgba(0,0,0,.42);cursor:default;background:var(--fp-fond-carte);border-color:var(--fp-ligne-2)}
.fp .cns-cf-bulle .cns-carte.is-avant{background:linear-gradient(160deg,rgba(253,115,88,.12),transparent 55%),var(--fp-fond-carte)}
.fp .cns-cf-bulle.is-epingle .cns-carte{outline:2px solid rgba(253,115,88,.45)}
.fp .cns-cf-x{position:absolute;top:6px;right:6px;width:24px;height:24px;display:grid;place-items:center;margin:0;padding:0;border-radius:7px;border:1px solid var(--fp-ligne-2);
  background:var(--fp-fond-carte);color:var(--fp-light);cursor:pointer}
.fp .cns-cf-x .iku-ico{width:12px;height:12px}

/* ── La fiche, telle que l'annuaire de Streamiku la montre (ConseilCarte) ───────────────────────────────────── */
.fp .cns-carte{display:grid;grid-template-rows:auto auto 1fr auto;gap:11px;margin:0;padding:14px;border-radius:14px;border:1px solid var(--fp-ligne);
  background:rgba(255,255,255,.03);min-width:0;color:var(--fp-light);font-family:var(--fp-font);font-size:16px;line-height:1.5}
.fp .cns-carte.is-avant{border-color:rgba(253,115,88,.45);background:linear-gradient(160deg,rgba(253,115,88,.12),transparent 55%)}
.fp .cns-id{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center}
.fp .cns-logo{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;font:800 13px/1 var(--fp-font-titre);color:#06131a}
.fp .cns-id b{display:block;font:700 14.5px/1.25 var(--fp-font-titre);color:var(--fp-blanc)}
.fp .cns-id small{display:block;font-size:12px;font-weight:500;line-height:1.35;color:var(--fp-muted)}
.fp .cns-badges{display:flex;flex-wrap:wrap;gap:5px}
.fp .cns-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:600;line-height:1.5;border:1px solid var(--fp-ligne-2);color:var(--fp-light)}
.fp .cns-badge .iku-ico{width:11px;height:11px}
.fp .cns-badge i{display:inline-block;flex:none;width:7px;height:7px;border-radius:50%;margin-right:2px}
.fp .cns-badge.is-avant{border-color:rgba(253,115,88,.5);color:var(--fp-corail-clair);background:rgba(253,115,88,.12)}
.fp .cns-badge.is-sk{border-color:rgba(10,172,165,.45);color:var(--fp-teal-clair);background:rgba(10,172,165,.1)}
.fp .cns-carte ul{margin:0;padding:0;list-style:none;display:grid;gap:4px}
.fp .cns-carte li{position:relative;padding-left:13px;font-size:12.5px;line-height:1.4;color:var(--fp-light)}
.fp .cns-carte li::before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:var(--fp-teal)}
.fp .cns-pied{display:grid;gap:9px;padding-top:10px;border-top:1px solid var(--fp-ligne)}
.fp .cns-meta{display:flex;flex-wrap:wrap;gap:3px 12px;font-size:11.5px;line-height:1.5;color:var(--fp-muted)}
.fp .cns-meta span{display:inline-flex;align-items:center;gap:4px}
.fp .cns-meta .iku-ico{width:12px;height:12px}
.fp .cns-label{display:flex;gap:6px;align-items:flex-start;font-size:11.5px;line-height:1.4;color:var(--fp-light)}
.fp .cns-label .iku-ico{width:12px;height:12px;margin-top:2px;color:var(--fp-teal-clair)}
/* Le bas de la fiche : le libellé, sa légende et, s'il y a un site, le bouton ; à l'étroit dans la bulle, le bouton passe à la ligne
   plutôt que de couper « Votre fiche » en deux (mesuré sur la landing). */
.fp .cns-carte-bas{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.fp .cns-carte-bas .cns-bientot{flex:1 1 120px}
.fp .cns-exemple{display:inline-flex;align-items:center;white-space:nowrap;padding:2px 7px;border-radius:99px;font-size:10.5px;font-weight:700;line-height:1.5;letter-spacing:.02em;border:1px solid var(--fp-ligne-2);color:var(--fp-muted-aa)}
.fp .cns-exemple.is-vous{background:rgba(253,115,88,.22);color:var(--fp-corail);border-color:rgba(253,115,88,.5)}
.fp .cns-bientot{font-size:11.5px;line-height:1.35;color:var(--fp-muted)}
.fp .cns-btn{appearance:none;display:inline-flex;align-items:center;gap:7px;margin:0 0 0 auto;padding:6px 10px;border-radius:9px;cursor:pointer;border:1px solid var(--fp-ligne-3);background:transparent;color:var(--fp-blanc);font:600 12px/1.2 var(--fp-font);text-decoration:none}
.fp .cns-btn:hover{border-color:var(--fp-teal)}
.fp .cns-btn .iku-ico{width:14px;height:14px}
.fp .cns-btn.is-site+.cns-btn{margin-left:0}

/* Fenêtre moyenne (861 à 1 120 px, deux colonnes serrées) : la carte prend un peu plus que le formulaire et la bulle un peu plus
   de la carte, sinon la fiche défilait (mesuré à 1 000 px : 415 px de fiche pour 381 visibles). */
@media (min-width:861px) and (max-width:1120px){
  .fp{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
  .fp .cns-cf-bulle{width:min(360px,66%)}
}
/* ── Petits écrans ─────────────────────────────────────────────────────────────────────────────────────────── */
@media (max-width:860px){
  .fp{grid-template-columns:minmax(0,1fr)}
  .fp-apercu{position:static}
  .fp-deux{grid-template-columns:minmax(0,1fr)}
  .fp-champ textarea{min-height:116px}
  .fp .cns-cf-scene{width:min(100%,calc(min(70vh,640px) * var(--cf-l,632) / var(--cf-h,610)))}
}
/* Sous 640 px (téléphone) : plus de bulle posée sur la carte, la fiche s'affiche sous la carte, en pleine largeur. */
@media (max-width:640px){
  .fp .cns-cf-bulle{position:static;width:100%;max-height:none!important;overflow:visible;margin-top:10px}
  .fp .cns-cf-bulle .cns-carte{box-shadow:none}
  .fp .cns-cf-x{top:16px}
}
@media (prefers-reduced-motion:reduce){.fp-btn,.fp .cns-pt,.fp .cbo-arw{transition:none}.fp .cns-vous-halo,.fp .cns-cf-bulle,.fp .cbo-pan,.cbo-pan.is-fp{animation:none}}