/* ─────────────────────────────────────────────────────────────────────────────
   Section 4 · Choisir — la sélection d'album, « Le curseur qui remplit l'album ».
   S'appuie sur sections.css (.sx, .gp, .ticks, .mock, .go, .rv). Tout est rangé
   sous #choisir : aucune règle ne déborde sur le reste de la page.

   Ordinateur (901px et plus) : la section tient sur UN écran (hauteur de
   l'écran, contenu centré sous les 88px laissés au menu). L'écran à gauche,
   sur deux rangées ; l'en-tête en haut à droite, les puces cochées en bas à
   droite. La carte du curseur flotte sur le coin haut gauche de l'écran,
   sans masquer son en-tête. Dans l'écran : la grille des mieux notées à
   gauche ; à droite l'album ouvert (sa tranche s'épaissit avec le nombre)
   et la jauge.
   Téléphone (620px et moins) : la question et le nombre sur une ligne, le
   curseur, puis l'écran en hauteur : en-tête, grille 7 × 4, album, jauge.

   Les mouvements (choisir.js) ne touchent que transform et opacity ; les
   tailles sont fixes, rien ne bouge autour quand l'animation démarre.
   ───────────────────────────────────────────────────────────────────────────── */

/* ── Titre : une citation, guillemets à la langue de la page ─────────────── */
/* Les guillemets viennent de <q> : le texte reste un seul nœud (traduisible). */
#choisir h2 q{quotes:"«\00a0" "\00a0»"}
html[lang="en"] #choisir h2 q{quotes:"\201C" "\201D"}

/* ── Le visuel : carte, écran ─────────────────────────────────────────────── */
#choisir .ch-vis{position:relative}
#choisir .ch-mock{z-index:1;box-shadow:var(--ombre-ecran),0 0 0 1px rgba(43,24,16,.09)}
#choisir .ch-ecran{aspect-ratio:16/10;background:#fff}

/* ── La carte du curseur ─────────────────────────────────────────────────── */
#choisir .ch-cmd{position:relative;z-index:3;padding:16px 18px 10px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 30px 60px -30px rgba(43,24,16,.5);color:var(--ink);text-align:left}
#choisir .ch-cmd__q{display:block;font-size:14px;line-height:1.35;color:var(--soft)}
#choisir .ch-cmd__v{display:flex;align-items:baseline;gap:8px;margin:6px 0 0}
#choisir .ch-cmd__n{font:600 32px/1 var(--m);letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--ink)}
#choisir .ch-cmd__v span+span{font-size:15px;color:var(--soft)}
#choisir .ch-cmd__b{display:flex;justify-content:space-between;margin:-4px 0 0;font:500 12px/1 var(--m);color:var(--soft)}

/* Le curseur : la piste, le remplissage orange et le bouton blanc cerclé
   d'orange, comme les curseurs de l'outil (collection-scored.tsx). Le cercle
   est en orange foncé (--acc-d, 3,7:1 sur blanc) : un contrôle doit se
   détacher à 3:1 au moins (l'orange vif n'y fait que 2,7:1). --f va de
   0 (100 photos) à 1 (500) ; le remplissage s'arrête au centre du bouton. */
