.bphv{--ink:#1a2233;--mute:#5b6576;--line:#e6e9ef;--soft:#f4f6f9;--acc:#0b6b3a;--accbg:#eaf6ee;--hot:#c2410c;--hotbg:#fff3ea;--navy:#16233b;--navy2:#1f2f4d;--blue:#2b6fe6;--bluebg:#eaf1fd;--a:#2b6fe6;--b:#08804b;--r:18px;--sh:0 1px 2px rgba(16,24,40,.04),0 10px 30px -18px rgba(16,24,40,.25);font-size:16.5px;line-height:1.6;color:var(--ink)}
.bphv *,.bphv *::before,.bphv *::after{box-sizing:border-box}
.bphv p{margin:0 0 .7em}
.bphv h2{font-size:30px;font-weight:700;color:#1a2233;letter-spacing:-.012em;line-height:1.22;text-wrap:balance;margin:56px 0 14px}
.bphv h3{font-size:19px;font-weight:700;color:#1a2233;margin:1.4em 0 .4em}
.bphv a{color:var(--a)}
.bphv .lede{font-size:18px;color:var(--ink);margin:0 0 .6em}
.bphv .lede-p{font-size:16.5px;color:var(--ink);margin:0 0 .6em}
.bphv .opener{margin:0 0 10px}
.bphv .opener .hook{margin:0}
.bphv .opener2{margin:0 0 22px}
/* carte auteur déplacée sous la carte VS par le snippet « BPH duels : carte auteur » (bph-duel-bio/) */
.bphv .bphv-bio .bph-bio-card{margin:0 0 24px}
/* carte VS en tête (31/10) : l'image à la une reste dans les métas (partage, Discover, schéma Article) mais n'est plus affichée */
body:has(.bphv) .featured-image.page-header-image-single{display:none}
.bphv .fresh{display:flex;align-items:flex-start;gap:8px;font-size:13.5px;color:var(--mute);margin:-4px 0 18px;line-height:1.45}
.bphv .fresh .ic{width:16px;height:16px;flex-basis:16px;color:var(--mute);margin-top:2px}
.bphv .fresh b{color:var(--ink);font-weight:700}
.bphv .hook{font-size:25px;font-weight:800;line-height:1.22;letter-spacing:-.012em;color:var(--navy);margin:0 0 10px}
.bphv .hook-why{font-size:17px;line-height:1.5;color:var(--ink);margin:0 0 8px}
.bphv .hook-what{font-size:14.5px;line-height:1.45;color:var(--mute);margin:0}
.bphv .meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13.5px;color:var(--mute);margin:0 0 22px}
.bphv .meta b{color:var(--ink);font-weight:700}
.bphv .kick{display:block;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--mute);margin-bottom:6px}
.bphv .pill{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:var(--soft);color:var(--mute);line-height:1.35}
.bphv .pill.win{background:var(--accbg);color:var(--acc)}
.bphv .pill.warn{background:var(--hotbg);color:var(--hot)}
/* quick answer */
.bphv .qa{border:1px solid var(--line);border-radius:var(--r);background:#fff;padding:18px 20px;margin:0 0 16px;box-shadow:var(--sh)}
/* recommendation */
.bphv .rec{margin-top:14px;padding:16px 18px;border-radius:14px;background:#fff;color:var(--ink)}
.bphv .rec .kick{color:var(--mute);margin-bottom:4px}
.bphv .rec-h{margin-bottom:6px}
.bphv .rec-n{font-size:24px;font-weight:800;letter-spacing:-.01em;line-height:1.15}
.bphv .rec-w,.bphv .rec-e{font-size:14.5px;margin:0 0 6px}
.bphv .rec-e{color:var(--mute)}
.bphv .rec-cta{margin-top:10px}
.bphv .rec-cta a{margin-top:0}
.bphv .rec-cta a.off{display:none}
.bphv :focus-visible{outline:3px solid #93c5fd;outline-offset:2px;border-radius:8px}
.bphv .sticky a.best{background:var(--blue)}
.bphv .sticky a.best span::before{content:"Best fit · "}
.bphv .pchips{display:none}
/* hero verdict (dark) */
.bphv .hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);gap:18px;align-items:stretch;background:var(--navy);color:#fff;border-radius:22px;padding:26px 26px 24px;margin:6px 0 14px;box-shadow:var(--sh)}
.bphv .hero .pill{background:rgba(255,255,255,.1);color:#dfe6f3}
.bphv .hero .pill.win{background:rgba(27,173,99,.22);color:#9ff0c4}
.bphv .hero .pill.warn{background:rgba(255,145,77,.22);color:#ffc69c}
.bphv .hp{display:flex;flex-direction:column;min-width:0}
.bphv .hp-img{height:190px;border-radius:14px;background:radial-gradient(120% 90% at 50% 100%,#2a3b5f 0,#1b2a47 55%,#16233b 100%);display:flex;align-items:flex-end;justify-content:center;overflow:hidden;margin-bottom:14px}
.bphv .hp-img img{max-height:92%;max-width:82%;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(0,0,0,.45))}
.bphv .hp-n{font-size:22px;font-weight:800;line-height:1.2;margin:0 0 4px}
.bphv .hp-pr{display:flex;align-items:baseline;gap:8px;margin:0 0 8px}
.bphv .hp-pr b{font-size:30px;font-weight:800;line-height:1}
.bphv .hp-pr s{font-size:14px;color:#9fb0cc}
.bphv .hp ul{margin:12px 0 16px;padding:0;list-style:none}
.bphv .hp li{position:relative;padding-left:22px;margin:0 0 7px;font-size:15px;color:#dfe6f3}
.bphv .hp li::before{content:"";position:absolute;left:0;top:.5em;width:12px;height:12px;border-radius:50%;background:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.25)}
.bphv .hp li b{color:#fff}
/* Bot Shield remplace la classe des liens affiliés par bph-aff : on style par le conteneur */
.bphv .btn,.bphv .cta a,.bphv .rec-cta a{display:block;margin-top:auto;text-align:center;font-weight:800;font-size:15.5px;text-decoration:none;color:#fff!important;background:var(--blue);border-radius:12px;padding:13px 14px;transition:transform .12s,background .12s}
.bphv .btn:hover,.bphv .cta a:hover,.bphv .rec-cta a:hover{background:#1f5fd0;transform:translateY(-1px)}
.bphv .hp .cta{margin-top:auto}
.bphv .btn-sub{display:block;text-align:center;font-size:12.5px;color:#9fb0cc;margin-top:8px}
.bphv .btn-sub a{color:#cfe0ff}
.bphv .hvs{align-self:center;justify-self:center;width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:16px;letter-spacing:.06em;color:#fff}
.bphv .bottom{background:var(--soft);border-radius:var(--r);padding:16px 18px;font-size:16px}
.bphv .bottom b{color:var(--navy)}
/* spec bars */
.bphv .sb{border:1px solid var(--line);border-radius:var(--r);padding:18px 20px 8px;background:#fff;margin:14px 0;box-shadow:var(--sh)}
.bphv .sb-h{display:grid;grid-template-columns:150px 1fr;gap:12px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin-bottom:8px}
.bphv .sb-h div:last-child{display:flex;gap:16px}
.bphv .sb-h i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.bphv .sbr{display:grid;grid-template-columns:150px 1fr;gap:12px;align-items:center;padding:9px 0;border-top:1px solid var(--line)}
.bphv .sbr .n{font-weight:700;font-size:14.5px;line-height:1.3}
.bphv .sbr .n small{display:block;font-weight:500;color:var(--mute);font-size:12.5px}
.bphv .sbr .bars{display:grid;gap:5px}
.bphv .sbr .bar{display:grid;grid-template-columns:1fr 92px;gap:10px;align-items:center}
.bphv .sbr .t{height:12px;border-radius:99px;background:var(--soft);overflow:hidden}
.bphv .sbr .f{height:100%;border-radius:99px;background:var(--a)}
.bphv .sbr .f.b{background:var(--b)}
.bphv .sbr .v{font-size:13.5px;font-weight:700;text-align:right;white-space:nowrap}
.bphv .sbr .v.eq{color:var(--mute);font-weight:600}
/* third option + photos */
.bphv .third{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;align-items:center;border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;background:#fff;margin:14px 0;box-shadow:var(--sh)}
.bphv .third img{width:120px;height:120px;object-fit:contain;border-radius:14px;background:var(--soft);padding:8px}
.bphv .third p{margin:0 0 6px}
.bphv .third .t{font-size:17px;font-weight:800}
/* tables */
.bphv .dt{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;font-size:15px;margin:8px 0;background:#fff}
.bphv .dt th,.bphv .dt td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}
.bphv .dt tr:last-child td{border-bottom:0}
.bphv .dt thead th{background:var(--navy);color:#fff;font-size:13px;letter-spacing:.04em;text-transform:uppercase}
.bphv .dt td:first-child{font-weight:700;width:30%}
.bphv .dt td.w{background:var(--accbg)}
.bphv .dt td small{display:block;color:var(--mute);font-size:12.5px;line-height:1.35;margin-top:2px}
.bphv .dt .tag{font-size:11px;font-weight:800;color:var(--acc);text-transform:uppercase;letter-spacing:.05em;margin-left:6px;white-space:nowrap}
.bphv .dt tr.grp td{background:var(--soft);font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);padding:8px 14px}
/* calculator v4 */
.bphv .calc{border:1px solid var(--line);border-radius:22px;background:#fff;padding:0;margin:10px 0;box-shadow:var(--sh);overflow:hidden}
.bphv .cstep{padding:18px 22px;border-bottom:1px solid var(--line)}
.bphv .cstep:last-child{border-bottom:0}
.bphv .cstep .kick{margin-bottom:8px}
.bphv .calc .kick b{display:inline-flex;width:20px;height:20px;border-radius:50%;background:var(--navy);color:#fff;font-size:11px;align-items:center;justify-content:center;margin-right:8px;vertical-align:-4px;letter-spacing:0}
.bphv .chips{display:flex;flex-wrap:wrap;gap:8px}
.bphv .chip{appearance:none;border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 16px;font:inherit;font-weight:700;font-size:14.5px;color:var(--ink);cursor:pointer;transition:background .12s,border-color .12s}
.bphv .chip:hover{border-color:#b9c6de}
.bphv .chip[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}
.bphv .cl{display:grid;gap:6px}
.bphv .clr{display:grid;grid-template-columns:minmax(0,1fr) 104px 92px 92px 30px;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:#fff}
.bphv .clr .nm{font-weight:700;font-size:14.5px;line-height:1.25;min-width:0}
.bphv .clr .nm small{display:block;font-weight:500;font-size:12px;color:var(--mute)}
.bphv .st{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--soft)}
.bphv .st button{appearance:none;border:0;background:transparent;width:30px;height:32px;font:inherit;font-weight:800;font-size:16px;color:var(--navy);cursor:pointer}
.bphv .st button:hover{background:#e6ebf3}
.bphv .st output{width:40px;text-align:center;font-size:14px;font-weight:800}
.bphv .nf{display:flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:10px;padding:0 8px;height:32px;background:#fff}
.bphv .nf input{width:100%;border:0;background:transparent;font:inherit;font-size:14px;font-weight:700;color:var(--ink);text-align:right;padding:0;outline:none;-moz-appearance:textfield}
.bphv .nf input::-webkit-outer-spin-button,.bphv .nf input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.bphv .nf span{font-size:12px;color:var(--mute)}
.bphv .rm{appearance:none;border:0;background:transparent;color:var(--mute);font-size:20px;line-height:1;cursor:pointer;width:30px;height:32px;border-radius:8px}
.bphv .rm:hover{background:var(--soft);color:var(--hot)}
.bphv .addrow{display:flex;gap:8px;align-items:center;margin-top:10px;flex-wrap:wrap}
.bphv .addrow select{font:inherit;font-size:14px;padding:8px 34px 8px 12px;border:1px solid var(--line);border-radius:10px;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%235b6576' stroke-width='2'/></svg>") no-repeat right 12px center;appearance:none;color:var(--ink);min-width:220px}
.bphv .addrow .tot{margin-left:auto;font-size:13.5px;color:var(--mute)}
.bphv .addrow .tot b{color:var(--ink);font-size:15px}
.bphv .pw{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.bphv .sl{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}
.bphv .sl label{font-size:12.5px;color:var(--mute);grid-column:1/-1;margin-bottom:-4px}
.bphv .sl output{font-size:14px;font-weight:800;min-width:64px;text-align:right}
.bphv input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:99px;background:linear-gradient(to right,var(--blue) var(--p,0%),#e6e9ef var(--p,0%));outline:none;margin:8px 0}
.bphv input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid var(--blue);box-shadow:0 2px 6px rgba(16,24,40,.25);cursor:pointer}
.bphv input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid var(--blue);box-shadow:0 2px 6px rgba(16,24,40,.25);cursor:pointer}
.bphv .seg{display:flex;gap:4px;background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:3px}
.bphv .seg button{flex:1;appearance:none;border:0;background:transparent;font:inherit;font-weight:700;font-size:13.5px;padding:6px 0;border-radius:8px;cursor:pointer;color:var(--mute)}
.bphv .seg button[aria-pressed=true]{background:var(--navy);color:#fff}
.bphv .out{background:var(--navy);color:#fff;padding:20px 22px}
.bphv .out .kick{color:#9fb0cc}
.bphv .out .kick b{background:#3b82f6}
.bphv .og{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.bphv .oc{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;align-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:14px}
.bphv .bat{width:64px;height:120px;position:relative}
.bphv .bat .cap{position:absolute;left:22px;top:0;width:20px;height:7px;border-radius:3px 3px 0 0;background:#9fb0cc}
.bphv .bat .body{position:absolute;left:0;top:7px;right:0;bottom:0;border:3px solid #9fb0cc;border-radius:10px;overflow:hidden;background:rgba(0,0,0,.25)}
.bphv .bat .lvl{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,#5aa9ff,#2b6fe6);transition:height .3s}
.bphv .bat .lvl.b{background:linear-gradient(180deg,#4fd68d,#08804b)}
.bphv .bat .lvl.warn{background:linear-gradient(180deg,#ffb36b,#e8702a)}
.bphv .oc .on{font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#9fb0cc}
.bphv .oc .oh{font-size:34px;font-weight:800;line-height:1.05;letter-spacing:-.01em;margin:4px 0 2px}
.bphv .oc .oh small{font-size:14px;font-weight:600;color:#9fb0cc;margin-left:5px}
.bphv .oc .od{font-size:13.5px;color:#dfe6f3;line-height:1.45}
.bphv .oc .od b{color:#fff}
.bphv .oc .od .ok{color:#9ff0c4}
.bphv .oc .od .no{color:#ffc69c}
.bphv .peak{margin-top:14px;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.bphv .peak .pl{display:flex;justify-content:space-between;font-size:13.5px;margin-bottom:8px;color:#dfe6f3}
.bphv .peak .pl b{font-size:15px;color:#fff}
.bphv .pm{position:relative;height:12px;border-radius:99px;background:rgba(255,255,255,.12)}
.bphv .pm .pf{position:absolute;left:0;top:0;height:100%;border-radius:99px;background:#5aa9ff;transition:width .25s}
.bphv .pm .pf.over{background:#ff9a57}
.bphv .pm .mk{position:absolute;top:-4px;width:2px;height:20px;background:#9fb0cc}
.bphv .pm .mk span{position:absolute;top:22px;left:50%;transform:translateX(-50%);font-size:11px;line-height:1.25;color:#9fb0cc;white-space:nowrap;text-align:center}
.bphv .pm .mk.lo{height:50px}
.bphv .pm .mk.lo span{top:52px}
.bphv .peak .pv{height:84px}
.bphv .peak .note{color:#dfe6f3;margin:0}
.bphv .note{font-size:13.5px;color:var(--mute);margin-top:10px}
/* v6 habillage */
.bphv .ic{width:20px;height:20px;flex:0 0 20px;color:var(--navy);vertical-align:-4px}
.bphv .ch{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin:52px 0 -44px}
.bphv .ch::before{content:"";width:28px;height:2px;background:var(--navy);border-radius:2px}
.bphv .tk{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;background:var(--navy);color:#fff;border-radius:16px;padding:16px 18px;margin:18px 0 0;font-size:15.5px;line-height:1.5}
.bphv .tk b{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:#9fb0cc;padding-top:3px;white-space:nowrap}
/* differences */
.bphv .dfx{display:grid;gap:10px;margin:10px 0}
.bphv .df{display:grid;grid-template-columns:170px minmax(0,1fr) 84px;gap:14px;align-items:center;border:1px solid var(--line);border-radius:16px;background:#fff;padding:14px 16px;box-shadow:var(--sh)}
.bphv .df .lb{display:flex;gap:10px;align-items:flex-start;font-weight:800;font-size:15px;line-height:1.25}
.bphv .df .lb small{display:block;font-weight:500;font-size:12.5px;color:var(--mute);margin-top:2px}
.bphv .df .vals{display:grid;gap:6px}
.bphv .df .vr{display:grid;grid-template-columns:62px minmax(0,1fr) 92px;gap:6px 10px;align-items:center;font-size:14px}
.bphv .df .vr .nt{grid-column:2/-1;color:var(--mute);font-size:12.5px;line-height:1.35;margin-top:-2px}
.bphv .df .vr i{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.bphv .df .vr .t{height:9px;border-radius:99px;background:var(--soft);overflow:hidden}
.bphv .df .vr .t i{display:block;height:100%;border-radius:99px;background:var(--a)}
.bphv .df .vr.b .t i{background:var(--b)}
.bphv .df .vr .v{font-weight:700;white-space:nowrap}
.bphv .df .vr .v small{display:block;font-weight:500;color:var(--mute);font-size:12px;white-space:normal}
.bphv .df .win{justify-self:end;text-align:center;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:5px 10px;background:var(--soft);color:var(--mute)}
.bphv .df .win.a{background:var(--bluebg);color:var(--a)}
.bphv .df .win.b{background:var(--accbg);color:var(--acc)}
/* priority matrix */
.bphv .mx{border:1px solid var(--line);border-radius:16px;background:#fff;margin:14px 0 0;overflow:hidden}
.bphv .mx-h,.bphv .mx-r{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:10px;padding:10px 16px;border-top:1px solid var(--line);font-size:14.5px;align-items:center}
.bphv .mx-h{border-top:0;background:var(--soft);font-size:11.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--mute)}
.bphv .mx-r b{font-weight:800} .bphv .mx-r b.a{color:var(--a)} .bphv .mx-r b.b{color:var(--acc)} .bphv .mx-r b.t{color:var(--mute)}
/* scorecard */
.bphv .score{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0 0}
.bphv .score div{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff;font-size:13.5px}
.bphv .score div b{display:block;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--mute);margin-bottom:3px}
.bphv .score div span{font-weight:800}
.bphv .score div.a span{color:var(--a)} .bphv .score div.b span{color:var(--acc)} .bphv .score div.t span{color:var(--mute)}
.bphv .tally{display:flex;gap:14px;flex-wrap:wrap;font-size:14px;color:var(--mute);margin:10px 0 0}
.bphv .tally b{color:var(--ink)}
/* charging race */
.bphv .race{display:grid;gap:10px;margin:10px 0}
.bphv .rr{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;align-items:center;border:1px solid var(--line);border-radius:16px;background:#fff;padding:12px 16px}
.bphv .rr .lb{display:flex;gap:10px;align-items:center;font-weight:800;font-size:14.5px}
.bphv .rr .lane{display:grid;grid-template-columns:62px minmax(0,1fr) 150px;gap:10px;align-items:center;font-size:13.5px;margin:4px 0}
.bphv .rr .lane i{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.bphv .rr .lane .t{height:10px;border-radius:99px;background:var(--soft);overflow:hidden}
.bphv .rr .lane .t i{display:block;height:100%;border-radius:99px;background:var(--a)}
.bphv .rr .lane.b .t i{background:var(--b)}
.bphv .rr .lane .v{font-weight:700;line-height:1.25}
.bphv .rr .lane .v small{display:block;font-weight:500;color:var(--mute);font-size:12px}
/* port map */
.bphv .pmap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:10px 0}
.bphv .pm2{border:1px solid var(--line);border-radius:16px;background:#fff;padding:14px 16px;box-shadow:var(--sh)}
.bphv .pm2 h3{margin:0 0 10px;font-size:16px}
.bphv .pm2 .grp{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin:10px 0 6px}
.bphv .chips2{display:flex;flex-wrap:wrap;gap:6px}
.bphv .pc{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:10px;padding:6px 9px;font-size:13.5px;font-weight:700;background:var(--soft)}
.bphv .pc .ic{width:16px;height:16px;flex-basis:16px}
.bphv .pc small{font-weight:500;color:var(--mute)}
.bphv .pc.on{background:var(--accbg);border-color:#cfe7d8}
.bphv .pc.none{background:#fff;color:var(--mute);border-style:dashed}
.bphv .pc.none .ic{color:#9aa6ba}
/* noise meter */
.bphv .nz{border:1px solid var(--line);border-radius:16px;background:#fff;padding:16px 18px 10px;margin:10px 0;box-shadow:var(--sh)}
.bphv .nz .scale{display:flex;justify-content:space-between;font-size:11.5px;color:var(--mute);margin:0 0 34px 70px}
.bphv .nzr{display:grid;grid-template-columns:70px minmax(0,1fr);gap:0;align-items:center;margin:0 0 92px}
.bphv .nzr:last-child{margin-bottom:36px}
.bphv .nzr i{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.bphv .nzr .trk{position:relative;height:10px;border-radius:99px;background:linear-gradient(90deg,#dbeafe,#fde68a 55%,#fca5a5)}
.bphv .nzr .pt{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:var(--a);border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.25);transform:translate(-50%,-50%)}
.bphv .nzr.b .pt{background:var(--b)}
.bphv .nzr .pt span{position:absolute;top:16px;left:50%;transform:translateX(-50%);font-size:11px;line-height:1.2;color:var(--mute);white-space:nowrap;text-align:center}
.bphv .nzr .pt.lo span{top:auto;bottom:16px}
.bphv .nzl{display:none;font-size:12.5px;color:var(--mute);line-height:1.45;margin:6px 0 0}
/* temperature ranges */
.bphv .tr{border:1px solid var(--line);border-radius:16px;background:#fff;padding:16px 18px 12px;margin:10px 0;box-shadow:var(--sh)}
.bphv .tr .scale{display:flex;justify-content:space-between;font-size:11.5px;color:var(--mute);margin:0 0 6px 120px}
.bphv .trr{display:grid;grid-template-columns:120px minmax(0,1fr);gap:0;align-items:center;margin:0 0 12px}
.bphv .trr .lb{font-size:13.5px;font-weight:700;line-height:1.25}
.bphv .trr .lb small{display:block;font-weight:500;color:var(--mute);font-size:12px}
.bphv .trr .trk{position:relative;height:14px;border-radius:99px;background:var(--soft)}
.bphv .trr .span{position:absolute;top:0;height:100%;border-radius:99px;background:var(--a)}
.bphv .trr .span.b{background:var(--b)}
.bphv .trr .span em{position:absolute;top:18px;font-style:normal;font-size:11px;color:var(--mute);white-space:nowrap}
.bphv .trr .span em.l{left:0} .bphv .trr .span em.r{right:0}
.bphv .trr .frz{position:absolute;top:-4px;width:2px;height:22px;background:#64748b}
.bphv .trr .frz span{position:absolute;top:-16px;left:50%;transform:translateX(-50%);font-size:10.5px;color:var(--mute);white-space:nowrap}
.bphv .tchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px}
/* owner themes */
.bphv .ths{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:10px 0}
.bphv .th{border:1px solid var(--line);border-radius:16px;background:#fff;padding:14px 16px;box-shadow:var(--sh)}
.bphv .th h3{display:flex;align-items:center;gap:10px;margin:0 0 8px;font-size:16px}
.bphv .th ul{margin:0;padding:0;list-style:none}
.bphv .th li{padding:8px 0;border-top:1px solid var(--line);font-size:14.5px;line-height:1.5}
.bphv .th li:first-child{border-top:0}
.bphv .th li small{display:block;color:var(--mute);font-size:12.5px;margin-top:2px}
.bphv .th li .tag2{margin-right:4px;vertical-align:1px}
/* owner cards */
.bphv .qcs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin:10px 0}
.bphv .qc{border:1px solid var(--line);border-radius:16px;background:#fff;padding:14px 16px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--sh)}
.bphv .qc .hd{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.bphv .qc .hd .ic{width:18px;height:18px;flex-basis:18px;color:#9aa6ba}
.bphv .tag2{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:4px 9px;background:var(--soft);color:var(--mute)}
.bphv .tag2.issue{background:var(--hotbg);color:var(--hot)}
.bphv .tag2.praise{background:var(--accbg);color:var(--acc)}
.bphv .tag2.unit{background:var(--bluebg);color:var(--a)}
.bphv .qc p{margin:0;font-size:15px;line-height:1.5}
.bphv .qc small{color:var(--mute);font-size:12.5px}
.bphv .srcrow{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--mute);margin:6px 0 0}
@media (max-width:760px){
.bphv .hook{font-size:21px}
.bphv .df{grid-template-columns:1fr}
.bphv .df .win{justify-self:start}
.bphv .score{grid-template-columns:1fr 1fr}
.bphv .rr{grid-template-columns:1fr}
.bphv .rr .lane{grid-template-columns:62px minmax(0,1fr) 110px}
.bphv .df .vr{grid-template-columns:62px minmax(0,1fr) 92px}
.bphv .pmap,.bphv .qcs,.bphv .ths{grid-template-columns:1fr}
.bphv .nz .scale{margin-left:0}
.bphv .nzr{grid-template-columns:1fr;gap:6px;margin-bottom:14px}
.bphv .nzr .pt span{display:none}
.bphv .nzl{display:block}
.bphv .nz .scale{margin-bottom:8px}
.bphv .tr .scale{margin-left:0}
.bphv .trr{grid-template-columns:1fr;gap:6px;margin-bottom:26px}
.bphv .tk{grid-template-columns:1fr;gap:4px}
.bphv .pm .mk span{display:none}
.bphv .peak .pv{height:14px}
.bphv .pchips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.bphv .pchips span{font-size:11.5px;font-weight:700;border-radius:999px;padding:4px 9px;background:rgba(255,255,255,.1);color:#dfe6f3}
}
/* v7 : fiche complète, boîte, icônes du calculateur */
.bphv .sheet{border:1px solid var(--line);border-radius:var(--r);background:#fff;margin:14px 0;box-shadow:var(--sh);overflow:hidden}
.bphv .sheet summary{display:flex;align-items:center;gap:12px;padding:16px 18px;cursor:pointer;list-style:none;font-weight:800;font-size:16px}
.bphv .sheet summary::-webkit-details-marker{display:none}
.bphv .sheet summary .ic{color:var(--navy)}
.bphv .sheet summary small{font-weight:500;color:var(--mute);font-size:13.5px}
.bphv .sheet summary .tg{margin-left:auto;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--a);white-space:nowrap}
.bphv .sheet summary .tg::after{content:"Expand"}
.bphv .sheet[open] summary .tg::after{content:"Collapse"}
.bphv .sheet[open] summary{border-bottom:1px solid var(--line)}
.bphv .sh-h{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);gap:10px;padding:10px 18px;background:var(--soft);font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);position:sticky;top:64px;z-index:2}
.bphv .sh-h span:nth-child(2){color:var(--a)} .bphv .sh-h span:nth-child(3){color:var(--acc)}
.bphv .sh-g{display:flex;align-items:center;gap:10px;padding:14px 18px 6px;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--navy)}
.bphv .sh-g .ic{width:18px;height:18px;flex-basis:18px}
.bphv .sh-r{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);gap:10px;padding:9px 18px;border-top:1px solid var(--line);font-size:14.5px;align-items:start}
.bphv .sh-r .k{color:var(--mute)}
.bphv .sh-r .k small{display:block;font-size:12px}
.bphv .sh-r .v{font-weight:700}
.bphv .sh-r .v small{display:block;font-weight:500;color:var(--mute);font-size:12.5px;line-height:1.35}
.bphv .sh-r .v.same{grid-column:2/4;text-align:center;background:var(--soft);border-radius:8px;padding:4px 10px;font-weight:600}
.bphv .sh-r .v.same::before{content:"Both · ";color:var(--mute);font-weight:800;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.bphv .sh-r .v.w{color:var(--acc)}
.bphv .sh-f{padding:12px 18px;font-size:12.5px;color:var(--mute);border-top:1px solid var(--line)}
/* in the box */
.bphv .box2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:10px 0}
.bphv .bx{border:1px solid var(--line);border-radius:16px;background:#fff;padding:16px 18px;box-shadow:var(--sh)}
.bphv .bx h3{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:16px}
.bphv .bx ul{margin:0;padding:0;list-style:none}
.bphv .bx li{display:flex;gap:10px;align-items:flex-start;padding:7px 0;border-top:1px solid var(--line);font-size:14.5px}
.bphv .bx li:first-child{border-top:0}
.bphv .bx li .ic{width:18px;height:18px;flex-basis:18px;margin-top:2px}
.bphv .bx li.no{color:var(--mute)}
.bphv .bx li.no .ic{color:#9aa6ba}
.bphv .bx li small{display:block;color:var(--mute);font-size:12.5px}
/* calculator icons */
.bphv .chip{display:inline-flex;align-items:center;gap:8px}
.bphv .chip .ic{width:18px;height:18px;flex-basis:18px;color:var(--navy)}
.bphv .chip[aria-pressed=true] .ic{color:#fff}
.bphv .clr .nm{display:flex;gap:10px;align-items:flex-start}
.bphv .clr .nm .ic{width:20px;height:20px;flex-basis:20px;margin-top:1px}
.bphv .sl label{display:flex;align-items:center;gap:6px}
.bphv .sl label .ic{width:16px;height:16px;flex-basis:16px;color:var(--mute)}
.bphv .addrow select{padding-left:36px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%235b6576' stroke-width='2'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'><circle cx='12' cy='12' r='9' fill='none' stroke='%2316233b' stroke-width='2'/><path d='M12 8v8M8 12h8' stroke='%2316233b' stroke-width='2' stroke-linecap='round'/></svg>");background-repeat:no-repeat,no-repeat;background-position:right 12px center,left 11px center}
@media (max-width:760px){
.bphv .box2{grid-template-columns:1fr}
.bphv .sh-h,.bphv .sh-r{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:6px;padding-left:12px;padding-right:12px;font-size:13.5px}
.bphv .sh-h{font-size:10.5px}
}
/* v11 (31/10) : runtime by appliance, verdict en tête + catégories à icônes, sans colonne batterie d'extension */
.bphv .rb{border:1px solid var(--line);border-radius:var(--r);background:#fff;margin:10px 0;box-shadow:var(--sh);overflow:hidden}
.bphv .rb-v{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:20px 22px;background:var(--navy);color:#fff}
.bphv .rb-v .k{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#9fb0cc}
.bphv .rb-v p{margin:4px 0;font-size:19px;line-height:1.35;color:#fff}
.bphv .rb-v .ca{color:#9cbcff} .bphv .rb-v .cb{color:#7be0b0}
.bphv .rb-v small{display:block;color:#9fb0cc;font-size:13px;line-height:1.45}
.bphv .rb-tk{display:flex;gap:14px;align-items:flex-end}
.bphv .rb-tk div{width:74px;height:110px;border:2px solid #3a4a68;border-radius:12px;position:relative;overflow:hidden}
.bphv .rb-tk i{position:absolute;left:0;right:0;bottom:0;background:var(--a)} .bphv .rb-tk .b i{background:var(--b)}
.bphv .rb-tk b{position:absolute;left:0;right:0;bottom:18px;text-align:center;font-size:15px;font-weight:800;color:#fff;line-height:1.1}
.bphv .rb-tk b small{display:inline;color:#fff;font-size:11px;font-weight:700;margin-left:1px}
.bphv .rb-tk em{position:absolute;left:2px;right:2px;bottom:3px;text-align:center;font-style:normal;font-size:10.5px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bphv .rb-g,.bphv .rb-r{display:grid;grid-template-columns:minmax(0,1fr) 120px 120px;gap:12px;align-items:center;padding:9px 18px;border-top:1px solid var(--line)}
.bphv .rb.one .rb-g,.bphv .rb.one .rb-r{grid-template-columns:minmax(0,1fr) 150px}
.bphv .rb-g{padding-top:10px;padding-bottom:10px;background:var(--soft);font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--mute);line-height:1.3}
.bphv .rb-g .cn{display:flex;align-items:center;gap:9px;color:var(--ink);font-size:12px}
.bphv .rb-g .cn .ic{width:18px;height:18px;flex-basis:18px;color:var(--ink)}
.bphv .rb-g .ca{color:var(--a)} .bphv .rb-g .cb{color:var(--b)}
.bphv .rb-r .nm{display:flex;gap:12px;align-items:center;font-weight:700;font-size:14.5px;line-height:1.25}
.bphv .rb-r .nm small{display:block;font-weight:500;color:var(--mute);font-size:12.5px}
.bphv .rb-r .ib{width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:var(--soft);display:grid;place-items:center}
.bphv .rb-r .ib .ic{width:19px;height:19px;flex-basis:19px;color:var(--ink);vertical-align:0}
.bphv .rb-r .hr{font-size:16px;font-weight:800;line-height:1.1;color:var(--a)} .bphv .rb-r .hr.cb{color:var(--b)} .bphv .rb.one .rb-r .hr{color:var(--navy)}
.bphv .rb-r .hr small{font-size:11.5px;font-weight:600;color:var(--mute);margin-left:3px}
.bphv .rb-x{padding:13px 18px;border-top:1px solid var(--line);background:var(--soft);font-size:14px;line-height:1.5}
.bphv .rb-f{padding:12px 18px;font-size:12.5px;color:var(--mute);border-top:1px solid var(--line)}
@media (max-width:760px){
.bphv .rb-v{grid-template-columns:1fr;padding:18px 16px}
.bphv .rb-v p{font-size:18px}
.bphv .rb-tk{justify-content:center}
.bphv .rb-g,.bphv .rb-r{grid-template-columns:minmax(0,1fr) 72px 72px;gap:8px;padding:9px 12px}
.bphv .rb.one .rb-g,.bphv .rb.one .rb-r{grid-template-columns:minmax(0,1fr) 84px}
.bphv .rb-g span:not(.cn){text-align:right;font-size:10px}
.bphv .rb-r .nm{gap:9px;font-size:13.5px}
.bphv .rb-r .ib{width:28px;height:28px;flex-basis:28px;border-radius:8px}
.bphv .rb-r .ib .ic{width:16px;height:16px;flex-basis:16px}
.bphv .rb-r .hr{text-align:right;font-size:14px}
.bphv .rb-r .hr small{display:block;margin:0}
.bphv .rb-x,.bphv .rb-f{padding-left:12px;padding-right:12px}
}
/* v10 : sommaire de duel (tuiles) + barre de progression */
.bphv h2[id]{scroll-margin-top:132px}
.bphv .toc{border-radius:var(--r);overflow:hidden;background:var(--navy);color:#fff;margin:18px 0 22px;box-shadow:var(--sh)}
.bphv .toc-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;padding:14px 18px 4px}
.bphv .toc-h b{font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.bphv .toc-h span{color:#9fb0cc;font-size:12.5px}
.bphv .toc-t{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:10px 18px 16px;list-style:none;margin:0}
.bphv .toc-t li{grid-column:span 2}
.bphv .toc-t li:nth-child(n+4){grid-column:span 3}
.bphv .toc-t li,.bphv .toc-c li,.bphv .pb-m li{margin:0;padding:0;list-style:none}
.bphv .toc-t a{display:flex;flex-direction:column;gap:5px;height:100%;padding:13px 15px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#fff;text-decoration:none;min-width:0;box-shadow:none}
.bphv .toc-t a:hover{background:rgba(255,255,255,.16);color:#fff}
.bphv .toc-t a:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}
.bphv .toc-t i{font-style:normal;font-size:11px;font-weight:700;color:#9fb0cc;font-variant-numeric:tabular-nums}
.bphv .toc-t b{font-size:15px;line-height:1.25;font-weight:700;color:#fff}
.bphv .toc-t small{font-size:12.5px;color:#9fb0cc;line-height:1.3}
.bphv .toc-r{background:#fff;color:var(--ink);padding:4px 18px 8px}
.bphv .toc-r details{border-top:1px solid var(--line);margin:0}
.bphv .toc-r details:first-child{border-top:0}
.bphv .toc-r summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:13px 15px;font-weight:700;font-size:14.5px;color:var(--ink)}
.bphv .toc-r summary::-webkit-details-marker{display:none}
.bphv .toc-r summary i{font-style:normal;font-size:11.5px;font-weight:600;color:var(--mute);background:var(--soft);border-radius:999px;padding:1px 8px}
.bphv .toc-r summary::after{content:"+";margin-left:auto;font-weight:800;color:var(--mute)}
.bphv .toc-r details[open] summary::after{content:"–"}
.bphv .toc-c{display:flex;flex-wrap:wrap;gap:6px;padding:0 15px 16px;margin:0}
.bphv .toc-c a{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:5px 11px;font-size:13.5px;color:var(--ink);text-decoration:none;background:#fff;box-shadow:none}
.bphv .toc-c a:hover{border-color:var(--blue);color:var(--blue)}
.bphv .toc-c a i{font-style:normal;font-size:11px;color:var(--mute);font-variant-numeric:tabular-nums}
.bphv .pb{position:fixed;left:0;top:0;width:100%;z-index:49;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 8px 20px -14px rgba(16,24,40,.35);transform:translateY(-120%);transition:transform .2s;visibility:hidden}
.bphv .pb.show{transform:none;visibility:visible}
.bphv .pb-row{display:flex;align-items:center;gap:10px;padding:7px 14px;font-size:13.5px}
.bphv .pb-now{display:flex;align-items:center;gap:8px;min-width:0;font-weight:700;color:var(--ink)}
.bphv .pb-now i{font-style:normal;flex:none;font-size:11px;font-weight:700;color:var(--blue);background:var(--bluebg);border-radius:999px;padding:2px 8px;font-variant-numeric:tabular-nums}
.bphv .pb-now span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bphv .pb-g{color:var(--mute);font-size:12px;flex:none}
.bphv .pb-j{margin-left:auto;flex:none;font:inherit;font-weight:700;font-size:12.5px;line-height:1.2;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:5px 11px;cursor:pointer}
.bphv .pb-j:hover{border-color:var(--blue);color:var(--blue)}
.bphv .pb-l{height:3px;background:var(--line)}
.bphv .pb-l i{display:block;height:100%;background:var(--blue);width:0}
.bphv .pb-m{display:none;border-top:1px solid var(--line);padding:10px 14px 12px;max-height:60vh;overflow:auto}
.bphv .pb.open .pb-m{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bphv .pb-m b{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-bottom:6px}
.bphv .pb-m ul{margin:0;padding:0}
.bphv .pb-m a{display:block;color:var(--ink);text-decoration:none;font-size:13.5px;padding:3px 0;box-shadow:none}
.bphv .pb-m a:hover{color:var(--blue)}
.bphv .pb-m a i{font-style:normal;color:var(--mute);font-size:11.5px;margin-right:6px;font-variant-numeric:tabular-nums}
@media (max-width:760px){
.bphv .toc-t{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px 14px 14px}
.bphv .toc-t li,.bphv .toc-t li:nth-child(n+4){grid-column:span 1}
.bphv .toc-t li:first-child{grid-column:1/-1}
.bphv .toc-h,.bphv .toc-r{padding-left:14px;padding-right:14px}
.bphv .pb-g{display:none}
.bphv .pb.open .pb-m{grid-template-columns:1fr}
}
/* v11 : quick answer */
.bphv .qa{padding:20px 22px 18px}
.bphv .qa-h{margin:0 0 14px}
.bphv .qa-l{font-size:17px;line-height:1.45;margin:0;max-width:62ch}
.bphv .qa-picks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.bphv .qp{border:1px solid var(--line);border-radius:14px;background:var(--soft);padding:14px 16px 12px;min-width:0}
.bphv .qp-t{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}
.bphv .qp-tag{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:4px 10px}
.bphv .qp-a .qp-tag{background:var(--bluebg);color:var(--a)}
.bphv .qp-b .qp-tag{background:var(--accbg);color:var(--acc)}
.bphv .qp-pr{font-size:20px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}
.bphv .qp ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bphv .qp li{display:flex;align-items:flex-start;gap:9px;margin:0;padding:0;font-size:14.5px;line-height:1.4;color:var(--ink)}
.bphv .qp li .ic{flex:none;width:17px;height:17px;flex-basis:17px;margin-top:2px}
.bphv .qp-a li .ic{color:var(--a)} .bphv .qp-b li .ic{color:var(--acc)}
.bphv .qa-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 0;position:relative}
.bphv .qg{border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px 12px;min-width:0}
.bphv .qg-l{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--mute);margin:0 0 8px}
.bphv .qg-l .ic{width:14px;height:14px;flex-basis:14px}
.bphv .qg-v{display:grid;gap:4px}
.bphv .va,.bphv .vb{display:flex;align-items:baseline;gap:5px;font-size:15px;font-weight:800;color:var(--ink);line-height:1.2;font-variant-numeric:tabular-nums}
.bphv .va small,.bphv .vb small{font-size:11.5px;font-weight:600;color:var(--mute)}
.bphv .va::before,.bphv .vb::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--a);position:relative;top:-1px}
.bphv .vb::before{background:var(--b)}
.bphv .qg-key{grid-column:1/-1;display:flex;gap:14px;justify-content:flex-end;padding:0 4px}
.bphv .qg-key .va,.bphv .qg-key .vb{font-size:12px;font-weight:700;color:var(--mute)}
.bphv .qa-alt{display:flex;align-items:center;gap:10px;margin:12px 0 0;padding:11px 14px;border-radius:12px;background:var(--bluebg);color:var(--ink);text-decoration:none;font-size:14px;line-height:1.4;box-shadow:none}
.bphv .qa-alt .ic{flex:none;width:18px;height:18px;flex-basis:18px;color:var(--a)}
.bphv .qa-alt .qa-go{margin-left:auto;flex:none;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--a)}
.bphv .qa-alt:hover .qa-go{text-decoration:underline}
@media (max-width:760px){
.bphv .qa{padding:16px 14px 14px}
.bphv .qa-l{font-size:16px}
.bphv .qa-picks{grid-template-columns:1fr}
.bphv .qa-g{grid-template-columns:repeat(2,minmax(0,1fr))}
.bphv .qa-alt{display:grid;grid-template-columns:18px minmax(0,1fr);gap:4px 10px;align-items:start}
.bphv .qa-alt .ic{margin-top:2px}
.bphv .qa-alt .qa-go{grid-column:2;margin-left:0}
}
/* v12 : carte collante dans la colonne de droite (duels) */
#right-sidebar .widget:has(.bph-tw){display:none}
.bphv-side{display:none;transform-origin:100% 0;transition:opacity .45s ease,transform .7s cubic-bezier(.2,.9,.25,1.12),visibility .45s,filter .45s ease}
.bphv-side.wait{opacity:0;visibility:hidden;transform:translateX(36px) scale(.94);filter:blur(6px)}
#right-sidebar:has(.bphv-side){overflow-x:clip}
.bphv-side>*{transition:opacity .45s ease,transform .55s cubic-bezier(.2,.9,.25,1.1)}
.bphv-side.wait>*{opacity:0;transform:translateY(14px);transition:none}
.bphv-side>:nth-child(2){transition-delay:.08s}.bphv-side>:nth-child(3){transition-delay:.16s}.bphv-side>:nth-child(4){transition-delay:.24s}.bphv-side>:nth-child(5){transition-delay:.32s}.bphv-side>:nth-child(6){transition-delay:.4s}
.bphv-side .cta a{position:relative;overflow:hidden}
.bphv-side .cta a::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-18deg);pointer-events:none}
.bphv-side.shine .cta a::after{animation:bphvShine 1.1s ease .55s 1}
@keyframes bphvShine{to{left:130%}}
@media (prefers-reduced-motion:reduce){.bphv-side,.bphv-side>*{transition:opacity .2s!important;transform:none!important;filter:none!important}.bphv-side .cta a::after{display:none}}
/* 31/10 : quand le conteneur du thème touche les bords (écran < 1395 px + gouttières), gouttière de 24 px des deux côtés */
@media (min-width:769px) and (max-width:1460px){
#page.grid-container{padding-left:24px;padding-right:24px}
}
/* 31/10 : contenu plus large sur grand écran (74/26 au lieu de 70/30), marges internes réduites */
@media (min-width:1100px){
#page .content-area{width:74%}
#page .is-right-sidebar{width:26%}
.inside-article:has(#bphv){padding-left:32px;padding-right:32px}
}
@media (min-width:769px){
.bphv-side{display:block;margin-top:18px;background:var(--navy);color:#fff;border-radius:18px;padding:18px 18px 16px;box-shadow:var(--sh);font-size:14px}
.bphv-side .kick{color:#9fb0cc;margin-bottom:2px}
.bphv-side .sd-t{font-size:15px;font-weight:800;line-height:1.3;margin:0 0 14px;color:#fff}
.bphv-side .sp{display:grid;grid-template-columns:60px minmax(0,1fr);gap:4px 12px;align-items:center;padding:12px 0;border-top:1px solid rgba(255,255,255,.12)}
.bphv-side .sp-img{grid-row:span 3;width:60px;height:60px;border-radius:10px;background:#fff;display:grid;place-items:center;overflow:hidden}
.bphv-side .sp-img img{max-width:52px;max-height:52px;object-fit:contain}
.bphv-side .sp-n{font-weight:800;font-size:15px;line-height:1.2;color:#fff}
.bphv-side .sp-pr{display:flex;align-items:baseline;gap:7px;line-height:1.1}
.bphv-side .sp-pr b{font-size:21px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}
.bphv-side .sp-pr s{color:#9fb0cc;font-size:13px}
.bphv-side .sp .pill{display:inline-block;width:auto;font-size:10.5px;padding:3px 8px;margin:0;justify-self:start}
.bphv-side .cta{grid-column:1/-1;margin-top:6px}
.bphv-side .cta a{font-size:14px;padding:10px 12px;border-radius:10px;margin-top:0}
.bphv-side .sd-l{list-style:none;margin:12px 0 0;padding:12px 0 0;border-top:1px solid rgba(255,255,255,.12);display:grid;gap:6px}
.bphv-side .sd-l li{margin:0;padding:0}
.bphv-side .sd-l a{display:flex;align-items:center;gap:8px;color:#cfe0ff;text-decoration:none;font-size:13.5px;font-weight:600;box-shadow:none}
.bphv-side .sd-l a:hover{color:#fff;text-decoration:underline}
.bphv-side .sd-l .ic{width:16px;height:16px;flex-basis:16px;color:#9fb0cc}
.bphv-side .sd-f{margin:12px 0 0;font-size:11.5px;color:#9fb0cc;text-align:center}
.bphv-side .sd-l i{font-style:normal;margin-left:auto;color:#9fb0cc;font-weight:500;font-variant-numeric:tabular-nums}
}
/* scenarios */
.bphv .sc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:10px 0}
.bphv .sc-card{border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;background:#fff;box-shadow:var(--sh)}
.bphv .sc-card h3{margin:0 0 4px;font-size:17px}
.bphv .sc-card .need{font-size:13.5px;color:var(--mute);margin-bottom:10px}
.bphv .bar{margin:7px 0}
.bphv .bar .l{display:flex;justify-content:space-between;font-size:13.5px;margin-bottom:3px}
.bphv .bar .t{height:10px;border-radius:99px;background:var(--soft);overflow:hidden}
.bphv .bar .f{height:100%;border-radius:99px;background:var(--a)}
.bphv .bar .f.b{background:var(--b)}
.bphv .bar .f.b2{background:#86d1ac}
.bphv .bar .f.a2{background:#9db8ef}
.bphv .sc-card .v{font-size:14.5px;margin-top:9px}
/* money */
.bphv .mn{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:10px 0}
.bphv .mn>div{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fff}
.bphv .mn .q{font-size:12.5px;color:var(--mute);font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.bphv .mn .x{display:flex;justify-content:space-between;gap:8px;margin-top:8px;font-size:15px}
.bphv .mn .x b{font-size:20px}
/* owners */
.bphv .ow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:10px 0}
.bphv .ow-card{border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;background:#fff;box-shadow:var(--sh)}
.bphv .ow-card .who{font-size:12.5px;color:var(--mute);margin:0 0 8px}
.bphv .ow-card ul{margin:0 0 10px;padding-left:18px}
.bphv .ow-card li{margin:0 0 6px;font-size:15px}
.bphv .ow-card li small{color:var(--mute)}
/* gotchas */
.bphv .gt{counter-reset:g;margin:10px 0;padding:0;list-style:none}
.bphv .gt li{counter-increment:g;position:relative;padding:13px 16px 13px 54px;border:1px solid var(--line);border-radius:16px;margin:0 0 8px;background:#fff}
.bphv .gt li::before{content:counter(g);position:absolute;left:16px;top:13px;width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center}
.bphv .gt b{display:block;margin-bottom:2px}
/* faq, sources, related */
.bphv details{border:1px solid var(--line);border-radius:14px;background:#fff;margin:8px 0}
.bphv summary{cursor:pointer;font-weight:700;padding:13px 16px;list-style:none}
.bphv summary::-webkit-details-marker{display:none}
.bphv summary::after{content:"+";float:right;font-weight:800;color:var(--mute)}
.bphv details[open] summary::after{content:"–"}
.bphv details .in{padding:0 16px 12px}
.bphv .src{font-size:14px;color:var(--mute)}
.bphv .src li{margin:0 0 5px}
.bphv .rel{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.bphv .rel a{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:7px 13px;font-size:14px;text-decoration:none;color:var(--navy);background:#fff}
.bphv .rel a:hover{border-color:var(--navy)}
/* sticky bar (mobile) */
.bphv .sticky{display:none}
@media (max-width:1024px){.bphv h2{font-size:27px}}
@media (max-width:760px){
.bphv{font-size:16px}
.bphv h2{font-size:24px;margin:44px 0 12px}
/* carte VS compacte : les deux modèles côte à côte, puces masquées (le Quick answer les reprend plus bas) */
.bphv .hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:14px 12px 16px;gap:12px;border-radius:18px}
.bphv .hvs{position:absolute;left:50%;top:59px;transform:translate(-50%,-50%);z-index:1;width:34px;height:34px;font-size:11px;background:#24345a}
.bphv .hp-img{height:90px;margin-bottom:10px;border-radius:12px}
.bphv .hp-n{font-size:16px;margin:0 0 2px}
.bphv .hp-pr{flex-wrap:wrap;gap:0 6px;margin:0 0 6px}
.bphv .hp-pr b{font-size:23px}
.bphv .hp-pr s{font-size:12.5px}
.bphv .hero .pill{font-size:10px;padding:3px 8px;align-self:flex-start;margin-bottom:12px}
.bphv .hp ul{display:none}
.bphv .hp .cta a{font-size:13.5px;line-height:1.25;padding:11px 8px}
.bphv .btn-sub{font-size:11.5px;line-height:1.35;min-height:2.7em;margin-top:6px}
.bphv .qa{padding:14px 16px}
.bphv .sb-h,.bphv .sbr{grid-template-columns:1fr}
.bphv .sb-h div:last-child{justify-content:flex-start}
.bphv .sbr .bar{grid-template-columns:1fr 80px}
.bphv .sc,.bphv .ow,.bphv .ph{grid-template-columns:1fr}
.bphv .mn,.bphv .pw,.bphv .og{grid-template-columns:1fr}
.bphv .clr{grid-template-columns:minmax(0,1fr) 96px;row-gap:8px}
.bphv .clr .nf,.bphv .clr .rm{grid-row:2}
.bphv .clr .nf:nth-of-type(3){grid-column:1}
.bphv .cstep,.bphv .out{padding:16px}
.bphv .oc .oh{font-size:28px}
.bphv .third{grid-template-columns:1fr}
.bphv .third img{width:100%;height:130px}
.bphv .dt{font-size:14px}
.bphv .dt th,.bphv .dt td{padding:9px 8px}
.bphv .dt td:first-child{width:auto}
.bphv .sticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 18px rgba(16,24,40,.08);transform:translateY(110%);transition:transform .25s}
.bphv .sticky.show{transform:none}
.bphv .sticky a{flex:1;text-align:center;text-decoration:none;border-radius:10px;padding:9px 6px;font-size:13.5px;font-weight:800;line-height:1.2;color:#fff;background:var(--navy)}
.bphv .sticky a span{display:block;font-weight:600;font-size:12px;opacity:.85}
}

/* modèle retiré (duel « mise à niveau ») : pas de prix */
.bphv b.gone,.bphv-side b.gone{font-size:20px;letter-spacing:0;opacity:.8}
/* v11 (31/10) : calculateur, photo du modèle recommandé + une jauge par station */
.bphv .rec{display:grid;grid-template-columns:112px minmax(0,1fr);gap:4px 18px;align-items:start}
.bphv .rec-im{grid-row:1/4;width:112px;height:112px;border-radius:12px;background:var(--soft);display:grid;place-items:center;overflow:hidden}
.bphv .rec-im img{width:100%;height:100%;object-fit:contain;padding:6px;margin:0}
.bphv .rec-im.off{display:none}
.bphv .rec:has(.rec-im.off){grid-template-columns:minmax(0,1fr)}
.bphv .rec-cta{grid-column:1/-1}
.bphv .pst{display:grid;grid-template-columns:110px minmax(0,1fr);gap:6px 14px;align-items:center;padding:7px 0}
.bphv .pst .pn{font-weight:800;font-size:14px;color:#9cbcff}.bphv .pst.b .pn{color:#7be0b0}
.bphv .pg{position:relative;height:14px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden}
.bphv .pg .xb{position:absolute;top:0;bottom:0;right:0;background:repeating-linear-gradient(135deg,rgba(245,184,74,.35) 0 5px,rgba(245,184,74,.12) 5px 10px)}
.bphv .pg .pfl{position:absolute;left:0;top:0;bottom:0;border-radius:99px;transition:width .25s;background:#3ccf8e}
.bphv .pfl.warn{background:#f5b84a}.bphv .pfl.bad{background:#ff8a5c}
.bphv .pln{grid-column:2;display:flex;justify-content:space-between;gap:6px 10px;flex-wrap:wrap;font-size:12.5px;color:#c9d3e3}
.bphv .pln b{color:#fff}
.bphv .pch{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:12.5px;border-radius:99px;padding:2px 9px;color:#3ccf8e;background:rgba(60,207,142,.14)}
.bphv .pch::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.bphv .pch.warn{color:#f5b84a;background:rgba(245,184,74,.16)}.bphv .pch.bad{color:#ff8a5c;background:rgba(255,138,92,.16)}
.bphv .pkey{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:#9fb0cc;margin:6px 0 8px}
.bphv .pkey span{display:inline-flex;gap:6px;align-items:center}.bphv .pkey i{display:inline-block;width:18px;height:9px;border-radius:99px}
.bphv .pkey .kn{background:rgba(255,255,255,.25)}.bphv .pkey .kx{background:repeating-linear-gradient(135deg,rgba(245,184,74,.6) 0 4px,rgba(245,184,74,.2) 4px 8px)}
@media (max-width:760px){
.bphv .rec{grid-template-columns:72px minmax(0,1fr);gap:4px 12px}
.bphv .rec-im{grid-row:1/2;width:72px;height:72px}
.bphv .rec-w,.bphv .rec-e{grid-column:1/-1}
.bphv .pst{grid-template-columns:1fr}.bphv .pln{grid-column:1}
}
/* v11 (31/10) : sections garantie, prix, app/UPS, bruit, températures (verdict + comparaison + détail) */
.bphv .v1{container-type:inline-size;border:1px solid var(--line);border-radius:var(--r);background:#fff;margin:14px 0;box-shadow:var(--sh);overflow:hidden}
.bphv .v1 small{display:block;font-weight:500;color:var(--mute);font-size:12.5px;line-height:1.35}
.bphv .ca{color:var(--a)}.bphv .cb{color:#08804b}
.bphv .v1-v{padding:20px 22px;background:var(--navy);color:#fff}
.bphv .v1-v .v1k{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#9fb0cc}
.bphv .v1-v p{margin:4px 0;font-size:18.5px;line-height:1.4;color:#fff}
.bphv .v1-v .ca{color:#9cbcff}.bphv .v1-v .cb{color:#7be0b0}
.bphv .v1-v small{color:#9fb0cc;font-size:13px}
.bphv .v1-r{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:center;padding:11px 18px;border-top:1px solid var(--line);font-size:14.5px}
.bphv .v1-r.v1hd{background:var(--soft);font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--mute)}
.bphv .v1-r .v1k{display:flex;gap:10px;align-items:center;font-weight:700;line-height:1.25}.bphv .v1-r .v1k .ic{color:var(--mute)}
.bphv .v1-r .v1c{font-weight:600;color:var(--mute)}.bphv .v1-r .v1c.v1w{font-weight:800}.bphv .v1-r .v1c.v1w.a{color:var(--a)}.bphv .v1-r .v1c.v1w.b{color:#08804b}
.bphv .v1-pad{padding:16px 18px;border-top:1px solid var(--line)}
.bphv .v1-lh{display:flex;gap:8px;align-items:center;font-weight:800;font-size:12px;letter-spacing:.07em;text-transform:uppercase;margin-bottom:10px}
.bphv .v1-p{margin:0;padding:12px 18px 14px;border-top:1px solid var(--line);font-size:14.5px}
.bphv .v1-todo{padding:14px 18px;border-top:1px solid var(--line);background:var(--soft);font-size:14.5px}
.bphv .v1-todo b{display:flex;gap:8px;align-items:center}.bphv .v1-todo ul{margin:6px 0 0;padding-left:20px}.bphv .v1-todo li{margin:4px 0}
.bphv .v1-src{display:flex;gap:8px;align-items:flex-start;padding:10px 18px;border-top:1px solid var(--line);font-size:12.5px;color:var(--mute)}.bphv .v1-src .ic{width:15px;height:15px;flex-basis:15px;margin-top:2px;color:var(--mute)}
/* garantie */
.bphv .v1-tl{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center;margin:8px 0}
.bphv .v1-tl .tn{font-weight:800;font-size:14px}.bphv .v1-tl .tn.a{color:var(--a)}.bphv .v1-tl .tn.b{color:#08804b}
.bphv .v1-tl .tb{height:30px;background:var(--soft);border-radius:8px;display:flex;overflow:hidden}
.bphv .v1-tl .tb i{display:flex;align-items:center;height:100%;font-style:normal;min-width:0}
.bphv .v1-tl .tb em{font-style:normal;font-size:12px;font-weight:700;color:#fff;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bphv .v1-tl .s.a{background:var(--a)}.bphv .v1-tl .s.b{background:#08804b}
.bphv .v1-tl .v1x.a{background:repeating-linear-gradient(135deg,rgba(43,111,230,.55) 0 6px,rgba(43,111,230,.22) 6px 12px)}
.bphv .v1-tl .v1x.b{background:repeating-linear-gradient(135deg,rgba(8,128,75,.55) 0 6px,rgba(8,128,75,.22) 6px 12px)}
.bphv .v1-tl .v1x em{color:var(--ink)}.bphv .v1-tl .tb.na{align-items:center}.bphv .v1-tl .tb.na em{color:var(--mute)}
.bphv .v1-tk{display:flex;justify-content:space-between;margin-left:108px;font-size:11px;color:var(--mute)}
.bphv .v1-dates{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.bphv .v1-dates .v1dt{background:var(--soft);border-radius:12px;padding:10px 12px;font-size:13.5px;line-height:1.45}
.bphv .v1-dates .v1dt b{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px}
/* prix */
.bphv .v1-gap{padding:16px 18px 8px;border-top:1px solid var(--line)}
.bphv .gbt{display:flex;justify-content:space-between;gap:10px;font-size:14px;margin-bottom:6px;font-weight:600}.bphv .gbt b{font-weight:800}.bphv .gbt .cb{text-align:right}
.bphv .gb{display:flex;height:30px;border-radius:9px;overflow:hidden;background:var(--soft)}
.bphv .gb i{display:flex;align-items:center;min-width:0}.bphv .gb i.v1lo{background:var(--a)}
.bphv .gb i.g{background:repeating-linear-gradient(135deg,rgba(8,128,75,.7) 0 6px,rgba(8,128,75,.4) 6px 12px)}
.bphv .gb.flip i.v1lo{background:#08804b}.bphv .gb.flip i.g{background:repeating-linear-gradient(135deg,rgba(43,111,230,.7) 0 6px,rgba(43,111,230,.4) 6px 12px)}
.bphv .gb em{font-style:normal;font-size:14px;font-weight:800;color:var(--ink);padding:0 10px;white-space:nowrap}
.bphv .gbl{font-size:13.5px;color:var(--mute);margin:8px 0 4px}.bphv .gbl b{color:var(--ink)}
.bphv .v1pv{font-size:16.5px;font-weight:700!important;color:var(--ink)!important}
.bphv .v1pv em{display:inline-block;margin-left:8px;font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border-radius:99px;padding:2px 7px;vertical-align:2px}
.bphv .v1pv.a em{background:rgba(43,111,230,.12);color:var(--a)}.bphv .v1pv.b em{background:rgba(8,128,75,.12);color:#08804b}
.bphv .v1-routes .rts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bphv .v1-routes .v1route{background:var(--soft);border-radius:14px;padding:14px}
.bphv .v1-routes .v1rl{font-size:12px;font-weight:800;color:var(--mute)}
.bphv .v1-routes .v1eq{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px}
.bphv .v1-routes .v1pill{background:#fff;border:1px solid var(--line);border-radius:10px;padding:6px 10px;font-size:12.5px;font-weight:700;line-height:1.2}
.bphv .v1-routes .v1pill b{display:block;font-size:16px}.bphv .v1-routes .v1pill.a b{color:var(--a)}.bphv .v1-routes .v1pill.b b{color:#08804b}
.bphv .v1-routes .v1op{font-weight:800;color:var(--mute)}.bphv .v1-routes .v1tot{font-size:22px;font-weight:800}
.bphv .v1-routes .v1save{display:flex;gap:8px;align-items:center;margin:12px 0 0;font-size:14.5px;background:rgba(8,128,75,.1);border-radius:12px;padding:10px 14px}
.bphv .v1-routes .v1save .ic{color:#08804b}
/* app, UPS */
.bphv .v1df{display:inline-block;margin-left:8px;font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#c2410c;background:#fff3ea;border-radius:99px;padding:2px 7px;vertical-align:1px}
.bphv .fc .v1st{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:var(--ink)}
.bphv .fc .v1st::before{content:"";width:10px;height:10px;border-radius:50%;flex:0 0 10px;background:var(--line)}
.bphv .fc.v1ok .v1st::before{background:#08804b}.bphv .fc.v1no .v1st::before{background:#c0392b}.bphv .fc.v1un .v1st{color:var(--mute);font-weight:600}
.bphv .fc.v1win.a .v1st{color:var(--a)}.bphv .fc.v1win.b .v1st{color:#08804b}
.bphv .v1-ups{padding:16px 18px 14px;border-top:1px solid var(--line)}
.bphv .us{position:relative;height:14px;background:var(--soft);border-radius:99px;margin:18px 0 6px}
.bphv .us .zone{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:rgba(8,128,75,.22)}
.bphv .us .tick{position:absolute;top:-6px;bottom:-6px;width:2px;background:var(--ink)}
.bphv .us .dot{position:absolute;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--navy);border:3px solid #fff}
.bphv .us .dot.a{background:var(--a)}.bphv .us .dot.b{background:#08804b}
.bphv .us .dot b{position:absolute;top:22px;left:50%;transform:translateX(-50%);font-size:13px;white-space:nowrap}.bphv .us .dot.v1lo b{top:40px}
.bphv .uax{display:flex;justify-content:space-between;font-size:11px;color:var(--mute);margin-top:30px}
.bphv .ulg{margin:8px 0 0;font-size:12.5px;color:var(--mute)}
.bphv .v1-ans{padding:4px 18px 10px;border-top:1px solid var(--line);background:var(--soft)}.bphv .v1-ans p{margin:10px 0;font-size:14.5px}
/* bruit */
.bphv .nc b{display:inline-flex;align-items:center;gap:6px}.bphv .nc b::before{content:"";width:9px;height:9px;border-radius:50%;flex:0 0 9px;background:var(--line)}
.bphv .nc.v1good b::before{background:#08804b}.bphv .nc.v1ok b::before{background:#d6a700}.bphv .nc.v1loud b::before{background:#c2410c}.bphv .nc.v1none b{color:var(--mute);font-weight:600}
.bphv details.v1-all{border-top:1px solid var(--line)}
.bphv details.v1-all summary{display:flex;gap:9px;align-items:center;padding:13px 18px;cursor:pointer;font-weight:700;font-size:14.5px;list-style:none}
.bphv details.v1-all summary::-webkit-details-marker{display:none}
.bphv details.v1-all summary::after{content:"Show";margin-left:auto;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--a)}
.bphv details.v1-all[open] summary::after{content:"Hide"}.bphv details.v1-all .v1-pad{border-top:0;padding-top:0}
.bphv .rsc{position:relative;height:56px;margin:4px 6px}
.bphv .rbar{position:absolute;left:0;right:0;top:8px;height:10px;border-radius:99px;background:linear-gradient(90deg,#cfeedd,#f3e7a6 50%,#f6c9a8)}
.bphv .v1rm{position:absolute;top:2px;transform:translateX(-50%);font-size:11px;color:var(--mute);text-align:center;white-space:nowrap;padding-top:20px}
.bphv .v1rm::before{content:"";position:absolute;top:0;left:50%;width:2px;height:22px;margin-left:-1px;background:var(--ink);opacity:.5}
.bphv .v1rm b{display:block;color:var(--ink);font-size:11.5px}.bphv .v1rm:last-child{transform:translateX(-100%);text-align:right}.bphv .v1rm:last-child::before{left:auto;right:0}
.bphv .bg{margin-top:14px}.bphv .bn{font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}.bphv .bn.a{color:var(--a)}.bphv .bn.b{color:#08804b}
.bphv .br2{display:grid;grid-template-columns:190px 1fr 58px;gap:10px;align-items:center;padding:5px 0;font-size:13.5px}.bphv .bl{font-weight:600;line-height:1.25}
.bphv .bt{height:12px;background:var(--soft);border-radius:99px;overflow:hidden}.bphv .bt i{display:block;height:100%;border-radius:99px}
.bphv .bt i.a.meas{background:var(--a)}.bphv .bt i.b.meas{background:#08804b}
.bphv .bt i.a.brand{background:repeating-linear-gradient(135deg,var(--a) 0 4px,rgba(43,111,230,.35) 4px 8px)}.bphv .bt i.b.brand{background:repeating-linear-gradient(135deg,#08804b 0 4px,rgba(8,128,75,.35) 4px 8px)}
.bphv .br2 b{text-align:right;font-size:14px}
.bphv .hrd{margin:6px 0 0;font-size:13.5px;color:var(--mute)}.bphv .hrd b{color:var(--ink)}
.bphv .key{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0 0;font-size:12.5px;color:var(--mute)}
.bphv .sw{display:inline-block;width:22px;height:10px;border-radius:99px;margin-left:6px}.bphv .sw.meas{background:var(--ink);margin-left:0}.bphv .sw.brand{background:repeating-linear-gradient(135deg,var(--ink) 0 4px,var(--line) 4px 8px)}
/* températures */
.bphv .tc b{font-weight:700;color:var(--mute)}.bphv .tc.v1win.a b{color:var(--a);font-weight:800}.bphv .tc.v1win.b b{color:#08804b;font-weight:800}
.bphv .tc.v1win b::after{content:"Better";margin-left:8px;font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border-radius:99px;padding:2px 7px;vertical-align:2px;background:rgba(43,111,230,.12)}
.bphv .tc.v1win.b b::after{background:rgba(8,128,75,.12)}.bphv .tc.v1no b{color:#c0392b}.bphv .tc.v1none b{font-weight:600}
.bphv .tsc{position:relative;height:30px;margin:0 0 6px 110px}
.bphv .tsc span{position:absolute;transform:translateX(-50%);text-align:center;font-size:11.5px;line-height:1.15}.bphv .tsc span:first-child{transform:none;text-align:left}.bphv .tsc span:last-child{transform:translateX(-100%);text-align:right}
.bphv .tsc b{display:block}.bphv .tsc small{font-size:10.5px}
.bphv .rgh{display:flex;align-items:center;gap:8px;font-weight:800;font-size:12px;letter-spacing:.07em;text-transform:uppercase;margin:12px 0 4px}
.bphv .rgh small{display:inline;text-transform:none;letter-spacing:0;font-weight:600;margin-left:4px}.bphv .rgh .ic{color:var(--mute)}
.bphv .rrow{display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px;align-items:center;margin:6px 0}
.bphv .rn{font-weight:800;font-size:13px}.bphv .rn.a{color:var(--a)}.bphv .rn.b{color:#08804b}.bphv .rn.v1n{color:var(--ink)}
.bphv .rt{position:relative;height:34px}.bphv .v1frz{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#4aa3df;z-index:2}
.bphv .tb2{position:absolute;left:0;right:0;top:4px;height:12px;background:var(--soft);border-radius:99px}
.bphv .tb2 .rg{position:absolute;top:0;bottom:0;border-radius:99px}.bphv .tb2 .rg.a{background:var(--a)}.bphv .tb2 .rg.b{background:#08804b}.bphv .tb2 .rg.v1n{background:var(--navy)}
.bphv .tb2 .wz{position:absolute;top:0;bottom:0;border-radius:0 99px 99px 0;background:repeating-linear-gradient(135deg,#f5b84a 0 4px,rgba(245,184,74,.35) 4px 8px)}
.bphv .tb2 em{position:absolute;top:15px;font-style:normal;font-size:11.5px;font-weight:700;white-space:nowrap}.bphv .tb2 em.hi{transform:translateX(-100%)}
.bphv .tb2.na em.na{left:8px;top:-1px;color:var(--mute);font-weight:600}
.bphv .tkey{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--mute);margin-top:10px}.bphv .tkey span{display:inline-flex;align-items:center;gap:6px}
.bphv .frzk{display:inline-block;width:2px;height:12px;background:#4aa3df}.bphv .wzk{display:inline-block;width:18px;height:9px;border-radius:99px;background:repeating-linear-gradient(135deg,#f5b84a 0 4px,rgba(245,184,74,.35) 4px 8px)}
@container (max-width:560px){
.bphv .v1-v{padding:18px 16px}.bphv .v1-v p{font-size:17.5px}
.bphv .v1-r{grid-template-columns:1fr 1fr;gap:6px 12px;padding:10px 14px;align-items:start}.bphv .v1-r .v1k{grid-column:1/-1}.bphv .v1-r.v1hd span:first-child{display:none}
.bphv .v1-pad,.bphv .v1-p,.bphv .v1-todo,.bphv .v1-src,.bphv .v1-gap,.bphv .v1-ups{padding-left:14px;padding-right:14px}
.bphv .v1-tl{grid-template-columns:72px minmax(0,1fr);gap:8px}.bphv .v1-tl .tn{font-size:12.5px}.bphv .v1-tk{margin-left:80px}.bphv .v1-tl .tb em{font-size:11px;padding:0 6px}
.bphv .v1-dates{grid-template-columns:1fr}.bphv .v1-routes .rts{grid-template-columns:1fr}
.bphv .v1pv em,.bphv .tc.v1win b::after{display:block;width:max-content;margin:3px 0 0}
.bphv .br2{grid-template-columns:1fr 52px;gap:4px 8px}.bphv .br2 .bl{grid-column:1/-1}
.bphv .tsc{margin-left:0}.bphv .rrow{grid-template-columns:1fr;gap:2px}
}
.bphv .v1-gap.flip .gbt{flex-direction:row-reverse}.bphv .v1-gap.flip .gbt .cb{text-align:left}.bphv .v1-gap.flip .gbt .ca{text-align:right}
.bphv .v1-gap.flip .gb i.v1lo{background:#08804b}.bphv .v1-gap.flip .gb i.g{background:repeating-linear-gradient(135deg,rgba(43,111,230,.7) 0 6px,rgba(43,111,230,.4) 6px 12px)}
.bphv .gb i.g{min-width:64px;flex:none}.bphv .gb i.v1lo{flex:0 1 auto}
/* v11.1 (31/10) : deux boutons dans la reco (« It depends ») côte à côte et espacés, pleine largeur s'il n'y en a qu'un */
.bphv .rec-cta{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.bphv .rec-cta a{margin:0}
/* v11.2 (31/10) : photos plus grandes dans les cartes VS sans agrandir le cadre (les visuels des marques ont des marges transparentes) */
.bphv .hp-img{align-items:center}
.bphv .hp-img img{height:100%;max-height:100%;max-width:100%;transform:scale(1.28);transform-origin:50% 55%}
/* v11.3 (31/10) : différences dont la valeur est une phrase : pas de barre, texte à la ligne */
.bphv .df .vr.tx{grid-template-columns:62px minmax(0,1fr)}
.bphv .df .vr.tx .t{display:none}
.bphv .df .vr.tx .v{white-space:normal;line-height:1.35}
.bphv .dfx{container-type:inline-size}
@container (max-width:620px){
.bphv .df{grid-template-columns:1fr;gap:10px}
.bphv .df .win{justify-self:start}
}
.bphv .df .vr .v{white-space:normal;line-height:1.3}
/* v11.4 : disponibilité en direct */
.bphv .pill.out{background:var(--hotbg);color:var(--hot)}.bphv .hero .pill.out{background:rgba(255,154,87,.18);color:#ffc7a3}
.bphv .v1-fine{margin:10px 0 0;font-size:12px;color:var(--mute)}
.bphv .sh-u{padding:10px 18px;border-top:1px solid var(--line);font-size:13px;color:var(--mute)}