/* Habillage « Comptoir » (site local et maquettes) appliqué à toutes les pages du site en ligne. */
:root{--cfh-encre:#141821;--cfh-doux:#5B6472;--cfh-ligne:#DDE1E7;--cfh-ligne-forte:#C9CED6;--cfh-surface:#F6F7F9;--cfh-accent:#B01C2E;--cfh-lien:#1D4E89;--cfh-ok:#1F6B3E}
.cfh-ico{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.cfh-ico-s{width:15px;height:15px}.cfh-ico-l{width:22px;height:22px}

/* En-tête : Scanner (appareil photo) et Mon espace (silhouette), comme le site local. */
.comptoir-header .comptoir-identify{display:inline-flex;flex-direction:column;align-items:center;gap:3px;padding:6px 10px;border-radius:6px;font-size:12px;font-weight:600;color:var(--cfh-encre);text-decoration:none;line-height:1.1}
.comptoir-header .comptoir-identify:hover{background:var(--cfh-surface);color:var(--cfh-accent)}
.comptoir-header .comptoir-account{display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 16px;border:1px solid var(--cfh-ligne-forte);border-radius:6px;color:var(--cfh-encre);text-decoration:none;line-height:1.2}
.comptoir-header .comptoir-account:hover{border-color:var(--cfh-encre)}
.comptoir-account .cfh-txt{display:flex;flex-direction:column}
.comptoir-account small{font-size:11.5px;color:var(--cfh-doux);font-weight:500}
.comptoir-account strong{font-size:14px;font-weight:700}
.comptoir-nav > a[href="#/catalogue"]{display:inline-flex;align-items:center;gap:6px}

/* Bandeau de garanties avec pictogrammes. */
.comptoir-assurance .comptoir-container > span{display:inline-flex;align-items:center;gap:8px;color:#2D3440}
.comptoir-assurance .cfh-ico{color:var(--cfh-ok);width:17px;height:17px}
.comptoir-assurance b{font-weight:650;color:var(--cfh-encre)}

/* Pied de page. */
footer.cfh-pied div{display:block;gap:0}
footer.cfh-pied .cfh-grille{display:grid}
footer.cfh-pied .cfh-bas{display:flex}
footer.cfh-pied .cfh-garanties li > div{display:block}
footer.cfh-pied{display:block;width:100%;justify-content:initial;font-size:14px;margin-top:72px;padding:0;background:var(--cfh-surface);border-top:1px solid var(--cfh-ligne);font-size:14px;color:var(--cfh-encre)}
.cfh-garanties{background:#fff;border-bottom:1px solid var(--cfh-ligne)}
.cfh-garanties ul{list-style:none;margin:0 auto;max-width:1200px;padding:22px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.cfh-garanties li{display:flex;gap:12px;align-items:flex-start}
.cfh-garanties .cfh-ico{width:28px;height:28px;stroke-width:1.4}
.cfh-garanties strong{display:block;font:700 15px/1.3 "Inter Tight",Inter,sans-serif}
.cfh-garanties span{color:var(--cfh-doux);font-size:13px}
.cfh-grille{max-width:1200px;margin:0 auto;padding:40px 24px 32px;display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:32px}
.cfh-pied h4{margin:0 0 12px;font:600 14px/1.3 Inter,sans-serif;text-transform:uppercase;letter-spacing:.06em}
.cfh-pied ul{list-style:none;margin:0;padding:0}
.cfh-pied li{padding:4px 0}
.cfh-pied li a{color:#363D49;text-decoration:none}
.cfh-pied li a:hover{color:var(--cfh-accent);text-decoration:underline}
.cfh-logo{display:inline-flex;align-items:center;font:800 24px "Inter Tight",sans-serif;letter-spacing:-.02em;color:var(--cfh-encre);text-decoration:none}
.cfh-o{display:inline-block;width:19px;height:19px;margin:0 1px;border:3.5px solid var(--cfh-accent);border-radius:50%;position:relative}
.cfh-o::after{content:"";position:absolute;width:5px;height:5px;top:-3px;right:-2px;border-radius:50%;background:var(--cfh-accent)}
.cfh-marque p{color:var(--cfh-doux);margin:12px 0 16px;max-width:300px}
.cfh-ecrire{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--cfh-ligne-forte);border-radius:6px;background:#fff;color:var(--cfh-encre);font-weight:600;font-size:13px;text-decoration:none}
.cfh-bas{max-width:1200px;margin:0 auto;padding:16px 24px 22px;border-top:1px solid var(--cfh-ligne);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--cfh-doux);font-size:12.5px}
.cfh-bas a{color:var(--cfh-doux)}

/* Tuiles de cartes : cadre, langue en pastille, numéro en gras, libellé et prix. */
.cf-card-tile{border:1px solid var(--cfh-ligne);border-radius:8px;background:#fff;padding:10px;transition:border-color .15s}
.cf-card-tile:hover{border-color:var(--cfh-encre)}
.cf-card-caption > small{display:flex;align-items:center;gap:6px;color:var(--cfh-doux)}
.cfh-langue{display:inline-flex;align-items:center;height:17px;padding:0 5px;border:1px solid var(--cfh-ligne);border-radius:3px;font-size:10.5px;font-weight:700;color:var(--cfh-encre)}
.cf-card-caption .cat-open{font:700 14.5px/1.3 "Inter Tight",Inter,sans-serif;color:var(--cfh-encre)}
.cf-card-caption > p:not(.cat-tile-price){font-size:12.5px;color:var(--cfh-doux);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cf-card-caption > p b{color:var(--cfh-encre);font-weight:600}
.cf-card-caption .cat-rarity-badge{display:inline-flex;align-items:center;height:20px;padding:0 7px;border:1px solid var(--cfh-ligne);border-radius:4px;background:#fff;font-size:11.5px;font-weight:600;color:var(--cfh-encre)}
.cf-card-caption .cat-tile-price{margin-top:8px;padding-top:8px;border-top:1px solid var(--cfh-ligne);font:800 17px/1.2 "Inter Tight",Inter,sans-serif;color:var(--cfh-encre)}
.cf-card-caption .cat-tile-price::before{content:"Prix de référence";display:block;margin-bottom:2px;font:500 11.5px/1.3 Inter,sans-serif;color:var(--cfh-doux)}

@media (max-width:1100px){.cfh-grille{grid-template-columns:repeat(3,1fr)}.cfh-marque{grid-column:1/-1}}
@media (max-width:760px){
  .comptoir-account small,.comptoir-account .cfh-txt small{display:none}
  .comptoir-header .comptoir-account{min-height:40px;padding:0 10px}
  .cfh-garanties ul{grid-template-columns:1fr 1fr;gap:16px}
  .cfh-grille{grid-template-columns:1fr 1fr;gap:24px}
  footer.cfh-pied{margin-top:40px;padding-bottom:90px}
}

/* Grilles de cartes et filtres (recherche, séries) : cinq cartes par ligne et panneau de filtres en cadre, comme le site local. */
.cf-card-caption .cat-tile-price{display:block}
.cf-card-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important;gap:14px!important}
.cat-filter-panel{border:1px solid var(--cfh-ligne);border-radius:8px;background:#fff;padding:4px 14px 14px}
.cat-filter-panel > summary{padding:10px 0;border-bottom:1px solid var(--cfh-ligne);font:700 15px/1.3 "Inter Tight",Inter,sans-serif}
.cat-filter-panel #cat-filters > label{display:block;padding:10px 0;border-bottom:1px solid var(--cfh-ligne);font-size:13px;font-weight:600;color:var(--cfh-encre)}
.cat-filter-panel #cat-filters > label select,.cat-filter-panel #cat-filters > label input:not([type=checkbox]){margin-top:6px}
.cat-filter-panel #cat-filters > button{width:100%;min-height:38px;margin:12px 0 4px;border:1px solid var(--cfh-ligne-forte);border-radius:6px;background:#fff;font:600 13.5px Inter,sans-serif;color:var(--cfh-encre);cursor:pointer}
.cat-filter-panel #cat-filters > button:hover{border-color:var(--cfh-encre)}
.cat-filter-panel .cat-photo-toggle{display:flex!important;align-items:center;gap:8px;text-align:left}
.cat-filter-panel .cat-photo-toggle input{margin:0;width:16px;height:16px;accent-color:var(--cfh-encre)}
#cat-active-filters button,#cat-active-filters .chip{border:1px solid var(--cfh-ligne-forte);border-radius:6px;background:#fff;font-weight:600}
.cat-meta #cat-count{font-weight:600;color:var(--cfh-encre)}
.cat-heading.cfh-serie{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"code titre stats" "code texte stats";column-gap:20px;align-items:center}
.cat-heading.cfh-serie > h1{grid-area:titre;margin:0}
.cat-heading.cfh-serie > p{grid-area:texte;margin:4px 0 0;color:var(--cfh-doux)}
.cfh-code{grid-area:code;display:grid;place-items:center;width:64px;height:64px;border:1px solid var(--cfh-ligne);border-radius:6px;background:var(--cfh-surface);font:700 13px/1 ui-monospace,Menlo,monospace;color:var(--cfh-encre);text-align:center}
.cfh-stats{grid-area:stats;display:flex;border:1px solid var(--cfh-ligne);border-radius:6px}
.cfh-stats > div{display:flex;flex-direction:column;align-items:center;padding:8px 18px}
.cfh-stats strong{font:800 20px/1.1 "Inter Tight",Inter,sans-serif;color:var(--cfh-encre)}
.cfh-stats span{font-size:11.5px;color:var(--cfh-doux)}
@media (max-width:760px){.cat-heading.cfh-serie{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"code titre" "code texte" "stats stats";row-gap:6px}.cfh-code{width:52px;height:52px;font-size:11px}.cfh-stats{justify-self:start;margin-top:8px}}

/* Page scan comme « Identifier une carte » du site local : cadre de prise de vue, étapes numérotées, encadré. */
.studio-scan-layout{gap:28px!important}
.studio-camera-stage{border:1.5px dashed var(--cfh-ligne-forte);border-radius:10px;padding:10px;background:var(--cfh-surface)}
.studio-scan-instructions{align-self:start;padding:22px;border:1px solid var(--cfh-ligne);border-radius:10px;background:#fff}
.studio-scan-instructions h2{font:800 20px/1.3 "Inter Tight",Inter,sans-serif}
.studio-scan-instructions ol{list-style:none;counter-reset:etape;padding:0;margin:14px 0 16px;display:grid;gap:12px}
.studio-scan-instructions ol li{counter-increment:etape;display:flex;gap:12px;align-items:flex-start;font-size:14.5px;line-height:1.45}
.studio-scan-instructions ol li::before{content:counter(etape);display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:var(--cfh-encre);color:#fff;font-size:12.5px;font-weight:700}
.studio-scan-instructions .studio-consent{padding:12px 0;border-top:1px solid var(--cfh-ligne);font-size:13px}
.studio-scan-instructions #studio-identify{width:100%;min-height:46px;margin-top:6px}
.studio-scan-instructions .studio-count{font-size:12.5px;color:var(--cfh-doux)}
.studio-scan-instructions > a{color:var(--cfh-lien);font-weight:600}
#studio-scan-results section{margin-top:24px;padding:18px;border:1.5px solid var(--cfh-ok);border-radius:10px}
#studio-scan-results h2{font:800 20px/1.3 "Inter Tight",Inter,sans-serif;margin-bottom:12px}
footer.cfh-pied .cfh-garanties ul{box-sizing:border-box;width:100%;max-width:1200px!important;margin:0 auto!important}
footer.cfh-pied .cfh-grille,footer.cfh-pied .cfh-bas{box-sizing:border-box;width:100%}

/* Accueil : univers avec logos, trois gradeurs, questions fréquentes (site local). */
.cfh-jeux a{display:flex;flex-direction:column;gap:4px;overflow:hidden}
.cfh-jeu-visuel{display:grid;place-items:center;height:92px;margin:-14px -16px 10px;background:var(--cfh-surface);border-bottom:1px solid var(--cfh-ligne)}
.cfh-jeu-visuel img{max-width:70%;max-height:62px;object-fit:contain}
.cfh-gradeurs,.cfh-faq{margin-top:56px;box-sizing:border-box}
.cfh-section-tete{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.cfh-section-tete h2,.cfh-faq h2{margin:0;font:800 26px/1.2 "Inter Tight",Inter,sans-serif;letter-spacing:-.01em;color:var(--cfh-encre)}
.cfh-section-tete p,.cfh-faq > div > p{margin:4px 0 0;color:var(--cfh-doux)}
.cfh-section-tete a{color:var(--cfh-lien);font-weight:600;text-decoration:none}
.cfh-table{border:1px solid var(--cfh-ligne);border-radius:8px;overflow-x:auto}
.cfh-table table{width:100%;border-collapse:collapse;font-size:14px}
.cfh-table th{padding:10px 14px;background:var(--cfh-surface);text-align:left;font:600 11.5px/1.4 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--cfh-doux)}
.cfh-table td{padding:14px;border-top:1px solid var(--cfh-ligne);color:var(--cfh-encre)}
.cfh-table td strong{display:block;font:800 16px "Inter Tight",Inter,sans-serif;color:var(--cfh-accent)}
.cfh-table td span{font-size:12.5px;color:var(--cfh-doux)}
.cfh-table td a{display:inline-block;padding:7px 12px;border:1px solid var(--cfh-ligne-forte);border-radius:6px;color:var(--cfh-encre);font-weight:600;text-decoration:none;white-space:nowrap}
.cfh-faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:32px;margin-bottom:24px}
.cfh-faq .cfh-ecrire{margin-top:14px}
.cfh-faq details{border-bottom:1px solid var(--cfh-ligne);padding:14px 0}
.cfh-faq details:first-child{border-top:1px solid var(--cfh-ligne)}
.cfh-faq summary{font-weight:600;cursor:pointer;color:var(--cfh-encre)}
.cfh-faq details p{margin:10px 0 0;color:#3B4250}
@media (max-width:760px){.cfh-faq{grid-template-columns:1fr;gap:16px}.cfh-gradeurs,.cfh-faq{margin-top:40px}.cfh-table th:nth-child(2),.cfh-table td:nth-child(2){display:none}}
.cfh-jeu-visuel.cfh-sombre{background:#141821}
.cp-grader-comparison h2.cfh-psa{color:#B01C2E}.cp-grader-comparison h2.cfh-bgs{color:#A07A1F}.cp-grader-comparison h2.cfh-cgc{color:#1D4E89}
.cfh-comprend{margin:48px 0 0}
.cfh-comprend h2{margin:0;font:800 26px/1.2 "Inter Tight",Inter,sans-serif;color:var(--cfh-encre)}
.cfh-comprend > p{margin:4px 0 16px;color:var(--cfh-doux)}
.cfh-comprend ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.cfh-comprend li{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid var(--cfh-ligne);border-radius:8px;background:#fff}
.cfh-comprend li .cfh-ico{width:22px;height:22px;color:var(--cfh-encre)}
.cfh-comprend strong{display:block;font-weight:700;color:var(--cfh-encre)}
.cfh-comprend span{font-size:13px;color:var(--cfh-doux)}
.cfh-comprend ul{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:900px){.cfh-comprend ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.cfh-comprend ul{grid-template-columns:1fr}}
.cfh-reperes{list-style:none;margin:18px 0 24px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--cfh-ligne);border-radius:8px;background:#fff}
.cfh-reperes li{display:flex;gap:12px;align-items:flex-start;padding:16px}
.cfh-reperes li + li{border-left:1px solid var(--cfh-ligne)}
.cfh-reperes .cfh-ico{width:22px;height:22px;color:var(--cfh-encre)}
.cfh-reperes strong{display:block;font-size:14px;color:var(--cfh-encre)}
.cfh-reperes span{font-size:13px;color:var(--cfh-doux)}
@media (max-width:760px){.cfh-reperes{grid-template-columns:1fr}.cfh-reperes li + li{border-left:0;border-top:1px solid var(--cfh-ligne)}}
/* Parcours : résultat de chaque étape en encadré vert « Vous obtenez » (site local). */
.cp-journey-steps .cp-step-result{margin-top:12px;padding:10px 14px;border:1px solid #BFE0CC;border-left:3px solid var(--cfh-ok);border-radius:6px;background:#F3FAF5;color:#1F3D2B;font-size:13.5px}
.cp-journey-steps .cp-step-number{background:var(--cfh-encre);color:#fff}
footer.cfh-pied .cfh-garanties ul{padding:22px 24px!important}
/* Aide : questions en accordéon avec chevron, comme la page Aide du site local. */
.cp-faq details{border-bottom:1px solid var(--cfh-ligne);padding:0}
.cp-faq details summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font-weight:600;font-size:15px;color:var(--cfh-encre);cursor:pointer}
.cp-faq details summary::-webkit-details-marker{display:none}
.cp-faq details summary::after{content:"";flex:none;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-3px);transition:transform .15s}
.cp-faq details[open] summary::after{transform:rotate(-135deg) translateY(-1px)}
.cp-faq details p{margin:0 0 16px;color:#3B4250}

.cfh-faq details summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}
.cfh-faq details summary::-webkit-details-marker{display:none}
.cfh-faq details summary::after{content:"";flex:none;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-3px)}
.cfh-faq details[open] summary::after{transform:rotate(-135deg) translateY(-1px)}
/* Page d'un jeu : en-tête avec chiffres clés, filtres en ligne, ères à gauche, tuiles compactes avec code (site local) */
.cat-heading.cfh-jeu-tete{display:grid;grid-template-columns:1fr auto;align-items:start;gap:6px 24px;padding-bottom:18px;border-bottom:1px solid var(--cfh-ligne)}
.cat-heading.cfh-jeu-tete > :not(.cfh-stats){grid-column:1}
.cat-heading.cfh-jeu-tete .cfh-stats{grid-column:2;grid-row:1 / span 3}
.cat-heading.cfh-jeu-tete .cfh-stats > div{min-width:96px}
.cfh-lien-cartes.btn{justify-self:start;display:inline-flex;align-items:center;min-height:34px;padding:0 12px;margin-top:6px;border:1px solid var(--cfh-ligne-forte);border-radius:6px;background:#fff;color:var(--cfh-encre);font-size:13px;font-weight:600;text-decoration:none}
.cfh-lien-cartes.btn:hover{border-color:var(--cfh-encre)}
html body .cat-toolbar.cfh-filtres{display:grid!important;grid-template-columns:minmax(220px,1.3fr) auto minmax(160px,1fr) minmax(140px,1fr);gap:14px;align-items:end;margin:18px 0 22px;padding:0;background:none;border:0}
.cat-toolbar.cfh-filtres > label,.cfh-seg-bloc{display:flex;flex-direction:column;gap:6px;margin:0;font-size:12.5px;font-weight:600;color:var(--cfh-encre);min-width:0}
.cat-toolbar.cfh-filtres > label[hidden],.cat-toolbar.cfh-filtres > label.cfh-langues{display:none}
.cfh-lib{font-size:12.5px;font-weight:600;color:var(--cfh-encre)}
.cat-toolbar.cfh-filtres input,.cat-toolbar.cfh-filtres select,.cat-toolbar.cfh-filtres .searchable-select-trigger{width:100%;height:40px;min-height:40px;padding:0 12px;border:1px solid var(--cfh-ligne-forte);border-radius:6px;background:#fff;font-size:14px;color:var(--cfh-encre);box-sizing:border-box;text-align:left}
.cat-toolbar.cfh-filtres input:focus{outline:2px solid var(--cfh-encre);outline-offset:-1px}
.studio-series-controls.cfh-ctrl{display:contents}
.cat-toolbar.cfh-filtres .cfh-ctrl > label{display:flex;flex-direction:column;gap:6px;margin:0;font-size:12.5px;font-weight:600;color:var(--cfh-encre);min-width:0}
.cat-toolbar.cfh-filtres .cfh-ctrl > label[hidden]{display:none}
.cfh-seg{display:inline-flex;height:40px;border:1px solid var(--cfh-ligne-forte);border-radius:6px;overflow:hidden;background:#fff}
.cfh-seg button{padding:0 14px;border:0;border-left:1px solid var(--cfh-ligne);background:#fff;font:600 13px Inter,sans-serif;color:var(--cfh-encre);cursor:pointer;white-space:nowrap}
.cfh-seg button:first-child{border-left:0}
.cfh-seg button[hidden]{display:none}
.cfh-seg button[aria-pressed=true]{background:var(--cfh-encre);color:#fff}
.cfh-jeu-corps{display:grid;grid-template-columns:210px minmax(0,1fr);gap:28px;align-items:start;scroll-margin-top:16px}
.cfh-eres{position:sticky;top:16px;display:flex;flex-direction:column;border:1px solid var(--cfh-ligne);border-radius:8px;background:#fff;padding:6px 0;max-height:calc(100vh - 32px);overflow:auto}
.cfh-eres button{display:flex;justify-content:space-between;gap:10px;padding:9px 14px;border:0;border-left:3px solid transparent;background:none;font:500 13.5px/1.35 Inter,sans-serif;color:var(--cfh-encre);text-align:left;cursor:pointer}
.cfh-eres button span{color:var(--cfh-doux);font-size:12.5px}
.cfh-eres button:hover{background:var(--cfh-surface)}
.cfh-eres button[aria-current=true]{border-left-color:var(--cfh-accent);background:var(--cfh-surface);font-weight:650}
.cfh-jeu-corps #cat-extensions .studio-count{margin:0 0 6px;font-size:12.5px;color:var(--cfh-doux)}
.cfh-jeu-corps .cat-era{margin:0 0 30px}
.cfh-jeu-corps .cat-era h2{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 14px;padding-bottom:8px;border-bottom:2px solid var(--cfh-encre);font:750 18px/1.3 "Inter Tight",Inter,sans-serif;color:var(--cfh-encre)}
.cfh-jeu-corps .cat-era h2 small{font:500 12px Inter,sans-serif;color:var(--cfh-doux)}
.cfh-jeu-corps .cat-extension-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
html body .cfh-jeu-corps .cat-extension-tile{position:relative;display:grid!important;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:12px;align-content:start;padding:12px!important;border:1px solid var(--cfh-ligne)!important;border-radius:8px!important;background:#fff!important}
html body .cfh-jeu-corps .cat-extension-tile:hover{border-color:var(--cfh-encre)!important}
.cfh-jeu-corps .cat-extension-art{grid-row:1 / span 3;width:52px!important;height:52px!important;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--cfh-surface);border:1px solid var(--cfh-ligne);overflow:hidden}
.cfh-jeu-corps .cat-extension-art img.cat-series-logo,.cfh-jeu-corps .cat-extension-art img.cat-series-card{max-width:46px;max-height:46px;height:auto}
.cfh-jeu-corps .cat-extension-art.cfh-art-code img,.cfh-jeu-corps .cat-extension-art > span:not(.cfh-ext-code){display:none!important}
.cfh-jeu-corps .cat-extension-art img{max-width:46px!important;max-height:46px!important;height:auto!important}
.cfh-ext-code{font:700 11.5px ui-monospace,SFMono-Regular,Menlo,monospace!important;letter-spacing:.04em;color:var(--cfh-encre)!important}
.cfh-jeu-corps .cat-extension-tile h3{margin:0 0 3px!important;font-size:14.5px!important;padding-right:56px;font:650 14.5px/1.3 "Inter Tight",Inter,sans-serif;color:var(--cfh-encre)}
.cfh-jeu-corps .cat-extension-tile p,.cfh-jeu-corps .cat-extension-tile small{margin:0;font-size:12px;line-height:1.5;color:var(--cfh-doux)}
.cfh-bientot{position:absolute;top:10px;right:10px;padding:2px 7px;border-radius:4px;background:#E8F0FB;color:var(--cfh-lien);font:600 11px Inter,sans-serif;font-style:normal}
.cfh-jeu-corps #studio-more-series{display:block;margin:4px auto 0;min-height:40px;padding:0 18px;border:1px solid var(--cfh-ligne-forte);border-radius:6px;background:#fff;font-weight:600;color:var(--cfh-encre)}
@media (max-width:1100px){.cfh-jeu-corps .cat-extension-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body .cat-toolbar.cfh-filtres{grid-template-columns:1fr auto 1fr 1fr!important}}
@media (max-width:760px){
  .cat-heading.cfh-jeu-tete{grid-template-columns:1fr}
  .cat-heading.cfh-jeu-tete .cfh-stats{grid-column:1;grid-row:auto}
  html body .cat-toolbar.cfh-filtres{grid-template-columns:1fr 1fr!important}
  html body .cat-toolbar.cfh-filtres > label:first-child,html body .cat-toolbar.cfh-filtres > .cfh-seg-bloc{grid-column:1 / -1!important}
  .cfh-seg{width:100%}.cfh-seg button{flex:1;padding:0 6px}
  .cfh-jeu-corps{grid-template-columns:1fr;gap:14px}
  .cfh-eres{position:static;flex-direction:row;overflow-x:auto;max-height:none;padding:0;border:0;background:none;gap:6px}
  .cfh-eres button{flex:none;border:1px solid var(--cfh-ligne);border-radius:16px;padding:6px 12px;white-space:nowrap;background:#fff}
  .cfh-eres button[aria-current=true]{border-color:var(--cfh-encre);background:var(--cfh-encre);color:#fff}
  .cfh-eres button[aria-current=true] span{color:#fff}
  .cfh-jeu-corps .cat-extension-grid{grid-template-columns:1fr!important}
}
/* Page d'une série : filtres à cocher avec nombres, cote, portée de recherche, puces, tri et affichage (site local) */
#cat-filters.cfh-champs .cfh-cache{display:none!important}
.cfh-facette{display:block;width:100%;box-sizing:border-box;margin:0 0 4px;padding:12px 0;border:0;border-bottom:1px solid var(--cfh-ligne);min-width:0}
.cfh-f-titre{margin:0 0 8px;padding:0;font:700 13px Inter,sans-serif;color:var(--cfh-encre)}
.cfh-facette > label{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;margin:0!important;padding:4px 0;font:500 13px/1.3 Inter,sans-serif!important;color:var(--cfh-encre);cursor:pointer}
html body .cfh-facette > label input[type=checkbox]{width:16px!important;height:16px!important;min-height:0!important;min-width:0!important;padding:0!important;margin:0!important;accent-color:var(--cfh-encre);flex:none}
.cfh-facette > label span{flex:1;min-width:0}
.cfh-facette > label em{font-style:normal;font-size:12px;color:var(--cfh-doux)}
.cfh-facette > label.cfh-vide{opacity:.45}
.cfh-cote-champs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cfh-cote-champs label{display:flex!important;flex-direction:column;gap:4px;margin:0!important;font-size:11.5px!important;color:var(--cfh-doux)!important;font-weight:500!important}
.cfh-cote-champs input{width:100%;height:36px;padding:0 8px;border:1px solid var(--cfh-ligne-forte);border-radius:6px;box-sizing:border-box}
.cfh-cote-puces{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.cfh-cote-puces button,.cfh-puces button{height:30px;padding:0 11px;border:1px solid var(--cfh-ligne-forte);border-radius:6px;background:#fff;font:600 12.5px Inter,sans-serif;color:var(--cfh-encre);cursor:pointer}
.cfh-cote-puces button[aria-pressed=true],.cfh-puces button[aria-pressed=true]{background:var(--cfh-encre);border-color:var(--cfh-encre);color:#fff}
.cfh-cote-puces button::after{content:" €"}
.cfh-options-titre{margin:14px 0 4px;font:700 13px Inter,sans-serif;color:var(--cfh-encre)}
.cfh-portee{display:inline-flex;border:1px solid var(--cfh-ligne-forte);border-radius:6px;overflow:hidden;background:#fff;margin:0 0 8px;align-self:flex-start}
.cfh-portee button{height:36px;padding:0 14px;border:0;border-left:1px solid var(--cfh-ligne);background:#fff;font:600 13px Inter,sans-serif;color:var(--cfh-encre);cursor:pointer;white-space:nowrap}
.cfh-portee button:first-child{border-left:0}
.cfh-portee button[aria-selected=true]{background:var(--cfh-encre);color:#fff}
.cfh-puces{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 8px}
.cfh-puces .cfh-effacer{border:0;background:none;color:var(--cfh-lien);text-decoration:underline;padding:0 4px}
.cat-meta .cfh-tri{display:flex;align-items:center;gap:10px;margin-left:auto}
.cat-meta .cfh-tri label{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--cfh-doux);white-space:nowrap}
.cat-meta .cfh-tri select{height:34px;padding:0 10px;border:1px solid var(--cfh-ligne-forte);border-radius:6px;background:#fff;font:500 13px Inter,sans-serif;color:var(--cfh-encre)}
.cfh-vue{display:inline-flex;border:1px solid var(--cfh-ligne-forte);border-radius:6px;overflow:hidden}
.cfh-vue button{width:34px;height:32px;display:grid;place-items:center;border:0;background:#fff;cursor:pointer}
.cfh-vue button + button{border-left:1px solid var(--cfh-ligne)}
.cfh-vue svg{width:16px;height:16px;fill:none;stroke:var(--cfh-encre);stroke-width:1.8}
.cfh-vue button[aria-pressed=true]{background:var(--cfh-encre)}
.cfh-vue button[aria-pressed=true] svg{stroke:#fff}
.cat-meta:has(.cfh-tri){display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px}
@media (max-width:760px){.cat-meta .cfh-tri{margin-left:0;width:100%;justify-content:space-between}.cfh-portee{display:flex;width:100%}.cfh-portee button{flex:1;padding:0 6px;font-size:12.5px}}
@media (min-width:761px){.catalogue-v2 > .cat-toolbar > .cfh-portee,.catalogue-v2 > .cat-toolbar > .cfh-puces{grid-column:2}}
@media (min-width:761px){html body .catalogue-v2 > .cat-toolbar > .cat-filter-panel:has(.cfh-champs){grid-row:4 / span 6!important;align-self:start}}
.cfh-puces ~ .cat-meta #cat-reset,.cat-toolbar:has(.cfh-puces) #cat-reset{display:none}
html body .cat-meta .cfh-tri select{appearance:auto;height:34px;padding:0 10px;border:1px solid var(--cfh-ligne-forte)!important;border-radius:6px;background:#fff!important;font:500 13px Inter,sans-serif!important;color:var(--cfh-encre)!important}
.cfh-facette:not(:has(label)){display:none}
/* Accueil du catalogue : titre, recherche encadrée, recherches fréquentes, A à Z et plan du catalogue (site local) */
.studio-heading.cfh-cat-tete{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.cfh-cat-tete .studio-eyebrow{display:none}
.cfh-cat-tete h1{font:800 34px/1.1 "Inter Tight",Inter,sans-serif!important;letter-spacing:-.02em;color:var(--cfh-encre)}
.cfh-cat-tete p{color:var(--cfh-doux);max-width:none!important}
.cfh-cat-tete:has(.cfh-vers-plan) > a.studio-tree-link{display:none}
.cfh-vers-plan{margin-left:auto;border:0;background:none;padding:0;font:600 13.5px Inter,sans-serif;color:var(--cfh-lien);cursor:pointer;white-space:nowrap}
.studio-search-row.cfh-recherche{display:grid!important;grid-template-columns:1fr auto!important;gap:12px 12px;align-items:end;padding:20px;border:1px solid var(--cfh-ligne);border-radius:8px;background:var(--cfh-surface)}
.cfh-recherche .cat-global-search label{font-size:12.5px;font-weight:600}
.cfh-recherche #cat-global-query{height:46px;border:1.5px solid var(--cfh-encre)!important;border-radius:6px;background:#fff}
.cfh-recherche .cat-global-search .btn{height:46px;background:var(--cfh-accent)!important;border-color:var(--cfh-accent)!important;color:#fff!important}
.cfh-recherche .studio-camera{height:46px;display:inline-flex;align-items:center;gap:8px;background:#fff!important}
.cfh-frequentes{grid-column:1 / -1!important;width:auto!important;max-width:none!important;display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:12.5px;color:var(--cfh-doux)}
.cfh-frequentes span{margin-right:4px}
.cfh-frequentes a{display:inline-flex;align-items:center;height:26px;padding:0 9px;border:1px solid var(--cfh-ligne-forte);border-radius:4px;background:#fff;color:var(--cfh-encre);font-weight:500;text-decoration:none}
.cfh-frequentes a:hover{border-color:var(--cfh-encre)}
details.studio-all-games.cfh-az{margin-top:18px;border-top:1px solid var(--cfh-ligne);border-bottom:1px solid var(--cfh-ligne)}
.cfh-az > summary{display:flex;align-items:center;gap:12px;padding:14px 2px;list-style:none;cursor:pointer;font:650 14.5px Inter,sans-serif;color:var(--cfh-encre)}
.cfh-az > summary::-webkit-details-marker{display:none}
.cfh-az > summary small{margin-left:auto;font:500 12.5px Inter,sans-serif;color:var(--cfh-doux)}
.cfh-az > summary::after{content:"";width:8px;height:8px;border-right:2px solid var(--cfh-encre);border-bottom:2px solid var(--cfh-encre);transform:rotate(45deg) translateY(-3px);transition:transform .15s}
.cfh-az[open] > summary::after{transform:rotate(-135deg) translateY(-2px)}
.cfh-plan{margin:44px 0 10px;scroll-margin-top:16px}
.cfh-plan h2{margin:0;font:800 26px/1.2 "Inter Tight",Inter,sans-serif;letter-spacing:-.01em;color:var(--cfh-encre)}
.cfh-plan > p{margin:6px 0 18px;color:var(--cfh-doux);font-size:14px}
.cfh-plan-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.cfh-plan h3{margin:0 0 4px;padding-bottom:8px;border-bottom:2px solid var(--cfh-encre);font:700 14.5px Inter,sans-serif}
.cfh-plan h3 a{color:var(--cfh-encre);text-decoration:none}
.cfh-plan ul{list-style:none;margin:0;padding:0}
.cfh-plan li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--cfh-ligne);font-size:13.5px}
.cfh-plan li a{color:var(--cfh-encre);text-decoration:none}
.cfh-plan li a:hover{color:var(--cfh-accent);text-decoration:underline}
.cfh-plan li small{font-size:12px;color:var(--cfh-doux);white-space:nowrap}
@media (max-width:760px){
  .studio-heading.cfh-cat-tete{flex-direction:column;align-items:flex-start}
  .cfh-vers-plan{margin-left:0}
  .studio-search-row.cfh-recherche{grid-template-columns:1fr!important;padding:14px}
  .cfh-plan-grille{grid-template-columns:1fr;gap:22px}
}

/* Pages de groupe (jeux de cartes, sport, culture) : tuiles de branches sobres, nombre de séries en gris. */
html body .cfh-groupe-sports a.studio-game,html body .cfh-groupe-culture a.studio-game{border:1px solid var(--cfh-ligne)!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important}
html body .cfh-groupe-sports a.studio-game:hover,html body .cfh-groupe-culture a.studio-game:hover{border-color:var(--cfh-encre)!important}
.cfh-groupe-sports a.studio-game small,.cfh-groupe-culture a.studio-game small{color:var(--cfh-doux)}

/* Page d'un sport ou d'un univers : en-tête avec bascule de catégorie, colonne des branches, étapes et listes. */
.cat-heading.cfh-sport-tete{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 24px}
.cat-heading.cfh-sport-tete > p{grid-column:1 / -1}
.cat-heading.cfh-sport-tete > h1{margin-bottom:0}
html body nav.studio-families.cfh-familles{display:inline-flex!important;width:auto!important;margin:0!important;border:1px solid var(--cfh-ligne-forte)!important;border-radius:6px!important;overflow:hidden;background:#fff;grid-template-columns:none!important;gap:0!important}
html body .cfh-familles a{display:inline-flex!important;align-items:center;gap:6px;min-height:38px!important;padding:0 14px!important;border:0!important;border-left:1px solid var(--cfh-ligne)!important;border-radius:0!important;background:#fff!important;color:var(--cfh-encre)!important;font:600 13px Inter,sans-serif!important;text-decoration:none;box-shadow:none!important}
html body .cfh-familles a:first-child{border-left:0!important}
html body .cfh-familles a[aria-current]{background:var(--cfh-encre)!important;color:#fff!important}
.cfh-familles svg{width:15px;height:15px}
.cfh-sport-tete > nav.cfh-familles{grid-column:2;grid-row:1}
.cfh-sport-tete > p{margin:0}
.cfh-sport-corps{display:grid;grid-template-columns:210px minmax(0,1fr);gap:28px;align-items:start;margin-top:20px}
.cfh-branches{position:sticky;top:16px;display:flex;flex-direction:column;border:1px solid var(--cfh-ligne);border-radius:8px;background:#fff;padding:6px 0 10px;max-height:calc(100vh - 32px);overflow:auto}
.cfh-branches p{margin:12px 14px 6px;font:700 11.5px Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--cfh-doux)}
.cfh-branches p:first-child{margin-top:8px}
.cfh-branches a{display:block;min-height:0!important;margin:0!important;padding:7px 14px;border-left:3px solid transparent;color:var(--cfh-encre);font:500 13.5px/1.35 Inter,sans-serif;text-decoration:none}
.cfh-branches a:hover{background:var(--cfh-surface)}
.cfh-branches a[aria-current]{border-left-color:var(--cfh-accent);background:var(--cfh-surface);font-weight:650}
.cfh-etapes{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--cfh-ligne);border-radius:8px;background:#fff;overflow:hidden}
.cfh-etapes li{min-width:0;border-left:1px solid var(--cfh-ligne)}
.cfh-etapes li:first-child{border-left:0}
.cfh-etapes li > span,.cfh-etapes li > a,.cfh-etapes li{display:flex}
.cfh-etapes li > a,.cfh-etapes li:not(:has(a)){align-items:center;gap:12px;padding:12px 16px;width:100%;color:var(--cfh-encre);text-decoration:none}
.cfh-etapes li > a{padding:12px 16px}
.cfh-etapes li:has(a){padding:0}
.cfh-etapes b{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--cfh-ligne-forte);font:700 12.5px Inter,sans-serif;color:var(--cfh-doux)}
.cfh-etapes li > span,.cfh-etapes a > span{flex-direction:column;min-width:0;font:600 13.5px/1.3 Inter,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cfh-etapes span span,.cfh-etapes li span{display:block;overflow:hidden;text-overflow:ellipsis}
.cfh-etapes small{display:block;font:600 11.5px Inter,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--cfh-doux)}
.cfh-etapes li.actuel{background:var(--cfh-surface);box-shadow:inset 0 -2px 0 var(--cfh-accent)}
.cfh-etapes li.actuel b{background:var(--cfh-accent);border-color:var(--cfh-accent);color:#fff}
.cfh-etapes li.fait b{background:var(--cfh-encre);border-color:var(--cfh-encre);color:#fff}
.cfh-etapes li:not(.fait):not(.actuel){color:var(--cfh-doux)}
.cfh-etapes a:hover span{text-decoration:underline}
.cfh-checklists{margin:0 0 18px;padding:16px;border:1px solid var(--cfh-ligne);border-radius:8px;background:var(--cfh-surface)}
.cfh-checklists > p{margin:0 0 10px;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
.cfh-checklists > p strong{font:700 15px "Inter Tight",Inter,sans-serif}
.cfh-checklists > p span{font-size:13px;color:var(--cfh-doux)}
.cfh-checklists > div{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
a.cfh-checklist{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--cfh-ligne);border-radius:6px;background:#fff;color:var(--cfh-encre);text-decoration:none}
a.cfh-checklist:hover{border-color:var(--cfh-encre)}
a.cfh-checklist strong{font:600 13.5px/1.3 Inter,sans-serif}
a.cfh-checklist small{font-size:12px;color:var(--cfh-doux)}
html body .cat-connected .connected-filter{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) auto;gap:12px;align-items:end;margin:0 0 12px;padding:16px;border:1px solid var(--cfh-ligne);border-radius:8px;background:#fff}
html body .cat-connected .connected-filter label{display:flex;flex-direction:column;gap:6px;margin:0;font-size:12.5px;font-weight:600;color:var(--cfh-encre)}
html body .cat-connected .connected-filter input,html body .cat-connected .connected-filter select{height:42px;border:1px solid var(--cfh-ligne-forte);border-radius:6px;background:#fff}
html body .cat-connected .connected-filter .btn{height:42px;background:var(--cfh-encre)!important;border-color:var(--cfh-encre)!important;color:#fff!important}
.cat-connected .connected-count{margin:4px 0 2px;font:700 15px "Inter Tight",Inter,sans-serif;color:var(--cfh-encre)}
.cat-connected .cat-market-hint{margin:0 0 14px;font-size:12.5px;color:var(--cfh-doux)}
.cat-connected a.connected-back{display:inline-flex;margin:0 0 12px;font-weight:600;color:var(--cfh-lien);text-decoration:none}
.cat-connected a.connected-back:hover{text-decoration:underline}
.cat-connected #connected-content > p.notice{border:1px solid #E8D9A8;border-left:3px solid #B7862B;border-radius:6px;background:#FBF7EA;color:#4A3B12;font-size:13px}
.cat-connected #connected-content > h2{font:800 22px/1.2 "Inter Tight",Inter,sans-serif;margin:16px 0 10px}
html body .cat-connected .connected-series-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
html body .cat-connected .connected-series-list > a{display:flex!important;align-items:center;gap:14px;min-height:0!important;padding:12px 14px!important;border:1px solid var(--cfh-ligne)!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important;color:var(--cfh-encre)}
html body .cat-connected .connected-series-list > a:hover{border-color:var(--cfh-encre)!important}
.cat-connected .connected-series-list > a > div{flex:1;min-width:0}
.cat-connected .connected-series-list h2{margin:0!important;font:650 14.5px/1.3 Inter,sans-serif!important}
.cat-connected .connected-series-list small,.cat-connected .connected-series-list p{margin:2px 0 0;font-size:12.5px;color:var(--cfh-doux)}
.cat-connected .connected-series-list > a > span:last-child{color:var(--cfh-doux)}
.cfh-saison{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:54px;height:54px;border-radius:6px;background:var(--cfh-encre);color:#fff;font:700 14px/1.05 "Inter Tight",Inter,sans-serif}
.cfh-saison span{font-size:12px;font-weight:600;opacity:.8}
.cat-connected .connected-series-list .connected-release-cover{flex:none;width:54px;height:54px;margin:0;border-radius:6px;overflow:hidden}
.cat-connected .connected-series-list .connected-release-cover img{width:100%;height:100%;object-fit:cover}
html body .cfh-pastille-photo{display:inline-flex;margin-top:6px;padding:1px 8px;border:1px solid #B9D8C4;border-radius:10px;background:#EEF7F1;color:var(--cfh-ok)!important;font:600 11.5px Inter,sans-serif}
html body .cat-connected .connected-series-list.cfh-cartes-liste{grid-template-columns:1fr!important;gap:0!important;border:1px solid var(--cfh-ligne);border-radius:8px;overflow:hidden;background:#fff}
html body .cat-connected .cfh-cartes-liste > a{border:0!important;border-top:1px solid var(--cfh-ligne)!important;border-radius:0!important;padding:10px 14px!important}
html body .cat-connected .cfh-cartes-liste > a:first-child{border-top:0!important}
html body .cat-connected .cfh-cartes-liste > a:hover{background:var(--cfh-surface)!important}
.cfh-cartes-liste > a > div{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:4px 14px;align-items:center}
.cfh-cartes-liste > a > div > p,.cfh-cartes-liste > a > div > small{margin:0!important}
.cfh-num{flex:none;min-width:64px;font:700 13px Inter,sans-serif;color:var(--cfh-encre)}
@media (max-width:860px){
  .cfh-sport-corps{grid-template-columns:1fr;gap:14px}
  .cfh-branches{position:static;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;max-height:none;padding:0;border:0;background:none;gap:6px}
  .cfh-branches p{display:none}
  .cfh-branches a{flex:none;margin:0!important;border:1px solid var(--cfh-ligne);border-radius:16px;padding:6px 12px;white-space:nowrap;background:#fff}
  .cfh-branches a[aria-current]{border-color:var(--cfh-encre);background:var(--cfh-encre);color:#fff}
  html body .cat-connected .connected-filter{grid-template-columns:1fr 1fr}
  html body .cat-connected .connected-filter label:first-child,html body .cat-connected .connected-filter .btn{grid-column:1 / -1}
  html body .cat-connected .connected-series-list{grid-template-columns:1fr!important}
  .cfh-etapes li > a,.cfh-etapes li:not(:has(a)){padding:10px;gap:8px}
  .cfh-etapes li > span span,.cfh-etapes a > span{font-size:12.5px}
  .cfh-cartes-liste > a > div{grid-template-columns:1fr}
  .cat-heading.cfh-sport-tete{grid-template-columns:1fr}
  .cfh-sport-tete > nav.cfh-familles{grid-column:1;grid-row:auto}
  html body nav.studio-families.cfh-familles{display:flex!important;width:100%!important}
  html body .cfh-familles a{flex:1;justify-content:center;padding:0 8px!important}
}
.cat-connected #connected-content > p.notice{display:block;max-width:none!important;width:auto}
html body .cat-connected #publisher-search{display:flex!important;align-items:end;gap:12px;margin:0 0 12px;padding:16px;border:1px solid var(--cfh-ligne);border-radius:8px;background:#fff}
html body .cat-connected #publisher-search label,html body .cat-connected #connected-content > label.cat-search{flex:1;display:flex;flex-direction:column;gap:6px;margin:0 0 12px;font-size:12.5px;font-weight:600;color:var(--cfh-encre)}
html body .cat-connected #publisher-search label{margin:0}
html body .cat-connected #publisher-search input,html body .cat-connected #connected-content > label.cat-search input{height:42px;width:100%;max-width:none;border:1px solid var(--cfh-ligne-forte);border-radius:6px;background:#fff}
html body .cat-connected #publisher-search .btn{height:42px;background:var(--cfh-encre)!important;border-color:var(--cfh-encre)!important;color:#fff!important}
.cat-connected #connected-content > a:not([class]){display:inline-flex;margin:4px 0 8px;font-weight:600;color:var(--cfh-lien);text-decoration:none}
html body .cat-connected #connected-content > dl{display:grid;grid-template-columns:minmax(160px,240px) minmax(0,1fr);margin:8px 0 14px;border:1px solid var(--cfh-ligne);border-radius:8px;overflow:hidden;background:#fff}
html body .cat-connected #connected-content > dl > dt,html body .cat-connected #connected-content > dl > dd{margin:0!important;padding:9px 14px;border-top:1px solid var(--cfh-ligne);font-size:13.5px}
html body .cat-connected #connected-content > dl > dt{background:var(--cfh-surface);color:var(--cfh-doux)}
html body .cat-connected #connected-content > dl > dt strong{font-weight:600}
html body .cat-connected #connected-content > dl > :nth-child(-n+2){border-top:0}
@media (max-width:560px){html body .cat-connected #connected-content > dl{grid-template-columns:1fr}html body .cat-connected #connected-content > dl > dd{border-top:0;padding-top:0;background:var(--cfh-surface)}}

/* Espaces client, boutique et admin : en-tête du site, connexion à onglets, repères illustrés. */
html body .comptoir-portal-header.cfh-portail-tete{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;border-bottom:1px solid var(--cfh-ligne);background:#fff}
.cfh-portail-tete nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.cfh-portail-tete nav a{color:var(--cfh-encre);font:600 14px Inter,sans-serif;text-decoration:none}
.cfh-portail-tete nav a:hover{color:var(--cfh-accent)}
body:has(.cfh-portail-tete) .comptoir-access-layout{background:transparent}
body:has(.cfh-portail-tete){background:var(--cfh-surface)}
html body main.portal-auth{border:1px solid var(--cfh-ligne)!important;border-top:1px solid var(--cfh-ligne)!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important}
.cfh-onglets{display:flex;margin:-4px 0 22px;border-bottom:1px solid var(--cfh-ligne);overflow-x:auto}
.cfh-onglets > *{flex:none;padding:10px 14px;margin-bottom:-1px;border-bottom:2px solid transparent;color:var(--cfh-doux);font:600 14px Inter,sans-serif;text-decoration:none;white-space:nowrap}
.cfh-onglets > [aria-current]{color:var(--cfh-encre);border-bottom-color:var(--cfh-accent)}
.cfh-onglets a:hover{color:var(--cfh-encre)}
html body main.portal-auth .btn:not(.secondary){background:var(--cfh-accent)!important;border-color:var(--cfh-accent)!important;color:#fff!important}
html body main.portal-auth input{height:44px;border:1px solid var(--cfh-ligne-forte);border-radius:6px}
html body main.portal-auth #cf-create-client{width:100%;margin-top:0!important}
.cfh-ou{display:flex;align-items:center;gap:12px;margin:16px 0 12px;color:var(--cfh-doux);font-size:13px}
.cfh-ou::before,.cfh-ou::after{content:"";flex:1;height:1px;background:var(--cfh-ligne)}
html body aside.comptoir-access-context[data-cfh]{border:1px solid var(--cfh-ligne);border-radius:8px;background:#fff;padding:24px}
.comptoir-access-context[data-cfh] li{display:flex!important;gap:12px;align-items:flex-start}
.comptoir-access-context[data-cfh] li > .cfh-ico{width:26px;height:26px;color:var(--cfh-encre);stroke-width:1.4;margin-top:2px}
.comptoir-access-context[data-cfh] li > div{display:flex;flex-direction:column;gap:2px}
.cfh-rgpd{display:flex;gap:12px;margin-top:18px;padding:14px;border:1px solid #C9D6E8;border-radius:8px;background:#EFF4FA}
.cfh-rgpd .cfh-ico{width:24px;height:24px;color:var(--cfh-lien)}
.cfh-rgpd p{margin:0;font-size:13px;color:var(--cfh-encre)}
.cfh-rgpd a{color:var(--cfh-lien)}
@media (max-width:640px){html body .comptoir-portal-header.cfh-portail-tete{padding:12px 16px}.cfh-portail-tete nav{gap:12px}.cfh-portail-tete nav a:not(.cfh-aide):not([href="/#/catalogue"]){display:none}}
html body .cfh-portail-tete a.brand.cfh-logo{display:inline-flex!important;gap:0!important;letter-spacing:-.02em!important;font:800 24px "Inter Tight",sans-serif!important;color:var(--cfh-encre)!important}

/* Arborescence du catalogue. */
.cfh-arbre .studio-tree-family{margin:0 0 22px}
.cfh-arbre .studio-tree-family > h2{margin:0 0 8px;padding-bottom:8px;border-bottom:2px solid var(--cfh-encre);font:700 16px "Inter Tight",Inter,sans-serif}
html body .cfh-arbre details[data-tree-game]{margin:0!important;border:0!important;border-bottom:1px solid var(--cfh-ligne)!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
html body .cfh-arbre details[data-tree-game] > summary{display:flex!important;justify-content:space-between;gap:12px;padding:11px 4px!important;font-size:14px;cursor:pointer}
.cfh-arbre details[data-tree-game] > summary span{color:var(--cfh-doux);font-size:13px}
.cfh-arbre details[data-tree-game] > summary:hover strong{color:var(--cfh-accent)}
.cfh-arbre details[open] > summary{background:var(--cfh-surface)}
.cfh-etapes em{display:block;font-style:normal;overflow:hidden;text-overflow:ellipsis}
@media (max-width:560px){
  .cfh-etapes li > a,.cfh-etapes li:not(:has(a)){flex-direction:column;align-items:flex-start;gap:4px;padding:8px 10px}
  .cfh-etapes b{width:22px;height:22px;font-size:11.5px}
  .cfh-etapes li:not(.actuel) em{display:none}
  .cfh-etapes li.actuel em{white-space:normal;font-size:12.5px;line-height:1.25}
  .cfh-onglets > *{padding:10px 10px;font-size:13.5px}
}
@media (max-width:640px){html body .cfh-portail-tete nav a:not(.cfh-aide):not([href="/#/catalogue"]){display:none!important}}
/* Les checklists arrivent une à une en haut de la page : on les masque jusqu'à leur rangement dans l'encadré (pas de barre grise qui clignote). */
html body .cat-connected #connected-content > a.btn[href*="program="]{display:none!important}
.cfh-checklists > div > a.cfh-checklist{animation:cfh-apparait .18s ease-out}
@keyframes cfh-apparait{from{opacity:0}to{opacity:1}}