/* Comptoir, catalogue réel. Aucun remplacement des données ou gestionnaires. */
html body .public-catalogue.workspace{max-width:1368px;padding:28px 24px 44px}
html body .cat-studio{--studio-ink:var(--encre);--studio-muted:var(--doux);--studio-paper:var(--fond);--studio-soft:var(--surface);--studio-line:var(--ligne);--studio-red:var(--accent);font-family:var(--texte);max-width:1320px}
html body .cat-studio :is(h1,h2,h3,strong){font-family:var(--titre)}
html body .cat-studio :is(.studio-heading,.cat-heading){padding-bottom:22px;border-bottom:1px solid var(--ligne);margin:12px 0 22px}
html body .cat-studio :is(.studio-heading h1,.cat-heading h1){font-size:32px!important;letter-spacing:-.02em;line-height:1.15;margin-bottom:9px;font-weight:800}
html body .cat-studio :is(.studio-heading p,.cat-heading p){font-size:14px;line-height:1.6;color:var(--doux);margin-bottom:0}
html body .cat-studio .cat-breadcrumb{font-size:12px;color:var(--doux);margin-bottom:18px}
html body .cat-studio .studio-eyebrow{font-size:10px;letter-spacing:.08em;margin-bottom:10px}
html body .cat-studio .studio-families{display:flex;gap:0;border:1px solid var(--ligne);padding:0;border-radius:4px;background:var(--fond);margin:18px 0 26px;overflow:hidden}
html body .cat-studio .studio-families a{flex:1;border-radius:0;padding:12px 16px;font-size:13px;min-height:46px;box-shadow:none;border:0}
html body .cat-studio .studio-families a+a{border-left:1px solid var(--ligne)}
html body .cat-studio .studio-families a[aria-current]{background:var(--encre);color:var(--fond)}
html body .cat-studio .studio-families svg{width:18px;height:18px}
html body .cat-studio .cat-global-search>div{border-radius:4px;padding:0;border-color:var(--ligne);gap:0;background:var(--fond)}
html body .cat-studio .cat-global-search input{height:44px;padding:10px 14px;font-size:14px}
html body .cat-studio .btn{border-radius:4px;min-height:44px;font-size:13px}
html body .cat-studio .studio-camera{height:44px}
html body .cat-studio .studio-search-row{margin-bottom:20px}
html body .cat-studio .studio-section-head h2{font-size:23px}
html body .cat-studio .studio-quick-filter input{border-radius:4px;font-size:14px}
html body .cat-studio .studio-game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 18px}
html body .cat-studio .studio-game-logo{border-radius:4px;height:120px;background:var(--surface)}
html body .cat-studio .studio-game-logo[data-logo-surface=dark]{background:var(--encre)}
html body .cat-studio .studio-game strong{font-size:15px;font-weight:700}
html body .cat-studio .studio-game small{font-size:12px}
html body .cat-studio .cat-extension-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px}
html body .cat-studio .cat-extension-art{border-radius:4px;height:145px;background:var(--surface)}
html body .cat-studio .cat-extension-tile{border:0!important;background:transparent!important}
html body .cat-studio .cat-extension-tile h3{font-size:15px;margin-top:12px}
html body .cat-studio .cat-extension-tile p{font-size:12px;line-height:1.5}
html body .cat-studio .cat-extension-art img{object-fit:contain!important;object-position:center!important}
html body .cat-studio .studio-series-controls select{border-radius:4px;font-size:13px}
html body .cat-studio .cf-card-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
html body .cat-studio .cf-card-tile{border-radius:4px;box-shadow:none;border:1px solid var(--ligne);background:var(--fond);min-width:0}
html body .cat-studio .cf-card-art{height:235px!important;padding:12px!important;background:var(--fond);width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important}
html body .cat-studio .cf-card-art img{height:211px!important;width:100%!important;max-width:100%!important;object-fit:contain!important;object-position:center!important;margin-inline:auto!important}
html body .cat-studio .cf-card-art:has(.cf-missing-visual){height:235px!important;padding:12px!important}
html body .cat-studio .cf-card-caption{padding:0 12px 14px;min-width:0}
html body .cat-studio .cf-card-caption h3{font-size:15px;line-height:1.3;margin:4px 0;font-weight:700;overflow-wrap:anywhere}
html body .cat-studio .cf-card-caption p{font-size:11px;line-height:1.5}
html body .cat-studio .cat-tile-price{border-top:1px dashed var(--ligne);padding-top:10px;margin-top:12px;font-family:var(--titre);font-weight:800;font-size:18px!important;color:var(--encre);font-variant-numeric:tabular-nums}
html body .cat-studio :is(.cat-rarity-badge,.cat-variant-badge){border-radius:2px;background:var(--surface);border:1px solid var(--ligne);padding:3px 5px;font-size:10px;line-height:1.2}
html body .cat-studio .cat-variant-badge{background:#EAF0F7;color:var(--accent-2)}
html body .cat-studio .cat-filter-panel{border:1px solid var(--ligne);border-radius:4px;background:var(--fond);padding:0;min-width:0}
html body .cat-studio .cat-filter-panel>summary{padding:13px 14px;font-size:13px;font-weight:700;cursor:pointer;border-bottom:1px solid var(--ligne)}
html body .cat-studio .cat-filter-panel>summary span{display:block;font-size:11px;font-weight:400;color:var(--doux);margin-top:5px}
html body .cat-studio #cat-filters{display:grid;grid-template-columns:1fr;padding:14px;gap:18px}
html body .cat-studio #cat-filters label{min-width:0;font-size:12px;font-weight:600;gap:7px}
html body .cat-studio #cat-filters :is(input,select){font-size:13px;width:100%;min-width:0;border-radius:4px}
html body .cat-studio #cat-filters .searchable-select{min-width:0;width:100%}
html body .cat-studio #cat-filters .searchable-select-trigger{min-width:0;width:100%;border-radius:4px;font-size:12px}
html body .cat-studio .cat-meta{border-bottom:1px solid var(--ligne);padding-bottom:12px;font-size:12px;display:flex;justify-content:space-between;gap:12px;align-items:center}
html body .cat-studio #cat-reset{background:transparent;border:0;color:var(--accent-2);text-decoration:underline;font-size:12px;cursor:pointer;padding:8px}
html body .cat-studio .cat-pagination{justify-content:center;gap:12px;margin-top:28px}
@media(min-width:960px){
html body .cat-studio:has(>#cat-results){display:grid;grid-template-columns:220px minmax(0,1fr);column-gap:24px;row-gap:0;align-items:start}
html body .cat-studio:has(>#cat-results)>*{grid-column:1/-1}
html body .cat-studio:has(>#cat-results)>.cat-toolbar{display:contents}
html body .cat-studio:has(>#cat-results) .cat-search{grid-column:2;display:block;min-width:0;margin-bottom:18px;font-size:12px;font-weight:600}
html body .cat-studio:has(>#cat-results) .cat-search input{width:100%;margin-top:7px;border-radius:4px;font-size:14px;min-height:44px}
html body .cat-studio:has(>#cat-results) .cat-filter-panel{grid-column:1;grid-row:4/span 5;align-self:start}
html body .cat-studio:has(>#cat-results) :is(#cat-active-filters,.cat-meta,#cat-results,.cat-pagination,.cat-footnote){grid-column:2;min-width:0}
html body .cat-studio:has(>#cat-results) .cf-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
html body .cat-studio .cat-filter-panel>summary{list-style:none}
html body .cat-studio .cat-filter-panel>summary::-webkit-details-marker{display:none}
}
@media(max-width:1100px){html body .cat-studio .cf-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}html body .cat-studio:has(>#cat-results) .cf-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:959px){html body .cat-studio .cat-toolbar{display:grid;grid-template-columns:1fr;gap:14px}html body .cat-studio .cat-filter-panel[open] #cat-filters{grid-template-columns:repeat(2,minmax(0,1fr))}html body .cat-studio .cat-filter-panel{width:100%}}
@media(max-width:700px){html body .public-catalogue.workspace{padding:22px 18px 36px}html body .cat-studio :is(.studio-heading h1,.cat-heading h1){font-size:28px!important}html body .cat-studio .studio-game-grid,html body .cat-studio .cat-extension-grid,html body .cat-studio .cf-card-grid,html body .cat-studio:has(>#cat-results) .cf-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}html body .cat-studio .studio-families a{padding:10px 7px;font-size:11px;gap:6px}html body .cat-studio .studio-families svg{width:18px;height:18px}html body .cat-studio .studio-game-logo{height:100px;padding:14px}html body .cat-studio .cat-extension-art{height:120px}html body .cat-studio .cf-card-art,html body .cat-studio .cf-card-art:has(.cf-missing-visual){height:205px!important;padding:9px!important}html body .cat-studio .cf-card-art img{height:187px!important}html body .cat-studio .cf-card-caption{padding:0 10px 12px}html body .cat-studio .cf-card-caption h3{font-size:14px}html body .cat-studio .cat-tile-price{font-size:16px!important}html body .cat-studio .cat-filter-panel[open] #cat-filters{grid-template-columns:1fr}html body .cat-studio .studio-count{font-size:12px}html body .cat-studio .cat-list-view .cf-card-grid{grid-template-columns:1fr}html body .cat-studio .studio-search-row .btn{font-size:12px}html body .cat-studio .studio-section-head{display:block}}
html body .cat-studio .cat-list-view .cf-card-grid{grid-template-columns:1fr}
html body .cat-studio [hidden]{display:none!important}
/* L'ancien sélecteur de formulaire ne doit pas imposer quatre colonnes dans la barre latérale. */
#app .cat-studio .cat-filter-panel #cat-filters{grid-template-columns:minmax(0,1fr);padding:14px;gap:18px}
#app .cat-studio .cat-filter-panel #cat-filters>label{display:flex;flex-direction:column;gap:7px;width:100%;min-width:0}
@media(min-width:701px) and (max-width:959px){#app .cat-studio .cat-filter-panel #cat-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}