/* ============ INFO.FR COMPARATEURS ============ */
.cmp-main{background:#f6f7f9;padding:26px 0 56px;position:relative}
.cmp-wrap{max-width:1000px;margin:0 auto;padding:0 16px}
.cmp-main a{text-decoration:none}.cmp-main a:hover{text-decoration:none}
.cmp-h1{font-size:2.1rem;line-height:1.14;margin:0 0 8px;color:#0f1620;font-weight:800;letter-spacing:-.01em}
.cmp-sub{color:#5b6878;font-size:1.05rem;margin:0 0 14px}
.cmp-byline{display:flex;flex-direction:column;gap:6px;margin:0 0 18px;padding:12px 0;border-top:1px solid #e9edf2;border-bottom:1px solid #e9edf2}
.cmp-byline-line{display:flex;align-items:center;flex-wrap:wrap;gap:6px;color:#3a4654;font-size:.95rem}
.cmp-byline-ico{display:inline-flex;color:#2563eb}
.cmp-byline-sep{width:1px;height:18px;background:#dfe4ea;margin:0 6px}
.cmp-au{display:inline-flex;align-items:center;gap:6px;color:#1f2a37;font-weight:600}
.cmp-au:hover span{color:#2563eb}
.cmp-au-av{width:26px;height:26px;border-radius:50%;object-fit:cover;border:2px solid #2563eb;background:#fff}
.cmp-byline-dates{display:flex;align-items:center;gap:6px;color:#8a94a0;font-size:.85rem}
.cmp-chapo{font-size:1.06rem;color:#2c3743;line-height:1.65;margin:0 0 24px}

/* Partage flottant (exact thème) */
.share-buttons.floating{position:fixed;left:30px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:100}
.share-btn{width:44px;height:44px;border-radius:50%;border:1px solid #0056B3;background:#E3F2FD;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s,background .3s;position:relative;padding:0}
.share-copy-main{width:50px;height:50px;background:#0056B3;border:2px solid #003D82;box-shadow:0 2px 10px rgba(0,86,179,.3)}
.share-copy-main svg{fill:#fff !important}
.share-separator{height:1px;background:#CCC;width:30px;margin:8px auto;align-self:center}
.share-btn:hover{transform:scale(1.1);background:#0056B3}
.share-btn svg{fill:#003D82}.share-btn:hover svg{fill:#fff}
.link-tooltip{position:absolute;left:60px;top:50%;transform:translateY(-50%);background:#333;color:#fff;padding:6px 12px;border-radius:4px;font-size:13px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s}
.share-copy-main:hover .link-tooltip,.share-gfollow:hover .link-tooltip{opacity:1}
.share-btn.share-gfollow{background:#E3F2FD;border:1px solid #0056B3}
.share-btn.share-gfollow:hover{background:#BBDEFB;border-color:#003D82;transform:scale(1.1)}
@media(max-width:1180px){.share-buttons.floating{display:none}}

/* Video */
.cmp-presvideo{margin:0 0 22px}
.cmp-video{position:relative;padding-top:56.25%;border-radius:14px;overflow:hidden;background:#000}
.cmp-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
.cmp-video-ph{position:relative;padding-top:42%;border-radius:14px;background:#eef1f5;border:2px dashed #c7d0db}
.cmp-video-ph span{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#8a94a0;font-weight:600;font-size:.95rem}
.cmp-video-ph svg{width:46px;height:46px;color:#aab3bf}

/* Boutons */
.cmp-btn{display:block;text-align:center;font-size:.85rem;font-weight:700;border-radius:9px;padding:9px 14px;white-space:nowrap;line-height:1}
.cmp-btn-test{color:#2563eb;border:1px solid #c9d6f5;background:#fff}
.cmp-btn-test:hover{background:#eef4ff}
.cmp-btn-amz{color:#fff;background:#ff9900;border:1px solid #ff9900}
.cmp-btn-amz:hover{background:#ec8b00}

/* Bloc notes cohérent */
.cmp-stats{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap;margin-top:7px}
.cmp-stat{display:flex;flex-direction:column;gap:2px}
.cmp-nl{font-size:.66rem;text-transform:uppercase;letter-spacing:.05em;color:#9aa3ad;font-weight:700}
.cmp-stat-v{font-size:1.05rem;font-weight:800;color:#0f1620}
.cmp-stat-stars{display:flex;align-items:center;gap:6px;font-size:.95rem}
.cmp-stars{display:inline-flex;letter-spacing:1px;font-size:.95rem;line-height:1}
.cmp-stars .on{color:#f5a623}.cmp-stars .off{color:#d6dbe1}

/* Image + zoom */
.cmp-imgbox{position:relative;display:inline-flex;flex:0 0 auto}
.cmp-pcard-imglink,.cmp-lcard-imglink{display:flex;align-items:center;justify-content:center}
.cmp-pcard-imgel{max-width:84px;max-height:84px;width:auto;height:auto;object-fit:contain}
.cmp-lcard-imgel{max-width:96px;max-height:96px;width:auto;height:auto;object-fit:contain}
.cmp-zoom{position:absolute;top:-7px;right:-7px;width:24px;height:24px;border-radius:50%;background:#0f1620;color:#fff;border:2px solid #fff;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;box-shadow:0 2px 6px rgba(0,0,0,.25);padding:0}
.cmp-imgbox:hover .cmp-zoom{opacity:1}
@media(max-width:640px){.cmp-zoom{opacity:1}}

/* Lightbox */
.cmp-lightbox{position:fixed;inset:0;background:rgba(10,16,24,.92);z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px}
.cmp-lightbox[hidden]{display:none}
.cmp-lightbox figure{margin:0;max-width:92vw;text-align:center}
.cmp-lightbox img{max-width:92vw;max-height:82vh;object-fit:contain;background:#fff;border-radius:10px;padding:10px}
.cmp-lightbox figcaption{color:#fff;margin-top:12px;font-weight:600}
.cmp-lightbox-close{position:absolute;top:16px;right:24px;background:none;border:0;color:#fff;font-size:2.6rem;line-height:1;cursor:pointer}

/* Podium */
.cmp-podium{display:flex;flex-direction:column;gap:12px;margin:0 0 30px}
.cmp-pcard{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid #e6e9ee;border-left:5px solid #2563eb;border-radius:16px;padding:16px 20px;box-shadow:0 1px 3px rgba(20,30,50,.05);transition:box-shadow .14s,transform .14s}
.cmp-pcard:hover{box-shadow:0 10px 26px rgba(20,30,50,.13);transform:translateY(-2px)}
.cmp-pcard.is--gold{border-left-color:#d4a106;background:linear-gradient(90deg,#fffdf4,#fff 38%)}
.cmp-pcard.is--silver{border-left-color:#9aa3ad}
.cmp-pcard.is--bronze{border-left-color:#c27a30}
.cmp-pcard-badge{flex:0 0 130px;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em;color:#0f1620;line-height:1.25}
.cmp-pcard-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.cmp-pcard-name{font-weight:700;font-size:1.1rem;color:#0f1620;line-height:1.25}
.cmp-pcard-name:hover{color:#2563eb}
.cmp-pcard-excerpt{color:#5b6878;font-size:.9rem;line-height:1.4}
.cmp-pcard-actions{flex:0 0 auto;display:flex;flex-direction:column;gap:8px;min-width:140px}

/* Méthode */
.cmp-method{background:#fff;border:1px solid #e6e9ee;border-radius:16px;padding:22px 24px;margin:0 0 24px;text-align:center}
.cmp-method h2{margin:0 0 12px;font-size:1.3rem;color:#0f1620}
.cmp-method p{color:#3a4654;line-height:1.65;margin:0 auto 18px;max-width:760px}
.cmp-criteres-line{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.cmp-crit-chip{display:inline-flex;align-items:center;gap:8px;background:#f1f5fb;border:1px solid #e2e9f3;border-radius:999px;padding:8px 16px}
.cmp-crit-name{color:#2c3743;font-size:.9rem;font-weight:600}
.cmp-crit-w{color:#2563eb;font-weight:800;font-size:.92rem}

/* Classement */
.cmp-list-wrap{margin:0 0 26px}
.cmp-list-wrap>h2,.cmp-guide h2,.cmp-faq>h2{font-size:1.3rem;color:#0f1620;margin:0 0 16px}
.cmp-list{display:flex;flex-direction:column;gap:12px}
.cmp-lcard{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid #e6e9ee;border-radius:16px;padding:16px 18px;box-shadow:0 1px 2px rgba(20,30,50,.04);transition:box-shadow .14s,transform .14s}
.cmp-lcard:hover{box-shadow:0 8px 22px rgba(20,30,50,.11);transform:translateY(-1px)}
.cmp-medal{flex:0 0 auto;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eef4ff;border:2px solid #dce7fb}
.cmp-medal b{font-size:1.1rem;font-weight:800;color:#2563eb}
.cmp-medal.is--gold{background:linear-gradient(135deg,#ffe9a8,#e3b53d);border-color:#e8c66a}.cmp-medal.is--gold b{color:#6b4e00}
.cmp-medal.is--silver{background:linear-gradient(135deg,#f3f5f7,#b9c0c9);border-color:#cdd3da}.cmp-medal.is--silver b{color:#454c56}
.cmp-medal.is--bronze{background:linear-gradient(135deg,#f3cfa6,#c4823f);border-color:#dba76b}.cmp-medal.is--bronze b{color:#5a3712}
.cmp-lcard-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.cmp-lcard-name{font-weight:700;font-size:1.12rem;color:#0f1620;line-height:1.25}
.cmp-lcard-name:hover{color:#2563eb}
.cmp-lcard-excerpt{color:#5b6878;font-size:.93rem;line-height:1.5;margin:0}
.cmp-lcard-right{flex:0 0 auto;display:flex;flex-direction:column;gap:8px;min-width:150px}

/* Guide */
.cmp-guide{background:#fff;border:1px solid #e6e9ee;border-radius:16px;padding:22px 26px;margin:0 0 24px;color:#33404d;line-height:1.7}
.cmp-guide h3{font-size:1.08rem;color:#1f2933;margin:18px 0 6px}
.cmp-guide p{margin:0 0 12px}.cmp-guide ul{padding-left:20px;margin:0 0 12px}

/* FAQ accordeon */
.cmp-faq{background:#fff;border:1px solid #e6e9ee;border-radius:16px;padding:8px 24px 14px;margin:0 0 22px}
.cmp-faq>h2{margin:14px 0 6px}
.cmp-faq-d{border-bottom:1px solid #eef1f5}.cmp-faq-d:last-child{border-bottom:0}
.cmp-faq-d summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 0;font-weight:700;font-size:1.06rem;color:#1f2a37}
.cmp-faq-d summary:hover{color:#2563eb}
.cmp-faq-d summary::-webkit-details-marker{display:none}
.cmp-faq-d summary:after{content:"+";font-size:1.5rem;font-weight:400;color:#2563eb;line-height:.7}
.cmp-faq-d[open] summary:after{content:"–"}
.cmp-faq-a{padding:0 36px 18px 0;color:#475569;line-height:1.65}

/* Fiche produit */
.cmp-bc{margin:0 0 14px}.cmp-bc a{color:#2563eb;font-weight:600}
.cmp-fiche{background:#fff;border:1px solid #e6e9ee;border-radius:16px;padding:24px}
.cmp-fiche-head h1{margin:0 0 12px;font-size:1.75rem;color:#0f1620}
.cmp-fiche-verdict{display:flex;align-items:center;gap:16px;margin-bottom:8px;flex-wrap:wrap}
.cmp-bignote{font-size:2.4rem;font-weight:800;color:#0f1620}.cmp-bignote small{font-size:1rem;color:#8a94a0;font-weight:600}
.cmp-rankbadge{background:#eef4ff;color:#2563eb;font-weight:700;padding:6px 12px;border-radius:999px;font-size:.9rem}
.cmp-fiche-hero{text-align:center;margin:4px 0 22px}
.cmp-fiche-hero img{max-height:320px;width:auto;object-fit:contain;border-radius:12px;background:#fff}
.cmp-scores{margin:22px 0}
.cmp-scores h2,.cmp-users h2,.cmp-offers h2,.cmp-fiche-body h2,.cmp-analyse h2,.cmp-sources h2{font-size:1.25rem;color:#0f1620;margin:0 0 12px}
.cmp-scoreline{display:flex;align-items:center;gap:12px;margin:9px 0}
.cmp-scorelabel{flex:0 0 150px;color:#2c3743;font-size:.92rem}
.cmp-scorebar{flex:1;height:8px;background:#eef1f4;border-radius:6px;overflow:hidden}
.cmp-scorebar span{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:6px}
.cmp-scoreval{flex:0 0 56px;text-align:right;font-weight:700;color:#0f1620;font-size:.9rem}
.cmp-fiche-body{margin:22px 0;color:#33404d;line-height:1.65}.cmp-fiche-body h3{font-size:1.05rem;color:#1f2933;margin:16px 0 6px}.cmp-fiche-body ul{padding-left:20px}
.cmp-analyse{margin:24px 0}.cmp-analyse h3{font-size:1.05rem;color:#1f2933;margin:18px 0 6px}.cmp-analyse p{color:#33404d;line-height:1.65;margin:0 0 12px}.cmp-analyse ul{margin:0 0 12px;padding-left:20px}
.cmp-users{margin:22px 0}.cmp-userstat{font-size:1.05rem;color:#2c3743}
.cmp-sources{margin:22px 0;background:#f8fafc;border:1px solid #eef2f6;border-radius:12px;padding:16px 20px}
.cmp-sources ul{list-style:none;padding:0;margin:0}.cmp-sources li{padding:7px 0;border-bottom:1px solid #eef1f4}.cmp-sources li:last-child{border-bottom:0}
.cmp-sources a{color:#2563eb;font-weight:600}.cmp-sources .src-type{color:#9aa3ad;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;margin-right:8px}
.cmp-offers{margin:22px 0}.cmp-note-affil{font-size:.78rem;color:#9aa3ad;margin:8px 0 0}
.cmp-back{margin:20px 0 0}.cmp-back a{color:#2563eb;font-weight:600}

@media(max-width:640px){
  .cmp-h1{font-size:1.5rem}
  .cmp-pcard,.cmp-lcard{flex-wrap:wrap;gap:12px}
  .cmp-pcard-badge{flex-basis:100%}
  .cmp-pcard-actions,.cmp-lcard-right{flex-direction:row;width:100%}
  .cmp-pcard-actions .cmp-btn,.cmp-lcard-right .cmp-btn{flex:1}
  .cmp-pcard-imgel,.cmp-lcard-imgel{max-width:70px;max-height:70px}
  .cmp-stats{gap:16px}
}

/* Video au format YouTube standard 16:9, centree et taille propre */
.cmp-presvideo{max-width:720px;margin-left:auto;margin-right:auto}
.cmp-video-ph{padding-top:56.25%}

/* Corrections : methode a gauche, zoom toujours visible, guide soigne, galerie */
.cmp-method{text-align:left}
.cmp-method p{margin:0 0 18px;max-width:none}
.cmp-criteres-line{justify-content:center}
.cmp-zoom{opacity:1}
.cmp-guide{padding:24px 28px}
.cmp-guide h3{font-size:1.12rem;color:#0f1620;margin:22px 0 8px;padding-left:12px;border-left:3px solid #2563eb;line-height:1.3}
.cmp-guide h3:first-of-type{margin-top:2px}
.cmp-guide p{margin:0 0 14px}
.cmp-guide ul{padding-left:20px;margin:0 0 14px}.cmp-guide li{margin:5px 0}
.cmp-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:12px;margin:14px 0 6px}
.cmp-gphoto{width:100%;aspect-ratio:1;border:1px solid #e6e9ee;border-radius:12px;background:#fff;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:box-shadow .12s,transform .12s;position:relative}
.cmp-gphoto:hover{box-shadow:0 6px 16px rgba(20,30,50,.12);transform:translateY(-1px)}
.cmp-gphoto img{max-width:100%;max-height:100%;object-fit:contain}
.cmp-gphoto:after{content:'+';position:absolute;top:5px;right:5px;width:22px;height:22px;border-radius:50%;background:#0f1620;color:#fff;font-size:15px;display:flex;align-items:center;justify-content:center;opacity:.85}

/* Loupe de zoom en bas a droite */
.cmp-zoom{top:auto;bottom:6px;right:6px;opacity:1}
.cmp-zoom svg{width:13px;height:13px}
.cmp-gphoto:after{content:'';top:auto;bottom:6px;right:6px;width:22px;height:22px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M15.5 14h-.79l-.28-.27a6.5 6.5 0 10-.7.7l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0A4.5 4.5 0 1114 9.5 4.5 4.5 0 019.5 14z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}

/* Badge ruban haut-gauche du podium */
.cmp-pcard{position:relative;padding-top:24px}
.cmp-pcard-badge{display:none}
.cmp-pcard-ribbon{position:absolute;top:0;left:0;color:#fff;background:#2563eb;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;padding:5px 14px;border-radius:16px 0 12px 0;box-shadow:0 2px 6px rgba(20,30,50,.12);z-index:2}
.cmp-pcard.rib-meilleur .cmp-pcard-ribbon{background:linear-gradient(135deg,#e3b53d,#c4920a)}
.cmp-pcard.rib-internautes .cmp-pcard-ribbon{background:#047857}
.cmp-pcard.rib-rapport_qp .cmp-pcard-ribbon{background:#2563eb}
.cmp-pcard.rib-petit_budget .cmp-pcard-ribbon{background:#0891b2}
.cmp-pcard.rib-premium .cmp-pcard-ribbon{background:#7c3aed}
/* Sources hub */
.cmp-srchub{background:#fff;border:1px solid #e6e9ee;border-radius:16px;padding:20px 24px;margin:0 0 22px}
.cmp-srchub h2{font-size:1.3rem;color:#0f1620;margin:0 0 10px}
.cmp-srchub p{color:#3a4654;line-height:1.6;margin:0 0 12px}
.cmp-srchub-list{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;padding:0;margin:0}
.cmp-srchub-list a{color:#2563eb;font-weight:600;font-size:.9rem}
/* Fiche : photos + amazon big */
.cmp-photos{margin:22px 0}.cmp-photos h2{font-size:1.25rem;color:#0f1620;margin:0 0 12px}
.cmp-amz-big{display:inline-block;padding:13px 30px;font-size:1.05rem}
.cmp-fiche-verdict{align-items:flex-end;gap:18px}
.cmp-bignote-s{font-size:1.55rem}

/* Cartes podium : retrait du lisere colore (le ruban suffit), cartes plus nettes */
.cmp-pcard{border:1px solid #e6e9ee;background:#fff;padding:22px 18px 14px}
.cmp-pcard.is--gold,.cmp-pcard.is--silver,.cmp-pcard.is--bronze{border-color:#e6e9ee;background:#fff}

/* Plus de hauteur en haut pour que le ruban ne recouvre pas le titre */
.cmp-pcard{padding-top:34px}
.cmp-pcard-body{padding-top:2px}

/* Podium : vrai bandeau d'en-tete propre (remplace le ruban superpose) */
.cmp-pcard{display:block;padding:0;overflow:hidden;position:static;border:1px solid #e6e9ee;background:#fff;border-radius:16px}
.cmp-pcard-head{padding:7px 16px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#fff;background:#2563eb}
.cmp-pcard.rib-meilleur .cmp-pcard-head{background:linear-gradient(90deg,#cf9f12,#a9760a)}
.cmp-pcard.rib-internautes .cmp-pcard-head{background:#047857}
.cmp-pcard.rib-rapport_qp .cmp-pcard-head{background:#2563eb}
.cmp-pcard.rib-petit_budget .cmp-pcard-head{background:#0891b2}
.cmp-pcard.rib-premium .cmp-pcard-head{background:#7c3aed}
.cmp-pcard-main{display:flex;align-items:center;gap:18px;padding:16px 18px}
@media(max-width:640px){.cmp-pcard-main{flex-wrap:wrap}.cmp-pcard-actions{flex-direction:row;width:100%}}

/* Lightbox : navigation */
.cmp-lb-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.16);border:0;color:#fff;font-size:2.2rem;width:52px;height:52px;border-radius:50%;cursor:pointer;align-items:center;justify-content:center;line-height:1;display:flex}
.cmp-lb-nav:hover{background:rgba(255,255,255,.3)}
.cmp-lb-prev{left:18px}.cmp-lb-next{right:18px}
@media(max-width:560px){.cmp-lb-nav{width:42px;height:42px;font-size:1.8rem}.cmp-lb-prev{left:6px}.cmp-lb-next{right:6px}}

/* Points forts / faibles concrets sur les cartes (E-E-A-T) */
.cmp-hl{display:flex;flex-wrap:wrap;gap:6px 8px;margin:5px 0 2px}
.cmp-hl-pro,.cmp-hl-con{display:inline-flex;align-items:center;gap:5px;font-size:.84rem;font-weight:500;padding:4px 10px;border-radius:8px;line-height:1.3}
.cmp-hl-pro{background:#ecfdf3;color:#15803d}
.cmp-hl-pro:before{content:'✓';font-weight:800}
.cmp-hl-con{background:#fef2f2;color:#b91c1c}
.cmp-hl-con:before{content:'✕';font-weight:800;font-size:.78rem}
.cmp-lcard{align-items:stretch;padding:18px}
.cmp-lcard .cmp-medal,.cmp-lcard-imglink{align-self:center}
.cmp-lcard-body{justify-content:center}
.cmp-lcard-right{justify-content:center}

/* Atouts/negatifs : empiles + pouce vert / pouce rouge inverse */
.cmp-hl{display:flex;flex-direction:column;gap:7px;margin:8px 0 3px}
.cmp-hl-pro,.cmp-hl-con{display:flex;align-items:flex-start;gap:9px;font-size:.9rem;font-weight:500;line-height:1.4;padding:0;background:none;border-radius:0;color:#33404d}
.cmp-hl-pro:before,.cmp-hl-con:before{content:'';flex:0 0 18px;width:18px;height:18px;background-repeat:no-repeat;background-position:center;background-size:17px;margin-top:1px}
.cmp-hl-pro:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 24 24' fill='%2316a34a'%3E%3Cpath d='M1 21h4V9H1v12zm22-11c0-1.1-.9-2-2-2h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L14.17 1 7.59 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-1z'/%3E%3C/svg%3E")}
.cmp-hl-con:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 24 24' fill='%23dc2626'%3E%3Cpath d='M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2c0 1.1.9 2 2 2h6.31l-.95 4.57-.03.32c0 .41.17.79.44 1.06L9.83 23l6.59-6.59c.36-.36.58-.86.58-1.41V5c0-1.1-.9-2-2-2zm4 0v12h4V3h-4z'/%3E%3C/svg%3E")}

/* Signature plus elaboree (sans crayon, badge verifie vert) */
.cmp-byline-authors{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:#3a4654;font-size:.95rem}
.cmp-byline-lbl{color:#6b7686}
.cmp-verif-badge{display:inline-flex;align-items:center;gap:6px;background:#ecfdf3;color:#15803d;font-weight:600;padding:4px 12px 4px 9px;border-radius:999px;font-size:.88rem}
.cmp-verif-badge svg{color:#16a34a;flex:0 0 auto}
.cmp-verif-badge .cmp-au{color:#15803d}
.cmp-verif-badge .cmp-au:hover span{color:#0f5132}
.cmp-verif-badge .cmp-au-av{border-color:#16a34a}

/* Facade video (lite-youtube) : zero iframe au chargement */
.cmp-litebox{position:relative;width:100%;padding-top:56.25%;border-radius:14px;overflow:hidden;background:#000;cursor:pointer}
.cmp-lite-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}
.cmp-lite-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:74px;height:52px;border:0;border-radius:13px;background:rgba(0,0,0,.72);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .15s;padding:0}
.cmp-litebox:hover .cmp-lite-play{background:#f00;transform:translate(-50%,-50%) scale(1.06)}
.cmp-lite-play svg{width:30px;height:30px;fill:#fff}
.cmp-litebox iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ============ FICHE PRODUIT — niveau hub ============ */

/* Fil d'ariane */
.cmp-fiche .cmp-bc{display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:.84rem;color:#7a8295;margin:0 0 18px}
.cmp-fiche .cmp-bc a{color:#2563eb;text-decoration:none}
.cmp-fiche .cmp-bc a:hover{text-decoration:underline}
.cmp-fiche .cmp-bc span{color:#c2c8d4}
.cmp-fiche .cmp-bc strong{color:#3a4150;font-weight:600}

.cmp-fiche-head{margin:0 0 18px}
.cmp-fiche .cmp-h1{font-size:1.92rem;line-height:1.18;letter-spacing:-.5px;margin:0 0 12px}

/* Bloc verdict "L'essentiel" */
.cmp-verdict{display:grid;grid-template-columns:320px 1fr;gap:26px;align-items:start;border:1px solid #e6e9ef;border-radius:20px;padding:24px;background:linear-gradient(180deg,#fbfcfe,#ffffff);box-shadow:0 4px 22px rgba(20,30,60,.06);margin:0 0 30px}
.cmp-verdict-media{display:flex;align-items:center;justify-content:center}
.cmp-verdict-media img{width:100%;height:auto;max-width:320px;aspect-ratio:1/1;object-fit:contain;border-radius:14px;background:#fff;border:1px solid #eef1f6;padding:8px;display:block}
.cmp-verdict-content{min-width:0}
.cmp-verdict-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.cmp-verdict-award{display:inline-flex;align-items:center;font-size:.74rem;font-weight:800;letter-spacing:.3px;text-transform:uppercase;color:#fff;padding:5px 12px;border-radius:999px;background:#1f2937}
.cmp-verdict-award.rib-meilleur{background:linear-gradient(135deg,#1d4ed8,#3b82f6)}
.cmp-verdict-award.rib-internautes{background:linear-gradient(135deg,#7c3aed,#a855f7)}
.cmp-verdict-award.rib-rapport_qp{background:linear-gradient(135deg,#059669,#10b981)}
.cmp-verdict-award.rib-petit_budget{background:linear-gradient(135deg,#ea580c,#f97316)}
.cmp-verdict-award.rib-premium{background:linear-gradient(135deg,#b45309,#d97706)}
.cmp-verdict-rank{display:inline-flex;align-items:center;font-size:.74rem;font-weight:700;color:#475569;background:#eef2f7;padding:5px 12px;border-radius:999px}
.cmp-verdict-lead{font-size:.7rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#94a3b8;margin:0 0 6px}
.cmp-verdict-txt{font-size:1.05rem;line-height:1.55;color:#2c333f;margin:0 0 16px;font-weight:450}
.cmp-stats-big{margin:0 0 14px}
.cmp-stats-big .cmp-stat-v{font-size:1.05rem}
.cmp-hl-fiche{margin:0 0 16px}
.cmp-verdict-cta{display:flex;flex-wrap:wrap;gap:10px;align-items:center}

/* Bouton secondaire "Comparer les prix" */
.cmp-btn-shop{background:#fff;color:#1f2937;border:1.5px solid #d7dce5}
.cmp-btn-shop:hover{border-color:#2563eb;color:#2563eb;background:#f7faff}

/* Les autres modèles du comparatif */
.cmp-related{margin:34px 0}
.cmp-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:16px}
.cmp-related-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:18px 12px 14px;border:1px solid #e9ecf2;border-radius:16px;background:#fff;text-decoration:none;transition:transform .14s,box-shadow .14s,border-color .14s}
.cmp-related-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(20,30,60,.09);border-color:#cdd6e6}
.cmp-related-card .cmp-medal{position:absolute;top:8px;left:8px}
.cmp-related-img{width:100%;height:108px;object-fit:contain;display:block}
.cmp-related-name{font-size:.86rem;font-weight:650;line-height:1.25;color:#222;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cmp-related-note{font-size:.82rem;font-weight:800;color:#1d4ed8;background:#eef3ff;padding:3px 10px;border-radius:999px}
.cmp-related-all{margin:18px 0 0}
.cmp-related-all a{color:#2563eb;font-weight:650;text-decoration:none}
.cmp-related-all a:hover{text-decoration:underline}

/* Anti-CLS galerie : dimensions verrouillées */
.cmp-photos .cmp-gphoto{aspect-ratio:1/1;overflow:hidden}
.cmp-photos .cmp-gphoto img{width:100%;height:100%;object-fit:cover}

@media(max-width:680px){
  .cmp-verdict{grid-template-columns:1fr;gap:18px;padding:18px}
  .cmp-verdict-media img{max-width:260px;margin:0 auto}
  .cmp-fiche .cmp-h1{font-size:1.55rem}
  .cmp-related-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
}

/* Pour qui ? (callout) */
.cmp-forwhom{margin:30px 0;padding:20px 22px;border-left:4px solid #2563eb;background:#f6f9ff;border-radius:0 12px 12px 0}
.cmp-forwhom h2{margin:0 0 8px;font-size:1.18rem}
.cmp-forwhom p{margin:0;color:#374151;line-height:1.6}

/* Analyse complète : typographie éditoriale (override) */
.cmp-analyse{margin:36px 0}
.cmp-analyse>h2{font-size:1.42rem;color:#0f1620;margin:0 0 20px;letter-spacing:-.3px}
.cmp-analyse h3{font-size:1.2rem;font-weight:700;color:#16202e;margin:30px 0 11px;padding-left:14px;border-left:4px solid #2563eb;line-height:1.32}
.cmp-analyse h3:first-of-type{margin-top:4px}
.cmp-analyse p{font-size:1.02rem;line-height:1.78;color:#39434f;margin:0 0 18px}
.cmp-analyse ul{list-style:none;padding:0;margin:8px 0 22px}
.cmp-analyse ul li{position:relative;padding-left:26px;margin:0 0 10px;line-height:1.62;color:#39434f}
.cmp-analyse ul li::before{content:"";position:absolute;left:7px;top:.62em;width:7px;height:7px;border-radius:50%;background:#2563eb}
.cmp-analyse strong{color:#1f2933}

/* FAQ : accordéon en cartes (override) */
.cmp-faq{padding:18px 24px 22px}
.cmp-faq-acc{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.cmp-faq-d{border:1px solid #e6e9f0;border-bottom:1px solid #e6e9f0;border-radius:13px;background:#fcfdff;padding:2px 18px;transition:border-color .15s,box-shadow .15s,background .15s}
.cmp-faq-d:last-child{border-bottom:1px solid #e6e9f0}
.cmp-faq-d[open]{background:#fff;border-color:#cdd9f5;box-shadow:0 3px 14px rgba(37,99,235,.07)}
.cmp-faq-d summary{padding:15px 0;font-size:1.04rem}
.cmp-faq-a{padding:0 4px 16px 0;border-top:1px solid #eef1f6;margin-top:2px;padding-top:13px;line-height:1.7;color:#46505f}

/* Autres modèles : grille équilibrée 4 colonnes (override) */
.cmp-related-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:780px){.cmp-related-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.cmp-related-grid{grid-template-columns:repeat(2,1fr)}}

/* Bloc prix multi-marchands (style comparateur) */
.cmp-amz-full{display:flex;width:100%;justify-content:center;margin:0 0 14px}
.cmp-price-list{display:flex;flex-direction:column;gap:9px;margin:0 0 14px}
.cmp-price-row{display:flex;align-items:center;gap:12px;padding:15px 18px;border:1px solid #e6e9f0;border-radius:12px;background:#fff;text-decoration:none;transition:border-color .14s,box-shadow .14s,transform .14s}
.cmp-price-row:hover{border-color:#2563eb;box-shadow:0 5px 16px rgba(37,99,235,.10);transform:translateY(-1px)}
.cmp-price-amount{font-size:1.14rem;font-weight:800;color:#0f1620;white-space:nowrap}
.cmp-price-merchant{flex:1;color:#46505f;font-weight:600;font-size:.97rem}
.cmp-price-arrow{font-size:1.7rem;color:#2563eb;line-height:.4;font-weight:400}

/* Sticker meilleur prix */
.cmp-price-best{border-color:#16a34a;background:#f5fef9}
.cmp-price-best:hover{border-color:#16a34a;box-shadow:0 5px 16px rgba(22,163,74,.13)}
.cmp-price-sticker{display:inline-flex;align-items:center;background:#16a34a;color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.3px;text-transform:uppercase;padding:4px 9px;border-radius:999px;white-space:nowrap}

/* Chips marchands sur les cartes du hub */
.cmp-offer-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.cmp-offer-chip{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;color:#3a4350;background:#f3f5f9;border:1px solid #e6e9f0;border-radius:8px;padding:5px 9px;text-decoration:none;transition:border-color .14s,background .14s}
.cmp-offer-chip b{color:#0f1620;font-weight:800}
.cmp-offer-chip:hover{border-color:#2563eb;background:#fff}
.cmp-offer-chip.cmp-chip-best{border-color:#bbf7d0;background:#f4fdf8}
.cmp-offer-chip.cmp-chip-best b{color:#16a34a}

/* Chips marchands en colonne droite des cartes hub (desktop), wrap en mobile */
.cmp-lcard-right .cmp-offer-chips,.cmp-pcard-actions .cmp-offer-chips{flex-direction:column;width:100%;gap:6px;margin-top:2px}
.cmp-lcard-right .cmp-offer-chip,.cmp-pcard-actions .cmp-offer-chip{width:100%;justify-content:flex-start;box-sizing:border-box}
.cmp-lcard-right{min-width:172px}
.cmp-offer-chips-top{margin-top:12px}
@media(max-width:640px){
  .cmp-lcard-right .cmp-offer-chips,.cmp-pcard-actions .cmp-offer-chips{flex-direction:row;flex-wrap:wrap;width:100%;margin-top:8px}
  .cmp-lcard-right .cmp-offer-chip,.cmp-pcard-actions .cmp-offer-chip{width:auto}
}

/* Repere "Moins cher" + chip Amazon fallback */
.cmp-chip-m{color:inherit}
.cmp-chip-tag{margin-left:auto;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.3px;color:#16a34a;white-space:nowrap;padding-left:6px}
.cmp-offer-chip.cmp-chip-amz{justify-content:center;background:#fff8ee;border-color:#ffdcae}
.cmp-offer-chip.cmp-chip-amz b{color:#b45309;font-weight:700}
.cmp-lcard-right,.cmp-pcard-actions{justify-content:flex-start}
.cmp-lcard-right .cmp-btn-test,.cmp-pcard-actions .cmp-btn-test{margin-top:auto}

/* Liste prix dans le bloc verdict (haut de fiche) */
.cmp-price-list-verdict{margin:16px 0 4px;gap:8px}
.cmp-price-list-verdict .cmp-price-row{padding:12px 16px}
.cmp-price-list-verdict .cmp-price-amount{font-size:1.05rem}
.cmp-price-more{display:inline-block;margin-top:2px;color:#2563eb;font-weight:650;font-size:.9rem;text-decoration:none}
.cmp-price-more:hover{text-decoration:underline}

/* Badge "Le moins cher du web" voyant */
.cmp-offer-chip.cmp-chip-best{flex-wrap:wrap;border-color:#86efac;background:#f3fdf7}
.cmp-chip-badge{display:inline-flex;align-items:center;gap:4px;width:100%;background:linear-gradient(135deg,#15a34a,#22c55e);color:#fff;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.4px;padding:4px 8px;border-radius:7px;margin-bottom:4px;box-shadow:0 1px 4px rgba(21,163,74,.28)}
.cmp-chip-badge svg{flex:none}
.cmp-price-sticker{display:inline-flex!important;align-items:center;gap:5px;background:linear-gradient(135deg,#15a34a,#22c55e)!important;color:#fff!important;font-weight:800;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 1px 5px rgba(21,163,74,.3)}
.cmp-price-sticker svg{flex:none}

/* Offre la moins chère : bouton BLANC + bordure verte pour que le badge vert ressorte (ne plus confondre label/bouton) */
.cmp-offer-chip.cmp-chip-best{background:#fff;border:1.5px solid #16a34a}
.cmp-price-row.cmp-price-best{background:#fff;border:1.5px solid #16a34a}
.cmp-price-row.cmp-price-best:hover{border-color:#16a34a;box-shadow:0 5px 16px rgba(22,163,74,.16)}
.cmp-chip-badge{margin-bottom:6px}

/* === Liste prix marchands unifiée (cartes hub) === */
.cmp-offers-mini{display:flex;flex-direction:column;width:100%;border:1px solid #e3e7ee;border-radius:11px;overflow:hidden;background:#fff}
.cmp-offer-line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;text-decoration:none;border-bottom:1px solid #eef1f5;transition:background .12s}
.cmp-offer-line:last-child{border-bottom:0}
.cmp-offer-line:hover{background:#f7faff}
.cmp-ol-name{display:flex;flex-direction:column;font-size:.85rem;color:#39424e;font-weight:650;line-height:1.2}
.cmp-ol-tag{font-size:.56rem;font-weight:800;text-transform:uppercase;letter-spacing:.3px;color:#16a34a;margin-top:2px}
.cmp-ol-price{font-size:.98rem;font-weight:800;color:#0f1620;white-space:nowrap}
.cmp-offer-line--best{background:#f4fdf8}
.cmp-offer-line--best .cmp-ol-price{color:#15a34a}
.cmp-lcard-right .cmp-offers-mini,.cmp-pcard-actions .cmp-offers-mini{margin-bottom:2px}

/* === CTA conversion : meilleure offre = bouton vert brillant === */
.cmp-best-cta{display:block;position:relative;overflow:hidden;text-decoration:none;background:linear-gradient(135deg,#15a34a,#22c55e 55%,#16a34a);border-radius:11px;padding:9px 14px;box-shadow:0 4px 18px rgba(22,163,74,.45);transition:transform .12s,box-shadow .12s}
.cmp-best-cta:hover{transform:translateY(-2px);box-shadow:0 9px 28px rgba(22,163,74,.62),0 0 18px 2px rgba(34,197,94,.55)}
.cmp-best-cta-label{display:block;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:#dcfce7;position:relative;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cmp-best-cta-main{display:flex;align-items:center;gap:8px;color:#fff;font-weight:800;margin-top:2px;position:relative;z-index:1}
.cmp-best-cta-main b{font-size:1.18rem;line-height:1}
.cmp-best-cta-go{font-size:.78rem;font-weight:800;background:rgba(255,255,255,.22);padding:4px 9px;border-radius:7px}
.cmp-cta-arr{margin-left:auto;flex:none}
.cmp-best-cta::after{content:"";position:absolute;top:0;left:-75%;width:55%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-22deg);z-index:0;animation:ctaShine 4.5s ease-in-out infinite}
@keyframes ctaShine{0%{left:-75%}45%,100%{left:160%}}
@media(prefers-reduced-motion:reduce){.cmp-best-cta::after{animation:none}}
.cmp-best-cta + .cmp-offers-mini{margin-top:7px}
/* "Voir notre test" contraste fort */
.cmp-btn-test{color:#1d4ed8;border:1.5px solid #2563eb;background:#fff;font-weight:800}
.cmp-btn-test:hover{background:#2563eb;color:#fff}

/* === CTA meilleur prix ÉLABORÉ : sticker doré + bouton vitré === */
.cmp-best-wrap{position:relative;overflow:visible}
.cmp-best-sticker{position:absolute;top:-9px;right:-4px;z-index:5;display:inline-flex;align-items:center;gap:3px;background:linear-gradient(135deg,#fde047,#f59e0b);color:#4a3200;font-size:.55rem;font-weight:900;text-transform:uppercase;letter-spacing:.4px;padding:4px 8px;border-radius:7px;transform:rotate(5deg);box-shadow:0 3px 9px rgba(160,110,0,.45);border:1.5px solid #fff}
.cmp-best-sticker svg{fill:#6b4700}
.cmp-best-cta{display:block;position:relative;overflow:hidden;text-decoration:none;background:linear-gradient(135deg,#15a34a,#22c55e 55%,#16a34a);border-radius:12px;padding:11px 14px 10px;box-shadow:0 5px 18px rgba(22,163,74,.4),inset 0 1px 0 rgba(255,255,255,.28);transition:transform .14s,box-shadow .14s}
.cmp-best-cta:hover{transform:translateY(-2px);box-shadow:0 11px 30px rgba(22,163,74,.6),0 0 22px 2px rgba(34,197,94,.5),inset 0 1px 0 rgba(255,255,255,.32)}
.cmp-best-cta::before{content:"";position:absolute;left:0;right:0;top:0;height:48%;background:linear-gradient(180deg,rgba(255,255,255,.24),transparent);z-index:0;pointer-events:none}
.cmp-best-cta::after{content:"";position:absolute;top:0;left:-75%;width:55%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-22deg);z-index:1;animation:ctaShine 4.5s ease-in-out infinite}
.cmp-best-cta-merchant{position:relative;z-index:2;display:block;font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#dcfce7}
.cmp-best-cta-row{position:relative;z-index:2;display:flex;align-items:center;gap:8px;margin-top:3px}
.cmp-best-cta-price{font-size:1.3rem;font-weight:900;color:#fff;line-height:1;text-shadow:0 1px 2px rgba(0,40,15,.25)}
.cmp-best-cta-go{margin-left:auto;display:inline-flex;align-items:center;gap:1px;font-size:.74rem;font-weight:800;color:#fff;background:rgba(255,255,255,.2);padding:5px 8px;border-radius:8px;white-space:nowrap;border:1px solid rgba(255,255,255,.25)}
.cmp-cta-arr{flex:none}
@keyframes ctaShine{0%{left:-75%}45%,100%{left:160%}}
@media(prefers-reduced-motion:reduce){.cmp-best-cta::after{animation:none}}

/* "Voir l'offre" : pavé blanc plein, texte vert, ressort du bouton */
.cmp-best-cta-go{background:#fff!important;color:#15803d!important;border:0!important;box-shadow:0 2px 7px rgba(0,30,12,.22)!important;padding:5px 10px!important}
.cmp-best-cta-go .cmp-cta-arr{fill:#15803d}
.cmp-best-cta:hover .cmp-best-cta-go{box-shadow:0 3px 11px rgba(0,30,12,.3)!important}

/* Sticker plus incliné + "Voir l'offre" pleine largeur sous le prix (robuste gros prix) */
.cmp-best-sticker{transform:rotate(-11deg);top:-10px;right:-2px}
.cmp-best-cta-price{display:block;margin-top:3px;font-size:1.42rem}
.cmp-best-cta-go{display:flex!important;width:100%;margin:9px 0 0 0!important;justify-content:center;font-size:.82rem!important;padding:7px 10px!important}

/* Sticker incliné dans l'autre sens */
.cmp-best-sticker{transform:rotate(8deg);top:-10px;right:-3px}

/* Sticker encore plus incliné + colonne prix plus large */
.cmp-best-sticker{transform:rotate(16deg);top:-11px;right:-4px}
.cmp-lcard-right{min-width:208px;flex-basis:208px}

/* Sticker -> ruban d'angle plaqué dans le coin (toujours bien aligné) */
.cmp-best-cta{padding-top:13px}
.cmp-best-sticker{position:absolute;z-index:6;top:16px;right:-31px;left:auto;bottom:auto;display:block;width:128px;padding:3px 0;text-align:center;transform:rotate(45deg);transform-origin:center;background:linear-gradient(135deg,#fde047,#f59e0b);color:#5a3c00;font-size:.52rem;font-weight:900;text-transform:uppercase;letter-spacing:.5px;border:0;border-radius:0;box-shadow:0 2px 6px rgba(0,0,0,.22)}
.cmp-best-sticker svg{display:none}

/* Sticker qui DÉBORDE du coin (autocollant posé en angle, bien calé) */
.cmp-best-wrap{position:relative;overflow:visible}
.cmp-best-cta{padding-top:11px}
.cmp-best-sticker{position:absolute;z-index:7;top:-12px;right:-11px;left:auto;bottom:auto;width:auto;display:inline-flex;align-items:center;gap:3px;transform:rotate(-15deg);transform-origin:center;background:linear-gradient(135deg,#fde047,#f59e0b);color:#5a3c00;font-size:.56rem;font-weight:900;text-transform:uppercase;letter-spacing:.4px;text-align:left;padding:4px 9px;border:2px solid #fff;border-radius:8px;box-shadow:0 4px 10px rgba(120,80,0,.4)}
.cmp-best-sticker svg{display:inline-block;fill:#7a5200;flex:none}

/* Sticker incliné dans l'autre sens */
.cmp-best-sticker{transform:rotate(15deg);top:-12px;right:-10px}

/* === A/B variante B : CTA orange (test CTR vs vert) === */
.cmp-ab-b .cmp-best-cta{background:linear-gradient(135deg,#f97316,#fb923c 55%,#ea580c)!important;box-shadow:0 5px 18px rgba(234,88,12,.42),inset 0 1px 0 rgba(255,255,255,.28)!important}
.cmp-ab-b .cmp-best-cta:hover{box-shadow:0 11px 30px rgba(234,88,12,.6),0 0 22px 2px rgba(251,146,60,.55),inset 0 1px 0 rgba(255,255,255,.32)!important}
.cmp-ab-b .cmp-best-cta-merchant{color:#ffedd5}
.cmp-ab-b .cmp-best-cta-go{color:#ea580c!important}
.cmp-ab-b .cmp-best-cta-go .cmp-cta-arr{fill:#ea580c}

/* Bloc prix podium = même largeur que le classement */
.cmp-pcard-actions{min-width:208px;flex-basis:208px}
@media(max-width:640px){.cmp-pcard-actions{min-width:0;flex-basis:auto}}

/* Fix loupe : le bloc image ne doit pas s'étirer sur toute la hauteur de la carte */
.cmp-lcard .cmp-imgbox{align-self:center}

/* === Navigation par marque === */
.cmp-brands{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 26px;padding:14px 16px;background:#f6f8fc;border:1px solid #e6e9f2;border-radius:14px}
.cmp-brands-lbl{font-weight:700;color:#33404d;font-size:.9rem;margin-right:2px}
.cmp-brand-chip{display:inline-flex;align-items:center;gap:6px;font-size:.86rem;font-weight:650;color:#1d4ed8;background:#fff;border:1px solid #d7e0f5;border-radius:999px;padding:6px 13px;text-decoration:none;transition:background .14s,color .14s,border-color .14s}
.cmp-brand-chip:hover{background:#2563eb;color:#fff;border-color:#2563eb}
.cmp-brand-chip span{font-size:.72rem;font-weight:800;background:#eef3ff;color:#2563eb;border-radius:999px;padding:1px 7px}
.cmp-brand-chip:hover span,.cmp-brand-chip.is-current span{background:rgba(255,255,255,.28);color:#fff}
.cmp-brand-chip.is-current{background:#2563eb;color:#fff;border-color:#2563eb;cursor:default}
.cmp-brand-all{color:#475569;border-color:#cbd3e0}
