/* ============================================================
   graindexpert.fr — v3.css « Magazine produit »
   Refonte visuelle v3 (Ares, 11/2026), couche chargée APRÈS style.css.
   Principes : l'image porte la page, moins de cadres, l'espace est utilisé
   (colonne de lecture + colonne latérale sur grand écran), des boutons nets.
   Contrat : aucun nom de token historique renommé ; sélecteurs speakable
   (.article__title, .article__content > p) intacts.
   ============================================================ */

:root{
  --v3-shell:1240px;
  --v3-col:760px;
  --v3-rail:300px;
  --v3-gap:clamp(2.5rem,5vw,4.5rem);
  --v3-radius:16px;
  --v3-radius-sm:10px;
  --v3-paper:#FFFDF9;
  --v3-sand:#F4EDE2;
  --v3-line:#E9E0D2;
  --fs-body:1.125rem;
  --lh-body:1.75;
}

/* ---------- Base de lecture ---------- */
.article{max-width:none;padding-top:var(--nav-h);overflow-x:clip}
.article>.container{max-width:var(--v3-shell)}
.article__content{max-width:var(--v3-col);font-size:var(--fs-body);line-height:var(--lh-body)}
.article__content p{margin-bottom:1.35rem}
.article__content h2{margin:4.25rem 0 1.25rem;padding-top:0;font-size:clamp(1.65rem,1.25rem + 1.5vw,2.3rem);letter-spacing:-.015em}
.article__content h2::before{display:none}
.article__content h3{margin:2.5rem 0 .85rem;font-size:1.32rem}
.article__content .comparison-table,.article__content .article__figure{width:100%;margin-left:0;margin-right:0}

/* ---------- Grille : lecture + colonne latérale ---------- */
.v3-shell{display:block}
.v3-main{min-width:0;max-width:var(--v3-col);margin:0 auto}
.v3-main>*:not(.article__content){max-width:none}
.v3-rail{display:none}
@media (min-width:1180px){
  .v3-main{margin:0;max-width:none}
  .v3-shell{display:grid;grid-template-columns:minmax(0,var(--v3-col)) var(--v3-rail);gap:var(--v3-gap);justify-content:center;align-items:start}
  .v3-main .article__content{margin:0;max-width:none}
  .v3-rail{display:block;position:sticky;top:calc(var(--nav-h) + 1.5rem);max-height:calc(100vh - var(--nav-h) - 3rem);overflow:auto;scrollbar-width:thin;padding-bottom:1rem}
  .v3-main .toc:not(.v3-toc){display:none}
}

