/* La page d'extension dessinee (PLAN-DESIGN-V3 5.2, tranche 15, 13/10/2026) : la banniere « achat » (C11), les tarifs
   « compacts », les tuiles de faits (C8) et la bande de confiance (C10). Couleurs de la marque (variables de blocs.css) :
   orange #FF8400 sur l'encre #1F222B ; sur fond clair, le texte orange est #B35C00 et les chiffres sont en encre. Le texte
   d'un bouton plein orange est en encre (7,1:1 ; le blanc ne fait que 2,46:1). Proprietes logiques : en miroir sous /ar. */

/* --- La banniere « achat » : tout au centre, le drapeau a cote de l'extension en tete, la recherche large au milieu. --- */
.ext-achat{position:relative;padding-top:84px;background:radial-gradient(760px 420px at 50% 38%,rgba(255,132,0,.15),transparent 70%),var(--bl-encre,#1F222B);color:#fff}
.ext-achat__int{max-width:880px;margin:0 auto;padding:44px 24px 48px;box-sizing:border-box;text-align:center}
.ext-achat__texte{min-width:0}
.ext-achat__badge{display:inline-flex;align-items:center;gap:14px;margin:0 0 16px;padding:8px 18px 8px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.05)}
.ext-achat[dir=rtl] .ext-achat__badge{padding:8px 10px 8px 18px}
.ext-achat__drapeau{display:block;flex:none;width:48px;height:36px;object-fit:cover;border-radius:5px;box-shadow:0 6px 16px -10px rgba(0,0,0,.7)}
.ext-achat__jeton{font:600 34px/1 "IBM Plex Mono",SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:-.02em;color:#fff;overflow-wrap:anywhere}
.ext-achat__point{color:var(--bl-orange,#FF8400)}
.ext-achat__surtitre{margin:0 0 10px;font-size:13px;font-weight:700;line-height:1.4;letter-spacing:.1em;text-transform:uppercase;color:var(--bl-orange,#FF8400)}
.ext-achat[dir=rtl] .ext-achat__surtitre,html[lang=zh] .ext-achat__surtitre,html[lang=ja] .ext-achat__surtitre{letter-spacing:0}
.ext-achat__titre{margin:0 auto 28px;max-width:20ch;font-size:44px;font-weight:700;line-height:1.15;color:#fff;text-wrap:balance}
.ext-achat__recherche{max-width:760px;margin:0 auto}
.ext-achat__ligne{display:flex;gap:10px;align-items:stretch}
.ext-achat__champ{display:flex;flex:1 1 auto;align-items:center;min-width:0;margin:0;background:#fff;border-radius:8px;box-shadow:0 12px 30px -18px rgba(0,0,0,.6)}
.ext-achat__champ:focus-within{box-shadow:0 0 0 3px rgba(255,132,0,.6)}
.ext-achat__champ input{flex:1 1 auto;min-width:0;height:60px;margin:0;padding:0 6px 0 20px;border:0;background:transparent;font-size:17px;color:var(--bl-encre,#1F222B);text-align:start;outline:0}
.ext-achat[dir=rtl] .ext-achat__champ input{padding:0 20px 0 6px}
.ext-achat__champ input::placeholder{color:#8B93A2;opacity:1}
.ext-achat__suffixe{flex:none;padding-inline-end:18px;font:600 17px/1 "IBM Plex Mono",SFMono-Regular,Menlo,Consolas,monospace;color:#6A7079}
.ext-achat__cache{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.ext-achat__bouton{display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:60px;padding:8px 26px;border:0;border-radius:8px;background:var(--bl-orange,#FF8400);color:var(--bl-encre,#1F222B);font-size:17px;font-weight:700;line-height:1.2;white-space:nowrap;cursor:pointer;transition:background .15s}
.ext-achat__bouton:hover{background:#FF9A2E}
.ext-achat__bouton:focus-visible{outline:3px solid #fff;outline-offset:2px}
.ext-achat__bouton-prix{font-size:13px;font-weight:600}
.ext-achat__secondes{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:14px}
.ext-achat__secondes-libelle{font-size:14px;color:#C9CED8}
.ext-achat__puce{display:inline-flex;align-items:center;gap:6px;margin:0;padding:4px 12px;border:1px solid rgba(255,255,255,.28);border-radius:999px;font:500 14px/1.4 "IBM Plex Mono",SFMono-Regular,Menlo,Consolas,monospace;color:#fff;cursor:pointer}
.ext-achat__puce input{margin:0;accent-color:#FF8400}
.ext-achat__puce:has(input:checked){border-color:var(--bl-orange,#FF8400);background:rgba(255,132,0,.14)}
.ext-achat__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 22px;margin-top:22px}
.ext-achat__whois{display:inline-block;padding:9px 20px;border:1.5px solid rgba(255,255,255,.7);border-radius:8px;font-weight:600;color:#fff;text-decoration:none}
.ext-achat__whois:hover,.ext-achat__whois:focus-visible{border-color:#fff;background:rgba(255,255,255,.08);color:#fff;text-decoration:none}
.ext-achat__lien{font-weight:600;color:#fff;text-decoration:underline;text-underline-offset:3px}
.ext-achat__lien:hover{color:var(--bl-orange,#FF8400)}
.ext-achat__lancement{margin:16px 0 0;font-size:15px;color:#C9CED8}
.ext-achat__lancement a{font-weight:600;color:#fff;text-decoration:underline;text-underline-offset:3px}
.ext-achat__non-offerte{margin:0 auto;max-width:640px;font-size:17px;color:#FFD3A1}
.ext-achat__non-offerte a{color:#fff}
@media (max-width:991px){
  .ext-achat__int{padding:28px 20px 32px}
  .ext-achat__titre{font-size:30px;margin-bottom:20px}
  .ext-achat__jeton{font-size:28px}
  .ext-achat__drapeau{width:40px;height:30px}
}
@media (max-width:751px){
  .ext-achat__ligne{flex-direction:column}
  .ext-achat__bouton{width:100%}
}

/* --- Les tarifs compacts --- */
.ext-prix{position:relative;z-index:2;padding:0}
/* La carte a cheval exactement au milieu : la moitie haute sur l'encre de la banniere, la moitie basse sur le blanc. */
.ext-prix__fond{padding:0 24px;background:linear-gradient(to bottom,var(--bl-encre,#1F222B) 50%,transparent 50%)}
.ext-prix__int{max-width:var(--bl-largeur,1140px);margin:0 auto}
.ext-prix__carte{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;overflow:hidden;background:#fff;border:1px solid var(--bl-ligne,#e9ebf0);border-radius:12px;box-shadow:0 22px 44px -26px rgba(31,34,43,.5)}
.ext-prix__carte--quatre{grid-template-columns:repeat(4,minmax(0,1fr))}
.ext-prix__case{display:flex;flex-direction:column;gap:4px;padding:22px 24px;border-inline-start:1px solid var(--bl-ligne,#e9ebf0);text-align:start}
.ext-prix__case:first-child{border-inline-start:0}
.ext-prix__libelle{margin:0;font-size:13px;font-weight:700;line-height:1.4;letter-spacing:.06em;text-transform:uppercase;color:var(--bl-texte,#505459)}
.ext-prix[dir=rtl] .ext-prix__libelle,html[lang=zh] .ext-prix__libelle,html[lang=ja] .ext-prix__libelle{letter-spacing:0}
.ext-prix__montant{margin:0;font-size:30px;font-weight:700;line-height:1.2;color:var(--bl-encre,#1F222B);font-variant-numeric:tabular-nums}
.ext-prix__montant::after{content:"";display:block;width:32px;height:3px;margin-top:8px;border-radius:2px;background:var(--bl-orange,#FF8400)}
.ext-prix__montant--texte{font-size:20px}
.ext-prix__note{margin:0;font-size:14px;line-height:1.45;color:var(--bl-texte,#505459)}
.ext-prix__note a{font-weight:600;color:var(--bl-orange-texte,#B35C00);text-decoration:underline;text-underline-offset:2px}
.ext-prix__case--condition{background:#FFF4E6}
@media (max-width:751px){
  .ext-prix{margin-top:-60px;padding:0 16px}
  .ext-prix__carte,.ext-prix__carte--quatre{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ext-prix__case{padding:16px}
  .ext-prix__case:nth-child(odd){border-inline-start:0}
  .ext-prix__case:nth-child(n+3){border-top:1px solid var(--bl-ligne,#e9ebf0)}
  .ext-prix__carte:not(.ext-prix__carte--quatre) .ext-prix__case:nth-child(3){grid-column:1 / -1}
  .ext-prix__montant{font-size:22px}
  .ext-prix__montant--texte{font-size:17px}
}

/* --- Les tuiles de faits : un seul bloc de tuiles de tailles differentes (FicheExtension::tailles), sur quatre colonnes,
   deux sur une tablette ou un telephone. La premiere en grand sur fond encre, l'extension en filigrane ; les larges sur
   fond orange pale, la pleine sur fond gris. --- */
.ext-faits{padding:64px 24px 24px}
.ext-faits__int{max-width:var(--bl-largeur,1140px);margin:0 auto}
.ext-faits__titre{margin:0 0 24px;font-size:28px;font-weight:700;line-height:1.25;color:var(--bl-encre,#1F222B);text-wrap:balance}
.ext-faits__registre{margin:-16px 0 24px;font-size:16px;line-height:1.5;color:#505459}
.ext-faits__registre a{font-weight:600;color:var(--bl-orange-texte,#B35C00);text-decoration:underline;text-underline-offset:2px}
.ext-faits__grille{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:auto;grid-auto-flow:row dense;gap:16px;margin:0;padding:0;list-style:none}
.ext-faits__tuile{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:20px;min-width:0;padding:22px;overflow:hidden;background:#fff;border:1px solid var(--bl-ligne,#e9ebf0);border-radius:16px}
.ext-faits__icone{display:grid;flex:none;place-content:center;width:52px;height:52px;border-radius:14px;background:#FFF4E6;color:var(--bl-orange,#FF8400)}
.ext-faits__icone .icone{width:26px;height:26px}
/* Une phrase courte de carte : alignee comme les cartes du theme, ni justifiee ni coupee (regle du texte justifie : les
   textes courts de carte gardent le dessin du theme). */
.ext-faits__texte{position:relative;margin:0;font-size:17px;font-weight:600;line-height:1.4;color:var(--bl-encre,#1F222B);text-align:start;hyphens:manual;-webkit-hyphens:manual}
.ext-faits__texte a{display:block;margin-top:8px;font-weight:600;color:var(--bl-orange-texte,#B35C00);text-decoration:underline;text-underline-offset:2px}
.ext-faits__tuile--carre{min-height:184px}
.ext-faits__tuile--grande{grid-column:span 2;grid-row:span 2;min-height:384px;padding:32px;background:var(--bl-encre,#1F222B);border-color:var(--bl-encre,#1F222B)}
.ext-faits__tuile--grande .ext-faits__icone{width:72px;height:72px;border-radius:18px;background:rgba(255,132,0,.16);color:#FF9A2E}
.ext-faits__tuile--grande .ext-faits__icone .icone{width:36px;height:36px}
.ext-faits__tuile--grande .ext-faits__texte{max-width:24ch;font-size:25px;line-height:1.3;color:#fff}
.ext-faits__tuile--grande .ext-faits__texte a{font-size:17px;color:#FFB25E}
.ext-faits__filigrane{position:absolute;right:-6px;top:-6px;font:600 160px/1 "IBM Plex Mono",SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:-.05em;color:#fff;opacity:.08;white-space:nowrap;pointer-events:none;user-select:none}
/* Le filigrane est ecrit de gauche a droite : sous /ar, il passe a gauche, du cote oppose a l'icone. */
.ext-faits[dir="rtl"] .ext-faits__filigrane{right:auto;left:-6px}
.ext-faits__tuile--large,.ext-faits__tuile--pleine{grid-column:span 2;min-height:108px;flex-direction:row;align-items:center;justify-content:flex-start;gap:18px}
.ext-faits__tuile--large{background:#FFF4E6;border-color:#FFE2C2}
.ext-faits__tuile--large .ext-faits__icone{background:#fff}
.ext-faits__tuile--pleine{grid-column:1 / -1;background:#F5F6F9;border-color:#F5F6F9}
.ext-faits__tuile--pleine .ext-faits__icone{background:#fff}
.ext-faits__tuile--large .ext-faits__texte,.ext-faits__tuile--pleine .ext-faits__texte{font-size:18px}
@media (max-width:991px){
  .ext-faits__grille{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ext-faits__tuile--carre{min-height:164px}
  .ext-faits__tuile--grande{grid-row:span 1;min-height:240px}
  .ext-faits__tuile--large,.ext-faits__tuile--pleine{grid-column:1 / -1}
}
@media (max-width:751px){
  .ext-faits{padding:40px 16px 8px}.ext-faits__titre{font-size:24px}
  .ext-faits__grille{gap:12px}
  .ext-faits__tuile{gap:14px;padding:16px;border-radius:14px}
  .ext-faits__tuile--grande{padding:24px;min-height:220px}
  .ext-faits__tuile--grande .ext-faits__texte{font-size:21px}
  .ext-faits__filigrane{font-size:120px}
  .ext-faits__texte{font-size:15px}
  .ext-faits__icone{width:44px;height:44px;border-radius:12px}
}

/* --- La bande de confiance --- */
.confiance{margin-top:40px;padding:26px 24px;background:var(--bl-fond,#F5F6F9);border-block:1px solid var(--bl-ligne,#e9ebf0)}
.confiance__liste{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px 28px;max-width:var(--bl-largeur,1140px);margin:0 auto;padding:0;list-style:none}
.confiance__item{display:flex;align-items:center;gap:12px}
.confiance__icone{display:grid;flex:none;place-content:center;width:44px;height:44px;border:1px solid var(--bl-ligne,#e9ebf0);border-radius:50%;background:#fff;color:var(--bl-orange,#FF8400)}
.confiance__icone .icone{width:22px;height:22px}
.confiance__textes{display:grid;gap:1px;min-width:0}
.confiance__titre{font-size:16px;font-weight:700;line-height:1.35;color:var(--bl-encre,#1F222B)}
a.confiance__titre{text-decoration:underline;text-underline-offset:3px}
a.confiance__titre:hover{color:var(--bl-orange-texte,#B35C00)}
.confiance__texte{font-size:14px;line-height:1.4;color:var(--bl-texte,#505459)}
@media (max-width:751px){.confiance{padding:22px 16px}}

/* --- Les cartes de services : celles du theme (blocs.css, .bloc--cartes-theme), un peu d'air apres la page --- */
.ext-services{margin-top:24px}

/* --- La grande tuile : un titre court au-dessus de la phrase (« Open to everyone », « Local presence required »). --- */
.ext-faits__corps{position:relative;display:grid;gap:10px}
.ext-faits__accroche{margin:0;font-size:34px;font-weight:700;line-height:1.15;color:#fff;letter-spacing:-.01em;text-wrap:balance}
.ext-faits__tuile--grande .ext-faits__accroche + .ext-faits__texte{font-size:19px;font-weight:500;line-height:1.45;color:#D9DCE3}
.ext-faits__sep{margin:0 6px;color:#B0B6C1}
@media (max-width:751px){.ext-faits__accroche{font-size:27px}.ext-faits__tuile--grande .ext-faits__accroche + .ext-faits__texte{font-size:16px}}

/* --- Les moyens de paiement sous les prix. --- */
.ext-prix__paiement{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 12px;margin:12px auto 0;padding:0 24px;max-width:var(--bl-largeur,1140px)}
.ext-prix__paiement-libelle{font-size:12px;font-weight:600;color:#6A7079}
.ext-prix__paiement img{display:block;width:auto;height:14px;opacity:.85}

/* --- « About » : le texte a gauche, la video a droite (une seule colonne sans video ou sur un telephone). --- */
.ext-apropos{padding:56px 24px 16px}
.ext-apropos__int{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;max-width:var(--bl-largeur,1140px);margin:0 auto;align-items:center}
.ext-apropos--video .ext-apropos__int{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.ext-apropos__titre{margin:0 0 14px;font-size:28px;font-weight:700;line-height:1.25;color:var(--bl-encre,#1F222B)}
.ext-apropos__texte p{margin:0 0 12px;font-size:17px;line-height:1.65;color:#3D424B;text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.ext-apropos__texte .ext-apropos__lead{font-size:19px;color:var(--bl-encre,#1F222B)}
.ext-apropos__note{margin-top:16px;padding:16px 18px;background:#FFF4E6;border-radius:12px}
.ext-apropos__note-titre{display:block;margin-bottom:6px;font-weight:700;color:var(--bl-encre,#1F222B)}
.ext-apropos__video{margin:0;display:grid;gap:10px}
.ext-apropos__lien{position:relative;display:block;overflow:hidden;border-radius:16px;background:var(--bl-encre,#1F222B);aspect-ratio:16/9}
.ext-apropos__lien img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.ext-apropos__lien:hover img,.ext-apropos__lien:focus-visible img{transform:scale(1.03)}
.ext-apropos__lien:focus-visible{outline:3px solid var(--bl-orange,#FF8400);outline-offset:3px}
.ext-apropos__lecture{position:absolute;inset:0;margin:auto;display:grid;place-content:center;width:72px;height:72px;border-radius:50%;background:var(--bl-orange,#FF8400);color:var(--bl-encre,#1F222B);box-shadow:0 10px 30px -10px rgba(0,0,0,.6)}
.ext-apropos__legende{font-size:15px;font-weight:600;color:#505459}
@media (max-width:991px){.ext-apropos--video .ext-apropos__int{grid-template-columns:minmax(0,1fr)}}
@media (max-width:751px){.ext-apropos{padding:40px 16px 8px}.ext-apropos__titre{font-size:24px}.ext-apropos__texte .ext-apropos__lead{font-size:17px}}

/* --- La fiche en cartes : deux colonnes en flot (les sections n'ont pas la meme longueur), une sur un telephone. --- */
.ext-regles{padding:56px 24px 48px}
.ext-regles__int{max-width:var(--bl-largeur,1140px);margin:0 auto}
.ext-regles__titre{margin:0 0 24px;font-size:28px;font-weight:700;line-height:1.25;color:var(--bl-encre,#1F222B)}
.ext-regles__grille{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
.ext-regles__colonne{display:flex;flex-direction:column;gap:16px;min-width:0}
.ext-regles__carte{padding:22px 24px;background:#fff;border:1px solid var(--bl-ligne,#e9ebf0);border-radius:16px}
.ext-regles__colonne .ext-regles__carte:last-child{flex-grow:1}
.ext-regles__groupe{display:flex;align-items:center;gap:12px;margin:0 0 14px;font-size:19px;font-weight:700;color:var(--bl-encre,#1F222B)}
.ext-regles__icone{display:grid;flex:none;place-content:center;width:40px;height:40px;border-radius:12px;background:#FFF4E6;color:var(--bl-orange,#FF8400)}
.ext-regles__icone .icone{width:20px;height:20px}
.ext-regles__liste{margin:0}
.ext-regles__ligne{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:4px 16px;padding:9px 0;border-top:1px solid #F0F1F4}
.ext-regles__ligne:first-child{border-top:0;padding-top:0}
.ext-regles__ligne dt{font-size:15px;font-weight:600;color:#505459}
.ext-regles__ligne dd{margin:0;font-size:15px;line-height:1.5;color:var(--bl-encre,#1F222B);overflow-wrap:anywhere}
.ext-regles__url{color:var(--bl-orange-texte,#B35C00)}
.ext-regles__texte{margin:0;font-size:15px;line-height:1.6;color:#3D424B;text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.ext-regles__guide{margin:12px 0 0}
.ext-regles__guide a{font-weight:600;color:var(--bl-orange-texte,#B35C00);text-decoration:underline;text-underline-offset:2px}
.ext-regles__associees{margin-top:16px;padding:20px 24px;background:#F5F6F9;border-radius:16px}
.ext-regles__associees-titre{margin:0 0 12px;font-size:17px;font-weight:700;color:var(--bl-encre,#1F222B)}
.ext-regles__puces{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.ext-regles__puces a{display:inline-flex;align-items:baseline;gap:10px;padding:10px 16px;background:#fff;border:1px solid var(--bl-ligne,#e9ebf0);border-radius:999px;text-decoration:none;transition:border-color .15s}
.ext-regles__puces a:hover,.ext-regles__puces a:focus-visible{border-color:var(--bl-orange,#FF8400)}
.ext-regles__puce-tld{font:600 16px "IBM Plex Mono",SFMono-Regular,Menlo,Consolas,monospace;color:var(--bl-encre,#1F222B)}
.ext-regles__puce-prix{font-size:14px;color:#505459}
@media (max-width:991px){.ext-regles__grille{display:flex;flex-direction:column}.ext-regles__colonne{display:contents}.ext-regles__colonne .ext-regles__carte:last-child{flex-grow:0}}
@media (max-width:751px){.ext-regles{padding:40px 16px 32px}.ext-regles__titre{font-size:24px}.ext-regles__carte{padding:18px}.ext-regles__ligne{grid-template-columns:1fr}}
.ext-regles__plus{display:inline}
.ext-regles__plus summary{display:inline;cursor:pointer;font-weight:600;color:var(--bl-orange-texte,#B35C00);text-decoration:underline;text-underline-offset:2px;list-style:none}
.ext-regles__plus summary::-webkit-details-marker{display:none}
.ext-regles__plus[open] summary{display:none}