/* Pages publiques EAN, catalogue et sorties : charte Pro Comptoir.
   Généré par tools/gen_pages_ean.py, ne pas éditer à la main. */
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; font-family: var(--police-ui); background: var(--fond);
  color: var(--texte); line-height: var(--interligne-normal); }
a { color: var(--accent-texte); }
.fe-entete { background: #FFFFFF; border-bottom: 1px solid var(--bordure); }
.fe-entete__cadre { max-width: 1120px; margin: 0 auto; padding: 12px 16px;
  display: flex; flex-wrap: wrap; align-items: center;
  gap: var(--esp-2) var(--esp-4); }
.fe-entete__logo img { height: 30px; display: block; }
.fe-entete nav { margin-left: auto; display: flex; flex-wrap: wrap;
  align-items: center; gap: var(--esp-2) var(--esp-4); }
@media (max-width: 600px) {
  .fe-entete nav { margin-left: 0; width: 100%; justify-content: space-between; }
}
.fe-entete nav a { text-decoration: none; font-weight: var(--graisse-demi);
  font-size: var(--taille-14); color: var(--texte); }
.fe-entete nav a.dk-btn { color: var(--sur-accent); }
.fe-cadre { max-width: 960px; margin: 0 auto; padding: var(--esp-5) var(--esp-4) var(--esp-7); }
.fe-ariane { font-size: var(--taille-13); color: var(--texte-secondaire);
  margin-bottom: var(--esp-4); overflow-x: auto; white-space: nowrap; }
.fe-ariane a { color: var(--texte-secondaire); text-decoration: none; }
.fe-ariane a:hover { color: var(--texte); }
h1 { font-family: var(--police-titre); font-size: var(--taille-24);
  line-height: var(--interligne-serre); margin: 0 0 var(--esp-3); }
h2 { font-family: var(--police-titre); font-size: var(--taille-20); margin: 0 0 var(--esp-3); }
.fe-haut { display: grid; gap: var(--esp-5); margin-bottom: var(--esp-5); }
@media (min-width: 768px) { .fe-haut { grid-template-columns: 280px 1fr; } }
.fe-visuel { background: #FFFFFF; border: 1px solid var(--bordure); border-radius: var(--rayon);
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: var(--esp-3); min-height: 220px; padding: var(--esp-5); }
.fe-visuel img { width: 96px; height: auto; opacity: .9; }
.fe-visuel span { color: var(--texte-secondaire); font-size: var(--taille-13); }
.fe-puces { display: flex; flex-wrap: wrap; gap: var(--esp-2); margin: 0 0 var(--esp-4); }
.fe-langue { display: inline-flex; align-items: center; border-radius: var(--rayon-rond);
  padding: 3px 12px; font-size: var(--taille-12); font-weight: var(--graisse-demi);
  background: var(--surface-2); color: var(--texte-secondaire); }
.fe-table { width: 100%; border-collapse: collapse; background: #FFFFFF;
  border: 1px solid var(--bordure); border-radius: var(--rayon); overflow: hidden; }
.fe-table th, .fe-table td { text-align: left; padding: 10px 14px;
  border-bottom: 1px solid var(--bordure); font-size: var(--taille-14); vertical-align: top; }
.fe-table tr:last-child th, .fe-table tr:last-child td { border-bottom: 0; }
.fe-table th { color: var(--texte-secondaire); font-weight: var(--graisse-moyenne);
  white-space: nowrap; width: 1%; }
.fe-ean { font-variant-numeric: tabular-nums; font-weight: var(--graisse-demi); }
.fe-section { background: #FFFFFF; border: 1px solid var(--bordure);
  border-radius: var(--rayon); padding: var(--esp-5); margin-bottom: var(--esp-4); }
.fe-cote { border-style: dashed; text-align: center; color: var(--texte-secondaire); }
.fe-cote h2 { color: var(--texte); }
.fe-cta { background: var(--encre); color: var(--blanc-casse); text-align: center; }
.fe-cta h2 { color: var(--blanc-casse); }
.fe-cta p { color: #C7D0E4; max-width: 560px; margin: 0 auto var(--esp-4); }
.fe-liens-set { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--esp-2); }
@media (min-width: 768px) { .fe-liens-set { grid-template-columns: 1fr 1fr; } }
.fe-liens-set a { display: block; padding: 10px 14px; background: var(--survol);
  border-radius: var(--rayon-petit); text-decoration: none; color: var(--texte);
  font-size: var(--taille-14); }
.fe-liens-set a:hover { background: var(--accent-pale); }
.fe-pied { border-top: 1px solid var(--bordure); background: #FFFFFF;
  padding: var(--esp-5) var(--esp-4); text-align: center;
  font-size: var(--taille-13); color: var(--texte-secondaire); }
.fe-pied a { color: var(--texte-secondaire); }
.fe-pied .fe-pied-liens { display: flex; flex-wrap: wrap; justify-content: center;
  gap: var(--esp-4); margin-bottom: var(--esp-3); }
/* Catalogue */
.fe-filtres { display: flex; flex-wrap: wrap; gap: var(--esp-2); margin: 0 0 var(--esp-5); }
.fe-filtre { border: 1px solid var(--bordure); background: #FFFFFF; cursor: pointer;
  border-radius: var(--rayon-rond); padding: 6px 14px; font-size: var(--taille-13);
  font-weight: var(--graisse-demi); color: var(--texte); font-family: inherit; }
.fe-filtre[aria-pressed="true"] { background: var(--encre); color: var(--blanc-casse);
  border-color: var(--encre); }
.fe-set-titre { font-family: var(--police-titre); font-size: var(--taille-17);
  margin: var(--esp-5) 0 var(--esp-2); }
.fe-jeu-titre { font-family: var(--police-titre); font-size: var(--taille-20);
  margin: var(--esp-6) 0 var(--esp-2); padding-top: var(--esp-4);
  border-top: 1px solid var(--bordure); }
.fe-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
@media (min-width: 768px) { .fe-liste { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1280px) { .fe-liste { grid-template-columns: 1fr 1fr 1fr; } }
.fe-liste a { display: flex; justify-content: space-between; align-items: center;
  gap: var(--esp-3); padding: 9px 12px; background: #FFFFFF; border: 1px solid var(--bordure);
  border-radius: var(--rayon-petit); text-decoration: none; color: var(--texte);
  font-size: var(--taille-13); }
.fe-liste a:hover { border-color: var(--accent); }
.fe-liste li { min-width: 0; }
.fe-liste a > span:first-child { min-width: 0; overflow-wrap: anywhere; }
.fe-liste .fe-type { flex-shrink: 0; font-size: var(--taille-11);
  color: var(--texte-secondaire); background: var(--surface-2);
  border-radius: var(--rayon-rond); padding: 2px 9px; white-space: nowrap; }
/* Sorties */
.fe-mois-titre { font-family: var(--police-titre); font-size: var(--taille-20);
  margin: var(--esp-6) 0 var(--esp-3); }
.fe-sortie { display: grid; grid-template-columns: 84px 1fr; gap: var(--esp-3);
  background: #FFFFFF; border: 1px solid var(--bordure); border-radius: var(--rayon);
  padding: var(--esp-4); margin-bottom: var(--esp-2); }
.fe-sortie__date { font-family: var(--police-titre); font-weight: var(--graisse-grasse);
  font-size: var(--taille-17); color: var(--accent-texte); }
.fe-sortie__date small { display: block; font-family: var(--police-ui);
  font-weight: var(--graisse-normale); color: var(--texte-secondaire);
  font-size: var(--taille-12); }
.fe-sortie h3 { margin: 0 0 4px; font-size: var(--taille-15);
  font-family: var(--police-titre); }
.fe-sortie p { margin: 4px 0 0; font-size: var(--taille-13);
  color: var(--texte-secondaire); }
.fe-note { font-size: var(--taille-13); color: var(--texte-secondaire); }