/* ════════════════════════════════════════════════════════════
   PRODUIT.CSS — Styles communs à toutes les pages produit
   Charger après global.css et header.css
   ════════════════════════════════════════════════════════════ */

/* ── COULEUR PAR UNIVERS ──
   Chaque page produit déclare <body data-univers="..."> (immeubles/locative/pro/entreprise).
   Cette seule ligne suffit à rebasculer toute la palette partagée ci-dessous vers la bonne
   couleur — --cop/--bil/--pro/--ent et leurs teintes sont définis une fois dans global.css.
   Rien à recopier en dur dans le CSS de chaque page (produit-mri.css n'en a d'ailleurs pas
   besoin : "immeubles" est déjà la valeur par défaut de --lavande). */
body[data-univers="immeubles"]{--lavande:var(--cop);--lavande-l:var(--cop-l);--lavande-d:var(--cop-d);--bg:color-mix(in srgb,var(--cop-l) 20%,transparent)}
body[data-univers="locative"]{--lavande:var(--bil);--lavande-l:var(--bil-l);--lavande-d:var(--bil-d);--bg:color-mix(in srgb,var(--bil-l) 20%,transparent)}
body[data-univers="pro"]{--lavande:var(--pro);--lavande-l:var(--pro-l);--lavande-d:var(--pro-d);--bg:color-mix(in srgb,var(--pro-l) 20%,transparent)}
body[data-univers="entreprise"]{--lavande:var(--ent);--lavande-l:var(--ent-l);--lavande-d:var(--ent-d);--bg:color-mix(in srgb,var(--ent-l) 20%,transparent)}

/* ── HERO EN APLAT ──
   Fond uni de la couleur de l'univers de la page (suit data-univers), sans photo ni dégradé.
   Le CTA principal .btn-teal est lui-même en --lavande : il se fondrait dans le fond, on l'inverse
   (fond blanc / texte couleur d'univers). Les libellés passent en blanc plein pour la lisibilité. */
