/* TRAKO advertorial e-comm miroir V1 Ondrela. NOS mots. */
:root{--ink:#1c2430;--soft:#3c4654;--line:#e4e7ec;--green:#1f9d55;--green-d:#177a41;--red:#d0392b;--navy:#232a3c;--cream:#faf8f4;--gold:#c9a24a;}
*{box-sizing:border-box;}
body{margin:0;background:#fff;color:var(--ink);font-family:'Segoe UI',-apple-system,Arial,sans-serif;font-size:17px;line-height:1.65;}
img{max-width:100%;display:block;}
.wrap{width:min(100% - 36px,760px);margin-inline:auto;}
.byline{color:#8a93a2;font-size:13px;padding:18px 0 6px;}
.byline b{color:#5a6472;font-weight:600;}
h1{font-family:Georgia,serif;font-size:clamp(26px,4.6vw,36px);line-height:1.18;margin:6px 0 14px;}
.lede{color:var(--soft);font-size:18px;margin:0 0 18px;}
h2{font-family:Georgia,serif;font-size:clamp(21px,3.6vw,27px);margin:34px 0 14px;}
p{margin:0 0 16px;color:var(--soft);}
p b,strong{color:var(--ink);}
.figcap{font-size:13px;color:#8a93a2;font-style:italic;text-align:center;margin:8px 0 20px;}
.photo{border-radius:8px;}
.minibar{position:sticky;top:0;z-index:9;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px -12px rgba(20,30,50,.25);display:flex;align-items:center;gap:12px;padding:10px 12px;margin:14px 0;}
.minibar .th{flex:0 0 46px;width:46px;height:46px;border-radius:8px;background:#111;display:grid;place-items:center;color:var(--gold);font-weight:800;font-size:10px;}
.minibar .t{font-size:12.5px;line-height:1.35;} .minibar .t b{font-size:13px;}
.minibar .score{color:#1f9d55;font-weight:800;} .minibar .stars{color:#f0a41e;}
.minibar .cta{margin-left:auto;background:var(--green);color:#fff;font-weight:800;font-size:13px;padding:10px 14px;border-radius:8px;text-decoration:none;text-align:center;line-height:1.2;}
.minibar .cta small{display:block;font-weight:600;font-size:10px;opacity:.9;}
@media(max-width:640px){.minibar .t .sub{display:none;}}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0;}
@media(max-width:560px){.stats{grid-template-columns:1fr;}}
.stat{background:var(--cream);border:1px solid var(--line);border-radius:10px;padding:16px;text-align:center;}
.stat .n{color:var(--green);font-weight:800;font-size:24px;font-family:Georgia,serif;}
.stat .l{font-size:12.5px;color:#7a8494;margin-top:6px;}
.quote{background:#fdf9f9;border-left:4px solid var(--red);border-radius:0 8px 8px 0;padding:16px 20px;margin:20px 0;font-style:italic;color:#33404e;}
.quote .who{font-style:normal;font-weight:700;font-size:13.5px;color:#7a8494;margin-top:10px;}
.reason{margin:0 0 14px;}
.callout{background:#fdf6e8;border:1px solid #f0dcb0;border-radius:10px;padding:16px 18px;margin:20px 0;font-size:15.5px;color:#5a5040;}
.callout.red{background:#fdf0ee;border-color:#f0c0b8;color:#5a3630;}
.callout.red .rt{color:var(--red);font-weight:800;}
.darkprod{background:#0d0b08;border-radius:10px;padding:26px;display:flex;gap:22px;align-items:center;margin:20px 0;}
.darkprod .card{flex:0 0 44%;background:linear-gradient(135deg,#d9b45c,#a9832f);height:150px;border-radius:12px;display:grid;place-items:center;color:#241a04;font-weight:800;font-size:22px;letter-spacing:.04em;}
.darkprod ol{margin:0;padding:0;list-style:none;color:#d8cfc0;font-size:13.5px;}
.darkprod li{margin:10px 0;} .darkprod li b{color:var(--gold);display:block;font-size:14.5px;}
@media(max-width:600px){.darkprod{flex-direction:column;} .darkprod .card{width:100%;flex-basis:auto;}}
.feats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;}
@media(max-width:600px){.feats{grid-template-columns:1fr;}}
.feat{background:var(--cream);border:1px solid var(--line);border-radius:10px;padding:16px;}
.feat .ic{font-size:24px;} .feat h4{margin:8px 0 6px;font-size:15.5px;color:var(--ink);} .feat p{font-size:13.5px;margin:0;color:#6a7484;}
.steps3{margin:16px 0;} .step3{display:flex;gap:12px;margin:14px 0;}
.step3 .n{flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:var(--green);color:#fff;font-weight:800;display:grid;place-items:center;font-size:14px;}
.step3 h4{margin:0 0 4px;font-size:16px;} .step3 p{font-size:14.5px;margin:0;color:#6a7484;}
.testtbl{width:100%;border-collapse:collapse;font-size:14px;margin:18px 0;}
.testtbl th,.testtbl td{border:1px solid var(--line);padding:10px;text-align:left;}
.testtbl thead th{background:var(--navy);color:#fff;}
.testtbl .sc{color:var(--green);font-weight:800;white-space:nowrap;}
.revs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;}
@media(max-width:600px){.revs{grid-template-columns:1fr;}}
.rev{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px;font-size:14.5px;}
.rev .st{color:#f0a41e;} .rev .who{font-weight:800;font-size:13.5px;margin-top:10px;} .rev .who .ok{color:var(--green);} .rev .city{color:#8a93a2;font-size:12px;}
.bigquote{background:var(--navy);color:#e7ebf4;border-radius:12px;padding:24px 26px;margin:22px 0;font-family:Georgia,serif;font-style:italic;font-size:18px;text-align:center;}
.bigquote .who{font-size:13px;color:#a9b2c6;margin-top:12px;font-style:normal;font-family:'Segoe UI',Arial;}
.offer{border:2px solid var(--green);background:#f4fbf6;border-radius:14px;padding:26px 22px;text-align:center;margin:26px 0;}
.offer .k{font-size:12px;letter-spacing:.1em;color:#7a8494;text-transform:uppercase;}
.offer h3{font-family:Georgia,serif;font-size:24px;margin:8px 0 2px;}
.offer .r1{color:var(--red);font-weight:800;font-size:20px;}
.offer .r2{color:var(--red);font-weight:900;font-family:Georgia,serif;font-size:44px;margin:12px 0;}
.offer ul{list-style:none;padding:0;margin:0 0 14px;font-size:15px;color:#33404e;}
.offer li{margin:6px 0;} .offer li::before{content:"✔ ";color:var(--green);font-weight:800;}
.offer .warn{background:#fdf0ee;border:1px solid #f0c0b8;border-radius:8px;padding:12px;font-size:13.5px;color:#8a3630;margin:14px 0;}
.offer .cta{display:block;background:var(--green);color:#fff;font-weight:800;font-size:19px;padding:16px;border-radius:10px;text-decoration:none;margin:8px 0 10px;}
.offer .ssl{font-size:12px;color:#7a8494;} .offer .cards{background:var(--navy);color:#cfd6e4;border-radius:8px;font-size:11px;letter-spacing:.08em;padding:8px;margin-top:10px;}
.shield{border:2px solid #3a7bd5;background:#f3f8fe;border-radius:12px;padding:22px;text-align:center;margin:20px 0;}
.shield h3{margin:0 0 8px;font-family:Georgia,serif;} .shield p{font-size:14.5px;margin:0;color:#4a5a70;}
.fake{background:#fdf6e8;border:1px solid #f0dcb0;border-radius:10px;padding:18px;margin:20px 0;font-size:14.5px;color:#5a5040;}
.fake .ft{color:#c07a10;font-weight:800;}
.foot{background:#0a0a0c;color:#8fa0b8;font-size:12.5px;padding:28px 0;margin-top:30px;text-align:center;}
.foot a{color:#b7c4d6;text-decoration:none;margin:0 8px;}
.foot .disc{max-width:760px;margin:14px auto 0;line-height:1.6;text-align:center;padding:0 18px;}
/* --- ajouts densité : 2e cas, FAQ, commentaires --- */
.case2{background:#f4f5f7;border-left:4px solid var(--green);border-radius:0 10px 10px 0;padding:16px 20px;margin:20px 0}
.case2 h3{margin:0 0 8px;font-size:17px;color:var(--ink)}
.case2 p{margin:0 0 8px}
.faq{margin:22px 0}
.faq h2{margin-bottom:8px}
.faqi{background:#f6f7f9;border:1px solid var(--line);border-radius:9px;padding:14px 18px;margin:9px 0}
.faqi b{display:block;color:var(--ink);margin-bottom:6px;font-size:15px}
.faqi p{margin:0;font-size:14px;color:var(--soft)}
.comments{margin:24px 0;border-top:2px solid var(--green);padding-top:14px}
.comments h3{font-size:17px;margin-bottom:4px}
.csort{font-size:12px;color:#8a93a2;margin-bottom:12px}
.cm{border-bottom:1px solid var(--line);padding:11px 0;font-size:14px}
.cm .cn{font-weight:700;color:var(--green-d)} .cm .cd{color:#9aa3b2;font-size:11.5px;margin-left:6px}
.cm p{margin:5px 0;color:var(--soft)} .cm .cf{color:#9aa3b2;font-size:11.5px}
.cm.reply{margin-left:22px;background:#f4f5f7;border-radius:8px;padding:10px 14px;border-bottom:0}