/* ---------- Hero ---------- */
.v3-hero{position:relative;background:var(--v3-sand);margin:0 0 3.5rem;padding:clamp(1.75rem,4vw,3.25rem) 0 clamp(2.25rem,5vw,4rem);isolation:isolate}
.v3-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 80% at 82% 45%,rgba(226,87,30,.14),transparent 70%),radial-gradient(40% 60% at 10% 10%,rgba(255,255,255,.7),transparent 70%)}
.v3-hero__inner{max-width:var(--v3-shell);margin:0 auto;padding:0 clamp(1.1rem,4vw,2.5rem);display:grid;gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
@media (min-width:900px){.v3-hero__inner{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}}
.v3-hero .article__breadcrumb{max-width:none;margin:0 0 1.25rem}
.v3-hero .article__header{max-width:none;margin:0}
.v3-hero .article__title{max-width:20ch;font-size:clamp(2.1rem,1.3rem + 3vw,3.6rem);line-height:1.04;letter-spacing:-.025em;margin-bottom:1rem}
.v3-hero .article__category{background:var(--v3-paper);border-color:transparent}
.v3-hero__lead{font-size:1.15rem;line-height:1.6;color:var(--ink-soft);max-width:52ch;margin:1rem 0 1.5rem}
.v3-hero__verdict{display:flex;align-items:center;gap:1rem;margin:1.25rem 0 1.5rem}
.v3-score{display:inline-grid;place-items:center;width:76px;height:76px;border-radius:50%;background:conic-gradient(var(--ember) calc(var(--note,0)*1%),rgba(28,20,13,.09) 0);flex:none}
.v3-score>span{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:var(--v3-paper);font-family:var(--font-serif);font-size:1.45rem;font-weight:650;color:var(--ink);line-height:1}
.v3-score small{display:block;font-family:var(--font-sans);font-size:.62rem;font-weight:600;color:var(--ink-muted);letter-spacing:.04em;margin-top:2px}
.v3-hero__verdict p{margin:0;font-size:.98rem;line-height:1.5;color:var(--ink-soft);max-width:40ch}
.v3-hero__verdict strong{color:var(--ink)}
.v3-hero__media{position:relative;margin:0;display:grid;place-items:center;aspect-ratio:1/1;max-height:520px}
.v3-hero__media::before{content:"";position:absolute;inset:6% 6%;border-radius:50%;background:radial-gradient(circle at 50% 40%,#fff,var(--v3-paper) 55%,rgba(255,253,249,0) 72%)}
.v3-hero__media img{position:relative;width:auto;max-width:86%;max-height:470px;object-fit:contain;filter:drop-shadow(0 30px 40px rgba(41,24,9,.22))}
.v3-hero__media--photo{aspect-ratio:4/3;border-radius:var(--v3-radius);overflow:hidden;box-shadow:var(--shadow-lg)}
.v3-hero__media--photo::before{display:none}
.v3-hero__media--photo img{max-width:none;max-height:none;width:100%;height:100%;object-fit:cover;filter:none}
.v3-hero__media figcaption{position:absolute;left:1rem;bottom:1rem;background:rgba(25,16,10,.72);color:#fff;font-size:.72rem;padding:.3rem .65rem;border-radius:var(--radius-pill);backdrop-filter:blur(6px)}

/* ---------- Boutons ---------- */
.article .btn,.v3-hero .btn,.v3-rail .btn{border-radius:12px;min-height:50px;padding:.8em 1.35em;font-size:.98rem;font-weight:650;letter-spacing:-.005em;gap:.6em;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease)}
.btn--cta-buy,.article a.btn--cta-buy,.v3-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--ember);color:#fff!important;border:0;box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 8px 20px -6px rgba(226,87,30,.55);text-decoration:none!important}
.btn--cta-buy:hover,.article a.btn--cta-buy:hover,.v3-btn:hover{background:#C94A14;transform:translateY(-1px);box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 12px 26px -8px rgba(226,87,30,.65)}
.v3-btn{border-radius:12px;min-height:50px;padding:.8em 1.35em;font-weight:650;font-size:.98rem;gap:.6em}
.v3-btn--ghost,.article .btn--ghost{background:transparent;color:var(--ink)!important;box-shadow:inset 0 0 0 1.5px rgba(28,20,13,.22);border:0}
.v3-btn--ghost:hover,.article .btn--ghost:hover{background:rgba(28,20,13,.05);box-shadow:inset 0 0 0 1.5px var(--ink);transform:translateY(-1px)}
.v3-btn--sm{min-height:40px;padding:.5em .95em;font-size:.86rem;border-radius:10px}
.v3-btn svg,.btn svg{width:1.05em;height:1.05em;flex:none}
.v3-btn__shop{display:block;font-size:.7rem;font-weight:500;opacity:.85;letter-spacing:.01em}
.v3-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}
.mascot-cta{display:none!important}

/* ---------- Colonne latérale ---------- */
.v3-buy{background:var(--v3-paper);border-radius:var(--v3-radius);padding:1.25rem;box-shadow:0 1px 0 var(--v3-line),0 18px 40px -24px rgba(41,24,9,.35);margin-bottom:1.75rem}
.v3-buy__img{display:grid;place-items:center;background:linear-gradient(180deg,#fff,var(--v3-sand));border-radius:12px;aspect-ratio:4/3;margin-bottom:1rem;overflow:hidden}
.v3-buy__img img{max-height:88%;width:auto;object-fit:contain}
.v3-buy__brand{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}
.v3-buy__name{font-family:var(--font-serif);font-size:1.3rem;font-weight:620;color:var(--ink);line-height:1.2;margin:.15rem 0 .6rem}
.v3-buy__note{display:flex;align-items:center;gap:.55rem;font-size:.85rem;color:var(--ink-muted);margin-bottom:1rem}
.v3-buy__note b{font-family:var(--font-serif);font-size:1.15rem;color:var(--ink)}
.v3-buy .v3-btn{width:100%}
.v3-buy__more{display:block;text-align:center;margin-top:.7rem;font-size:.84rem;color:var(--ink-muted);text-decoration:underline;text-underline-offset:3px}
.v3-rail .toc{display:block;max-width:none;margin:0;background:none;border:0;box-shadow:none;padding:0}
.v3-rail .toc ol{columns:1;border-left:1.5px solid var(--v3-line)}
.v3-rail .toc li{padding:0 0 0 1rem;margin:0}
.v3-rail .toc li::before{display:none}
.v3-rail .toc a{display:block;padding:.38rem 0;font-size:.86rem;color:var(--ink-muted);line-height:1.35;border-left:2px solid transparent;margin-left:calc(-1rem - 1.5px);padding-left:calc(1rem - .5px)}
.v3-rail .toc a:hover,.v3-rail .toc a.is-active{color:var(--ink);border-left-color:var(--ember)}
.v3-rail__picks{margin-bottom:1.75rem}
.v3-rail__title,.v3-rail .toc__title{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:.8rem}
.v3-mini{display:grid;grid-template-columns:56px 1fr;gap:.75rem;align-items:center;padding:.6rem 0;border-top:1px solid var(--v3-line);text-decoration:none!important}
.v3-mini:first-of-type{border-top:0}
.v3-mini img{width:56px;height:56px;object-fit:contain;background:#fff;border-radius:10px;padding:4px}
.v3-mini b{display:block;font-size:.88rem;color:var(--ink);line-height:1.25}
.v3-mini span{font-size:.75rem;color:var(--ember-deep);font-weight:600}

/* ---------- Encadrés allégés ---------- */
.author-box{max-width:none;background:none;border:0;box-shadow:none;padding:0 0 1.5rem;margin:0 0 2rem;border-bottom:1px solid var(--v3-line);align-items:center}
.author-box__avatar img{width:48px;height:48px;border-radius:50%}
.author-box__bio{font-size:.9rem}
.key-points{max-width:none!important;background:var(--v3-sand)!important;color:var(--ink-soft)!important;border-radius:var(--v3-radius)!important;padding:1.6rem 1.8rem!important;box-shadow:none!important;margin:0 0 2.5rem!important}
.key-points p{color:var(--ember-deep)!important}
.key-points li{color:var(--ink-soft)!important;font-size:1rem!important}
.key-points li strong{color:var(--ink)!important}
.key-points a{color:var(--ember-deep)!important}
.v3-shell .article__content>.toc{background:var(--v3-paper);border:0;box-shadow:0 1px 0 var(--v3-line)}
/* Fiches produit existantes : sans cadre lourd, image à gauche */
.article .product-card--full{max-width:none;margin:2rem 0 2.25rem;padding:1.5rem;border:0;border-radius:var(--v3-radius);background:var(--v3-paper);box-shadow:0 1px 0 var(--v3-line),0 24px 48px -32px rgba(41,24,9,.45)}
@media (min-width:700px){.article .product-card--full:has(>.product-card__image){display:grid;grid-template-columns:210px 1fr;gap:1.25rem 2rem;align-items:center}}
.article .product-card--full>.product-card__image{width:auto;margin:0;border:0;padding:1rem;aspect-ratio:1/1;background:linear-gradient(180deg,#fff,var(--v3-sand));border-radius:12px}
.article .product-card--full>.product-card__image img{mix-blend-mode:multiply;max-height:100%;object-fit:contain}
.article .product-card__proscons{grid-template-columns:1fr;gap:1rem 2rem;margin:.5rem 0 1.25rem}
@media (min-width:700px){.article .product-card__proscons{grid-template-columns:1fr 1fr}}
.article .product-card__pros,.article .product-card__cons{background:none;border:0;padding:0}
.article .product-card__pros li,.article .product-card__cons li{font-size:.95rem}
.article .product-card__price--lg{font-size:1rem;font-family:var(--font-sans);font-weight:600;color:var(--ink-muted)}
.v3--test .product-card--full>.product-card__image,.v3--test .product-card--full>.product-card__top,.v3--test .product-card--full>.product-card__actions{display:none!important}
.v3--test .product-card--full{display:block!important;background:none;box-shadow:none;padding:0;margin:0 0 2.5rem}
.v3--test .product-card--full .product-card__proscons{margin:0}
.v3 .podium{display:none}
/* Packshots sur fond blanc : le blanc disparaît sur les fonds crème */
.v3-pick__img img,.v3-product__img img,.v3-buy__img img,.v3-mini img,.v3-hero__media img,.v3-buybar img{mix-blend-mode:multiply}

/* Synthèse chiffrée : grille ouverte au lieu d'une boîte noire */
.measured-data{background:none!important;color:var(--ink)!important;padding:0!important;border:0!important;box-shadow:none!important;margin:2rem 0 2.5rem!important}
.measured-data::before{display:none!important}
.measured-data h3,.measured-data__title{color:var(--ink)!important}
.measured-data p{color:var(--ink-muted)!important}
.measured-data__grid{gap:0!important;border-top:1px solid var(--v3-line);grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important}
.measured-data__item{background:none!important;border:0!important;border-bottom:1px solid var(--v3-line)!important;border-radius:0!important;padding:1.1rem .25rem!important}
.measured-data__item *{color:var(--ink)!important}
.measured-data__label,.measured-data__item [class*=label]{color:var(--ink-faint)!important}

/* Tableaux : plus de bandeau noir, des lignes fines */
.comparison-table{border:0!important;box-shadow:none!important;border-radius:0!important;background:none!important;margin:1.75rem 0 2.25rem!important}
.comparison-table thead{background:none!important}
.comparison-table thead th{color:var(--ink-faint)!important;border-bottom:1.5px solid var(--ink)!important;padding:.7em .75em!important;font-size:.62rem!important;white-space:normal!important;vertical-align:bottom;line-height:1.35}
.comparison-table tbody th{font-family:var(--font-sans)!important;font-size:.88rem!important;text-transform:none!important;letter-spacing:0!important;color:var(--ink)!important;border-bottom:0!important;white-space:normal!important}
.comparison-table table{font-size:.88rem!important}
.comparison-table td,.comparison-table tbody th{padding:.9em .75em!important;vertical-align:top;border-top:1px solid var(--v3-line)!important}
.comparison-table tbody tr,.comparison-table tbody tr:nth-child(even),.comparison-table th[scope=row],.comparison-table tbody th{background:transparent!important}
.comparison-table tbody tr:hover{background:rgba(244,237,226,.55)!important}
.comparison-table .btn--cta-buy--sm{background:var(--ember)!important;border-radius:9px!important;min-height:36px;padding:.45em .85em!important;font-size:.8rem!important;white-space:nowrap}

/* FAQ : sans cartes */
.faq-section{max-width:none}
.faq-item{background:none!important;border:0!important;border-bottom:1px solid var(--v3-line)!important;border-radius:0!important;box-shadow:none!important}
.mascot-faq{display:none!important}

/* Callouts colorés hérités (styles en ligne) : adoucis */
.article__content [style*="background"]:not(.v3-keep){border-radius:var(--v3-radius-sm)}

/* ---------- Photos d'ambiance ---------- */
.v3-figure{margin:2.75rem 0;position:relative}
.v3-figure img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--v3-radius);box-shadow:0 30px 60px -30px rgba(41,24,9,.45)}
.v3-figure figcaption{font-size:.8rem;color:var(--ink-faint);margin-top:.65rem;padding-left:.15rem}
@media (min-width:1180px){.v3-figure--bleed{margin-right:calc(-1 * (var(--v3-rail) + var(--v3-gap)))}}

/* ---------- Nos choix (bandeau sous le hero des guides) ---------- */
.v3-picks{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 0 2.75rem}
.v3-pick{position:relative;display:flex;flex-direction:column;background:var(--v3-paper);border-radius:var(--v3-radius);padding:1rem 1rem 1.1rem;box-shadow:0 1px 0 var(--v3-line),0 16px 32px -24px rgba(41,24,9,.4);text-decoration:none!important;color:inherit;transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease)}
.v3-pick:hover{transform:translateY(-3px);box-shadow:0 1px 0 var(--v3-line),0 26px 40px -24px rgba(41,24,9,.5)}
.v3-pick__badge{position:absolute;top:.8rem;left:.8rem;z-index:1;font-size:.66rem;font-weight:650;letter-spacing:.02em;background:var(--ink);color:#fff;border-radius:var(--radius-pill);padding:.28rem .6rem}
.v3-pick__badge--alt{background:var(--ember)}
.v3-pick__img{display:grid;place-items:center;aspect-ratio:1/1;background:linear-gradient(180deg,#fff,var(--v3-sand));border-radius:12px;margin-bottom:.85rem}
.v3-pick__img img{max-height:82%;width:auto;object-fit:contain}
.v3-pick__name{font-family:var(--font-serif);font-size:1.08rem;font-weight:620;color:var(--ink);line-height:1.25;margin-bottom:.25rem}
.v3-pick__why{font-size:.84rem;color:var(--ink-muted);line-height:1.45;flex:1;margin-bottom:.8rem}
.v3-pick__foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.82rem}
.v3-pick__note{font-weight:650;color:var(--ink)}
.v3-pick__go{color:var(--ember-deep);font-weight:650}

/* ---------- Fiche produit dans un guide ---------- */
.v3-product{display:grid;gap:1.25rem 1.75rem;margin:3rem 0 1.5rem;padding:1.5rem;background:var(--v3-paper);border-radius:var(--v3-radius);box-shadow:0 1px 0 var(--v3-line),0 24px 48px -32px rgba(41,24,9,.45)}
@media (min-width:640px){.v3-product{grid-template-columns:200px 1fr;align-items:center}}
.v3-product__img{display:grid;place-items:center;aspect-ratio:1/1;background:linear-gradient(180deg,#fff,var(--v3-sand));border-radius:12px}
.v3-product__img img{max-height:86%;width:auto;object-fit:contain}
.v3-product__rank{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ember-deep);margin-bottom:.3rem}
.v3-product h3{margin:0 0 .5rem!important;font-family:var(--font-serif);font-size:1.5rem!important;line-height:1.2}
.v3-product__chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1rem}
.v3-chip{font-size:.78rem;background:var(--v3-sand);color:var(--ink-soft);border-radius:var(--radius-pill);padding:.25rem .65rem}
.v3-chip b{color:var(--ink)}

/* ---------- Mise en avant (Aura dans les guides) ---------- */
.v3-spot{position:relative;display:grid;gap:1.5rem 2rem;margin:3.5rem 0;padding:clamp(1.5rem,3vw,2.25rem);border-radius:20px;background:radial-gradient(70% 90% at 15% 50%,rgba(226,87,30,.28),transparent 65%),var(--espresso);color:var(--on-dark);overflow:hidden;isolation:isolate}
.v3-spot::after{content:"";position:absolute;inset:0;z-index:-1;background-image:var(--grain);opacity:.06;mix-blend-mode:overlay}
@media (min-width:700px){.v3-spot{grid-template-columns:240px 1fr;align-items:center}}
.v3-spot__img{display:grid;place-items:center;aspect-ratio:4/5;border-radius:14px;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.95),rgba(255,255,255,.75) 45%,rgba(255,255,255,0) 72%)}
.v3-spot__img img{max-height:90%;width:auto;object-fit:contain;filter:drop-shadow(0 22px 26px rgba(0,0,0,.35))}
.v3-spot__eyebrow{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ember-hot);margin-bottom:.4rem}
.v3-spot h3,.article__content .v3-spot h3{color:#fff!important;font-family:var(--font-serif);font-size:1.7rem!important;margin:0 0 .6rem!important;line-height:1.15}
.v3-spot p{color:var(--on-dark-soft)!important;font-size:1rem;margin-bottom:1rem!important}
.v3-spot p strong{color:#fff!important}
.v3-spot .v3-chip{background:rgba(255,255,255,.09);color:var(--on-dark)}
.v3-spot .v3-chip b{color:#fff}
.v3-spot .v3-btn--ghost{color:#fff!important;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35)}
.v3-spot .v3-btn--ghost:hover{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1.5px #fff}
.article__content .v3-spot a.v3-btn--ghost{color:#fff!important}
.v3-spot__score{display:inline-flex;align-items:baseline;gap:.25rem;font-family:var(--font-serif);font-size:1.6rem;color:#fff;margin-right:.75rem}
.v3-spot__score small{font-family:var(--font-sans);font-size:.8rem;color:var(--on-dark-faint)}

/* ---------- Articles liés : vignettes photo ---------- */
.related-articles__grid{gap:1.25rem!important}
.related-card,.related-articles__grid>a{border:0!important;box-shadow:0 1px 0 var(--v3-line),0 16px 32px -24px rgba(41,24,9,.4)!important;border-radius:var(--v3-radius)!important;overflow:hidden;background:var(--v3-paper)!important}
.v3-thumb{display:block;aspect-ratio:1200/630;object-fit:cover;width:100%;margin:-1px 0 .75rem}

/* ---------- Mobile ---------- */
@media (max-width:899px){
  .v3-hero__media{max-height:300px;aspect-ratio:auto;order:-1}
  .v3-hero__media img{max-height:280px}
  .v3-hero__media--photo{aspect-ratio:16/10;max-height:none}
  .v3-hero .article__title{font-size:clamp(1.85rem,7vw,2.4rem)}
  .v3-actions .v3-btn,.v3-actions .btn{flex:1 1 100%}
}
@media (max-width:639px){
  .v3-product{padding:1.1rem}
  .v3-product__img{aspect-ratio:16/10}
  .v3-picks{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
  .v3-pick__why{display:none}
  .v3-figure{margin:2rem -1.1rem}
  .v3-figure img{border-radius:0}
  .v3-figure figcaption{padding:0 1.1rem}
  .article__content{font-size:1.06rem}
}

/* Barre d'achat mobile (fiche test) */
.v3-buybar{position:fixed;left:.75rem;right:.75rem;bottom:.75rem;z-index:90;display:flex;align-items:center;gap:.75rem;background:rgba(25,16,10,.94);backdrop-filter:blur(10px);color:#fff;border-radius:16px;padding:.55rem .55rem .55rem .7rem;box-shadow:0 20px 40px -12px rgba(0,0,0,.5);transform:translateY(140%);transition:transform .35s var(--ease-out)}
.v3-buybar.is-on{transform:none}
.v3-buybar img{width:42px;height:42px;object-fit:contain;background:#fff;border-radius:10px;padding:3px}
.v3-buybar b{display:block;font-size:.88rem;line-height:1.2}
.v3-buybar span{font-size:.74rem;color:var(--on-dark-soft)}
.v3-buybar .v3-btn{margin-left:auto;min-height:44px;font-size:.88rem;padding:.5em 1em}
@media (min-width:1180px){.v3-buybar{display:none}}
body:has(.v3-buybar) .verdict-bar{display:none!important}

/* ---------- Trio de produits (bandeau des guides) ---------- */
.v3-hero__media--trio{aspect-ratio:5/4;max-height:460px;width:100%}
.v3-hero__media--trio::before{inset:4% 10%}
.v3-trio__i{position:absolute;display:grid;place-items:end center;bottom:12%}
.v3-trio__i img{max-width:100%;max-height:100%;width:auto;object-fit:contain;filter:drop-shadow(0 24px 24px rgba(41,24,9,.2))}
.v3-trio__i--1{left:2%;width:36%;height:58%;z-index:1}
.v3-trio__i--2{left:30%;width:40%;height:74%;z-index:2}
.v3-trio__i--3{right:2%;width:36%;height:58%;z-index:1}
.v3-hero__media--trio::after{content:"";position:absolute;left:8%;right:8%;bottom:9%;height:7%;border-radius:50%;background:radial-gradient(closest-side,rgba(41,24,9,.22),transparent);z-index:0}
@media (max-width:899px){.v3-hero__media--trio{aspect-ratio:16/10;max-height:280px}}

/* Cadrage des packshots : toujours entiers dans leur boîte */
.v3-pick__img img,.v3-product__img img,.v3-buy__img img,.v3-spot__img img{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;padding:7%;box-sizing:border-box}
.v3-hero .article__title{text-wrap:balance}
@media (min-width:1180px){.v3-rail{overflow:visible;max-height:none}}

/* Boutons Amazon semés dans le texte : remplacés par les fiches produit */
.v3 .affiliate-cta,.v3 .cta-inline{display:none!important}
/* Auteur : avatar aligné sur le nom */
.author-box{align-items:flex-start!important}
/* Nos choix : colonnes selon le nombre de cartes */
@media (min-width:640px){
  .v3-picks:has(>.v3-pick:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}
  .v3-picks:has(>.v3-pick:nth-child(5):last-child){grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}
  .v3-picks:has(>.v3-pick:nth-child(6):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
  .v3-picks:has(>.v3-pick:nth-child(5):last-child) .v3-pick__why{display:none}
  .v3-picks:has(>.v3-pick:nth-child(5):last-child) .v3-pick{padding:.75rem .75rem .9rem}
  .v3-picks:has(>.v3-pick:nth-child(5):last-child) .v3-pick__badge{font-size:.6rem;top:.55rem;left:.55rem}
  .v3-picks:has(>.v3-pick:nth-child(5):last-child) .v3-pick__name{font-size:.95rem}
}
@media (max-width:639px){
  .v3-picks{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:.75rem;margin-right:-1.1rem;padding:0 1.1rem .5rem 0}
  .v3-pick{flex:0 0 46%;scroll-snap-align:start}
}
.v3-spot__img{align-self:stretch;aspect-ratio:auto;min-height:280px;background:linear-gradient(180deg,#F8F2E9,#E9DDCB)!important}
@media (max-width:699px){.v3-spot__img{min-height:220px}}
/* fil d'Ariane en <div> imbriqués (6 pages de l'ancien gabarit) : une seule ligne */
.article__breadcrumb>div{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}
.article__breadcrumb>div>div,.article__breadcrumb>div>span{display:inline}
.article__breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;list-style:none;margin:0;padding:0}
.article__breadcrumb ol li{display:inline-flex;align-items:center;gap:.4rem;margin:0;padding:0}
.article__breadcrumb ol li+li::before{content:"›";color:var(--ink-faint)}
.article__breadcrumb ol li::marker{content:none}
.v3-silhouette{width:46%;height:auto;color:rgba(41,24,9,.28)}
.v3-mini .v3-silhouette{width:56px;height:56px;padding:12px;background:#fff;border-radius:10px;box-sizing:border-box}
/* packshots : image en absolu dans son cadre (évite le débordement mobile) */
.v3-pick__img,.v3-product__img,.v3-buy__img,.v3-spot__img{position:relative;overflow:hidden}
.v3-pick__img img,.v3-product__img img,.v3-buy__img img,.v3-spot__img img{position:absolute;inset:0}
@media (max-width:639px){.v3-product__img{aspect-ratio:16/10;max-height:240px;width:100%}}
/* tableaux comparatifs : boutons d'achat alignés à gauche, ligne « Acheter » sans bordure lourde */
.v3 .comparison-table td.td-cta{text-align:left!important;vertical-align:middle}
.v3 .comparison-table .btn--cta-buy--sm{display:inline-flex;align-items:center;gap:.4em;box-shadow:0 8px 18px -10px rgba(197,73,23,.7)!important}
/* « À lire aussi » : une ligne éditoriale, plus d'encadré */
.v3 .read-also{background:none!important;border:0!important;border-left:2px solid var(--ember)!important;border-radius:0!important;box-shadow:none!important;padding:.15em 0 .15em 1em!important;margin:1.25rem 0!important;max-width:none!important;font-size:.95rem!important;color:var(--ink-soft)}
.v3 .read-also strong{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ember-deep);margin-right:.35em}
/* duel : deux machines face à face */
.v3-duel{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.25rem 0 1.75rem}
.v3-duel__c{background:var(--v3-paper);border-radius:var(--v3-radius);padding:1rem 1rem 1.1rem;text-align:center;box-shadow:0 1px 0 var(--v3-line)}
.v3-duel__c.is-ici{box-shadow:0 0 0 1.5px var(--ember),0 18px 36px -26px rgba(41,24,9,.5)}
.v3-duel__img{position:relative;overflow:hidden;aspect-ratio:4/3;border-radius:12px;background:linear-gradient(180deg,#fff,var(--v3-sand));margin-bottom:.75rem}
.v3-duel__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:7%;box-sizing:border-box;mix-blend-mode:multiply}
.v3-duel__name{margin:0 0 .2rem!important;font-family:var(--font-serif);font-size:1.12rem;line-height:1.25;color:var(--ink)}
.v3-duel__note{display:block;font-size:.85rem;color:var(--ink-soft)}.v3-duel__note b{font-family:var(--font-serif);font-size:1.15rem;color:var(--ink)}
.v3-duel__go{display:inline-block;margin-top:.45rem;font-size:.85rem;font-weight:600;color:var(--ember-deep)!important}
.v3-duel__vs{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-family:var(--font-serif);font-style:italic;font-size:1rem;box-shadow:0 0 0 5px var(--cream,#FBF7F1)}
@media (max-width:520px){.v3-duel{gap:.6rem}.v3-duel__c{padding:.7rem}.v3-duel__name{font-size:.98rem}.v3-duel__vs{width:36px;height:36px;font-size:.9rem}}
/* tableaux en cartes (mobile, script.js) : liste compacte, plus de boîtes */
.v3 .comparison-cards{gap:0!important}
.v3 .comparison-card{background:none!important;border:0!important;border-top:1px solid var(--v3-line)!important;border-radius:0!important;box-shadow:none!important;padding:.85rem 0 .7rem!important}
.v3 .comparison-card--highlight{box-shadow:inset 3px 0 0 var(--ember)!important;padding-left:.8rem!important}
.v3 .comparison-card__field{border-bottom:0!important;padding:.12em 0!important;grid-template-columns:minmax(80px,42%) 1fr!important}
.v3 .comparison-card__field:first-child{display:block!important;padding-bottom:.35em!important}
.v3 .comparison-card__field:first-child .comparison-card__label{display:none}
.v3 .comparison-card__field:first-child .comparison-card__value{font-family:var(--font-serif);font-size:1.05rem;color:var(--ink)}
.v3 .comparison-card__field:first-child .comparison-card__value strong{font-weight:inherit}
.v3 .comparison-card__label{font-size:.62rem!important;line-height:1.5}
/* duel : plus compact */
.v3-duel__img{aspect-ratio:16/11}
@media (min-width:900px){.v3-duel__img{max-height:200px;margin-left:auto;margin-right:auto}}
.v3 .callout--lire-aussi{background:none!important;border:0!important;border-left:2px solid var(--ember)!important;border-radius:0!important;box-shadow:none!important;padding:.15em 0 .15em 1em!important;margin:1.25rem 0!important;max-width:none!important;font-size:.95rem!important;color:var(--ink-soft)}
.v3 .callout--lire-aussi::before{content:none}
.v3 .callout--lire-aussi strong{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ember-deep);margin-right:.35em}
.v3 .article__content ul li:has(>.ic-yes:first-child)::before,.v3 .article__content ul li:has(>.ic-no:first-child)::before{content:none}
.v3 .article__content ul li:has(>.ic-yes:first-child),.v3 .article__content ul li:has(>.ic-no:first-child){padding-left:1.6em}
.v3 .article__content ul li>.ic-yes:first-child,.v3 .article__content ul li>.ic-no:first-child{position:absolute;left:0;top:0}

/* ---------------------------------------------------------------- pages d'index : vignette de la page visée en tête de carte */
.v3-thumb{display:block;overflow:hidden;background:#f3ebe1}
.v3-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.v3-thumb img[src*="/v3/p/"]{object-fit:contain;padding:14px 10%;box-sizing:border-box}
a:hover>.v3-thumb img{transform:scale(1.04)}
.guide-card>.v3-thumb{margin:calc(-1*var(--s6)) calc(-1*var(--s6)) var(--s2);width:calc(100% + 2*var(--s6));max-width:none;flex:0 0 auto;align-self:flex-start;aspect-ratio:16/9;border-radius:var(--radius) var(--radius) 0 0}
[data-v3hub] .test-card{flex-wrap:wrap}
[data-v3hub] .test-card>.v3-thumb{flex:0 0 auto;width:calc(100% + 2*var(--s6));max-width:none;margin:calc(-1*var(--s6)) calc(-1*var(--s6)) var(--s1);aspect-ratio:2/1;border-radius:calc(var(--radius-lg) - 1px) calc(var(--radius-lg) - 1px) 0 0}
[data-v3hub] .test-card:last-child:nth-child(odd)>.v3-thumb{aspect-ratio:4/1}
[data-v3hub] .test-card__body{flex:1 1 0;min-width:0}
[data-v3hub] .selection-card{flex-wrap:wrap}
[data-v3hub] .selection-card>.v3-thumb{flex:0 0 auto;width:calc(100% + 2*var(--s6));max-width:none;margin:calc(-1*var(--s6)) calc(-1*var(--s6)) 0;aspect-ratio:16/9;order:-1}
[data-v3hub] .sel-grid__featured>.v3-thumb{aspect-ratio:3/1}
[data-v3hub] .brand-card{flex-wrap:wrap}
[data-v3hub] .brand-card>.v3-thumb{order:-1;flex:0 0 auto;width:calc(100% + 2*var(--s6));max-width:none;margin:calc(-1*var(--s5)) calc(-1*var(--s6)) var(--s1);aspect-ratio:2/1;border-radius:calc(var(--radius-lg) - 1px) calc(var(--radius-lg) - 1px) 0 0}
@media (max-width:700px){[data-v3hub] .sel-grid__featured>.v3-thumb{aspect-ratio:16/9}}
[data-v3hub] .brand-card__name{display:block;margin-bottom:var(--s1)}
@media (min-width:701px){[data-v3hub] .brand-card>.brand-card__arrow{display:none}[data-v3hub] .brand-card{gap:var(--s4)}}
[data-v3hub] .brand-card,[data-v3hub] .selection-card,[data-v3hub] .test-card{align-content:flex-start}
[data-v3hub] .card>.v3-thumb{flex:0 0 auto;width:calc(100% + 2*var(--s8));max-width:none;margin:calc(-1*var(--s8)) calc(-1*var(--s8)) var(--s1);aspect-ratio:16/9;border-radius:calc(var(--radius-lg) - 1px) calc(var(--radius-lg) - 1px) 0 0}
[data-v3hub] .related-card>.v3-thumb{flex:0 0 auto;width:calc(100% + 2*var(--s6));max-width:none;margin:calc(-1*var(--s6)) calc(-1*var(--s6)) var(--s2);aspect-ratio:16/9;border-radius:calc(var(--radius-lg) - 1px) calc(var(--radius-lg) - 1px) 0 0}
[data-v3hub] .related-card{contain-intrinsic-size:auto 380px}
[data-v3hub] .test-card>.v3-thumb{max-height:210px}
[data-v3hub] .v3-thumb{max-height:240px}

/* methodologie (gabarit legal-page) */
.legal-page--v3{max-width:var(--max-w);padding-left:0;padding-right:0}
.legal-page--v3>.container{max-width:var(--maxw-text)}

/* encadre points cles : titre mono d origine (la regle des h2 de section l ecrasait) */
.article__content .key-points h2,.article__content .key-points h3,.article__content .key-points__title{font-size:.72rem;margin:0 0 var(--s3);padding-top:0;letter-spacing:.13em}