.hero-flat{background-color:var(--lavande)}
.hero-flat .hero-sub{color:#fff}

/* ── BANDEAU DE CHIFFRES CLÉS sous le héros (décision de la direction, 2026-10-22 : même principe que l'accueil) ──
   Couleur = la teinte FONCÉE de l'univers de la page (--lavande-d suit data-univers) : demandé par l'utilisateur le 2026-10-22 ; elle donne aussi un bon
   contraste au texte blanc et distingue le bandeau d'un héros en aplat. Compteurs : js/stats-band.js. */
.stats-band{background:var(--lavande-d);color:#fff;padding:44px 2.5rem}
.stats-band-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:32px}
.stats-band .hs-num{font-size:2.5rem;font-weight:800;line-height:1.05;letter-spacing:-1px;text-align:left;margin:0;color:#fff}
.stats-band .hs-lbl{font-size:var(--ty-xs);font-weight:500;letter-spacing:.4px;text-transform:uppercase;text-align:left;color:#fff;margin-top:8px}
@media(max-width:768px){.stats-band{padding:36px 1.25rem}.stats-band-grid{gap:24px 16px}}

/* ── RÉSUMÉ PRODUIT ── */
.produit-intro{background:white;padding:80px 2.5rem}
.hero-mri{background-color:#ded1c7;background-image:url('../images/hero-mri-v2.jpg');background-size:cover;background-position:center}
.produit-intro-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:stretch}
.produit-intro-inner>div:first-child{display:flex;flex-direction:column}
.produit-intro-inner>div:last-child{display:flex;flex-direction:column}
.pi-btns{display:flex;gap:16px;margin-top:32px;flex-wrap:wrap}
.pi-dl-card{position:relative;display:block;flex:none;min-height:160px;margin-top:auto;border-radius:var(--r-lg);overflow:hidden;text-decoration:none;color:#fff;background:#ded1c7;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px rgba(28,28,54,.15)}
.pi-dl-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(28,28,54,.28)}
.pi-dl-card:hover .pi-dl-arrow{transform:translateY(3px)}
.pi-dl-card:hover .pi-fill-img{transform:scale(1.03)}
.pi-fill-img{display:none}
.pi-dl-bar{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:20px;padding:18px 24px;background:none}
.pi-dl-left{flex-shrink:0;width:52px;height:52px;border-radius:var(--r-md);background:rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center}
.pi-dl-ico{font-size:24px;color:#fff}
.pi-dl-body{flex:1;min-width:0}
.pi-dl-label{font-size:var(--ty-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#fff;margin-bottom:2px}
.pi-dl-name{font-size:var(--ty-lead);font-weight:700;color:#fff;line-height:1.2}
.pi-dl-meta{font-size:var(--ty-xs);color:#fff;margin-top:4px}
.pi-dl-action{flex-shrink:0;display:flex;align-items:center;gap:8px;padding:10px 18px;background:#fff;color:var(--text);font-size:var(--ty-xs);font-weight:700;border-radius:100px;white-space:nowrap}
.pi-dl-arrow{font-size:14px;transition:transform .2s}
.pi-dl-card:hover .pi-dl-action{background:var(--lavande);color:#fff}
.pi-dl-card:hover{background:#d4c5b8}
.pi-dl-icon{width:44px;height:44px;border-radius:var(--r-md);background:var(--navy);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:white;font-size:18px}
.pi-dl-text{flex:1}
.pi-dl-label{font-size:var(--ty-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#fff;margin-bottom:2px}
.pi-dl-sub{font-size:var(--ty-xs);color:#8AA0B8;margin-top:2px}
.pi-dl-arrow{color:var(--text);font-size:var(--ty-xs)}
.pi-dl-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;background:var(--navy);color:white;font-size:var(--ty-xs);font-weight:700;border-radius:var(--r-sm);text-decoration:none;white-space:nowrap;transition:background .18s;flex-shrink:0}
.pi-dl-btn:hover{background:var(--lavande)}
.pi-eyebrow{font-size:var(--ty-xs);font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--lavande);margin-bottom:12px}
.pi-desc{font-size:var(--ty-body);font-weight:400;color:var(--text);line-height:1.75;margin-bottom:20px}
.stitle + .pi-desc{margin-top:20px}
strong.accent{color:var(--lavande);font-weight:600}
.cop{color:var(--lavande)}
.pi-bullets{display:flex;flex-direction:column;gap:12px}
.pi-bullet{display:flex;align-items:flex-start;gap:12px;font-size:var(--ty-body);color:var(--text);font-weight:400;line-height:1.5}
.pi-bullet-dot{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--lavande);display:flex;align-items:center;justify-content:center;margin-top:2px}

/* ── FICHE PRODUIT + VIDÉO ── */
.produit-sidebar{display:flex;flex-direction:column;gap:20px}
.dl-fiche{display:flex;align-items:center;gap:16px;background:var(--navy);border-radius:var(--r-lg);padding:22px 24px;text-decoration:none;transition:background .2s,transform .2s;cursor:pointer}
.dl-fiche:hover{background:#122550;transform:translateY(-2px)}
.dl-fiche-ico{width:44px;height:44px;border-radius:var(--r-md);background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.dl-fiche-ico svg{stroke:white;fill:none;width:22px;height:22px;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dl-fiche-body{flex:1}
.dl-fiche-label{font-size:var(--ty-xs);font-weight:600;text-transform:uppercase;letter-spacing:.7px;color:rgba(255,255,255,.6);margin-bottom:3px}
.dl-fiche-title{font-size:var(--ty-body);font-weight:700;color:white;line-height:1.3}
.dl-fiche-arrow{color:rgba(255,255,255,.5);font-size:18px;flex-shrink:0;transition:transform .2s}
.dl-fiche:hover .dl-fiche-arrow{transform:translateX(4px);color:white}
.video-encart{border-radius:var(--r-lg);overflow:hidden;position:relative;aspect-ratio:16/9;background:#0B1E35;cursor:pointer}
.video-encart iframe,.video-encart video{width:100%;height:100%;border:none;display:block}
.video-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:linear-gradient(135deg,#0B1E35 0%,var(--navy) 100%)}
.video-play-btn{width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s}
.video-encart:hover .video-play-btn{background:rgba(255,255,255,.25);transform:scale(1.1)}
.video-play-btn svg{fill:white;width:20px;height:20px;margin-left:3px}
.video-label{font-size:var(--ty-xs);font-weight:500;color:rgba(255,255,255,.7)}

/* ── GARANTIES ── */
.garanties{background:var(--bg);padding:80px 2.5rem 40px}
.garanties-inner{max-width:1280px;margin:0 auto}
.gar-cards{margin-top:40px;display:flex;flex-direction:column;gap:12px}
.gar-table{background:white;border:1px solid #E5EAF0;border-radius:var(--r-lg);overflow:hidden}
.gar-table-hd{padding:22px 28px}
.gar-sep{height:2px;background:#E5EAF0;margin:0 28px}
.gar-tr{display:grid;grid-template-columns:240px 1fr;gap:32px;padding:22px 28px}
.gar-th{font-size:var(--ty-xs);font-weight:600;color:var(--text);line-height:1.5}
.gar-td{font-size:var(--ty-xs);color:#3A4A5C;line-height:1.75;font-weight:300}
.gar-intro{font-size:var(--ty-body);font-weight:400;color:var(--text);line-height:1.7;margin-bottom:36px}
.gc-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px;background:var(--lavande);border-radius:var(--r-lg);margin-top:4px;border:none;cursor:pointer;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s;text-decoration:none;box-shadow:0 4px 24px color-mix(in srgb,var(--lavande) 30%,transparent)}
.gc-footer:hover{transform:translateY(-3px);box-shadow:0 16px 48px color-mix(in srgb,var(--lavande) 40%,transparent)}
.gc-footer:focus-visible{outline:3px solid var(--lavande-d);outline-offset:3px;transform:translateY(-3px)}
.gc-footer:focus-visible .gc-footer-btn{transform:translateX(3px);box-shadow:none}
.gc-footer-content{display:flex;flex-direction:column;gap:8px}
.gc-footer-label{font-size:var(--ty-h3-size);color:#fff;font-weight:800;line-height:1.15}
.gc-footer-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:14px;white-space:nowrap;padding:17px 22px 17px 28px;border-radius:10px;font-size:var(--ty-h4-size);font-weight:700;background:#fff!important;color:var(--lavande-d)!important;animation:cta-pulse 2.8s ease-in-out 1.2s infinite}
.gc-footer-btn i{flex-shrink:0;width:30px;height:30px;border-radius:50%;background:var(--lavande);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:var(--ty-xs)}
.gc-footer:hover .gc-footer-btn{transform:translateX(3px);box-shadow:none}
.gc-footer-btn::before{display:none}
.gc-footer-btn:hover,.gc-footer-btn:focus-visible{outline:none}
@keyframes cta-pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.6)}60%{box-shadow:0 0 0 10px rgba(255,255,255,0)}}
@media(prefers-reduced-motion:reduce){.gc-footer-btn{animation:none}}

/* ── NOTRE OFFRE ── */
.notre-offre{background:var(--bg);padding:40px 2.5rem 80px;position:relative;overflow:hidden}
.notre-offre-inner{max-width:1280px;margin:0 auto}
.offre-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.offre-card{background:var(--bg);border-radius:var(--r-lg);padding:20px;display:flex;align-items:center;gap:15px}
.offre-ico{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center}
.offre-title{font-size:var(--ty-h4-size);font-weight:600;color:var(--text);line-height:1.4}
.offre-ctas{display:flex;gap:40px;flex-wrap:wrap;margin-top:40px}
.va-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:32px;margin-bottom:48px}
.va-pill{font-size:var(--ty-xs);font-weight:500;color:var(--text);line-height:1.5;padding:14px 18px;background:#fff;border-radius:var(--r-md);display:flex;align-items:flex-start;gap:8px}
.va-pill::before{content:'>';color:#668CC2;font-weight:700;flex-shrink:0;margin-top:.05em}
.va-pill-wide{grid-column:1/-1}
.offre-bg-text{position:absolute;bottom:-0.2em;left:5rem;right:2.5rem;font-size:clamp(3rem,7vw,96px);font-weight:800;color:white;line-height:1;letter-spacing:-.02em;opacity:.9;pointer-events:none}

/* ── COMPARATIF FORMULES ── */
.formules{background:white;padding:80px 2.5rem}
.formules-inner{max-width:1280px;margin:0 auto}
.formule-table{margin-top:40px;border-radius:var(--r-lg);overflow:hidden;border:1px solid #E1E1E1}
.ft-head{display:grid;grid-template-columns:2fr 1fr 1fr 1fr}
.ft-head-cell{padding:24px 20px;background:var(--navy);color:white;font-size:var(--ty-xs);font-weight:600;text-align:center}
.ft-head-cell:first-child{text-align:left;background:#0d2040;padding-left:32px}
.ft-head-name{font-size:var(--ty-lead);font-weight:800;display:block;margin-bottom:4px}
.ft-head-desc{font-size:var(--ty-xs);font-weight:400;opacity:.75;display:block}
.ft-head-cell.highlight{background:var(--lavande);position:relative}
.ft-head-cell.highlight::before{content:'Recommandé';position:absolute;top:-1px;left:50%;transform:translateX(-50%);font-size:var(--ty-xs);font-weight:700;text-transform:uppercase;letter-spacing:.6px;background:var(--lavande-d);color:white;padding:3px 10px;border-radius:0 0 8px 8px;white-space:nowrap}
.ft-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;border-top:1px solid #E1E1E1}
.ft-row:nth-child(odd) .ft-cell{background:#FAFBFC}
.ft-cell{padding:16px 20px;font-size:var(--ty-xs);color:var(--text);display:flex;align-items:center;justify-content:center}
.ft-cell:first-child{justify-content:flex-start;font-weight:500;padding-left:32px}
.ft-cell.highlight{background:color-mix(in srgb,var(--lavande) 6%,transparent)!important}
.ft-check{width:22px;height:22px;border-radius:50%;background:var(--lavande);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ft-cross{width:22px;height:22px;border-radius:50%;background:#E1E1E1;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ft-option{font-size:var(--ty-xs);font-weight:600;color:var(--lavande);border:1px solid var(--lavande);border-radius:100px;padding:2px 10px;white-space:nowrap}
.ft-foot{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;background:#F7F9FB;border-top:1px solid #E1E1E1}
.ft-foot-cell{padding:20px;display:flex;justify-content:center}
.ft-foot-cell:first-child{justify-content:flex-start;padding-left:32px;align-items:center;font-size:var(--ty-xs);color:#4A6785}
.ft-note{font-size:var(--ty-xs);color:#4A6785;margin-top:16px;text-align:center}

/* ── EXEMPLES DE SINISTRES ── */
.sinistres{background:white;padding:80px 2.5rem}
.sinistres-inner{max-width:1280px;margin:0 auto}
.sin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:40px}
.sin-card{background:color-mix(in srgb,var(--lavande-l) 12%,#fff);border-radius:var(--r-lg);padding:32px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s,background .2s}
.sin-card:hover{transform:translateY(-5px);background:color-mix(in srgb,var(--lavande-l) 22%,#fff);box-shadow:0 20px 48px rgba(28,28,54,.1)}
.sin-icon{width:64px;height:64px;border-radius:var(--r-lg);background:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:20px;flex-shrink:0}
.sin-icon i{font-size:28px;color:var(--text)}
.sin-scenario{font-size:var(--ty-h4-size);font-weight:700;color:var(--text);line-height:1.3;margin-bottom:12px}
.sin-desc{font-size:var(--ty-xs);font-weight:400;color:#4A6785;line-height:1.75;flex:1;margin-bottom:24px}
.sin-stats{padding-top:20px;display:flex;flex-direction:column;gap:16px}
.sin-stat-lbl{font-size:var(--ty-xs);font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--text);margin-bottom:4px}
.sin-stat-val{font-size:var(--ty-h3-size);font-weight:800;color:var(--lavande);line-height:1.1;white-space:nowrap}
.sin-stat-val.navy{font-size:var(--ty-h4-size);color:var(--lavande)}
/* exemple détaillé (Nature des travaux / Dommage déclaré / Origine, page DO 2026-11-02) : un paragraphe par rubrique, intitulé en --text */
.sin-fact{margin:0}
.sin-fact + .sin-fact{margin-top:10px}
.sin-fact strong{font-weight:700;color:var(--text)}
.sin-stat-note{font-size:var(--ty-xs);color:#4A6785;line-height:1.5;margin-top:6px}
/* .sin-grid-align : les rangées (pictogramme, titre, texte, « Prise en charge ») s'alignent d'une carte à l'autre (sous-grille),
   même si une carte a une note sous le montant — sinon le bloc du bas, calé en bas de carte, remonte de la hauteur de la note */
@supports (grid-template-rows:subgrid){
  .sin-grid-align .sin-card{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0;justify-items:center}
  .sin-grid-align .sin-stats{align-self:start}
}

/* ── DOCUMENTATION COMMERCIALE ── */
.aqui{background:var(--bg);padding:80px 2.5rem}
.aqui-kicker{max-width:1280px;margin:0 auto;padding-bottom:20px}
.aqui-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr;gap:4rem;align-items:center}
/* aqui video */
.aqui-video-wrap{display:flex;flex-direction:column;gap:16px}
.aqui-video-thumb{position:relative;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:16/9;background:linear-gradient(135deg,#0f2245 0%,var(--navy) 55%,#1a4a6e 100%);cursor:pointer}
.aqui-video-gradient{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 40%,color-mix(in srgb,var(--lavande) 18%,transparent) 0%,transparent 65%)}
.aqui-video-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.aqui-play-btn{width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.4);backdrop-filter:blur(6px);color:white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .18s,transform .18s;padding-left:4px}
.aqui-play-btn:hover{background:color-mix(in srgb,var(--lavande) 55%,transparent);border-color:var(--lavande);transform:scale(1.08)}
.aqui-video-duration{position:absolute;bottom:14px;right:14px;font-size:var(--ty-xs);font-weight:600;color:white;background:rgba(0,0,0,.45);border-radius:var(--r-sm);padding:2px 7px}
.aqui-video-label{position:absolute;bottom:14px;left:14px}
.aqui-video-kicker{font-size:var(--ty-xs);font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--lavande);margin-bottom:3px}
.aqui-video-title{font-size:var(--ty-body);font-weight:800;color:white;letter-spacing:-.2px;text-shadow:0 1px 6px rgba(0,0,0,.4)}
.aqui-video-caption{font-size:var(--ty-xs);color:#4A6785;line-height:1.6;margin:0}
.partner-hint{font-size:var(--ty-lead);font-weight:800;color:#000;line-height:1.25;margin-bottom:6px}
.partner-hint-sub{font-size:var(--ty-body);font-weight:600;color:#000;margin-bottom:20px;margin-top:0}
.partner-card{background:white;border:1px solid var(--navy);border-radius:var(--r-lg);padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}
.partner-cta{font-size:var(--ty-xs);font-weight:600;color:var(--text);white-space:nowrap;display:flex;align-items:center;gap:4px}
.aqui-desc{font-size:var(--ty-body);font-weight:400;color:#4A6785;line-height:1.6}
.jassure-logo{background:#F0F7FF;border-radius:var(--r-sm);padding:10px 16px;font-size:var(--ty-xs);font-weight:700;color:var(--text)}

/* ── EXCLUSIONS ── */
.exclusions{background:white;padding:80px 2.5rem}
.exclusions-inner{max-width:1280px;margin:0 auto}
.excl-intro{font-size:var(--ty-body);font-weight:400;color:#4A6785;line-height:1.7;max-width:680px;margin-bottom:36px}
.excl-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.excl-item{background:var(--bg);border-radius:var(--r-lg);padding:20px 24px;display:flex;align-items:flex-start;gap:14px}
.excl-dot{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;margin-top:2px}
.excl-check{font-size:10px;color:var(--lavande)}
.excl-title{font-size:var(--ty-body);font-weight:600;color:var(--text);margin-bottom:3px}
.excl-desc{font-size:var(--ty-xs);font-weight:400;color:#4A6785;line-height:1.55}
.excl-note{background:var(--bg);border-radius:var(--r-lg);padding:20px 24px;border-left:3px solid var(--lavande);margin-top:16px;font-size:var(--ty-xs);color:var(--text);line-height:1.65}

/* ── COLOR BAR ── */


/* ── DOCUMENTATION RESSOURCES ── */
.docu{background:white;padding:80px 2.5rem}
.docu-inner{max-width:1280px;margin:0 auto}
.docu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.docu-card{background:var(--bg);border-radius:var(--r-lg);padding:28px;display:flex;flex-direction:column;gap:16px;transition:transform .2s,box-shadow .2s}
.docu-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(28,28,54,.08)}
.docu-card-ico{width:52px;height:52px;border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.docu-card-ico.ico-doc{background:white;color:var(--text)}
.docu-card-ico.ico-pod{background:white;color:var(--lavande)}
.docu-card-ico.ico-vid{background:white;color:var(--lavande)}
.docu-card-type{font-size:var(--ty-xs);font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#8AA0B8}
.docu-card-title{font-size:var(--ty-body);font-weight:700;color:var(--text);line-height:1.4;flex:1}
.docu-card-meta{font-size:var(--ty-xs);color:#8AA0B8;font-weight:500}
.docu-card-cta{display:inline-flex;align-items:center;gap:7px;font-size:var(--ty-xs);font-weight:700;color:var(--lavande);text-decoration:none;margin-top:4px}
.docu-card-cta svg{transition:transform .2s}
.docu-card:hover .docu-card-cta svg{transform:translateX(3px)}
.link-disabled{opacity:.5;pointer-events:none}

/* ── POURQUOI ODEALIM ── */
.pourquoi{background:white;padding:80px 2.5rem}
.pourquoi-inner{max-width:1280px;margin:0 auto}
.pq-list{display:flex;flex-direction:column;gap:14px;margin-top:24px;flex:1;justify-content:space-between}
.pq-card{background:var(--bg);border-radius:var(--r-lg);padding:20px;display:flex;align-items:flex-start;gap:16px}
.pq-ico{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:white;display:flex;align-items:center;justify-content:center;color:var(--lavande);font-size:18px}
.pq-right{flex:1}
.pq-title{font-size:var(--ty-h4-size);font-weight:600;color:var(--text);margin-bottom:6px}
.pq-desc{font-size:var(--ty-body);font-weight:400;color:var(--text);line-height:1.7}
.pq-desc span{display:block}

/* ── TÉMOIGNAGES ── */
.temoignages{background:white;padding:80px 2.5rem}
.temo-inner{max-width:1280px;margin:0 auto}
.temo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.temo-card{background:white;border:1px solid #E1E1E1;border-radius:var(--r-lg);padding:32px;display:flex;flex-direction:column;gap:16px;position:relative}
.temo-stars{display:flex;gap:3px;margin-bottom:4px}
.temo-quote{font-size:var(--ty-body);font-weight:400;color:var(--text);line-height:1.7;font-style:italic;flex:1}
.temo-quote::before{content:'\201C';font-size:42px;font-weight:800;color:color-mix(in srgb,var(--lavande) 30%,transparent);line-height:0;vertical-align:-16px;margin-right:4px}
.temo-author-block{border-top:1px solid rgba(28,28,54,.1);padding-top:16px}
.temo-author-name{font-size:var(--ty-xs);font-weight:700;color:var(--text)}
.temo-author-role{font-size:var(--ty-xs);font-weight:400;color:#4A6785}
.temo-date{font-size:var(--ty-xs);color:#8AA0B8;margin-top:4px}

/* ── PAROLE D'EXPERTS ── */
.parole{background:white;padding:0 2.5rem 80px}
.parole-inner{max-width:1280px;margin:0 auto}
.parole-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:36px}
.parole-card{background:white;border:1px solid #E1E1E1;border-radius:var(--r-lg);padding:30px;display:flex;flex-direction:column;gap:10px}
.parole-dtitle{font-size:var(--ty-h4-size);font-weight:600;color:var(--text);line-height:1.4}
.parole-ddesc{font-size:var(--ty-xs);font-weight:400;color:var(--text);line-height:1.65;flex:1}
.parole-dl{font-size:var(--ty-xs);font-weight:600;color:var(--text);display:flex;align-items:center;gap:5px;padding-top:15px}

/* ── EXPERT ── */
.expert{background:var(--bg);padding:80px 2.5rem 60px;overflow:hidden}
.expert-inner{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:32px}
.expert-body{display:grid;grid-template-columns:420px 1fr;gap:5rem;align-items:stretch}
.expert-profile{display:flex;flex-direction:column;align-items:center;justify-content:flex-end}
.expert-avatar{width:420px;height:420px;border-radius:50%;background:#D8E4EC;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:-100px}  /* rond COUPÉ en bas = design voulu ; -100px (au lieu de -200px) pour montrer davantage la photo (demande du 2026-10-27) */
.expert-avatar img{width:100%;height:100%;object-fit:cover}
.expert-avatar-label{font-size:var(--ty-xs);font-weight:600;color:#8AA0B8;text-align:center}
.expert-faq{display:flex;flex-direction:column}
.expert-faq .faq-q{font-size:var(--ty-body)}
.expert-faq .faq-list{margin-top:24px}

/* ── FAQ ── */
.faq-sect{background:var(--bg);padding:80px 2.5rem}
.faq-inner{max-width:1280px;margin:0 auto}
.faq-list{margin-top:36px}
.faq-item{border-bottom:1px solid var(--navy)}
.faq-q{display:flex;align-items:center;justify-content:space-between;padding:13px 0;font-size:var(--ty-h4-size);font-weight:600;color:var(--text);cursor:pointer;gap:16px;background:none;border:none;width:100%;text-align:left;font-family:inherit}
.faq-chevron{flex-shrink:0;transition:transform .25s;color:var(--lavande)}
.faq-item.open .faq-chevron{transform:rotate(180deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq-item.open .faq-a{max-height:1600px}
.faq-a-inner{font-size:var(--ty-xs);font-weight:400;color:#4A6785;line-height:1.75;padding-bottom:18px}

/* ── PRODUITS EN LIEN ── */
.prodlien{background:white;padding:80px 2.5rem}
.prodlien-inner{max-width:1280px;margin:0 auto}
.prodlien-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}

/* ── CTA ── */
.cta{background:var(--lavande);padding:80px 2.5rem}
.cta-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:3rem}
.cta-h{font-size:var(--ty-h2-size);font-weight:800;color:white;line-height:1.1}
.cta-h-italic{font-size:var(--ty-h2-size);font-weight:400;font-style:italic;color:white;line-height:1.25;margin-top:6px}
.cta-sub{font-size:var(--ty-body);color:white;margin-top:14px;font-weight:400;max-width:450px}
.cta-btns{display:flex;gap:16px;flex-shrink:0;flex-wrap:wrap;align-items:center}
.cta .btn-white{color:var(--lavande)}
.cta .btn-white:hover,.cta .btn-white:focus-visible{color:#fff}

/* ── RESPONSIVE ── */
@media(max-width:900px){
  .hero-inner,.aqui-inner,.cta-inner,.produit-intro-inner{grid-template-columns:minmax(0,1fr);gap:2.5rem}
  .cta-inner{flex-direction:column;align-items:flex-start;gap:1.5rem}   /* le bandeau d'appel est un flex : de 769 à 900 px ses 2 boutons (505 px) le faisaient déborder de 28 à 64 px */   /* minmax(0,…) : sans lui un contenu large (vidéo, long mot) élargit la colonne et fait déborder la page à 320 px */
  .docu-grid{grid-template-columns:1fr}
  .parole-grid,.prodlien-grid,.sin-grid,.temo-grid{grid-template-columns:1fr}
  .excl-grid{grid-template-columns:1fr}
  .ft-head,.ft-row,.ft-foot{grid-template-columns:1.5fr 1fr 1fr 1fr;font-size:var(--ty-xs)}
  .pq-card{gap:20px}
  .offre-list{grid-template-columns:1fr}
  .expert-body{grid-template-columns:1fr;gap:2rem}
  .expert-avatar{width:160px;height:160px;margin-bottom:0;margin-left:auto;margin-right:auto}
  /* pq-list : revert dynamic stretch (no 2-col constraint) */
  .pq-list{justify-content:flex-start;flex:unset}
  /* sin-stats : stats côte à côte sur carte pleine largeur */
  .sin-stats{flex-direction:row;justify-content:space-around;padding-top:16px;border-top:1px solid rgba(28,28,54,.07)}
}
/* carte « Télécharger la fiche produit » sur petit téléphone : à 335 px de large, icône + texte + pastille sur une seule ligne laissaient 70 px au titre (« Téléch / la / fiche produit ») ;
   l'icône et le titre restent sur la 1re ligne, la pastille passe dessous, pleine largeur */
@media(max-width:480px){
  .pi-dl-card{min-height:196px}
  .pi-dl-bar{flex-wrap:wrap;gap:12px 14px;padding:16px 18px}
  .pi-dl-left{width:44px;height:44px}
  .pi-dl-body{flex:1 1 calc(100% - 58px)}
  .pi-dl-action{width:100%;justify-content:center}
}
@media(max-width:768px){
  .garanties,.notre-offre,.aqui,.docu,.pourquoi,.parole,.faq-sect,.prodlien,.cta,.produit-intro,.formules,.sinistres,.exclusions,.temoignages{padding-left:1.25rem;padding-right:1.25rem}
  .garanties,.notre-offre,.aqui,.docu,.pourquoi,.sinistres,.temoignages,.faq-sect,.prodlien,.cta{padding-top:48px;padding-bottom:48px}
  .expert{padding-left:1.25rem;padding-right:1.25rem;padding-bottom:48px}
  .expert-faq .faq-q{font-size:15px}
  .gar-tr{grid-template-columns:1fr;gap:6px;padding:16px 20px}
  .gar-th{color:var(--text);font-size:var(--ty-xs)}
  .va-grid{grid-template-columns:minmax(0,1fr)}   /* était `columns:1`, sans effet sur une grille : 2 colonnes restaient, trop étroites à 320 px */
  .pq-card{align-items:flex-start;padding:16px}
  .offre-ctas{flex-direction:column;align-items:flex-start;gap:12px}
  .offre-ctas a{width:100%;justify-content:center}
  .sin-card{padding:24px 20px}
  .sin-scenario{font-size:var(--ty-body)}
  .partner-card{flex-wrap:wrap;gap:10px}
  .partner-hint{font-size:var(--ty-body)}
  .aqui-play-btn{width:52px;height:52px}
  .aqui-video-title{font-size:var(--ty-xs)}
  .aqui-video-kicker{font-size:var(--ty-xs)}
  .formule-table{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .ft-head,.ft-row,.ft-foot{min-width:520px}
  .temo-grid,.sin-grid,.prodlien-grid{gap:16px}
  .faq-q{font-size:var(--ty-body)}
  .cta-inner{flex-direction:column;align-items:flex-start;gap:1.5rem}
  .cta-btns{flex-direction:column;width:100%}
  .cta-btns a{width:100%;justify-content:center}
  .pi-btns{flex-direction:column}
  .pi-btns a{width:100%;justify-content:center}
  .docu-card{padding:20px 16px}
  .parole-card{padding:20px}
  .gc-footer{flex-direction:column;align-items:flex-start;gap:14px;padding:22px 16px}
  .gc-footer-label{font-size:var(--ty-h4-size)}
  .gc-footer-btn{width:100%;justify-content:center;padding:17px 12px 17px 16px;gap:10px;white-space:normal;text-align:center}
}
@media(max-width:480px){
  .sin-card{padding:20px 16px}
  .sin-stats{flex-direction:column;gap:12px;border-top:none;padding-top:0}
  .pq-card{padding:14px}
  .temo-card{padding:20px}
  .excl-item{padding:16px 18px}
  .docu-grid{gap:12px}
}

/* Alternance des fonds quand « Exemples de prise en charge » est masqué (lorem, [data-lorem] dans global.css, 2026-10-27) :
   « À qui s'adresse » passe en blanc, et des « Conditions » qui la suivent en lavande. Se défait seul quand on retire data-lorem. */
section[data-lorem] + .aqui{background:white}
section[data-lorem] + .aqui + .exclusions{background:var(--bg)}