#choisir .ch-curseur{--f:.5;-webkit-appearance:none;appearance:none;display:block;width:100%;height:40px;margin:0;padding:0;border:0;background:none;cursor:pointer;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
#choisir .ch-curseur::-webkit-slider-runnable-track{height:6px;border-radius:3px;
  background:linear-gradient(90deg,var(--acc) 0,var(--acc) calc(12px + var(--f) * (100% - 24px)),#E8E0D4 calc(12px + var(--f) * (100% - 24px)),#E8E0D4 100%)}
#choisir .ch-curseur::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;box-sizing:border-box;width:24px;height:24px;margin-top:-9px;border:2px solid var(--acc-d,#D96200);border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(26,20,16,.22)}
#choisir .ch-curseur::-moz-range-track{height:6px;border:0;border-radius:3px;background:#E8E0D4}
#choisir .ch-curseur::-moz-range-progress{height:6px;border-radius:3px;background:var(--acc)}
#choisir .ch-curseur::-moz-range-thumb{box-sizing:border-box;width:24px;height:24px;border:2px solid var(--acc-d,#D96200);border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(26,20,16,.22)}
/* Focus clavier : le cadre orange foncé de la page (4,7:1), et un halo sur le bouton. */
#choisir .ch-curseur:focus{outline:none}
#choisir .ch-curseur:focus-visible{outline:none}
#choisir .ch-curseur:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--acc-t),0 2px 8px rgba(26,20,16,.25)}
#choisir .ch-curseur:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--acc-t),0 2px 8px rgba(26,20,16,.25)}

/* Sans JavaScript : l'état final, sans curseur (il ne ferait rien). Même
   chose si le script échoue (.ch--repli). */
html:not(.js) #choisir .ch-cmd__r,#choisir.ch--repli .ch-cmd__r{display:none}

/* ── L'écran ─────────────────────────────────────────────────────────────── */
/* .ch-ecran est un conteneur (« mock », sections.css) : cqw = 1 % de sa largeur. */
#choisir .ch-scene{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,45fr) minmax(0,55fr);grid-template-rows:auto minmax(0,1fr);column-gap:clamp(16px,4.6cqw,40px);row-gap:clamp(8px,2cqw,16px);align-items:center;padding:clamp(14px,3.8cqw,30px) clamp(14px,4.2cqw,34px);color:var(--ink);font-family:var(--s);text-align:left;-webkit-user-select:none;user-select:none}

/* En-tête : « Meilleures photos · 300 sur 4 847 ». */
#choisir .ch-st{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;min-width:0}
#choisir .ch-st b{font-size:max(17px,min(3cqw,25px));font-weight:600;line-height:1.1;letter-spacing:-.04em}
#choisir .ch-st__n{font-size:max(13px,min(2cqw,16px));color:var(--soft);font-variant-numeric:tabular-nums;white-space:nowrap}

/* La grille : les mieux notées, d'abord (5 colonnes ; 6 sur téléphone). */
#choisir .ch-gauche{grid-column:1;grid-row:2;min-width:0}
#choisir .ch-ordre{margin:0 0 8px;font:500 12px/1.3 var(--m);letter-spacing:.02em;color:var(--soft)}
#choisir .ch-grille{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(4px,1cqw,8px)}
#choisir .ch-t{position:relative;display:block;aspect-ratio:5/4;overflow:hidden;border-radius:6px;background:#EFE9DF}
/* Une case de la planche (6 × 5 vignettes) : --x, --y. */
#choisir .ch-t img{position:absolute;left:calc(var(--x) * -100%);top:calc(var(--y) * -100%);width:600%;height:500%;max-width:none;display:block}
#choisir .ch-t b{position:absolute;left:3px;bottom:3px;padding:2px 4px;border-radius:4px;background:rgba(26,21,16,.78);font:600 12px/1 var(--m);letter-spacing:-.02em;color:#fff}
/* Étoilée par le photographe : une étoile dorée, dans la grille et dans l'album. */
#choisir .ch-t--et::before,#choisir .ch-ph--et::before{content:'';position:absolute;z-index:2;top:3px;right:3px;width:16px;height:16px;border-radius:50%;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.6l2.9 6 6.5.8-4.8 4.5 1.2 6.5L12 17.3l-5.8 3.1 1.2-6.5L2.6 9.4l6.5-.8z' fill='%23E89A0C'/%3E%3C/svg%3E") center/11px no-repeat;box-shadow:0 1px 3px rgba(26,21,16,.3)}
/* Partie dans l'album : la place reste, en pointillé. */
#choisir .ch-t.is-pris{background:#FAF6EF;outline:1.5px dashed #D6C6AE;outline-offset:-1.5px}
#choisir .ch-t.is-pris img,#choisir .ch-t.is-pris b,#choisir .ch-t.is-pris::before{opacity:0}
/* Exclue : elle revient pâlie, marquée d'une croix. */
#choisir .ch-t.is-exclue img{opacity:.3}
#choisir .ch-t.is-exclue b{opacity:0}
#choisir .ch-t.is-exclue::after{content:'';position:absolute;left:50%;top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;
  background:#B3261E url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 7l10 10M17 7L7 17' stroke='%23fff' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center/12px no-repeat;box-shadow:0 2px 6px rgba(26,21,16,.3)}

/* Une vignette en vol (choisir.js) : au-dessus de tout, sans toucher à la grille. */
#choisir .ch-vol{position:absolute;z-index:6;pointer-events:none;will-change:transform}
#choisir .ch-vol .ch-t{width:100%;height:100%;aspect-ratio:auto;box-shadow:0 16px 30px -12px rgba(43,24,16,.55);will-change:transform,opacity}

/* ── À droite : le message, l'album, la jauge ────────────────────────────── */
#choisir .ch-droite{position:relative;grid-column:2;grid-row:2;display:flex;flex-direction:column;gap:clamp(8px,1.8cqw,14px);min-width:0}

/* « Une autre prend la place » : posé au-dessus de l'album, près de la photo
   remplacée, sans prendre de place (sur téléphone, sa ligne est réservée). */
#choisir .ch-toast{position:absolute;z-index:4;right:0;bottom:100%;margin:0 0 10px;padding:6px 12px;border-radius:100px;background:var(--ink);color:#fff;font:500 max(12px,min(1.7cqw,14px))/1.25 var(--s);white-space:nowrap;box-shadow:0 14px 30px -14px rgba(0,0,0,.5);
  opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s cubic-bezier(.2,.8,.2,1)}
