/* JSEM Compare — Core 1.0 : polices locales, gabarits (hub, sous-hub, comparatif, guide, fiche produit) et composants de contenu.
   Les couleurs reprennent la charte du plugin JSEM Comparateur (jsem-ui.css). */

/* ---------- Polices hébergées sur le site (RGPD : aucun appel à Google Fonts) ---------- */
@font-face{font-family:"Manrope";font-style:normal;font-display:swap;font-weight:200 800;src:url(fonts/manrope-latin-wght-normal.woff2) format("woff2-variations"),url(fonts/manrope-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";font-style:normal;font-display:swap;font-weight:200 800;src:url(fonts/manrope-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-display:swap;font-weight:100 900;src:url(fonts/inter-latin-wght-normal.woff2) format("woff2-variations"),url(fonts/inter-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-display:swap;font-weight:100 900;src:url(fonts/inter-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --jx-navy:#0B1B33;--jx-text:#2A3547;--jx-muted:#586274;--jx-line:#DCE1EA;--jx-soft:#F3F5F9;--jx-soft2:#F7F8FB;
  --jx-blue:#1A4FD8;--jx-blue-d:#133BA6;--jx-blue-l:#E8F0FE;--jx-blue-line:#C7D8FB;
  --jx-green:#0B7A47;--jx-green-l:#E7F5EE;--jx-red:#B42318;--jx-red-l:#FDECEA;--jx-amber:#7A4A00;--jx-amber-l:#FFF6DD;
  --jx-r:14px;--jx-r-l:20px;--jx-h:"Manrope",Inter,system-ui,sans-serif;--jx-b:"Inter",system-ui,-apple-system,sans-serif;
}

/* ---------- Structure ---------- */
.jsem-main{display:block;width:100%;max-width:none;padding:0;margin:0}
.jsem-g{font-family:var(--jx-b);color:var(--jx-text);font-size:16px;line-height:1.6;overflow-wrap:break-word}
.jsem-g *,.jsem-g *::before,.jsem-g *::after{box-sizing:border-box}
.jsem-w{max-width:1200px;margin:0 auto;padding:0 24px}
.jsem-s{padding:48px 0 0}
.jsem-g a{color:var(--jx-blue)}
.jsem-g a:hover{color:var(--jx-blue-d)}
.jsem-g img{max-width:100%;height:auto}
.jsem-st{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px;margin:0 0 20px}
html body .jsem-g h2.jsem-st__t{font-family:var(--jx-h);font-size:30px;line-height:1.2;font-weight:800;color:var(--jx-navy);letter-spacing:-.02em;margin:0;padding:0;border:0}
html body .jsem-g h2.jsem-st__t--s{font-size:22px;margin:0 0 14px}
.jsem-st__s{margin:6px 0 0;font-size:15px;color:var(--jx-muted)}
.jsem-chips{display:flex;flex-wrap:wrap;gap:10px}
.jsem-s--voisins{padding-bottom:56px}

/* ---------- En-tête (hero) ---------- */
.jsem-hero{background:var(--jx-soft);border-bottom:1px solid var(--jx-line)}
.jsem-hero__in{display:flex;flex-wrap:wrap;gap:28px 48px;align-items:flex-end;padding-top:28px;padding-bottom:40px}
.jsem-hero__main{flex:999 1 560px;min-width:0;max-width:820px}
.jsem-hero__side{flex:1 1 300px;min-width:0}
.jsem-fil{font-size:14px;margin:0 0 18px;color:var(--jx-muted)}
.jsem-fil a{text-decoration:underline;text-underline-offset:2px}
.jsem-fil__sep{margin:0 4px}
.jsem-sur{margin:0 0 8px;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--jx-blue)}
.jsem-sur a{text-decoration:none}
html body .jsem-g h1.jsem-h1{font-family:var(--jx-h);font-size:44px;line-height:1.1;font-weight:800;color:var(--jx-navy);letter-spacing:-.025em;margin:0 0 16px;padding:0}
.jsem-chapo{margin:0 0 18px;font-size:18px;line-height:1.6;color:var(--jx-text);max-width:780px}
.jsem-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;font-size:14px;color:var(--jx-muted)}
.jsem-meta span{display:inline-flex;align-items:center;gap:8px}
.jsem-meta .jsem-avatar{border-radius:50%;width:32px;height:32px;margin-right:-12px}
.jsem-recherche{display:flex;gap:8px;max-width:560px;margin:6px 0 0}
.jsem-recherche input{flex:1 1 auto;min-width:0;min-height:48px;border:1px solid var(--jx-line);border-radius:8px;padding:0 14px;font-size:15px;background:#fff}
.jsem-recherche button{min-height:48px;padding:0 18px;border:0;border-radius:8px;background:var(--jx-blue);color:#fff;font-weight:700;cursor:pointer}
.jsem-recherche button:hover{background:var(--jx-blue-d)}
.jsem-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.jsem-kpi{background:#fff;border:1px solid var(--jx-line);border-radius:var(--jx-r);padding:14px 16px}
.jsem-kpi strong{display:block;font-family:var(--jx-h);font-size:26px;line-height:1.1;font-weight:800;color:var(--jx-navy)}
.jsem-kpi span{display:block;font-size:13px;color:var(--jx-muted);margin-top:4px}

/* ---------- Tuiles des catégories ---------- */
.jsem-tuiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.jsem-tuiles--hub{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.jsem-tuile{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--jx-line);border-radius:var(--jx-r);padding:14px;position:relative;transition:border-color .15s,box-shadow .15s}
.jsem-tuile:hover{border-color:var(--jx-blue);box-shadow:0 6px 20px rgba(11,27,51,.06)}
.jsem-tuile__ico,.jsem-tuile__img{flex:0 0 40px;width:40px;height:40px;border-radius:10px;background:var(--jx-blue-l);color:var(--jx-blue);display:inline-flex;align-items:center;justify-content:center;font-family:var(--jx-h);font-weight:800;object-fit:cover}
.jsem-tuile__txt{min-width:0;display:flex;flex-direction:column;gap:2px}
html body .jsem-g a.jsem-tuile__t{font-family:var(--jx-h);font-weight:800;color:var(--jx-navy);text-decoration:none;font-size:16px;line-height:1.25}
.jsem-tuile__t::after{content:"";position:absolute;inset:0}
.jsem-tuile__res{font-size:13px;color:var(--jx-muted)}
.jsem-tuile__liens{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:4px 12px;position:relative;z-index:1}
.jsem-tuile__liens a{font-size:13px}

/* ---------- Classements ---------- */
.jsem-cls{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}
html body .jsem-g a.jsem-cl{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--jx-line);border-radius:var(--jx-r);padding:12px;text-decoration:none;color:var(--jx-text)}
html body .jsem-g a.jsem-cl:hover{border-color:var(--jx-blue)}
.jsem-cl__img{flex:0 0 84px;width:84px;height:64px;border-radius:10px;background:var(--jx-soft);overflow:hidden;display:block}
.jsem-cl__img img{width:100%;height:100%;object-fit:cover}
.jsem-cl__txt{display:flex;flex-direction:column;gap:4px;min-width:0}
.jsem-cl__txt strong{font-family:var(--jx-h);font-size:16px;color:var(--jx-navy);line-height:1.3}
.jsem-cl__txt span{font-size:13px;color:var(--jx-muted)}

/* ---------- Contenu rédigé (prose) ---------- */
.jsem-prose{max-width:820px}
.jsem-prose--large,.jsem-s--contenu .jsem-prose{max-width:none}
.jsem-s--contenu .jsem-prose > :where(p,ul,ol,h2,h3,blockquote,details,.jsem-reponse){max-width:820px}
.jsem-prose p,.jsem-prose li{font-size:17px;line-height:1.75;color:var(--jx-text)}
.jsem-prose p{margin:0 0 16px}
.jsem-prose ul,.jsem-prose ol{margin:0 0 18px;padding-left:22px}
.jsem-prose li{margin:0 0 8px;line-height:1.65}
html body .jsem-g .jsem-prose h2{font-family:var(--jx-h);font-size:30px;line-height:1.2;font-weight:800;color:var(--jx-navy);letter-spacing:-.015em;margin:52px 0 16px;scroll-margin-top:100px}
html body .jsem-g .jsem-prose h3{font-family:var(--jx-h);font-size:21px;line-height:1.3;font-weight:800;color:var(--jx-navy);margin:30px 0 10px;scroll-margin-top:100px}
.jsem-prose > h2:first-child,.jsem-prose > :first-child{margin-top:0}
.jsem-prose strong{color:var(--jx-navy)}
.jsem-prose blockquote{margin:0 0 20px;padding:16px 20px;border-left:4px solid var(--jx-blue);background:var(--jx-soft2);border-radius:0 var(--jx-r) var(--jx-r) 0}
.jsem-prose blockquote p:last-child{margin:0}
.jsem-lien-a-venir{color:inherit}
.jsem-manquant{background:var(--jx-amber-l);color:var(--jx-amber);border:1px dashed #C98A12;border-radius:8px;padding:8px 12px;font-size:14px}

/* Sommaire + article */
.jsem-doc{display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start}
.jsem-doc__toc{flex:1 1 250px;min-width:0;position:sticky;top:96px;max-height:calc(100vh - 120px);overflow:auto}
.jsem-doc__main{flex:999 1 640px;min-width:0}
.jsem-toc{border:1px solid var(--jx-line);border-radius:var(--jx-r);padding:20px;background:#fff}
.jsem-toc__t{margin:0 0 10px;font-family:var(--jx-h);font-weight:800;font-size:16px;color:var(--jx-navy)}
.jsem-toc ol{margin:0;padding-left:20px;font-size:14.5px;line-height:1.6}
.jsem-toc li{margin:0 0 6px}
.jsem-toc a{text-decoration:none}
.jsem-toc a:hover{text-decoration:underline}

/* ---------- Composants de contenu (à utiliser par Claude Code) ---------- */
/* Réponse directe sous un H2 en question */
.jsem-prose p.jsem-reponse{font-size:18.5px;line-height:1.6;color:var(--jx-navy);font-weight:500;border-left:4px solid var(--jx-green);padding:2px 0 2px 16px;margin:0 0 20px}

/* Bande : texte + illustration (tableau, chiffres, encadré) côte à côte */
.jsem-bande{display:flex;flex-wrap:wrap;gap:28px 56px;align-items:flex-start;margin:0 0 64px}
.jsem-bande--soft{background:var(--jx-soft);border-radius:var(--jx-r-l);padding:44px 40px}
.jsem-bande--inverse{flex-direction:row-reverse}
.jsem-bande__texte{flex:1 1 440px;min-width:0}
.jsem-bande__aside{flex:1 1 360px;min-width:0}
.jsem-bande__texte > :last-child,.jsem-bande__aside > :last-child{margin-bottom:0}
html body .jsem-g .jsem-prose .jsem-bande h2{margin-top:0}
.jsem-num{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:13px;font-weight:700;color:var(--jx-muted);text-transform:uppercase;letter-spacing:.06em}
.jsem-num b{width:32px;height:32px;border-radius:50%;background:var(--jx-navy);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;letter-spacing:0}

/* Encadrés */
.jsem-prose .box,.jsem-encadre{border:1px solid var(--jx-blue-line);background:var(--jx-blue-l);border-radius:var(--jx-r);padding:20px 22px;margin:0 0 20px}
.jsem-encadre--attention{border-color:#F1D27A;background:var(--jx-amber-l)}
.jsem-encadre--vert{border-color:#B7E1C9;background:var(--jx-green-l)}
.jsem-encadre__t,.jsem-prose .box > p:first-child strong:only-child{display:block;font-family:var(--jx-h);font-weight:800;color:var(--jx-navy);font-size:17px;margin:0 0 6px}
.jsem-prose .box > :last-child,.jsem-encadre > :last-child{margin-bottom:0}

/* Verdict (fond sombre) */
.jsem-verdict{background:var(--jx-navy);color:#DCE3F0;border-radius:var(--jx-r-l);padding:28px 30px;margin:0 0 28px}
.jsem-prose .jsem-verdict p,.jsem-prose .jsem-verdict li{color:#DCE3F0}
.jsem-prose .jsem-verdict strong{color:#fff}
.jsem-verdict__t{font-family:var(--jx-h);font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#7BE0AE!important;margin:0 0 8px!important}
.jsem-verdict__phrase{font-family:var(--jx-h);font-size:24px!important;line-height:1.3!important;color:#fff!important;font-weight:800;margin:0 0 14px!important}
.jsem-verdict ul{margin:0;padding-left:20px}
.jsem-verdict a{color:#9DC1FF}

/* Les plus / les moins */
.jsem-plusmoins{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px;margin:0 0 20px}
.jsem-plusmoins__t{font-family:var(--jx-h);font-weight:800;font-size:16px!important;margin:0 0 6px!important}
.jsem-plus .jsem-plusmoins__t{color:var(--jx-green)}
.jsem-moins .jsem-plusmoins__t{color:var(--jx-red)}
.jsem-plusmoins ul{margin:0;padding-left:20px}
.jsem-plusmoins li{font-size:15.5px!important;margin-bottom:6px}

/* Chiffres clés */
.jsem-chiffres{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0 0 24px}
.jsem-chiffres > div{background:#fff;border:1px solid var(--jx-line);border-radius:var(--jx-r);padding:16px}
.jsem-chiffres strong{display:block;font-family:var(--jx-h);font-size:28px;line-height:1.1;font-weight:800;color:var(--jx-navy)}
.jsem-chiffres span{display:block;font-size:13.5px;color:var(--jx-muted);margin-top:6px;line-height:1.4}

/* Profils d'acheteurs (3 cartes, la première sombre) */
.jsem-profils{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:0 0 28px}
.jsem-profil{border:1px solid var(--jx-line);border-radius:var(--jx-r-l);padding:22px;background:#fff;display:flex;flex-direction:column}
.jsem-profil:first-child{background:var(--jx-navy);border-color:var(--jx-navy)}
.jsem-profil__qui{font-size:12.5px!important;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--jx-blue)!important;margin:0 0 8px!important}
html body .jsem-g .jsem-prose .jsem-profil h3{margin:0 0 8px;font-size:19px}
.jsem-profil p{font-size:15.5px!important;line-height:1.6!important}
.jsem-profil > :last-child{margin-bottom:0}
.jsem-profil:first-child .jsem-profil__qui{color:#7BE0AE!important}
html body .jsem-g .jsem-prose .jsem-profil:first-child h3,.jsem-profil:first-child strong{color:#fff}
.jsem-profil:first-child p,.jsem-profil:first-child li{color:#DCE3F0!important}
.jsem-profil:first-child a{color:#9DC1FF}
.jsem-profil a.jsem-profil__lien{margin-top:auto;padding-top:8px;font-weight:700;text-decoration:none}

/* Étapes et liste de contrôle */
.jsem-etapes{list-style:none;counter-reset:jx;padding:0!important;margin:0 0 22px}
.jsem-etapes > li{counter-increment:jx;position:relative;padding:0 0 0 48px;margin:0 0 16px}
.jsem-etapes > li::before{content:counter(jx);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:var(--jx-blue);color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center}
.jsem-checklist{list-style:none;padding:0!important;margin:0 0 22px}
.jsem-checklist li{position:relative;padding-left:32px}
.jsem-checklist li::before{content:"";position:absolute;left:0;top:5px;width:20px;height:20px;border-radius:50%;background:var(--jx-green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2 5 8.6l4.5-5' stroke='%23fff' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}

/* Liens vers d'autres pages (guides, classements, budgets) */
.jsem-liens{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:0 0 28px}
html body .jsem-g .jsem-prose a.jsem-lien{display:flex;flex-direction:column;gap:4px;border:1px solid var(--jx-line);border-radius:var(--jx-r);padding:16px 18px;text-decoration:none;background:#fff;color:var(--jx-text)}
html body .jsem-g .jsem-prose a.jsem-lien:hover{border-color:var(--jx-blue)}
.jsem-lien strong{font-family:var(--jx-h);color:var(--jx-navy);font-size:16px;line-height:1.3}
.jsem-lien span{font-size:14px;color:var(--jx-muted);line-height:1.5}
.jsem-lien span.jsem-lien-a-venir{font-family:var(--jx-h);font-weight:800;color:var(--jx-navy)}
ul.jsem-budgets{list-style:none;padding:0!important;margin:0 0 24px;display:flex;flex-wrap:wrap;gap:10px}
ul.jsem-budgets li{margin:0}
html body .jsem-g ul.jsem-budgets a{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--jx-line);background:#fff;color:var(--jx-navy);font-size:14px;font-weight:600;text-decoration:none}
html body .jsem-g ul.jsem-budgets a:hover{border-color:var(--jx-blue);color:var(--jx-blue)}

/* Duel A vs B */
.jsem-duel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 24px}
.jsem-duel > div{border:1px solid var(--jx-line);border-radius:var(--jx-r);padding:20px;background:#fff}
.jsem-duel__t{font-family:var(--jx-h);font-weight:800;color:var(--jx-navy);font-size:18px!important;margin:0 0 8px!important}
.jsem-duel > div > :last-child{margin-bottom:0}

/* Ce qu'en disent les acheteurs */
.jsem-acheteurs{border:1px solid var(--jx-line);border-radius:var(--jx-r);padding:20px 22px;margin:0 0 24px;background:var(--jx-soft2)}
.jsem-acheteurs__t{font-family:var(--jx-h);font-weight:800;color:var(--jx-navy);margin:0 0 4px!important}
.jsem-acheteurs__src{font-size:13.5px!important;color:var(--jx-muted)!important}
.jsem-acheteurs > :last-child{margin-bottom:0}

/* Tableaux */
.jsem-prose .jsem-table-scroll,.jsem-prose .jsem-tableau{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 24px;border:1px solid var(--jx-line);border-radius:var(--jx-r)}
.jsem-prose table{border-collapse:collapse;width:100%;margin:0;font-size:15px}
.jsem-prose .jsem-tableau table,.jsem-prose table.t{min-width:720px}
.jsem-prose .jsem-tableau table.spec{min-width:0}
.jsem-prose table th{background:var(--jx-navy);color:#fff;text-align:left;padding:12px;font-weight:700;border:0;font-size:14px}
.jsem-prose table td{border:0;border-bottom:1px solid var(--jx-line);padding:12px;vertical-align:top;line-height:1.45}
.jsem-prose table tr:nth-child(even) td{background:var(--jx-soft2)}
.jsem-prose table.spec th{width:38%;background:var(--jx-soft);color:var(--jx-navy);border-bottom:1px solid var(--jx-line)}

/* FAQ */
.jsem-prose details{border-bottom:1px solid var(--jx-line);max-width:820px}
.jsem-prose details summary{cursor:pointer;font-family:var(--jx-h);font-weight:800;color:var(--jx-navy);font-size:17px;padding:18px 32px 18px 0;list-style:none;position:relative}
.jsem-prose details summary::-webkit-details-marker{display:none}
.jsem-prose details summary::after{content:"+";position:absolute;right:4px;top:14px;font-size:24px;color:var(--jx-blue);font-weight:400}
.jsem-prose details[open] summary::after{content:"–"}
.jsem-prose details p{font-size:16px;line-height:1.7;margin:0 0 18px}
.jsem-faq-bloc{display:flex;flex-wrap:wrap;gap:20px 56px;margin:0 0 40px}
.jsem-faq-bloc__t{flex:1 1 280px;min-width:0}
.jsem-faq-bloc__q{flex:2 1 480px;min-width:0}
html body .jsem-g .jsem-prose .jsem-faq-bloc h2{margin-top:0}

/* Sources */
.jsem-sources{border-top:1px solid var(--jx-line);padding-top:18px;margin:32px 0 0}
.jsem-sources__t{font-family:var(--jx-h);font-weight:800;color:var(--jx-navy);font-size:15px!important;margin:0 0 6px!important}
.jsem-sources ul{padding-left:18px;margin:0}
.jsem-sources li{font-size:14px!important;color:var(--jx-muted);margin-bottom:4px}

/* Étiquettes */
.jsem-tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0!important;margin:0 0 16px}
.jsem-tags li,.jsem-prose .tag{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:6px;background:#EEF1F6;color:var(--jx-navy);font-size:13px!important;font-weight:600;margin:0!important;line-height:1.2}

/* Sélection en bref : [jsem_carte] */
.jsem-selection{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px;margin:0 0 36px}
.jsem-carte{display:flex;gap:14px;border:1px solid var(--jx-line);border-radius:var(--jx-r);padding:14px;background:#fff;align-items:center}
.jsem-carte--top{border:2px solid var(--jx-green)}
.jsem-carte__img{flex:0 0 96px;width:96px;height:80px;border-radius:10px;background:var(--jx-soft);overflow:hidden;display:flex;align-items:center;justify-content:center}
.jsem-carte__img img{width:100%;height:100%;object-fit:contain}
.jsem-carte__txt{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
.jsem-carte__label{font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--jx-blue)}
.jsem-carte--top .jsem-carte__label{color:var(--jx-green)}
.jsem-carte__nom{font-family:var(--jx-h);font-size:17px;color:var(--jx-navy);line-height:1.25}
.jsem-carte__prix{font-size:14px;color:var(--jx-muted)}
.jsem-carte__prix strong{color:var(--jx-navy);font-size:17px}
html body .jsem-g a.cta.jsem-carte__cta{margin:6px 0 0;min-height:38px;font-size:14px;padding:0 14px}

/* Produit dans un classement : [jsem_produit_classement]…[/jsem_produit_classement] */
.jsem-pc{display:flex;flex-wrap:wrap;border:1px solid var(--jx-line);border-radius:var(--jx-r-l);overflow:hidden;margin:0 0 28px;background:#fff}
.jsem-pc__main{flex:999 1 460px;min-width:0;padding:26px 28px}
.jsem-pc__side{flex:1 1 280px;min-width:0;background:var(--jx-soft2);border-left:1px solid var(--jx-line);padding:24px}
.jsem-pc__k{margin:0 0 6px!important;font-size:12.5px!important;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--jx-blue)!important}
html body .jsem-g .jsem-prose h2.jsem-pc__t{margin:0 0 14px;font-size:27px}
.jsem-pc__img{display:flex;align-items:center;justify-content:center;height:160px;border-radius:12px;background:#fff;border:1px solid var(--jx-line);overflow:hidden;margin:0 0 14px}
.jsem-pc__img img{max-height:100%;width:auto;object-fit:contain}
.jsem-pc__notes{margin:0 0 12px}
.jsem-pc__notes > div{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 0}
.jsem-pc__notes dt{font-weight:700;color:var(--jx-navy);font-size:14.5px}
.jsem-pc__notes dd{margin:0;font-size:14px}
.jsem-pc__notes dd strong{font-size:18px;color:var(--jx-navy)}
.jsem-pc__side .jsem-cmp,.jsem-pc__side table{font-size:14px}
html body .jsem-g a.btn-ghost.jsem-pc__avis{display:flex;width:100%;margin-top:10px;text-align:center}

/* Encadré méthode, auteur, alerte */
.jsem-methode{border:1px solid var(--jx-line);border-radius:var(--jx-r-l);padding:24px 28px;background:var(--jx-soft2);max-width:980px}
.jsem-methode__t{font-family:var(--jx-h);font-weight:800;font-size:19px;color:var(--jx-navy);margin:0 0 10px}
.jsem-methode ul{margin:0 0 10px;padding-left:20px}
.jsem-methode li{margin:0 0 6px;font-size:15.5px}
.jsem-methode p:last-child{margin:0}
.jsem-auteur-box{display:flex;gap:18px;align-items:flex-start;border:1px solid var(--jx-line);border-radius:var(--jx-r-l);padding:22px 24px;max-width:980px;background:#fff}
.jsem-auteur-box__img{border-radius:50%;flex:0 0 72px;width:72px;height:72px}
.jsem-auteur-box__k{margin:0;font-size:13px;color:var(--jx-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.jsem-auteur-box__n{margin:2px 0 6px;font-family:var(--jx-h);font-size:20px;font-weight:800}
.jsem-auteur-box__n a{color:var(--jx-navy);text-decoration:none}
.jsem-auteur-box__b{margin:0 0 8px;font-size:15.5px;line-height:1.6}
.jsem-auteur-box__l{margin:0;font-size:14px}
.jsem-alerte-box{display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;justify-content:space-between;background:var(--jx-blue-l);border:1px solid var(--jx-blue-line);border-radius:var(--jx-r-l);padding:26px 30px}
.jsem-alerte-box > div{flex:1 1 420px;min-width:0}
.jsem-alerte-box__t{font-family:var(--jx-h);font-weight:800;font-size:22px;color:var(--jx-navy);margin:0 0 6px;line-height:1.25}
.jsem-alerte-box p{margin:0;font-size:15px}
html body .jsem-g .jsem-alerte-box a.cta{margin:0}

/* ---------- Fiche produit ---------- */
.jsem-pe{display:flex;flex-wrap:wrap;gap:28px 40px;padding:28px 0 36px;align-items:flex-start}
.jsem-pe__media{flex:1 1 300px;min-width:0;max-width:420px;aspect-ratio:4/3;background:#fff;border:1px solid var(--jx-line);border-radius:var(--jx-r-l);display:flex;align-items:center;justify-content:center;overflow:hidden}
.jsem-pe__img{width:100%;height:100%;object-fit:contain}
.jsem-pe__vide{color:var(--jx-muted);font-size:14px}
.jsem-pe__info{flex:999 1 380px;min-width:0}
html body .jsem-g h1.jsem-h1--produit{font-size:36px}
.jsem-pe__prix{flex:1 1 300px;min-width:0;max-width:380px;display:flex;flex-direction:column;gap:12px}
.jsem-note{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--jx-line);border-radius:var(--jx-r);padding:12px 16px}
.jsem-note span{font-weight:700;color:var(--jx-navy)}
.jsem-note strong{font-family:var(--jx-h);font-size:26px;color:var(--jx-navy)}
.jsem-note small{font-size:14px;color:var(--jx-muted)}
html body .jsem-g a.btn-ghost.jsem-pe__tout{justify-content:center}
.jsem-onglets-bar{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--jx-line)}
.jsem-onglets{display:flex;gap:4px 24px;overflow-x:auto;scrollbar-width:none}
.jsem-onglets::-webkit-scrollbar{display:none}
html body .jsem-g .jsem-onglets a{display:inline-flex;align-items:center;min-height:52px;font-weight:700;color:var(--jx-navy);text-decoration:none;white-space:nowrap;border-bottom:3px solid transparent}
html body .jsem-g .jsem-onglets a:hover{color:var(--jx-blue);border-bottom-color:var(--jx-blue)}
.jsem-s--cmp,.jsem-s--histo,.jsem-s--alt,.jsem-s--doc{scroll-margin-top:60px}
#comparateur-prix,#avis,#historique,#alternatives{scroll-margin-top:70px}

/* ---------- Responsive ---------- */
@media (max-width:1024px){
  html body .jsem-g h1.jsem-h1{font-size:38px}
  html body .jsem-g h2.jsem-st__t,html body .jsem-g .jsem-prose h2{font-size:26px}
  .jsem-doc__toc{position:static;max-height:none}
  .jsem-bande--soft{padding:32px 28px}
}
@media (max-width:767px){
  .jsem-w{padding:0 16px}
  .jsem-s{padding-top:36px}
  .jsem-hero__in{padding-top:20px;padding-bottom:28px}
  html body .jsem-g h1.jsem-h1{font-size:31px}
  html body .jsem-g h1.jsem-h1--produit{font-size:27px}
  html body .jsem-g h2.jsem-st__t,html body .jsem-g .jsem-prose h2{font-size:23px}
  html body .jsem-g h2.jsem-pc__t{font-size:22px}
  .jsem-chapo{font-size:16.5px}
  .jsem-prose p,.jsem-prose li{font-size:16.5px}
  .jsem-recherche{flex-direction:column}
  .jsem-tuiles,.jsem-tuiles--hub,.jsem-cls,.jsem-selection,.jsem-liens{grid-template-columns:minmax(0,1fr)}
  .jsem-plusmoins,.jsem-duel{grid-template-columns:minmax(0,1fr)}
  .jsem-bande{margin-bottom:44px}
  .jsem-bande--soft{padding:24px 18px;border-radius:var(--jx-r)}
  .jsem-pc__main{padding:20px 18px}
  .jsem-pc__side{border-left:0;border-top:1px solid var(--jx-line);padding:18px}
  .jsem-carte__img{flex-basis:76px;width:76px;height:64px}
  .jsem-auteur-box{flex-direction:column}
  .jsem-alerte-box{padding:22px 18px}
  .jsem-pe__media,.jsem-pe__prix{max-width:none}
}

/* ---------- Correctifs 1.0 ---------- */
.jsem-bande__aside .jsem-tableau table{min-width:0}
.jsem-alerte-box p.jsem-alerte-box__t{font-family:var(--jx-h);font-weight:800;font-size:22px;color:var(--jx-navy);margin:0 0 6px;line-height:1.25}
.jsem-lien.jsem-lien-a-venir,.jsem-profil__lien.jsem-lien-a-venir,ul.jsem-budgets li:has(> .jsem-lien-a-venir){display:none}
.jsem-offres{list-style:none;margin:0 0 12px!important;padding:0!important}
.jsem-offres li{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--jx-line);font-size:14.5px!important;margin:0!important}
.jsem-offres li:first-child strong{color:var(--jx-green)}
.jsem-offres strong{color:var(--jx-navy);white-space:nowrap}
html body .jsem-g a.cta.jsem-offres__cta{display:flex;width:100%;margin:0}
html body .jsem-g .jsem-prose > h2:first-child,html body .jsem-g .jsem-prose > :first-child{margin-top:0}
.jsem-s--haut{padding-top:40px}

/* ---------- 1.1 : articles des rubriques (comparatifs, guides) et pagination ---------- */
.jsem-arts{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.jsem-art{display:flex;flex-direction:column;background:#fff;border:1px solid var(--jx-line);border-radius:var(--jx-r);overflow:hidden;transition:border-color .15s,box-shadow .15s}
.jsem-art:hover{border-color:var(--jx-blue);box-shadow:0 6px 20px rgba(11,27,51,.06)}
.jsem-art__img{display:block;aspect-ratio:16/9;background:var(--jx-soft);overflow:hidden}
.jsem-art__img img{width:100%;height:100%;object-fit:cover;display:block}
.jsem-art__txt{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
.jsem-art__k{margin:0;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--jx-blue)}
html body .jsem-g h3.jsem-art__t{margin:0;font-family:var(--jx-h);font-size:18px;line-height:1.3;font-weight:800}
html body .jsem-g h3.jsem-art__t a{color:var(--jx-navy);text-decoration:none}
html body .jsem-g h3.jsem-art__t a:hover{color:var(--jx-blue)}
.jsem-art__c{margin:0;font-size:14.5px;line-height:1.55;color:var(--jx-text)}
.jsem-art__d{margin:auto 0 0;padding-top:6px;font-size:13px;color:var(--jx-muted)}
@media (min-width:900px){
  .jsem-art--une{grid-column:1/-1;flex-direction:row}
  .jsem-art--une .jsem-art__img{flex:0 0 46%;aspect-ratio:auto;min-height:240px}
  .jsem-art--une .jsem-art__txt{padding:28px 32px;justify-content:center}
  html body .jsem-g .jsem-art--une h3.jsem-art__t{font-size:26px}
  .jsem-art--une .jsem-art__c{font-size:16px}
  .jsem-art--une .jsem-art__d{margin-top:8px}
}
.jsem-pagination{margin:24px 0 0}
.jsem-pagination ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.jsem-pagination a,.jsem-pagination span{display:inline-flex;align-items:center;min-height:40px;min-width:40px;justify-content:center;padding:0 14px;border-radius:8px;border:1px solid var(--jx-line);background:#fff;color:var(--jx-navy);font-weight:700;text-decoration:none;font-size:14px}
.jsem-pagination .current{background:var(--jx-blue);border-color:var(--jx-blue);color:#fff}
.jsem-h1__page{font-size:.55em;color:var(--jx-muted);font-weight:700}
.jsem-offres__note{margin:8px 0 0!important;font-size:12px!important;line-height:1.45!important;color:var(--jx-muted)!important}