/* livrecoloriage.fr v3 — DA lofi / fuzzy hygge diffusée sur TOUTES les pages */
body.lofi{background:#1c1730;background-image:radial-gradient(circle at 10% 0%,rgba(244,163,184,.14),transparent 35%),radial-gradient(circle at 92% 25%,rgba(255,180,110,.12),transparent 38%),radial-gradient(circle at 40% 100%,rgba(122,99,201,.22),transparent 50%),linear-gradient(180deg,#1c1730 0%,#251d40 50%,#2a2246 100%);background-attachment:fixed;color:var(--txt-n)}
body.lofi::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
body.lofi .night{background:transparent}
body.lofi section>.wrap>h2,body.lofi .sec-head h2,body.lofi .agesec h2,body.lofi .legal h1,body.lofi .legal h2,body.lofi .legal h3{color:#fff}
body.lofi .sec-head h2 em,body.lofi .agesec h2 em,body.lofi .legal h2 em,body.lofi h1 em{color:var(--amber)}
body.lofi .sec-head .lead,body.lofi .agesec .lead{color:var(--txt-n2)}
body.lofi .sec-head .eyebrow{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#fff}
body.lofi .legal{color:var(--txt-n)}body.lofi .legal a{color:var(--amber)}
body.lofi .disclose{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:var(--txt-n2)}
body.lofi .tip,body.lofi details.faq,body.lofi .card,body.lofi .tbl,body.lofi .nl,body.lofi .pack,body.lofi .cpage{color:var(--ink)}
body.lofi .tip,body.lofi details.faq{background:#fff8ee;border-color:rgba(255,255,255,.4);box-shadow:0 14px 30px -18px rgba(0,0,0,.6)}
body.lofi .card{background:#fff8ee;border-color:transparent;box-shadow:0 18px 34px -20px rgba(0,0,0,.75)}
body.lofi .nl{background:linear-gradient(135deg,#fff3e2,#fde5ee);border:0;box-shadow:0 24px 50px -24px rgba(0,0,0,.8)}
body.lofi .band{background:linear-gradient(135deg,#3d2f62,#5a4787 55%,#c7799a);box-shadow:0 24px 50px -24px rgba(0,0,0,.8)}
body.lofi .btn-soft{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.22);box-shadow:none}
body.lofi .card .btn-soft,body.lofi .nl .btn-soft{background:#fff;color:var(--ink)}
body.lofi .tile{box-shadow:0 18px 34px -22px rgba(0,0,0,.8)}
body.lofi footer{background:#15111f;border-top:1px solid rgba(255,255,255,.06)}
body.lofi .crumbs,body.lofi .crumbs a{color:var(--txt-n2)}
.row-ctas{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap}
/* ---------- bandeau lofi animé des pages intérieures ---------- */
.ihero{position:relative;overflow:hidden;isolation:isolate;color:#fff;min-height:440px;display:flex;align-items:flex-end;padding:0}
.ihero .stage-view{position:absolute!important;inset:0;height:auto!important;min-height:0!important;aspect-ratio:auto!important;max-height:none!important}
.ihero .stage-vig{background:linear-gradient(90deg,rgba(21,17,38,.86) 0%,rgba(21,17,38,.55) 40%,rgba(21,17,38,.15) 70%),linear-gradient(180deg,rgba(21,17,38,.2) 0%,rgba(21,17,38,0) 40%,rgba(28,23,48,.95) 100%)}
.ihero-in{position:relative;z-index:2;display:grid;gap:22px;align-items:end;padding-top:70px;padding-bottom:46px}
@media (min-width:960px){.ihero-in{grid-template-columns:1.25fr .9fr}}
.ihero-copy h1{color:#fff;font-size:clamp(1.9rem,4.6vw,3.1rem);margin:14px 0 10px;text-shadow:0 2px 18px rgba(0,0,0,.4)}
.ihero-copy .lead{color:var(--txt-n);max-width:56ch}
.ihero-copy .eyebrow{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);color:#fff}
.ihero .crumbs,.ihero .crumbs a{color:#e5dcf7}
.ihero-aside .pack{background:rgba(255,248,238,.95)!important;box-shadow:0 26px 50px -24px rgba(0,0,0,.9)}
.ihero .sc-tag{position:absolute;right:16px;top:14px;z-index:2;font-size:.78rem;color:#efe8ff;background:rgba(21,17,38,.55);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:6px 12px;backdrop-filter:blur(6px);max-width:calc(100% - 32px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:700px){.ihero{min-height:0}.ihero-in{padding-top:120px}.ihero .sc-tag{left:16px;right:auto}}
/* teinte selon l'heure */
.stage-tint{position:absolute;inset:0;pointer-events:none;transition:background 2s}
[data-time=matin] .stage-tint{background:linear-gradient(180deg,rgba(255,190,170,.16),rgba(255,226,170,.05));mix-blend-mode:soft-light}
[data-time=jour] .stage-tint{background:rgba(255,240,210,.06)}
[data-time=soir] .stage-tint{background:linear-gradient(180deg,rgba(255,150,110,.12),rgba(120,60,140,.10));mix-blend-mode:soft-light}
[data-time=nuit] .stage-tint{background:rgba(30,30,90,.22);mix-blend-mode:multiply}
/* Ken Burns aléatoire */
.stage-img{animation:kb3 34s ease-in-out infinite alternate;transform-origin:var(--ko,50% 50%)}
@keyframes kb3{from{transform:scale(1.02) translate(0,0)}to{transform:scale(var(--ks,1.08)) translate(var(--kx,-1%),var(--ky,-1%))}}
.sc-now{display:flex;flex-direction:column;margin-left:auto;text-align:right;line-height:1.25;min-width:0}
.sc-now small{color:var(--txt-n2);font-size:.78rem}.sc-now b{color:#fff;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:30ch}
@media (max-width:600px){.sc-now{margin-left:0;text-align:left;width:100%}}
/* ---------- Nos coups de cœur ---------- */
.cdc-grid{display:grid;gap:26px 20px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));padding-top:8px}
@media (min-width:1100px){.cdc-grid{grid-template-columns:repeat(3,1fr)}}
.cdc{position:relative;background:#fff8ee;color:var(--ink);border-radius:6px 6px 18px 18px;padding:14px 14px 16px;transform:rotate(var(--rot,0));box-shadow:0 26px 40px -22px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.4) inset;display:flex;flex-direction:column;gap:8px;transition:transform .25s}
.cdc:hover{transform:rotate(0) translateY(-6px)}
.cdc .tape{position:absolute;top:-11px;left:50%;width:92px;height:24px;transform:translateX(-50%) rotate(-3deg);background:rgba(255,214,150,.75);box-shadow:0 2px 6px rgba(0,0,0,.15)}
.cdc .who{position:absolute;top:18px;right:18px;z-index:1;background:var(--night);color:var(--amber);font-weight:700;font-size:.75rem;border-radius:999px;padding:4px 10px}
.cdc .ph{background:#fff;border-radius:4px;aspect-ratio:1;display:grid;place-items:center;overflow:hidden}
.cdc .ph img{width:82%;height:82%;object-fit:contain}
.cdc h3{font-size:1.05rem;margin:4px 0 0}
.cdc .why{font-family:var(--serif);font-style:italic;color:#7a5a8a;margin:0;font-size:.98rem;flex:1}
.cdc .meta{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}
.cdc .price{font-weight:800;font-size:1.05rem}
.cdc-h{color:#fff;margin:38px 0 12px;font-size:1.3rem}
.cdc-packs{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.cdc-pack{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#fff;text-decoration:none;transition:background .2s}
.cdc-pack:hover{background:rgba(255,255,255,.14)}
.cdc-pack .ico{font-size:1.6rem}.cdc-pack b{display:block}.cdc-pack small{color:var(--txt-n2)}
.cdc-pack svg{width:22px;height:22px;margin-left:auto;color:var(--amber);flex:none}
/* coloriages */
.ccard{position:relative}
.ccard .new{position:absolute;top:-8px;left:-6px;z-index:1;background:var(--amber);color:#2d1a08;font-weight:800;font-size:.72rem;border-radius:999px;padding:4px 10px;transform:rotate(-6deg);box-shadow:0 6px 14px -6px rgba(0,0,0,.6)}
.agetabs .cnt{display:inline-block;margin-left:4px;font-size:.75rem;opacity:.75}
body.lofi .ccard{background:#fff8ee;border-color:transparent}
/* ===== v7 (9 oct.) : illustration fixe + calques animés, parallaxe, accueil réorganisé, cartes âge & carrousel matériel Lofi Kawaii ===== */
.stage-img{animation:none!important;transform:none!important}
.stage-par{position:absolute;left:0;right:0;top:-7%;bottom:-7%;will-change:transform}
.stage-par .stage-img,.stage-par .stage-fx,.stage-par .stage-tint{position:absolute;inset:0;width:100%;height:100%}
@media (min-width:900px){
 .stage-view{height:min(calc(100vh - 64px),56.25vw);min-height:560px}
 .stage-copy{top:0;bottom:84px;display:flex;flex-direction:column;justify-content:center;max-width:min(560px,44vw);padding-top:24px}
 .stage-copy h1{font-size:clamp(1.9rem,3.1vw,2.9rem);line-height:1.08;margin:14px 0 12px}
 .stage-copy .lead{font-size:clamp(.95rem,1.1vw,1.08rem);max-width:44ch}
 .stage-copy .hero-ctas{display:flex;flex-wrap:wrap;gap:10px}
 .stage-copy .hero-ctas .btn{white-space:nowrap}
}
@media (min-width:900px) and (max-width:1180px){.stage-copy .lead{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}
/* sections nuit enchaînées : fond continu doux */
.ages-sec,.mat-sec{background:radial-gradient(1200px 500px at 15% 0%,rgba(255,180,110,.10),transparent 60%),radial-gradient(900px 500px at 90% 100%,rgba(160,130,255,.12),transparent 60%),var(--night)}
.sec-head.center{text-align:center}.sec-head.center .lead{margin-inline:auto}
/* --- Une page pour chaque âge : cartes « fenêtre » lofi kawaii --- */
.agecards{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
@media (min-width:1100px){.agecards{grid-template-columns:repeat(4,1fr)}}
.agecard{position:relative;display:flex;flex-direction:column;text-decoration:none;color:#fff;border-radius:30px;padding:12px 12px 18px;
 background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.14);
 box-shadow:0 30px 60px -34px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
 transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;isolation:isolate;overflow:hidden}
.agecard::before{content:"";position:absolute;inset:auto -30% -55% -30%;height:80%;z-index:-1;background:radial-gradient(closest-side,var(--g),transparent);opacity:.28;filter:blur(10px);transition:opacity .35s}
.agecard:hover{transform:translateY(-6px) rotate(-.4deg);box-shadow:0 40px 70px -34px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.18),0 0 46px -12px var(--g)}
.agecard:hover::before{opacity:.5}
.ac-win{position:relative;display:block;border-radius:22px;overflow:hidden;aspect-ratio:16/10;background:#151126;box-shadow:inset 0 0 0 4px rgba(255,241,214,.10)}
.ac-win img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 1.2s ease}
.agecard:hover .ac-win img{transform:scale(1.12)}
.ac-win::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,23,48,0) 50%,rgba(28,23,48,.65)),radial-gradient(circle at 80% 15%,rgba(255,200,130,.25),transparent 45%)}
.ac-rain{position:absolute;inset:0;z-index:1;opacity:.35;background-image:linear-gradient(transparent 0 70%,rgba(220,228,255,.7) 70% 100%);background-size:2px 26px;
 -webkit-mask-image:repeating-linear-gradient(90deg,#000 0 1px,transparent 1px 13px);mask-image:repeating-linear-gradient(90deg,#000 0 1px,transparent 1px 13px);animation:acrain .9s linear infinite}
@keyframes acrain{to{background-position:0 26px}}
.ac-ico{position:absolute;left:24px;top:calc(12px + (100% - 24px) * 0);margin-top:-6px;transform:translateY(0);}
.agecard .ac-ico{position:relative;left:auto;top:auto;align-self:flex-start;margin:-30px 0 0 14px;z-index:2;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:1.7rem;
 background:radial-gradient(circle at 35% 30%,#fff8ee,#ffe9cf);box-shadow:0 10px 24px -8px rgba(0,0,0,.7),0 0 0 4px rgba(28,23,48,.85),0 0 26px -4px var(--g)}
.ac-tx{display:flex;flex-direction:column;gap:4px;padding:10px 8px 0}
.ac-tx b{font-family:'Playfair Display',serif;font-size:1.45rem;line-height:1.1;color:#fff}
.ac-tx small{color:var(--g);font-weight:700;font-size:.82rem;letter-spacing:.02em}
.ac-p{color:var(--txt-n2);font-size:.9rem;line-height:1.45;margin-top:4px}
.ac-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.ac-meta span{font-size:.74rem;font-weight:700;color:#fff;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:4px 10px}
.agecard .go{position:absolute;right:20px;bottom:18px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--g);color:#2d1a08;box-shadow:0 8px 18px -8px var(--g);transition:transform .3s}
.agecard .go svg{width:18px;height:18px}.agecard:hover .go{transform:rotate(45deg) scale(1.08)}
.agecard .ac-meta{padding-right:44px}
.agecards.compact .ac-win{aspect-ratio:16/8}
/* --- Carrousel matériel --- */
.mcar{position:relative;margin-top:6px}
.car-track{list-style:none;margin:0;padding:10px 4px 26px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,calc((100% - 3*18px)/4));gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain}
.car-track::-webkit-scrollbar{display:none}
@media (max-width:1000px){.car-track{grid-auto-columns:minmax(220px,calc((100% - 2*18px)/3))}}
@media (max-width:700px){.car-track{grid-auto-columns:78%}}
.mc{scroll-snap-align:start;position:relative;display:flex;flex-direction:column;gap:8px;border-radius:28px;padding:14px 14px 16px;color:#fff;
 background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.13);box-shadow:0 26px 50px -30px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.1);transition:transform .3s}
.mc:hover{transform:translateY(-5px)}
.mc-ph{position:relative;border-radius:22px;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 40%,#fff8ee 0,#ffeedd 55%,#f7dcc4 100%);box-shadow:inset 0 -18px 30px -18px rgba(214,140,80,.45)}
.mc-ph::after{content:"";position:absolute;width:70%;height:12%;bottom:9%;left:15%;border-radius:50%;background:radial-gradient(closest-side,rgba(120,70,40,.22),transparent);z-index:0}
.mc-ph img{position:relative;z-index:1;width:74%;height:74%;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s}
.mc:hover .mc-ph img{transform:scale(1.06) rotate(-2deg)}
.mc-kind{position:absolute;z-index:2;top:22px;left:22px;font-size:.72rem;font-weight:800;color:#2d1a08;background:var(--amber);border-radius:999px;padding:4px 10px;box-shadow:0 6px 14px -6px rgba(0,0,0,.6)}
.mc h3{font-size:1rem;line-height:1.3;color:#fff;margin:4px 2px 0}
.mc p{font-size:.85rem;color:var(--txt-n2);margin:0 2px;flex:1}
.mc-age{color:var(--rosy);font-weight:700;font-size:.78rem;margin:0 2px}
.mc .meta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:2px 2px 4px}
.mc .price{color:#fff;font-weight:800;font-size:1.1rem}.mc .stars{color:var(--txt-n2);font-size:.75rem}.mc .stars i{color:var(--amber);font-style:normal}
.mc .btn{justify-content:center}
.car-nav{position:absolute;top:42%;z-index:3;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(28,23,48,.78);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(6px);box-shadow:0 12px 26px -10px rgba(0,0,0,.8);transition:opacity .25s,transform .2s}
.car-nav svg{width:22px;height:22px}.car-nav:hover{transform:scale(1.08);background:var(--amber);color:#2d1a08}
.car-nav.prev{left:-14px}.car-nav.next{right:-14px}
.mcar.at-start .car-nav.prev{opacity:.0;pointer-events:none}
@media (max-width:700px){.car-nav{display:none}}
.car-dots{display:flex;justify-content:center;gap:6px;margin-top:-8px}
.car-dots i{width:7px;height:7px;border-radius:999px;background:rgba(255,255,255,.22);transition:.3s}.car-dots i.on{background:var(--amber);width:18px}
.mat-sec .disclose{margin-top:18px}
.mc .btn{white-space:nowrap;font-size:.88rem;padding:11px 14px}
.ac-rain{opacity:.14;animation-duration:1.3s}
.agecard:hover .ac-rain{opacity:.3}
/* ===== v8 (9 oct.) : hero épuré — plus de gros titre, l'illustration respire ===== */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.stage-par{top:-3%;bottom:-3%}
.stage-copy--min{padding:14px 16px 4px}
.stage-copy--min .hero-cta{width:100%;justify-content:center}
@media (min-width:900px){
 .stage-copy.stage-copy--min{top:auto;left:auto;right:max(32px,calc((100vw - 1120px)/2));bottom:20px;max-width:none;padding:0;display:block;z-index:3;background:none}
 .stage-copy--min .hero-cta{width:auto;box-shadow:0 12px 30px -10px rgba(0,0,0,.55),0 10px 26px -10px rgba(255,150,80,.8)}
}
.stage-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.hero-mp4 .stage-fx{display:none}
/* ===== v9 (9 oct.) : retour du texte à gauche (V1) + calque pluie toujours au-dessus de l'image ===== */
.stage-par .stage-img{z-index:0}.stage-par .stage-video{z-index:1}.stage-par .stage-tint{z-index:2}.stage-par .stage-fx{z-index:3;pointer-events:none;display:block}
.stage-view{overflow:hidden}
.stage-copy{z-index:4}.stage-bar{z-index:5}
.hero-mp4 .stage-par .stage-fx{display:none}
.ac-rain{display:none!important;animation:none!important}
/* v9 : bandeau « Bientôt nos livres » optimisé mobile */
.band{grid-template-columns:minmax(0,1fr)}.band>*{min-width:0}
@media (max-width:799px){
 .band{padding:22px 18px 26px;gap:16px;text-align:center}
 .band .books{order:-1;gap:10px;padding:8px 0 4px}
 .band .book{width:calc((100% - 20px)/3);max-width:104px;font-size:.78rem;padding:8px;line-height:1.25}
 .band h2{font-size:clamp(1.35rem,6vw,1.7rem);overflow-wrap:anywhere}
 .band p{font-size:.95rem}
 .band .btn{width:100%;justify-content:center}
}
/* v9 : blog */
.bcard .bcover{display:grid;place-items:center;height:170px;border-radius:14px;background:linear-gradient(135deg,#3d2f62,#5a4787 60%,#c7799a);margin-bottom:12px}
.bcard .bcover .book{width:104px;font-size:.85rem}
/* ===== v13 (9 oct.) : accueil desktop — colonne texte plus large, moins de lignes, voile de lisibilité, marge au-dessus du lecteur ===== */
@media (min-width:900px){
 .stage-view::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,rgba(21,17,38,.78) 0%,rgba(21,17,38,.55) 32%,rgba(21,17,38,.12) 55%,rgba(21,17,38,0) 68%)}
 .stage-copy:not(.stage-copy--min){top:0;bottom:118px;justify-content:center;max-width:none;width:min(720px,52vw);padding-top:28px;padding-right:0}
 .stage-copy:not(.stage-copy--min) h1{font-size:clamp(2rem,3vw,2.75rem);line-height:1.1;max-width:17ch;margin:14px 0 14px;text-wrap:balance;text-shadow:0 2px 20px rgba(0,0,0,.55)}
 .stage-copy:not(.stage-copy--min) .lead{font-size:clamp(1rem,1.1vw,1.1rem);line-height:1.55;max-width:54ch;color:#f3ecff;text-shadow:0 1px 10px rgba(0,0,0,.6)}
 .stage-copy:not(.stage-copy--min) .hero-ctas{margin-top:18px}
}
@media (min-width:900px) and (max-width:1180px){.stage-copy:not(.stage-copy--min){width:min(620px,58vw)}.stage-copy:not(.stage-copy--min) h1{max-width:18ch}}
@media (min-width:900px) and (max-height:760px){.stage-copy:not(.stage-copy--min) h1{font-size:clamp(1.8rem,2.6vw,2.3rem)}.stage-copy:not(.stage-copy--min) .lead{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}
@media (min-width:900px){.stage-copy:not(.stage-copy--min) .eyebrow{align-self:flex-start;width:fit-content;max-width:100%}}
/* ===== v14 (9 oct.) : FAQ partout, comparatif en images, blog DA lofi, popup newsletter ===== */
.faq-list{max-width:860px}
.faq-sec details.faq summary{padding-right:28px;position:relative}
.faq-sec details.faq summary::after{position:absolute;right:0;top:12px;float:none}
details.faq p a,.art-txt a,.seo-txt a{color:#6b4fb3;font-weight:600}
/* comparatif */
.tbl-prod a{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-weight:700;min-width:230px}
.tbl-th{flex:0 0 64px;width:64px;height:64px;border-radius:14px;background:#fff;display:grid;place-items:center;box-shadow:0 6px 14px -8px rgba(40,20,80,.45);overflow:hidden}
.tbl-th img{width:56px;height:56px;object-fit:contain}
.tbl-prod a:hover span:last-child{text-decoration:underline}
.tbl-go{display:inline-block;margin-top:6px;font-size:.78rem;font-weight:700;background:#ffb547;color:#2d1a08;border-radius:999px;padding:3px 12px;text-decoration:none}
.tbl td{vertical-align:middle}
/* textes SEO */
.seo-cols{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.seo-cols article{background:#fff8ee;color:var(--ink);border-radius:26px;padding:24px 24px 10px;box-shadow:0 14px 30px -18px rgba(0,0,0,.6)}
.seo-cols h2{font-size:1.35rem;margin-bottom:10px}.seo-cols p{color:var(--ink2);line-height:1.65}
/* blog : cartes lofi avec vignette (scène + couvertures), texte jamais caché */
.blogcards{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}
.blogcard{position:relative;display:flex;flex-direction:column;text-decoration:none;color:#fff;border-radius:30px;padding:12px 12px 20px;
 background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.14);
 box-shadow:0 30px 60px -34px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.12);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;overflow:hidden}
.blogcard:hover{transform:translateY(-6px) rotate(-.4deg);box-shadow:0 40px 70px -34px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.18),0 0 46px -12px #ffd479}
.bt-win{position:relative;display:block;border-radius:22px;overflow:hidden;aspect-ratio:16/10;background:#151126}
.bt-bg{width:100%;height:100%;object-fit:cover;filter:saturate(1.05) brightness(.82);transition:transform 1.2s ease}
.blogcard:hover .bt-bg{transform:scale(1.08)}
.bt-covers{position:absolute;inset:auto 0 10px 0;display:flex;justify-content:center;align-items:flex-end;gap:0}
.bt-c{width:78px;height:100px;object-fit:cover;border-radius:8px;background:#fff;border:3px solid #fff;box-shadow:0 12px 24px -8px rgba(0,0,0,.7)}
.bt-c0{transform:rotate(-8deg) translateX(14px)}.bt-c1{transform:translateY(-8px);z-index:2;width:86px;height:110px}.bt-c2{transform:rotate(8deg) translateX(-14px)}
.bc-ico{align-self:flex-start;margin:-26px 0 0 14px;z-index:3;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:1.5rem;
 background:radial-gradient(circle at 35% 30%,#fff8ee,#ffe9cf);box-shadow:0 10px 24px -8px rgba(0,0,0,.7),0 0 0 4px rgba(28,23,48,.85)}
.bc-tx{display:flex;flex-direction:column;gap:6px;padding:10px 8px 0}
.bc-tx b{font-family:'Playfair Display',serif;font-size:1.22rem;line-height:1.2;color:#fff}
.bc-p{color:var(--txt-n2,#d9d0f0);font-size:.9rem;line-height:1.45}
.bc-more{margin-top:6px;align-self:flex-start;font-size:.82rem;font-weight:800;color:#2d1a08;background:#ffd479;border-radius:999px;padding:6px 14px}
.blogcard:hover .bc-more{background:#ffb547}
/* article */
.art-sum{display:grid;gap:18px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);background:#fff8ee;color:var(--ink);border-radius:26px;padding:22px 24px;box-shadow:0 14px 30px -18px rgba(0,0,0,.6)}
@media (max-width:760px){.art-sum{grid-template-columns:1fr}}
.art-sum a{color:#6b4fb3;font-weight:700}
.art-toc ol{margin:8px 0 0;padding-left:20px;line-height:1.8}.art-toc a{color:#5b4b8a;font-weight:600}
.bgrid .bprod{position:relative}
.b-rank{position:absolute;left:14px;top:14px;z-index:2;background:#1c1730;color:#ffd479;font-weight:800;font-size:.8rem;border-radius:999px;padding:5px 11px;box-shadow:0 6px 14px -6px rgba(0,0,0,.6)}
.bprod .img{display:block}.bprod .img img{object-fit:contain}
.b-age{font-size:.8rem;margin:0 0 10px;color:var(--ink2)}
.art-txt{max-width:820px;background:#fff8ee;color:var(--ink);border-radius:26px;padding:10px 28px 24px;box-shadow:0 14px 30px -18px rgba(0,0,0,.6)}
.art-txt h2{margin-top:22px;font-size:1.45rem}.art-txt p{color:var(--ink2);line-height:1.7}
/* popup newsletter */
.modal .sheet .nl-scene{display:block;width:100%;height:150px;object-fit:cover;border-radius:18px;margin-bottom:12px;box-shadow:0 12px 26px -14px rgba(0,0,0,.6)}
.nl-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.err-msg{color:#b4234a;font-weight:700;font-size:.88rem;margin:8px 0 0}.err-msg:empty{display:none}
.cdc-week{display:inline-block;margin-top:6px;color:#ffd479}
.modal .sheet h2{color:#2c2440}.modal .sheet h2 em{color:#7a5cc7}.modal .sheet .eyebrow{color:#5b4b8a}
form.done .row{display:none!important}.ok-msg{color:#2c2440}.ok-msg .btn{display:inline-flex}
/* v16 blog : texte du bandeau au-dessus des effets (pluie / brume), comparatif, lisibilité des cartes */
.ihero .stage-view{z-index:0}.ihero-in{z-index:4}
.art-cmp{padding-top:10px}
.cmp-box{background:rgba(255,248,238,.07);border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:22px 24px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 30px 60px -36px rgba(0,0,0,.9)}
.cmp-box h2{color:#fff;font-size:1.5rem;margin:0 0 6px}.cmp-box .lead{color:var(--txt-n2,#d9d0f0);margin:0 0 14px}
.cmp-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:18px}
table.cmp{width:100%;border-collapse:separate;border-spacing:0;background:#fff8ee;color:var(--ink);font-size:.92rem;min-width:560px;border-radius:18px;overflow:hidden}
table.cmp th{background:#2a2245;color:#ffd479;text-align:left;font-weight:800;padding:11px 14px;font-size:.82rem;letter-spacing:.02em}
table.cmp td{padding:11px 14px;border-top:1px solid #efe3d3;vertical-align:top;line-height:1.4}
table.cmp tbody tr:nth-child(even) td{background:#fdf1e2}
table.cmp td a{color:#6b4fb3;font-weight:700}table.cmp small{color:#8a7f9a}
table.cmp .cmp-pr{font-weight:800;white-space:nowrap}
.blogcard .bc-tx{padding-bottom:4px}.bc-more{position:relative;z-index:1}
@media (max-width:700px){.cmp-box{padding:16px 14px;border-radius:22px}body{padding-bottom:70px}}
.cmp-box h2 em{color:#ffc46b}
/* v17 : miniatures dans les comparatifs du blog + texte SEO par âge */
.cmp td.tbl-prod{vertical-align:middle}
.cmp .tbl-prod a{color:#4a3a78;min-width:210px}
.cmp .tbl-th{flex-basis:56px;width:56px;height:56px;border-radius:12px}
.cmp .tbl-th img{width:48px;height:48px}
.cmp td{vertical-align:middle}
.age-seo{margin:22px 0 0;max-width:820px;color:var(--txt-n2,#d9d0f0);line-height:1.7;font-size:.98rem;background:rgba(255,248,238,.06);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:16px 20px}
.age-seo strong{color:#ffd479;font-weight:700}