#choisir .ch-toast.on{opacity:1;transform:none}

/* L'album ouvert, vu de face : la couverture (lin brun), la double page, la
   tranche. La tranche est un bloc de pages fixe qu'on découvre plus ou moins :
   --ep (0 à 1) la fait descendre de --tr ; la place est réservée dessous. */
#choisir .ch-alb{--tmin:4px;--tr:28px;--bord:5px;--couv:#6F5F4F;position:relative;margin:5px 5px calc(var(--tmin) + var(--tr) + var(--bord) + 6px)}
#choisir .ch-alb__couv{position:absolute;z-index:0;left:-5px;right:-5px;top:-5px;bottom:0;border-radius:6px 6px 0 0;background:var(--couv)}
#choisir .ch-alb__tr{position:absolute;z-index:1;left:-5px;right:-5px;top:100%;height:calc(var(--tmin) + var(--tr) + var(--bord) + 16px);overflow:hidden;pointer-events:none}
#choisir .ch-alb__tri{position:relative;height:calc(var(--tmin) + var(--tr) + var(--bord));border-radius:0 0 6px 6px;
  background:linear-gradient(0deg,#4B3F34 0,#5B4D40 var(--bord),var(--couv) var(--bord));
  box-shadow:0 12px 18px -12px rgba(43,24,16,.5);
  transform:translateY(calc((var(--ep,.5) - 1) * var(--tr)));transition:transform .45s cubic-bezier(.2,.8,.2,1)}
/* Les pages, en tranches fines, un peu d'ombre aux bords et au pli. */
#choisir .ch-alb__tri::before{content:'';position:absolute;left:5px;right:5px;top:0;bottom:var(--bord);
  background:linear-gradient(90deg,rgba(43,24,16,.12),rgba(43,24,16,0) 7%,rgba(43,24,16,0) 49.4%,rgba(43,24,16,.16) 50%,rgba(43,24,16,0) 50.6%,rgba(43,24,16,0) 93%,rgba(43,24,16,.12)),
    repeating-linear-gradient(180deg,#FDFAF4 0 1px,#DDD2C0 1px 2px)}
#choisir .ch-alb__pp{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;aspect-ratio:2/1;overflow:hidden;border-radius:2px;background:#FFFDF8;box-shadow:0 0 0 1px rgba(43,24,16,.06)}
/* Le pli central d'un album à plat. */
#choisir .ch-alb__pp::after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;
  background:linear-gradient(90deg,rgba(43,24,16,0) 45%,rgba(43,24,16,.07) 49.2%,rgba(43,24,16,.2) 50%,rgba(255,255,255,.12) 50.4%,rgba(43,24,16,.05) 51.5%,rgba(43,24,16,0) 55%)}
