/* ERECTO-EXPRESS — advertorial médical « magazine masculin » miroir V1 DirectMax/Men's Vitality. NOS mots. */
:root{--ink:#1a1c22;--soft:#33383f;--line:#e2e4e8;--blue:#12336a;--blue-l:#eef3fb;--green:#1f9d55;--green-d:#177a41;--red:#c0392b;--gold:#b78a2a;}
*{box-sizing:border-box;}
body{margin:0;background:#fff;color:var(--ink);font-family:Georgia,'Times New Roman',serif;font-size:17px;line-height:1.6;}
img{max-width:100%;display:block;}
.mag{background:var(--blue);color:#fff;padding:12px 16px;}
.mag .in{width:min(100% - 32px,720px);margin-inline:auto;font-weight:800;font-size:20px;font-family:Georgia,serif;}
.mag .in span{background:#fff;color:var(--blue);padding:0 6px;border-radius:3px;}
.subnav{background:#0d264f;color:#9fb4d8;font-size:10.5px;letter-spacing:.12em;text-align:center;padding:6px;text-transform:uppercase;}
.wrap{width:min(100% - 32px,720px);margin-inline:auto;}
h1{font-size:clamp(25px,4.4vw,34px);line-height:1.22;margin:22px 0 12px;font-weight:800;}
.pub{font-family:'Segoe UI',Arial,sans-serif;font-size:12.5px;color:#8a909a;margin-bottom:4px;}
.author{font-family:'Segoe UI',Arial,sans-serif;font-size:13px;color:#5a6068;font-weight:700;margin-bottom:16px;}
.author a{color:var(--blue);}
.lede{border-left:4px solid var(--blue);background:var(--blue-l);border-radius:0 8px 8px 0;padding:18px 22px;font-style:italic;font-size:17.5px;color:#2a3038;margin:18px 0;}
p{margin:0 0 15px;color:var(--soft);} strong,b{color:var(--ink);}
h2{font-family:'Segoe UI',Arial,sans-serif;font-size:clamp(18px,3vw,22px);font-weight:800;letter-spacing:.01em;margin:32px 0 6px;padding-bottom:8px;border-bottom:1px solid var(--line);text-transform:uppercase;}
.quote{font-style:italic;color:#4a5058;border-left:3px solid #c8ccd2;padding-left:16px;margin:14px 0;}
.small{font-family:'Segoe UI',Arial,sans-serif;font-size:12.5px;color:#8a909a;font-style:italic;margin:10px 0;}
a.inl{color:var(--blue);font-weight:700;text-decoration:underline;}
.sticky{position:sticky;top:0;z-index:9;background:var(--blue);color:#fff;font-family:'Segoe UI',Arial,sans-serif;display:flex;align-items:center;gap:12px;padding:10px 14px;margin:16px 0;border-radius:6px;}
.sticky .t{font-size:13px;font-weight:700;} .sticky .t small{display:block;font-weight:500;opacity:.85;font-size:11px;}
.sticky .cta{margin-left:auto;background:var(--green);color:#fff;font-weight:800;font-size:12.5px;padding:9px 14px;border-radius:6px;text-decoration:none;white-space:nowrap;}
.chk{list-style:none;margin:14px 0;padding:0;font-family:'Segoe UI',Arial,sans-serif;font-size:15px;color:var(--soft);}
.chk li{margin:9px 0;padding-left:28px;position:relative;} .chk li::before{content:"✅";position:absolute;left:0;}
.ingr{border-left:4px solid var(--blue);background:#f6f8fb;border-radius:0 8px 8px 0;padding:14px 18px;margin:12px 0;font-family:'Segoe UI',Arial,sans-serif;}
.ingr .k{font-size:11px;letter-spacing:.1em;color:#8a909a;text-transform:uppercase;}
.ingr h4{margin:2px 0 6px;font-size:16px;color:var(--blue);} .ingr p{font-size:14px;margin:0;}
.cmp{border:1px solid var(--line);border-radius:10px;overflow:hidden;margin:18px 0;font-family:'Segoe UI',Arial,sans-serif;font-size:13.5px;}
.cmp table{width:100%;border-collapse:collapse;}
.cmp th,.cmp td{padding:10px;text-align:center;border-bottom:1px solid var(--line);}
.cmp thead th{background:#f4f6f9;font-size:12px;}
.cmp thead th.us{background:var(--green);color:#fff;}
.cmp tbody td:first-child{text-align:left;font-weight:700;color:var(--ink);}
.cmp .y{color:var(--green);font-weight:800;} .cmp .n{color:var(--red);font-weight:800;}
.cmp .sub{font-size:10px;color:#9aa0a8;display:block;}
.cmp .scorerow td{background:#f4f6f9;font-weight:800;}
.cmp .scorerow td.us{color:var(--green);}
.note{border-left:4px solid var(--red);background:#fdf1ef;border-radius:0 8px 8px 0;padding:14px 18px;margin:18px 0;font-family:'Segoe UI',Arial,sans-serif;font-size:13.5px;color:#6a3830;}
.steps{counter-reset:s;margin:14px 0;font-family:'Segoe UI',Arial,sans-serif;}
.step{display:flex;gap:12px;margin:12px 0;font-size:14.5px;}
.step .n{flex:0 0 24px;width:24px;height:24px;border-radius:5px;background:var(--green);color:#fff;font-weight:800;display:grid;place-items:center;font-size:13px;}
.update{border:1px solid #f0dca0;background:#fdf6e2;border-radius:8px;padding:12px 16px;margin:18px 0;font-family:'Segoe UI',Arial,sans-serif;font-size:13.5px;color:#5a4a20;}
.update b{color:var(--green-d);}
.ctacard{border:1px solid var(--line);border-radius:10px;padding:20px;text-align:center;margin:18px 0;font-family:'Segoe UI',Arial,sans-serif;}
.ctacard .brand{color:var(--blue);font-weight:800;margin-bottom:12px;}
.ctacard .cta{display:block;background:var(--green);color:#fff;font-weight:800;font-size:18px;padding:15px;border-radius:8px;text-decoration:none;box-shadow:0 8px 18px -8px rgba(31,157,85,.5);}
.ctacard .cta:hover{background:var(--green-d);}
.ctacard .sub{color:#c07a10;font-weight:700;font-size:13px;margin:10px 0 6px;}
.ctacard .badges{font-size:11px;color:#8a909a;}
.coms{margin:20px 0;font-family:'Segoe UI',Arial,sans-serif;border-top:2px solid var(--blue);padding-top:12px;}
.comh{font-weight:800;font-size:15px;margin-bottom:12px;}
.com{border-bottom:1px solid var(--line);padding:10px 0;font-size:13.5px;}
.com .cn{color:var(--blue);font-weight:700;} .com p{margin:5px 0;color:var(--soft);} .com .cf{color:#9aa0a8;font-size:11.5px;}
.foot{background:#f4f4f6;color:#8a909a;font-family:'Segoe UI',Arial,sans-serif;font-size:11px;padding:24px 0;margin-top:30px;text-align:center;}
.foot .disc{max-width:820px;margin:12px auto 0;line-height:1.6;padding:0 18px;text-align:left;}
.foot a{color:#5a6068;text-decoration:none;margin:0 8px;}
html,body{overflow-x:hidden;}
.faq{margin:22px 0}
.faqi{background:#f6f8fb;border:1px solid var(--line);border-radius:9px;padding:14px 18px;margin:9px 0;font-family:'Segoe UI',Arial,sans-serif}
.faqi b{display:block;color:var(--ink);margin-bottom:6px;font-size:15px}
.faqi p{margin:0;font-size:14px;color:var(--soft)}
