/* Valoreo TMI — styles spécifiques à la page Produits */
.page-hero{padding-top:calc(var(--navh) + clamp(40px,6vw,88px));padding-bottom:clamp(36px,5vw,64px);border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.crumbs{font-family:var(--f-body);font-size:.84rem;letter-spacing:0;color:var(--mute)}
.crumbs a:hover{color:var(--claret)}
.page-hero h1{font-size:clamp(2.8rem,6.4vw,5.4rem);font-weight:400;margin-top:22px}
.page-hero h1 em{font-style:normal;color:inherit}
.page-hero .lead{margin-top:22px}
.jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px}
.jump a{font-size:.84rem;padding:.55em 1em;border:1px solid var(--line);color:var(--mute);transition:border-color .3s,color .3s}
.jump a:hover{border-color:var(--brass);color:var(--bone)}
.page-cta{background:var(--ink-2);border-top:1px solid var(--line);text-align:center}
.page-cta h2{font-size:clamp(2.2rem,4.6vw,3.6rem);font-weight:400}
.page-cta .lead{margin:18px auto 0}
.page-cta .btn{margin-top:32px}

/* ===== Sections produits ===== */
.psec{padding-block:clamp(72px,9vw,120px);border-top:1px solid var(--line);scroll-margin-top:var(--navh)}
.psec.alt{background:var(--ink-2)}
.p-head{text-align:center;max-width:760px;margin:0 auto clamp(40px,5vw,60px)}
.p-head h2,.crypto h2{font-size:clamp(2.2rem,4.6vw,3.6rem);font-weight:400;margin-top:16px}
.p-head h2 em,.crypto h2 em{font-style:normal;color:inherit}
.p-head .lead{margin:18px auto 0}
.warn{display:inline-flex;gap:10px;align-items:flex-start;margin-top:22px;padding:12px 16px;border:1px solid rgba(210,122,106,.4);color:#b8503c;font-size:.84rem;text-align:left;max-width:560px}
.warn .ic{width:16px;height:16px;margin-top:2px;color:#b8503c}
.center{text-align:center}
.small{font-size:.76rem;color:var(--mute)}
.ic{width:20px;height:20px;color:var(--brass);flex:none}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:980px;margin:20px auto 0}
.grid2.tight{max-width:820px;gap:12px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.stats4,.facts4{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);max-width:980px;margin:0 auto 20px}
.stats4 div,.facts4 div{background:var(--ink);padding:24px 18px;text-align:center;min-width:0}
.psec.alt .facts4 div{background:var(--ink-2)}
.stats4 b,.facts4 b{display:block;font-family:var(--f-display);font-weight:500;font-size:clamp(1.6rem,2.6vw,2.2rem);line-height:1.1;color:var(--brass-2)}
.stats4 span,.facts4 span{display:block;margin-top:8px;font-size:.82rem;color:var(--mute)}
.facts4{margin:48px auto 0}
.fcard,.pcard,.etf,.vcard{background:var(--ink);border:1px solid var(--line);padding:clamp(22px,2.6vw,30px);min-width:0;transition:border-color .4s,transform .4s}
.psec:not(.alt) .etf{background:var(--ink-2)}
.fcard:hover,.etf:hover,.vcard:hover{border-color:rgba(47,93,73,.45)}
.fcard h3,.pcard h3,.vcard h3{font-size:1.45rem;margin:16px 0 10px}
.fcard p,.pcard p,.vcard p{color:var(--mute);font-size:.92rem}
.fcard p+p{margin-top:12px}
.pcard{border-color:rgba(47,93,73,.35);background:linear-gradient(160deg,rgba(47,93,73,.08),transparent 60%)}
.pcard h3{margin-top:0}
.etf{display:flex;flex-direction:column}
.etf-cat{display:flex;align-items:center;gap:12px;font-family:var(--f-mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--brass)}
.etf-cat .tile,.alloc-top .tile{width:38px;height:38px;margin:0}
.etf-cat .tile svg,.alloc-top .tile svg{width:18px;height:18px}
.etf h3{font-size:1.45rem;margin-top:18px}
.etf .kicker{color:var(--brass);font-size:.86rem;margin-top:6px}
.etf .desc{color:var(--mute);font-size:.9rem;margin-top:12px}
.spec{margin:20px 0 0;display:grid;gap:10px}
.spec div{display:flex;justify-content:space-between;gap:12px;font-size:.84rem}
.spec dt{display:flex;align-items:center;gap:8px;color:var(--mute)}
.spec dt .ic{width:14px;height:14px}
.spec dd{margin:0;font-weight:500;text-align:right}
.etf-foot{margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}
.spec+.etf-foot{margin-top:22px}
.etf-foot b{display:block;font-size:.84rem;font-weight:500;color:var(--brass-2)}
.etf-foot span{display:block;font-size:.8rem;color:var(--mute);margin-top:2px}
.alloc-card{max-width:640px;margin:40px auto 0;background:var(--ink);border:1px solid var(--line);padding:clamp(24px,3vw,36px);text-align:center}
.alloc-card h3{font-size:1.5rem}
.alloc-top{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}
.alloc-top div{display:grid;justify-items:center;gap:4px}
.alloc-top .tile{margin-bottom:8px}
.alloc-top b{font-weight:500;font-size:.92rem}
.alloc-top span{font-size:.78rem;color:var(--mute)}
.bars2{display:grid;gap:12px;text-align:left}
.bars2 div{display:grid;grid-template-columns:140px 1fr 44px;gap:12px;align-items:center;font-size:.86rem}
.bars2 i{display:block;height:4px;background:var(--line);position:relative}
.bars2 i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w);background:var(--brass)}
.bars2 b{font-family:var(--f-mono);font-weight:400;font-size:.8rem;text-align:right}
.note{margin-top:18px;font-size:.78rem;color:var(--mute);font-style:italic}
.universe{text-align:center;margin-top:56px}
.universe ul{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;font-size:.92rem}
.universe li::before{content:"•";color:var(--brass);margin-right:8px}
.ex{margin:16px 0 0;display:grid;gap:10px}
.ex div{display:flex;justify-content:space-between;gap:12px;font-size:.9rem}
.ex dt{color:var(--mute)}
.ex dd{margin:0;font-family:var(--f-mono);font-variant-numeric:tabular-nums}
.fcard .ex-res{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);color:var(--brass-2);font-weight:500}
.chip{display:flex;gap:12px;align-items:flex-start;background:var(--ink);border:1px solid var(--line);padding:16px 18px;font-size:.88rem}
.chip .ic{width:16px;height:16px;margin-top:2px}
.vcard{text-align:center}
.vcard .tile{margin:0 auto}
.crypto{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(32px,5vw,72px);align-items:center}
.crypto .lead{margin:18px 0 28px}
.ctiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ctiles div{background:var(--ink);border:1px solid var(--line);padding:22px 16px;text-align:center;display:grid;justify-items:center;gap:6px;min-width:0}
.ctiles b{font-weight:500;font-size:.92rem;margin-top:6px}
.ctiles span{font-size:.8rem;color:var(--mute)}
@media (max-width:1080px){.grid3,.crypto{grid-template-columns:1fr}.grid4{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.grid2,.grid4,.ctiles,.alloc-top{grid-template-columns:1fr}.stats4,.facts4{grid-template-columns:1fr 1fr}.bars2 div{grid-template-columns:1fr 44px}.bars2 i{grid-column:1/-1;grid-row:2}}