#choisir .ch-alb__g{position:relative}
#choisir .ch-alb__d{display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:7%;padding:10% 10% 10% 11%}
#choisir .ch-ph{position:relative;display:block;aspect-ratio:1;overflow:hidden;border-radius:1px;background:#EFE9DF}
#choisir .ch-ph img{position:absolute;top:0;left:calc(var(--k) * -100%);width:500%;height:100%;max-width:none;display:block}
#choisir .ch-ph--une{position:absolute;inset:0;aspect-ratio:auto;border-radius:0}
#choisir .ch-ph--une img{left:0;width:100%;height:100%;object-fit:cover}
#choisir .ch-ph--et::before{top:4px;right:auto;left:4px}
/* La photo exclue puis remplacée (n° 3 → n° 15). */
#choisir .ch-ph__a,#choisir .ch-ph__r{transition:opacity .22s ease}
#choisir .ch-ph__r{opacity:0}
#choisir .ch-ph--x.is-vide .ch-ph__a{opacity:0}
#choisir .ch-ph--x.is-remplace .ch-ph__a{opacity:0}
#choisir .ch-ph--x.is-remplace .ch-ph__r{opacity:1}
#choisir .ch-ph--x.is-remplace::after{content:'';position:absolute;inset:0;z-index:2;box-shadow:inset 0 0 0 2px #16B364}
#choisir .ch-veto{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;padding:4px;background:rgba(180,35,35,.72);font:600 12px/1.15 var(--s);color:#fff;text-align:center;opacity:0;transition:opacity .18s ease}
#choisir .ch-ph--x.is-veto .ch-veto{opacity:1}
#choisir .ch-anneau{position:absolute;left:50%;top:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:2px solid #fff;border-radius:50%;opacity:0;pointer-events:none}

/* La jauge : étoilées, réservées aux mariés, meilleures notes (proportions du
   nombre choisi). Des bandes pleine largeur, réduites par scaleX. */
#choisir .ch-barre{--f1:.04;--f2:.1;position:relative;height:8px;overflow:hidden;border-radius:8px;background:#EFE9DF}
#choisir .ch-barre i{position:absolute;inset:0;transform-origin:0 50%;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
#choisir .ch-s1{background:#F5A524;transform:scaleX(var(--f1))}
#choisir .ch-s2{background:var(--ink);transform:translateX(calc(var(--f1) * 100%)) scaleX(var(--f2))}
#choisir .ch-s3{background:var(--acc);transform:translateX(calc((var(--f1) + var(--f2)) * 100%)) scaleX(calc(1 - var(--f1) - var(--f2)))}
/* Deux filets blancs entre les bandes (non réduits). */
#choisir .ch-barre .ch-sep::before{content:'';position:absolute;left:-1px;top:0;bottom:0;width:2px;background:#fff}
#choisir .ch-sep1{transform:translateX(calc(var(--f1) * 100%))}
#choisir .ch-sep2{transform:translateX(calc((var(--f1) + var(--f2)) * 100%))}
/* Hauteur de deux lignes et largeur des nombres fixées : la légende ne change
   pas de forme quand un nombre passe de 2 à 3 chiffres (rien ne saute). */
#choisir .ch-leg{list-style:none;display:flex;flex-wrap:wrap;align-content:flex-start;gap:4px 14px;min-height:calc(2.7em + 4px);margin:9px 0 0;padding:0;font-size:13px;line-height:1.35;color:var(--soft)}
#choisir .ch-leg li{display:inline-flex;align-items:baseline;gap:5px;white-space:nowrap}
#choisir .ch-leg li::before{content:'';flex:none;align-self:center;width:8px;height:8px;margin-right:1px;border-radius:2px;background:var(--acc)}
#choisir .ch-leg .ch-l1::before{background:#F5A524}
#choisir .ch-leg .ch-l2::before{background:var(--ink)}
#choisir .ch-leg b{font:600 13px/1.35 var(--m);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink)}
#choisir .ch-leg .ch-nr{display:inline-block;min-width:3ch;text-align:right}

/* ── Le texte ────────────────────────────────────────────────────────────── */
#choisir .ch-suite .ticks{margin-top:0}
/* Pas de mot seul en fin de ligne (« 500… », « client → ») sur téléphone. Le
   renvoi tient sur deux lignes au plus : « balance » les égalise. */
#choisir .ticks li,#choisir .sx__ch{text-wrap:pretty}
#choisir .ch-renvoi{margin-top:24px;font-size:16px;line-height:1.45;text-wrap:balance}
#choisir .ch-renvoi a{color:var(--ink);text-decoration:underline;text-decoration-color:rgba(26,21,16,.28);text-decoration-thickness:1px;text-underline-offset:4px;transition:color .2s,text-decoration-color .2s}
/* La flèche, collée au dernier mot par une espace insécable (écrite ici et
   non dans le HTML : i18n.js ne retrouve pas un texte qui en contient une).
   Texte de remplacement vide : les lecteurs d'écran ne lisent pas « flèche ». */
#choisir .ch-renvoi a::after{content:"\00a0\2192";content:"\00a0\2192" / "";color:var(--acc-t);transition:margin-left .25s cubic-bezier(.2,.8,.2,1)}
#choisir .ch-renvoi a:hover{color:var(--acc-t);text-decoration-color:var(--acc)}
#choisir .ch-renvoi a:hover::after{margin-left:4px}

/* ── Ordinateur : la section tient sur un écran ──────────────────────────────
   Au moins la hauteur de l'écran, le contenu centré entre la place du menu
   (88px en haut : il revient par-dessus quand on remonte) et 24px en bas. Le
   blanc ivoire avant le papier (--sx-y, marge haute de .sx--paper) suit la
   hauteur de l'écran. Le titre reste grand mais suit aussi la hauteur ; le
   visuel ne dépasse jamais la hauteur disponible (16/10, carte comprise). */
/* Un lien vers #choisir (sommaire) pose la section en haut de l'écran : sa
   marge haute garde déjà la place du menu (html : scroll-padding-top 96px,
   72px sous 700px — même procédé que #apercu et #tarifs). */
#choisir{scroll-margin-top:calc(16px - var(--sx-y))}
@media(min-width:901px){
  #choisir{scroll-margin-top:-96px;--sx-y:clamp(64px,9vh,112px);display:flex;flex-direction:column;justify-content:center;min-height:100vh;min-height:100svh;padding-top:88px;padding-bottom:24px}
  #choisir>.sx__in{width:100%}
  #choisir h2{font-size:min(clamp(36px,3.9vw,64px),7.6vh)}
  #choisir .ch-vis{width:100%;max-width:calc((100vh - 232px) * 1.6);justify-self:center}
}

/* ── Ordinateur : deux rangées à droite, l'écran à gauche sur les deux ───── */
@media(min-width:901px){
  #choisir .ch-corps{grid-template-rows:auto auto;row-gap:28px}
  #choisir .ch-tete{grid-column:8/-1;grid-row:1;align-self:end}
  #choisir .ch-suite{grid-column:8/-1;grid-row:2;align-self:start}
  #choisir .ch-vis{grid-column:1/8;grid-row:1/span 2;align-self:center}
  /* La carte : 300px, posée sur le coin haut gauche de l'écran. Elle déborde
     de 24px à gauche et ne mord sur l'écran que dans sa marge haute. */
  #choisir .ch-cmd{width:300px;margin:0 0 max(-26px,-3%) -24px}
}
/* Entre 901 et 1100px, sept colonnes donneraient un écran trop petit. */
@media(min-width:901px) and (max-width:1100px){
  #choisir .ch-tete,#choisir .ch-suite{grid-column:9/-1}
  #choisir .ch-vis{grid-column:1/9}
  /* Colonne de texte étroite : des puces un peu plus serrées. */
  #choisir .ch-suite .ticks{gap:8px}
  #choisir .ch-suite .ticks li{font-size:16px}
  #choisir .ch-renvoi{margin-top:18px;font-size:15px}
}

/* ── Téléphone et tablette en hauteur ────────────────────────────────────── */
@media(max-width:900px){
  #choisir .ch-tete{order:0}
  #choisir .ch-vis{order:1}
  #choisir .ch-suite{order:2}
  /* La carte n'est plus flottante : la question et le nombre sur une ligne,
     puis le curseur. */
  #choisir .ch-cmd{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:12px;width:auto;margin:0 0 12px;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
  #choisir .ch-cmd__q{grid-column:1;grid-row:1;font-size:15px}
  #choisir .ch-cmd__v{grid-column:2;grid-row:1;margin:0}
  #choisir .ch-cmd__r{grid-column:1/-1}
  #choisir .ch-curseur{height:44px}
}
/* Téléphone : l'écran se fait plus haut que large et suit son contenu (les
   tailles ne changent pas pendant l'animation : rien ne saute). La grille
   passe à 7 × 4 (les deux dernières vignettes, jamais prises, même à 500,
   sont masquées) ; le message se pose sur le bord haut de l'album, sans ligne à lui. */
@media(max-width:620px){
  #choisir{--sx-y:56px}
  #choisir .ch-cmd__n{font-size:30px}
  #choisir .ch-cmd__v span+span{display:none}
  #choisir .ch-ecran{aspect-ratio:auto;height:auto;container-type:inline-size}
  #choisir .ch-scene{position:relative;inset:auto;grid-template-columns:minmax(0,1fr);grid-template-rows:none;row-gap:20px;padding:14px 14px 16px}
  #choisir .ch-st b{font-size:18px}
  #choisir .ch-gauche{grid-column:1;grid-row:auto}
  #choisir .ch-ordre{margin-bottom:6px}
  #choisir .ch-grille{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
  #choisir .ch-t:nth-child(n+29){display:none}
  #choisir .ch-t b{left:2px;bottom:2px;padding:2px 3px}
  #choisir .ch-droite{grid-column:1;grid-row:auto;gap:8px}
  #choisir .ch-toast{right:6px;bottom:auto;top:5px;margin:0;padding:5px 11px;transform:translateY(calc(-50% + 6px))}
  #choisir .ch-toast.on{transform:translateY(-50%)}
  #choisir .ch-alb{--tmin:3px;--tr:14px}
  #choisir .ch-leg{gap:3px 12px;font-size:12.5px}
  #choisir .ch-leg b{font-size:12.5px}
  #choisir .ch-corps{row-gap:22px}
  #choisir .ch-suite .ticks{gap:8px}
  #choisir .ch-suite .ticks li{font-size:16px}
  #choisir .ch-renvoi{margin-top:18px}
  #choisir .ch-suite>.go{margin-top:22px}
}

/* ── « Réduire les animations » : états finaux, sans mouvement ──────────── */
@media(prefers-reduced-motion:reduce){
  #choisir .ch-alb__tri,#choisir .ch-barre i,#choisir .ch-toast,#choisir .ch-veto,#choisir .ch-ph__a,#choisir .ch-ph__r,
  #choisir .ch-renvoi a,#choisir .ch-renvoi a::after{transition:none}
}