/* Feuille de style V18 (août 2026) de /cancer-sein, recopiée telle quelle depuis
   juillet/dr-zeitoun V18/cancer-sein.html (blocs <style> en ligne, même ordre).
   Chargée UNIQUEMENT par la page test cancer-sein.html. */
/* ===== V18 cancer-sein.html — <style> n°1 (head) ===== */

:root{
  --n:#0d1f35;--n2:#162844;--n3:#1e3558;
  --r:#b8856a;--r2:#a06e55;--r3:#f0ddd5;
  --w:#ffffff;--off:#f9f8f6;--ink:#111827;
  --mid:#4b5563;--lt:#9ca3af;
  --rn:rgba(255,255,255,.08);--rl:rgba(13,31,53,.1);
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Inter',system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;scroll-padding-top:130px;;font-size:118%}
@media(max-width:1100px){html{scroll-padding-top:116px;}}
body{font-family:var(--sans);background:var(--n);color:var(--ink);overflow-x:clip;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
img{display:block;width:100%;height:100%;object-fit:cover;}
/* ═══ NAV UNIVERSELLE v2.0 ═══ */
:root{--nav-h:72px;--nav-h-scroll:60px;--nav-h-mobile:56px;--logo-sz:48px;}
/* ============================================
   NAV v2.0 (référence prothèse — fond transparent au repos, opaque au scroll)
   ============================================ */
.nav-spacer{height:var(--nav-h);width:100%;}
@media(max-width:1100px){.nav-spacer{height:var(--nav-h-mobile);}}
.page-hero{min-height:520px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:140px 52px 80px;}
.ph-ov{position:absolute;inset:0;background:linear-gradient(108deg,rgba(13,31,53,.97) 0%,rgba(13,31,53,.5) 100%);}
.ph-ov2{position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,var(--n) 0%,transparent 100%);}
.ph-content{position:relative;z-index:2;max-width:800px;}
.ph-eyebrow{font-size:.56rem;letter-spacing:.3em;text-transform:uppercase;color:var(--r);display:flex;align-items:center;gap:11px;margin-bottom:22px;opacity:0;animation:fu .7s .1s forwards;}
.ph-eyebrow::before{content:'';width:22px;height:1px;background:var(--r);}
h1.ph-h1{font-family:var(--serif);font-weight:300;font-size:clamp(3.5rem,6vw,7rem);line-height:.92;color:var(--w);letter-spacing:-.02em;margin-bottom:22px;opacity:0;animation:fu .8s .2s forwards;}
h1.ph-h1 .it{font-style:italic;color:var(--r);}
.ph-desc{font-size:1rem;line-height:1.82;color:rgba(255,255,255,.52);max-width:560px;margin-bottom:30px;opacity:0;animation:fu .8s .3s forwards;}
.ph-desc strong{color:rgba(255,255,255,.88);font-weight:400;}
@keyframes fu{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}

.sec-nav{background:var(--n2);border-bottom:1px solid var(--rn);position:sticky;top:72px;z-index:300;}
.sec-nav::after{content:'';position:absolute;right:0;top:0;bottom:0;width:40px;background:linear-gradient(to left,var(--n2) 40%,transparent);pointer-events:none;z-index:1;}
.sec-nav-inner{max-width:100%;margin:0;display:flex;overflow-x:auto;justify-content:space-around;padding:0 24px;}
.sn-a{padding:18px 8px;font-size:.58rem;letter-spacing:.07em;text-transform:uppercase;color:rgba(255,255,255,.6);white-space:nowrap;transition:all .2s;border-bottom:3px solid transparent;display:block;font-weight:600;flex:1;text-align:center;}
.sn-a:hover,.sn-a.active{color:var(--w);border-bottom-color:var(--r);}
.s{padding:110px 52px;scroll-margin-top:120px;}
.si{max-width:1160px;margin:0 auto;}

.s-navy{background:var(--n);}
.s-navy .intro-paragraphs p,.s-navy2 .intro-paragraphs p,.s-navy .intro-paragraphs li,.s-navy2 .intro-paragraphs li{color:rgba(255,255,255,.78);font-family:var(--serif);font-size:1.12rem;line-height:1.7;}
.s-navy .intro-paragraphs strong,.s-navy2 .intro-paragraphs strong{color:#fff;font-weight:600;}
.s-navy2{background:var(--n2);}
.s-off{background:var(--off);}
.stag{font-size:.54rem;letter-spacing:.28em;text-transform:uppercase;color:var(--r);display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.stag::before{content:'';width:20px;height:1px;background:var(--r);}
.sh-w{font-family:var(--serif);font-weight:300;font-size:clamp(2.2rem,4vw,4rem);line-height:.96;color:var(--w);}
.sh-w em{font-style:italic;color:var(--r);}
.sh-d{font-family:var(--serif);font-weight:300;font-size:clamp(2.2rem,4vw,4rem);line-height:.96;color:var(--ink);}
.sh-d em{font-style:italic;color:var(--r);}
.lead-w{font-size:1.05rem;line-height:1.85;color:rgba(255,255,255,.48);max-width:680px;margin-top:16px;}
.lead-d{font-size:1.05rem;line-height:1.85;color:var(--mid);max-width:680px;margin-top:16px;}
/* ═══ VIDÉO YOUTUBE ═══ */
.video-section{padding-bottom:110px;}
.video-si{display:flex;flex-direction:column;align-items:flex-start;}
.video-wrap{width:100%;max-width:900px;margin:52px auto 0;display:flex;flex-direction:column;align-items:center;}
.video-embed{position:relative;width:100%;max-width:420px;aspect-ratio:9/16;background:#000;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5);border:1px solid rgba(184,133,106,.2);}
.video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;}
.video-cta{margin-top:32px;display:inline-flex;align-items:center;gap:10px;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--r);font-weight:500;padding:14px 28px;border:1px solid var(--r);transition:all .3s;text-decoration:none;}
.video-cta:hover{background:var(--r);color:var(--w);}
@media(max-width:768px){.video-embed{max-width:100%;}}
.emphatic-intro{font-family:var(--serif);font-weight:300;font-size:clamp(1.4rem,2.2vw,2rem);line-height:1.5;color:rgba(255,255,255,.82);max-width:780px;margin-top:28px;border-left:3px solid var(--r);padding-left:28px;}
.symptom-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:28px;}
.symptom-chip{font-size:.88rem;padding:12px 18px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.1);line-height:1.4;display:flex;align-items:center;}
.symptom-chip strong{color:var(--w);font-weight:500;}
.motifs-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.07);margin-top:44px;}
.motif-card{background:var(--n2);padding:30px 24px;transition:all .3s;}
.motif-card:hover{background:var(--r);}
.motif-card:hover .mc-title,.motif-card:hover .mc-desc{color:var(--w);}
.motif-card:hover .mc-icon svg{stroke:var(--w);}
.mc-icon{margin-bottom:16px;}
.mc-icon svg{width:34px;height:34px;stroke:var(--r);stroke-width:1.5;fill:none;transition:all .3s;}
.mc-title{font-family:var(--serif);font-size:1.05rem;color:var(--w);margin-bottom:6px;transition:color .3s;line-height:1.2;}
.mc-desc{font-size:.92rem;line-height:1.68;color:rgba(255,255,255,.4);transition:color .3s;}
.onco-techniques{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:rgba(184,133,106,.2);margin-top:44px;}
.ot-card{background:var(--n);padding:22px 16px;text-align:center;}
.ot-name{font-family:var(--serif);font-size:.95rem;color:var(--r);margin-bottom:6px;line-height:1.2;}
.ot-sub{font-size:.72rem;line-height:1.55;color:rgba(255,255,255,.35);}
.parcours-v{display:flex;flex-direction:column;gap:0;margin-top:44px;max-width:760px;}
.pv-step{display:grid;grid-template-columns:56px 1fr;gap:0;position:relative;}
.pv-step::before{content:'';position:absolute;left:27px;top:56px;bottom:0;width:2px;background:rgba(184,133,106,.2);}
.pv-step:last-child::before{display:none;}
.pv-num{width:56px;height:56px;border-radius:50%;background:rgba(184,133,106,.12);border:1.5px solid rgba(184,133,106,.3);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:1.1rem;color:var(--r);flex-shrink:0;position:relative;z-index:1;}
.pv-body{padding:0 0 44px 28px;}
.pv-title{font-family:var(--serif);font-size:1.15rem;color:var(--w);margin-bottom:8px;line-height:1.2;}
.pv-desc{font-size:.96rem;line-height:1.8;color:rgba(255,255,255,.45);}
.pv-desc strong{color:rgba(255,255,255,.8);font-weight:400;}
.zone-divider{height:1px;background:linear-gradient(90deg,var(--r) 0%,rgba(184,133,106,.1) 100%);margin:0 0 80px;}
.info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.06);margin-top:44px;}
.ic{background:var(--n);padding:28px 24px;}
.ic-label{font-size:.56rem;letter-spacing:.22em;text-transform:uppercase;color:var(--r);margin-bottom:10px;}
.ic-val{font-family:var(--serif);font-size:1.5rem;color:var(--w);margin-bottom:8px;line-height:1.1;}
.ic-desc{font-size:.88rem;line-height:1.65;color:rgba(255,255,255,.4);}
.acc-wrap{margin-top:44px;border-top:1px solid rgba(255,255,255,.1);}
.acc-item{border-bottom:1px solid rgba(255,255,255,.1);overflow:hidden;}
.acc-head{display:flex;align-items:center;justify-content:space-between;padding:22px 0;cursor:pointer;gap:20px;}
.acc-head-inner{display:flex;align-items:center;gap:18px;}
.acc-illus{width:52px;height:52px;flex-shrink:0;opacity:.85;transition:opacity .3s;}
.acc-item.open .acc-illus,.acc-head:hover .acc-illus{opacity:1;}
.acc-head:hover .acc-title{color:var(--r);}
.acc-title{font-family:var(--serif);font-size:1.3rem;font-weight:400;color:var(--w);transition:color .2s;line-height:1.2;}
.acc-subtitle{font-size:.8rem;color:rgba(255,255,255,.35);display:block;margin-top:4px;font-family:var(--sans);}
.acc-arrow{font-size:1.4rem;color:var(--r);transition:transform .35s;flex-shrink:0;}
.acc-item.open .acc-arrow{transform:rotate(180deg);}
.acc-body{max-height:0;overflow:hidden;transition:max-height .6s cubic-bezier(.4,0,.2,1);}
.acc-item.open .acc-body{max-height:3000px;}
.acc-body>div{overflow:hidden;min-height:0;}
.acc-content{padding:4px 0 28px 70px;}
.acc-content p{font-size:1.02rem;line-height:1.88;color:rgba(255,255,255,.48);margin-bottom:12px;}
.acc-content p:last-child{margin-bottom:0;}
.acc-content strong{color:rgba(255,255,255,.88);font-weight:400;}
.acc-content ul{margin:10px 0 12px 20px;}
.acc-content ul li{font-size:1rem;line-height:1.85;color:rgba(255,255,255,.45);margin-bottom:6px;}
.acc-content ul li strong{color:rgba(255,255,255,.82);font-weight:400;}
.histo-box{background:rgba(184,133,106,.07);border:1px solid rgba(184,133,106,.2);padding:28px 32px;margin-top:36px;}
.histo-box-title{font-family:var(--serif);font-size:1.05rem;color:var(--r);margin-bottom:18px;letter-spacing:.02em;}
.histo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 32px;}
.histo-term{display:grid;grid-template-columns:auto 1fr;gap:0 12px;align-items:start;}
.histo-k{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--r);font-weight:600;white-space:nowrap;padding-top:2px;}
.histo-v{font-size:.88rem;line-height:1.6;color:rgba(255,255,255,.42);}
.histo-v strong{color:rgba(255,255,255,.75);font-weight:400;}
.rdv-mini{background:rgba(184,133,106,.1);border:1px solid rgba(184,133,106,.22);padding:22px 28px;margin-top:44px;display:flex;align-items:center;justify-content:space-between;gap:20px;}
.rdv-mini-text p{font-size:.96rem;color:rgba(255,255,255,.55);line-height:1.6;max-width:480px;}
.rdv-mini-text strong{color:rgba(255,255,255,.85);font-weight:400;}
.rdv-mini-btns{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap;}
.btn-r{display:inline-flex;align-items:center;gap:8px;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;padding:13px 22px;background:var(--r);color:var(--w);font-weight:500;transition:background .25s;}
.btn-r:hover{background:var(--r2);}
.btn-o{display:inline-flex;align-items:center;gap:8px;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;padding:12px 22px;border:1px solid rgba(184,133,106,.4);color:var(--r);font-weight:500;transition:all .25s;}
.btn-o:hover{border-color:var(--r);background:rgba(184,133,106,.1);}
.avis-strip{background:var(--r);display:grid;grid-template-columns:1fr auto;align-items:center;padding:24px 52px;gap:40px;}
.avis-strip-pill{display:inline-flex;align-items:center;gap:6px;font-size:.52rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.75);margin-bottom:8px;}
.avis-strip-pill::before{content:'●';font-size:.4rem;color:var(--w);animation:blink 1.5s ease-in-out infinite;}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.avis-strip-t{font-family:var(--serif);font-size:1.4rem;font-weight:300;color:var(--w);}
.avis-strip-d{font-size:.78rem;color:rgba(255,255,255,.7);margin-top:4px;}
.avis-strip-btn{font-family:var(--serif);font-size:.75rem;font-weight:400;letter-spacing:.06em;padding:12px 22px;background:rgba(255,255,255,.15);color:var(--w);border:1px solid rgba(255,255,255,.3);transition:all .25s;white-space:nowrap;}
.avis-strip-btn:hover{background:var(--w);color:var(--r);}
.recovery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:44px;}
.rg-card{background:var(--n2);padding:28px 24px;border-left:3px solid rgba(184,133,106,.3);}
.rg-card.highlight{border-left-color:var(--r);}
.rg-label{font-size:.56rem;letter-spacing:.2em;text-transform:uppercase;color:var(--r);margin-bottom:12px;}
.rg-title{font-family:var(--serif);font-size:1.1rem;color:var(--w);margin-bottom:10px;}
.rg-body{font-size:.92rem;line-height:1.72;color:rgba(255,255,255,.44);}
.rg-body strong{color:rgba(255,255,255,.78);font-weight:400;}
.faq-wrap{margin-top:44px;border-top:1px solid rgba(13,31,53,.12);}
.faq-item{border-bottom:1px solid rgba(13,31,53,.12);overflow:hidden;}
.faq-head{display:flex;align-items:center;justify-content:space-between;padding:20px 0;cursor:pointer;gap:20px;}
.faq-head:hover .faq-q{color:var(--r);}
.faq-q{font-family:var(--serif);font-size:1.15rem;color:var(--ink);transition:color .2s;line-height:1.3;}
.faq-arrow{font-size:.75rem;color:var(--r);transition:transform .35s;flex-shrink:0;}
.faq-item.open .faq-arrow{transform:rotate(180deg);}
.faq-body{max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.4,0,.2,1);}
.faq-body>div{overflow:hidden;min-height:0;}
.faq-item.open .faq-body{max-height:800px;}
.faq-answer{padding:4px 0 24px;font-size:1rem;line-height:1.9;color:var(--mid);}
footer{background:var(--n);border-top:1px solid var(--rn);}
.ft-top{padding:48px 52px 32px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:44px;border-bottom:1px solid var(--rn);}
.ft-nm{font-family:var(--serif);font-size:.95rem;font-weight:400;color:var(--w);}
.ft-sp{font-size:.46rem;letter-spacing:.18em;text-transform:uppercase;color:var(--r);margin-top:2px;}
.ft-desc{font-size:.74rem;line-height:1.72;color:rgba(255,255,255,.24);max-width:220px;}
.ft-ch{font-size:.48rem;letter-spacing:.2em;text-transform:uppercase;color:var(--r);margin-bottom:14px;padding-bottom:9px;border-bottom:1px solid var(--rn);}
.ft-ls{display:flex;flex-direction:column;gap:8px;}
.ft-ls a{font-size:.74rem;color:rgba(255,255,255,.26);transition:color .2s;}
.ft-ls a:hover{color:var(--r);}
.ft-base{padding:16px 52px;display:flex;align-items:center;justify-content:space-between;}
.ft-cp{font-size:.56rem;color:rgba(255,255,255,.55);}
.ft-soc{display:flex;gap:16px;}
.ft-soc a{font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.55);transition:color .2s;}
.ft-soc a:hover{color:var(--r);}
.rv{opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .6s ease;}
.rv.in{opacity:1;transform:translateY(0);}
@media(max-width:1100px){
  .page-hero{padding:110px 20px 60px;}
  .s{padding:70px 20px;}
  .motifs-grid-3{grid-template-columns:1fr 1fr;}
  .onco-techniques{grid-template-columns:repeat(3,1fr);}
  .info-cards{grid-template-columns:1fr 1fr;}
  .histo-grid{grid-template-columns:1fr;}
  .rdv-mini{flex-direction:column;align-items:flex-start;}
  .acc-content{padding-left:0;}
  .recovery-grid{grid-template-columns:1fr;}
  .avis-strip{padding:20px;grid-template-columns:1fr;gap:14px;}
  .ft-top{grid-template-columns:1fr 1fr;gap:28px;padding:36px 20px;}
  .ft-base{flex-direction:column;gap:10px;text-align:center;padding:14px 20px;}
}
@media(max-width:680px){.motifs-grid-3{grid-template-columns:1fr;}.info-cards{grid-template-columns:1fr;}.onco-techniques{grid-template-columns:1fr 1fr;}}

@keyframes pulse-arrow{0%,100%{opacity:.3;transform:translateY(0);}50%{opacity:1;transform:translateY(3px);}}
.hamburger{display:none;flex-direction:column;align-items:center;gap:5px;cursor:pointer;padding:4px 10px;margin-left:auto;background:transparent;border:none;}
.hamburger span.bar{display:block;width:36px;height:3px;background:#ff2d78;border-radius:2px;}
.hamburger .m-label{font-size:.55rem;letter-spacing:.15em;text-transform:uppercase;color:#ff2d78;font-weight:700;margin-top:1px;}
.hamburger .m-arrow{color:#ff2d78;font-size:.9rem;animation:pulse-arrow .8s ease-in-out infinite;}
.hamburger.open span:nth-child(1){transform:translateY(9px) rotate(45deg);}
.hamburger.open span:nth-child(2){opacity:0;}
.hamburger.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg);}
.mobile-menu{display:none;position:fixed;top:72px;left:0;right:0;bottom:0;background:rgba(13,31,53,.98);z-index:399;overflow-y:auto;padding:24px 20px;}
.mobile-menu.open{display:block;}
.mobile-menu a{display:block;font-size:.85rem;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.7);padding:14px 0;border-bottom:1px solid rgba(255,255,255,.07);transition:color .2s;}
.mobile-menu a:hover{color:var(--r);}
.mobile-menu .m-section{font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;color:var(--r);padding:20px 0 8px;font-weight:600;}
.mobile-menu .m-sub{padding-left:16px;font-size:.78rem;letter-spacing:.03em;}
@media(max-width:1100px){.hamburger{display:flex !important;margin-left:auto;flex-shrink:0;z-index:500;position:relative;}}

@media(max-width:768px){
  /* Sections padding */
  section,.s{padding-left:20px !important;padding-right:20px !important;}
  
  /* All multi-column grids → 1 col */
  .motifs-grid-3,.info-cards,.recovery-grid,.histo-grid,
  .distingo,.parc-split,.concernee-wrap,.spec-intro,
  .ig-inner,.ig-mosaic,.symptom-list,.onco-techniques,
  .sat-banner,.ft-top,.footer-inner,.ft-top{
    grid-template-columns:1fr !important;
  }
  
  /* Hero split */
  .hero{grid-template-columns:1fr !important;min-height:auto !important;}
  
  /* Spec cards (4 cols) → 2 cols */
  .spec-cards{grid-template-columns:1fr 1fr !important;}
  
  /* Parcours steps → 2 cols */
  .parcours-patient{grid-template-columns:1fr 1fr !important;}
  .pp-step::after{display:none !important;}
  
  /* Avis strip → stack */
  .avis-strip{grid-template-columns:1fr !important;padding:20px !important;gap:16px !important;}
  .avis-strip > div:last-child{display:flex;flex-direction:column;gap:10px;}

  /* Patho grid */
  .patho-grid{grid-template-columns:1fr !important;}

  /* Recovery grid */
  .recovery-grid{grid-template-columns:1fr !important;}

  /* Reass banner */
  .reass{grid-template-columns:1fr !important;padding:40px 20px !important;}

  /* Parc split image+text */
  .parc-split{grid-template-columns:1fr !important;min-height:auto !important;}
  .parc-split > *:first-child{height:220px;}

  /* Nav */
  .nav{padding:0 16px !important;}

  /* Footer */
  .ft-top{padding:32px 20px !important;gap:28px !important;}
  .ft-base{flex-direction:column;gap:10px;text-align:center;padding:14px 20px !important;}

  /* CTA btns */
  .cta-btns,.hero-ctas{flex-direction:column;align-items:stretch !important;}

  /* Reass 3col */
  .reass{grid-template-columns:1fr !important;}
}

@media(max-width:480px){
  /* Spec cards → 1 col on very small */
  .spec-cards{grid-template-columns:1fr !important;}
  .parcours-patient{grid-template-columns:1fr !important;}
}


#scrollTop{position:fixed;bottom:28px;right:24px;width:44px;height:44px;background:var(--r);color:#fff;border:none;cursor:pointer;display:none;align-items:center;justify-content:center;font-size:1.1rem;z-index:800;box-shadow:0 4px 16px rgba(0,0,0,.3);transition:opacity .2s,background .2s;}
#scrollTop:hover{background:var(--r2);}
.lang-switcher{position:fixed;bottom:24px;left:24px;z-index:9000;display:flex;flex-direction:column;gap:6px;}
.lang-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.5);background:rgba(13,31,53,.85);backdrop-filter:blur(8px);cursor:pointer;transition:all .2s;text-decoration:none;}
.lang-btn.active{background:var(--r);border-color:var(--r);color:#fff;}
.lang-btn:hover:not(.active){border-color:var(--r);color:var(--r);}
#scrollTop.visible{display:flex;}

/* ===== Safari iOS universal reset ===== */

html{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
body{overflow-x:clip;}
input,select,textarea{font-size:16px !important;}
@media(hover:hover){a:hover,button:hover{opacity:1;}}
/* ======================================= */



.nav{position:fixed;top:0;left:0;right:0;z-index:400;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 28px;transition:height .3s ease,background .3s ease,box-shadow .3s ease;background:rgba(13,31,53,0);}
.nav.up{height:var(--nav-h-scroll);background:rgba(13,31,53,.97);backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(255,255,255,.07);}
.nav-l{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.nav-logo{width:var(--logo-sz);height:var(--logo-sz);border-radius:50%;overflow:hidden;flex-shrink:0;box-shadow:0 0 0 1.5px rgba(184,133,106,.5),0 0 20px rgba(184,133,106,.18);transition:box-shadow .3s;}
.nav-logo:hover{box-shadow:0 0 0 2px rgba(184,133,106,.8),0 0 24px rgba(184,133,106,.3);}
.nav-logo img{width:100%;height:100%;object-fit:cover;display:block;}
.nav-brand,.nav-id{flex-shrink:0;}
.nn{font-family:'Cormorant Garamond',Georgia,serif;font-size:.88rem;font-weight:500;color:#fff;letter-spacing:.01em;line-height:1.15;white-space:nowrap;}
.ns{font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:#b8856a;margin-top:2px;white-space:nowrap;}
.nav-menu{display:flex;gap:0;list-style:none;margin-left:16px;flex:1;justify-content:space-around;position:relative;}
.nav-menu>li{position:relative;}
.nav-menu>li>a{display:flex;align-items:center;font-family:'Inter',system-ui,sans-serif;font-size:.6rem;letter-spacing:.03em;text-transform:uppercase;color:rgba(255,255,255,.9);padding:0 6px;height:var(--nav-h);line-height:1;transition:color .2s,height .3s;border-bottom:2px solid transparent;white-space:nowrap;font-weight:500;}
.nav.up .nav-menu>li>a{height:var(--nav-h-scroll);}
.nav-menu>li>a:hover,.nav-menu>li>a.active{color:#b8856a;border-bottom-color:#b8856a;}
.dropdown{display:none;position:absolute;top:var(--nav-h);left:0;background:rgba(13,31,53,.98);border:1px solid rgba(255,255,255,.08);border-top:2px solid #b8856a;min-width:240px;z-index:500;box-shadow:0 20px 40px rgba(0,0,0,.4);}
.nav.up .dropdown{top:var(--nav-h-scroll);}
.dropdown li{list-style:none;}
.dropdown li a{display:block;font-family:'Inter',system-ui,sans-serif;font-size:.58rem;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.5);padding:12px 20px;transition:all .2s;white-space:nowrap;font-weight:400;border-bottom:1px solid rgba(255,255,255,.05);}
.dropdown li a:hover{color:#b8856a;background:rgba(184,133,106,.06);padding-left:26px;}
.has-drop:hover .dropdown{display:block;}
.nav-ctas{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:12px;}
.nav-rdv-doctolib{font-family:'Inter',system-ui,sans-serif;font-size:.52rem;letter-spacing:.08em;text-transform:uppercase;padding:9px 15px;background:#b8856a;color:#fff;font-weight:500;transition:background .25s;white-space:nowrap;border:1px solid #b8856a;}
.nav-rdv-doctolib:hover{background:#a06e55;border-color:#a06e55;}
.nav-rdv-rappel{font-family:'Inter',system-ui,sans-serif;font-size:.52rem;letter-spacing:.08em;text-transform:uppercase;padding:9px 15px;background:transparent;color:rgba(255,255,255,.75);font-weight:500;transition:all .25s;white-space:nowrap;border:1px solid rgba(255,255,255,.25);}
.nav-rdv-rappel:hover{color:#b8856a;border-color:#b8856a;}
@keyframes pulse-arrow{0%,100%{opacity:.3;transform:translateY(0);}50%{opacity:1;transform:translateY(3px);}}
.hamburger{display:none;flex-direction:column;align-items:center;gap:5px;cursor:pointer;padding:4px 10px;margin-left:auto;background:transparent;border:none;}
.hamburger span.bar{display:block;width:34px;height:2.5px;background:#ff2d78;border-radius:2px;transition:transform .3s,opacity .3s;}
.hamburger .m-label{font-size:.52rem;letter-spacing:.15em;text-transform:uppercase;color:#ff2d78;font-weight:700;margin-top:1px;}
.hamburger .m-arrow{color:#ff2d78;font-size:.85rem;animation:pulse-arrow .8s ease-in-out infinite;}
.hamburger.open .bar:nth-child(1){transform:translateY(7px) rotate(45deg);}
.hamburger.open .bar:nth-child(2){opacity:0;}
.hamburger.open .bar:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.mobile-menu{display:none;position:fixed;top:var(--nav-h-mobile);left:0;right:0;bottom:0;background:rgba(13,31,53,.98);z-index:399;overflow-y:auto;padding:28px 24px 40px;}
.mobile-menu.open{display:block;}
.mobile-menu a{display:block;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.7);padding:15px 0;border-bottom:1px solid rgba(255,255,255,.07);transition:color .2s;}
.mobile-menu a:hover{color:#b8856a;}
.mobile-menu .m-section{font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;color:#b8856a;padding:22px 0 8px;font-weight:600;}
.mobile-menu .m-sub{padding-left:16px;font-size:.78rem;letter-spacing:.03em;}
.mobile-menu .m-ctas{display:flex;flex-direction:column;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);}
.mobile-menu .m-btn-doctolib{display:block;text-align:center;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;padding:16px;background:#b8856a;color:#fff;border:1px solid #b8856a;}
.mobile-menu .m-btn-rappel{display:block;text-align:center;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;font-weight:500;padding:14px;background:transparent;color:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.25);}
@media(max-width:1400px){.nav-menu>li>a{padding:0 4px;font-size:.57rem;}}
@media(max-width:1200px){.nav-menu>li>a{font-size:.54rem;}.ns{display:none;}}
@media(max-width:1100px){.nav-menu{display:none;}.nav-ctas{display:none !important;}.hamburger{display:flex;margin-left:auto;flex-shrink:0;z-index:500;position:relative;}.nav{height:var(--nav-h-mobile);padding:0 16px;}.nav.up{height:var(--nav-h-mobile);}.nav-l .nn{font-size:.82rem;}}

/* ═══ HERO CINEMATIC ═══ */
.hero{min-height:100vh;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;}
.hero-left{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:90px 64px 260px;z-index:2;}
.hero-photo-bg{position:absolute;inset:0;}
.hero-photo-bg img{filter:brightness(.28);object-position:center 15%;}
.hero-ov{position:absolute;inset:0;background:linear-gradient(110deg,rgba(13,31,53,.97) 0%,rgba(13,31,53,.75) 55%,rgba(13,31,53,.0) 100%);}
.hero-ov2{position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,var(--n) 0%,transparent 100%);}
.hero-content{position:relative;z-index:2;}
.hero-eyebrow{font-size:.63rem;letter-spacing:.3em;text-transform:uppercase;color:var(--r);display:flex;align-items:center;gap:11px;margin-bottom:24px;opacity:0;animation:fu .7s .1s forwards;}
.hero-eyebrow::before{content:'';width:22px;height:1px;background:var(--r);}
h1.h1{font-family:var(--serif);font-weight:300;font-size:clamp(3rem,5.5vw,6.5rem);line-height:.95;color:var(--w);letter-spacing:-.02em;margin-bottom:20px;opacity:0;animation:fu .8s .2s forwards;}
h1.h1 .it{font-style:normal;color:var(--r);display:block;letter-spacing:.02em;font-weight:400;}
h1.h1 .name-white{color:var(--w);display:block;}
.hero-spec{font-size:1.01rem;font-weight:300;line-height:1.8;color:rgba(255,255,255,.45);max-width:400px;margin-bottom:40px;letter-spacing:.01em;opacity:0;animation:fu .8s .3s forwards;}
.hero-spec strong{color:rgba(255,255,255,.8);font-weight:400;}
.hero-right{position:relative;overflow:hidden;}
.hero-right img{object-position:center top;transition:transform 8s ease;}
.hero-right:hover img{transform:scale(1.04);}
.hero-right-overlay{position:absolute;left:0;top:0;bottom:0;width:60px;background:linear-gradient(to right,var(--n),transparent);z-index:1;}
.scroll-cue{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;animation:fu .8s .9s forwards;}
.scroll-line{width:1px;height:44px;background:linear-gradient(to bottom,var(--r),transparent);animation:sc 1.8s ease-in-out infinite;}
.scroll-txt{font-size:.67rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.28);}
@keyframes fu{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes sc{0%,100%{opacity:.3}50%{opacity:1}}
@media(max-width:1100px){
  .hero{grid-template-columns:1fr;min-height:100vh;}
  .hero-right{
    display:block;
    width:100%;
    height:50vh;
    max-height:480px;
    position:relative;
    order:0;
  }
  .hero-right img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center 20%;
  }
  .hero-right-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(13,31,53,0) 0%, rgba(13,31,53,.3) 60%, rgba(13,31,53,.95) 100%);
    width:100%;
  }
  .hero{
    display:flex;
    flex-direction:column;
    grid-template-columns:none;
    min-height:auto;
  }
  .hero-left{
    order:1;
    padding:32px 20px 60px;
  }
  .hero-left{padding:120px 20px 60px;}
}

.page-hero{min-height:520px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:140px 52px 80px;}
.ph-ov{position:absolute;inset:0;background:linear-gradient(108deg,rgba(13,31,53,.97) 0%,rgba(13,31,53,.5) 100%);}
.ph-ov2{position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,var(--n) 0%,transparent 100%);}
.ph-content{position:relative;z-index:2;max-width:800px;}
.ph-eyebrow{font-size:.56rem;letter-spacing:.3em;text-transform:uppercase;color:var(--r);display:flex;align-items:center;gap:11px;margin-bottom:22px;opacity:0;animation:fu .7s .1s forwards;}
.ph-eyebrow::before{content:'';width:22px;height:1px;background:var(--r);}
h1.ph-h1{font-family:var(--serif);font-weight:300;font-size:clamp(3.5rem,6vw,7rem);line-height:.92;color:var(--w);letter-spacing:-.02em;margin-bottom:22px;opacity:0;animation:fu .8s .2s forwards;}
h1.ph-h1 .it{font-style:italic;color:var(--r);}
.ph-desc{font-size:1rem;line-height:1.82;color:rgba(255,255,255,.52);max-width:560px;margin-bottom:30px;opacity:0;animation:fu .8s .3s forwards;}
.ph-desc strong{color:rgba(255,255,255,.88);font-weight:400;}
@keyframes fu{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}



/* ═══ NAV V9.10.27 contraste + reset active ═══ */
.nav>li>a,.nav-menu>li>a{text-shadow:0 1px 3px rgba(13,31,53,.55);}
.nav-menu>li>a:hover{color:#fff !important;background:rgba(184,133,106,.18);border-bottom-color:#b8856a !important;}
.nav-menu>li.has-drop:hover>a{color:#fff !important;background:rgba(184,133,106,.18);}
.nav-menu:hover>li>a.active:not(:hover){color:rgba(255,255,255,.9) !important;border-bottom-color:transparent !important;background:transparent;}
.nav-menu:hover>li.has-drop:not(:hover)>a.active{color:rgba(255,255,255,.9) !important;border-bottom-color:transparent !important;background:transparent;}
/* ═══ FIN NAV V9.10.27 ═══ */

/* NAV robustness V9.10.24 — V10 : SUPPRIMÉ TOTAL (contain+height!important parasites) */
.nav-logo{width:var(--logo-sz) !important;height:var(--logo-sz) !important;max-width:48px;max-height:48px;}
.nav-logo img,.nav-logo picture{width:100%;height:100%;object-fit:cover;display:block;}

/* ═══ V9.10.30 — SEC-NAV canonique ═══ */
.sec-nav-inner{max-width:1280px !important;margin:0 auto;justify-content:space-around;align-items:center;}
.sn-a{padding:16px 14px !important;font-size:.7rem !important;letter-spacing:.08em !important;}
@media(max-width:1100px){.sn-a{padding:14px 14px !important;font-size:.62rem !important;}}
@media(max-width:768px){.sn-a{padding:14px 12px !important;font-size:.6rem !important;}}
/* ═══ FIN ═══ */

/* ═══ V9.10.29 — NAV étalée desktop ═══ */
@media(min-width:1101px){
  .sec-nav-inner{max-width:none !important;width:100% !important;padding:0 32px !important;justify-content:space-between !important;display:flex !important;flex-wrap:nowrap !important;align-items:center !important;overflow:visible !important;}
  .sn-a{flex:1 1 auto !important;text-align:center !important;}
  .sec-nav{overflow:visible !important;}
}
@media(max-width:1100px){
  .sec-nav-inner{max-width:none !important;padding:0 16px !important;justify-content:flex-start !important;overflow-x:auto !important;-webkit-overflow-scrolling:touch !important;gap:0 !important;flex-wrap:nowrap !important;}
  .sn-a{flex:0 0 auto !important;}
  .sec-nav-inner::-webkit-scrollbar{display:none !important;}
}
/* ═══ FIN ═══ */

/* ═══ V9.10.29 — Mobile grilles ═══ */
@media(max-width:680px){
  [style*="repeat(3,1fr)"]{grid-template-columns:1fr !important;}
  [style*="repeat(3, 1fr)"]{grid-template-columns:1fr !important;}
  [style*="repeat(2,1fr)"]{grid-template-columns:1fr !important;}
  [style*="repeat(2, 1fr)"]{grid-template-columns:1fr !important;}
}
/* ═══ FIN ═══ */

/* ═══ V9.10.31 — NAV V9.10.27 contraste ═══ */
.nav>li>a,.nav-menu>li>a{text-shadow:0 1px 3px rgba(13,31,53,.55);}
.nav-menu>li>a:hover{color:#fff !important;background:rgba(184,133,106,.18);border-bottom-color:#b8856a !important;}
.nav-menu>li.has-drop:hover>a{color:#fff !important;background:rgba(184,133,106,.18);}
.nav-menu:hover>li>a.active:not(:hover){color:rgba(255,255,255,.9) !important;border-bottom-color:transparent !important;background:transparent;}
.nav-menu:hover>li.has-drop:not(:hover)>a.active{color:rgba(255,255,255,.9) !important;border-bottom-color:transparent !important;background:transparent;}
/* V10 : V9.10.31 duplicata SUPPRIMÉ TOTAL */
.nav-logo{width:var(--logo-sz) !important;height:var(--logo-sz) !important;max-width:48px;max-height:48px;}
.nav-logo img,.nav-logo picture{width:100%;height:100%;object-fit:cover;display:block;}

/* SEC-NAV canonique */
.sec-nav-inner{max-width:1280px !important;margin:0 auto;justify-content:space-around;align-items:center;}
.sn-a{padding:16px 14px !important;font-size:.7rem !important;letter-spacing:.08em !important;}
@media(max-width:1100px){.sn-a{padding:14px 14px !important;font-size:.62rem !important;}}
@media(max-width:768px){.sn-a{padding:14px 12px !important;font-size:.6rem !important;}}

/* NAV étalée desktop */
@media(min-width:1101px){
  .sec-nav-inner{max-width:none !important;width:100% !important;padding:0 32px !important;justify-content:space-between !important;display:flex !important;flex-wrap:nowrap !important;align-items:center !important;overflow:visible !important;}
  .sn-a{flex:1 1 auto !important;text-align:center !important;}
  .sec-nav{overflow:visible !important;}
}
@media(max-width:1100px){
  .sec-nav-inner{max-width:none !important;padding:0 16px !important;justify-content:flex-start !important;overflow-x:auto !important;-webkit-overflow-scrolling:touch !important;gap:0 !important;flex-wrap:nowrap !important;}
  .sn-a{flex:0 0 auto !important;}
  .sec-nav-inner::-webkit-scrollbar{display:none !important;}
}

/* Mobile grilles 1col */
@media(max-width:680px){
  [style*="repeat(3,1fr)"]{grid-template-columns:1fr !important;}
  [style*="repeat(3, 1fr)"]{grid-template-columns:1fr !important;}
  [style*="repeat(2,1fr)"]{grid-template-columns:1fr !important;}
  [style*="repeat(2, 1fr)"]{grid-template-columns:1fr !important;}
  .la-grid,.steps-grid,.grid-3,.grid-2{grid-template-columns:1fr !important;}
}

/* ===== V18 cancer-sein.html — <style> n°2 (head) ===== */

/* ═══ BIBLIOTHÈQUE VISUELLE v3.0 ═══ */

.s-white{background:#fdfcfa;color:var(--n);}
.s-white .stag{color:var(--r);}
.s-white .sh-w,.s-white h1,.s-white h2,.s-white h3{color:var(--n)!important;}
.s-white .sh-w em,.s-white h2 em,.s-white h3 em{color:var(--r)!important;}
.s-white .lead-w,.s-white .lead{color:#5f5e5a!important;}
.s-white p{color:#444441;}

.s-off-warm{background:#f9f8f6;color:var(--n);}
.s-off-warm h2,.s-off-warm h3{color:var(--n)!important;}
.s-off-warm h2 em,.s-off-warm h3 em{color:var(--r)!important;}
.s-off-warm p{color:#444441;}

.intro-paragraphs{max-width:780px;margin:32px 0;}
.intro-paragraphs p{font-size:1.05rem;line-height:1.85;margin-bottom:1.4em;font-weight:300;}
.intro-paragraphs p:last-child{margin-bottom:0;}
.intro-paragraphs p strong{font-weight:500;color:inherit;}
/* Pas d'italic terracotta automatique pour les em — uniquement quand classé */
.intro-paragraphs em.term{
  font-family:var(--serif);
  font-style:italic;
  color:var(--r);
  font-weight:400;
  font-size:1.08em;
}

.card-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  margin-top:36px;
}
@media(min-width:640px){.card-grid{grid-template-columns:repeat(2,1fr);gap:20px;}}
@media(min-width:980px){
  .card-grid-3{grid-template-columns:repeat(3,1fr);}
  .card-grid-4{grid-template-columns:repeat(4,1fr);gap:18px;}
  .card-grid-5{grid-template-columns:repeat(5,1fr);gap:14px;}
}

.lib-card{
  display:block;
  text-decoration:none;
  background:#fff;
  border:1px solid rgba(13,31,53,.08);
  overflow:hidden;
  transition:transform .35s cubic-bezier(.2,.8,.2,1),
             border-color .3s,
             box-shadow .3s;
  position:relative;
}
.lib-card::after{
  content:'';
  position:absolute;
  bottom:0;left:0;right:0;height:2px;
  background:var(--r);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .55s cubic-bezier(.2,.8,.2,1);
}
.lib-card:hover{
  transform:translateY(-3px);
  border-color:rgba(184,133,106,.4);
  box-shadow:0 6px 20px rgba(13,31,53,.06);
}
.lib-card:hover::after{transform:scaleX(1);}

.s-navy .lib-card,.s-navy2 .lib-card{
  background:var(--n2);
  border-color:rgba(184,133,106,.18);
}
.s-navy .lib-card:hover,.s-navy2 .lib-card:hover{
  background:var(--n3);
  border-color:rgba(184,133,106,.45);
  box-shadow:0 6px 20px rgba(0,0,0,.3);
}

.lib-card-img{
  position:relative;
  aspect-ratio:5/3;
  overflow:hidden;
  background:#f1efe8;
}
.s-navy .lib-card-img,.s-navy2 .lib-card-img{background:var(--n3);}

.lib-card-img img{
  width:100%;height:100%;
  object-fit:cover;
  transition:transform .8s cubic-bezier(.2,.8,.2,1);
  filter:brightness(.94) saturate(.96);
}
.lib-card:hover .lib-card-img img{transform:scale(1.06);}

.lib-card-body{padding:20px 22px 24px;}
.lib-card-tag{
  font-family:var(--sans);
  font-size:.6rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--r);
  margin-bottom:10px;
  font-weight:600;
}
.lib-card-title{
  font-family:var(--serif);
  font-weight:400;
  font-size:1.25rem;
  line-height:1.22;
  margin-bottom:8px;
  color:inherit;
  word-break:break-word;
  overflow-wrap:break-word;
  hyphens:auto;
}
.s-white .lib-card-title,.s-off-warm .lib-card-title{color:var(--n);}
.s-navy .lib-card-title,.s-navy2 .lib-card-title{color:#fff;}

.lib-card-desc{
  font-size:.85rem;
  line-height:1.65;
  color:rgba(13,31,53,.55);
  margin:0 0 12px;
}
.s-navy .lib-card-desc,.s-navy2 .lib-card-desc{color:rgba(255,255,255,.5);}

.lib-card-arrow{
  font-size:.7rem;
  letter-spacing:.1em;
  color:var(--r);
  text-transform:uppercase;
  font-weight:500;
}

.lib-card-badge{
  display:inline-block;
  font-family:var(--sans);
  font-size:.55rem;
  letter-spacing:.1em;
  background:rgba(184,133,106,.12);
  color:var(--r);
  padding:3px 9px;
  border-radius:11px;
  border:0.5px solid rgba(184,133,106,.3);
  font-weight:500;
  margin-left:8px;
  vertical-align:2px;
  text-transform:uppercase;
}

.lib-card-soon{opacity:.55;pointer-events:auto;position:relative;}
.lib-card-soon::before{
  content:'Bientôt';
  position:absolute;
  top:14px;right:14px;
  font-family:var(--sans);
  font-size:.55rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  background:var(--n);
  color:var(--r);
  padding:4px 9px;
  border:0.5px solid var(--r);
  border-radius:2px;
  z-index:5;
  font-weight:500;
}

.lib-intro{text-align:left;max-width:780px;}
.lib-eyebrow{
  font-family:var(--sans);
  font-size:.65rem;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--r);
  margin-bottom:18px;
  font-weight:600;
  display:flex;
  align-items:center;
  gap:14px;
}
.lib-eyebrow::before{content:'';display:inline-block;width:32px;height:1px;background:var(--r);}
.lib-h2{
  font-family:var(--serif);
  font-weight:300;
  font-size:clamp(1.9rem,4vw,2.8rem);
  line-height:1.05;
  margin-bottom:20px;
  letter-spacing:-.005em;
}
.lib-h2 em{font-style:italic;color:var(--r);font-weight:300;}

.lib-footer{
  margin-top:36px;
  padding-top:24px;
  border-top:1px solid rgba(184,133,106,.15);
  font-size:.85rem;
  line-height:1.75;
  font-style:italic;
  max-width:780px;
}
.s-white .lib-footer{border-top-color:rgba(13,31,53,.1);color:#5f5e5a;}
.s-off-warm .lib-footer{border-top-color:rgba(13,31,53,.1);color:#5f5e5a;}
.s-navy .lib-footer,.s-navy2 .lib-footer{color:rgba(255,255,255,.55);}

@media(max-width:640px){
  .intro-paragraphs p{font-size:.98rem;line-height:1.75;}
  .lib-h2{font-size:1.7rem;}
  .lib-card-body{padding:16px 18px 20px;}
}

/* ═══ DOCUMENTS & RESSOURCES (mini-cards listées) ═══ */
.docs-list{
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  margin-top:32px;
  border-top:1px solid rgba(184,133,106,.15);
}
@media(min-width:768px){
  .docs-list{grid-template-columns:repeat(2,1fr);gap:0 32px;}
}
.doc-item{
  display:flex;
  align-items:center;
  gap:16px;
  padding:18px 0;
  border-bottom:1px solid rgba(184,133,106,.12);
  text-decoration:none;
  transition:padding-left .25s;
}
.doc-item:hover{padding-left:8px;}
.doc-icon{
  flex-shrink:0;
  width:34px;height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--r);
  border-radius:50%;
  color:var(--r);
}
.doc-content{flex:1;min-width:0;}
.doc-title{
  font-family:var(--serif);
  font-size:1.05rem;
  font-weight:400;
  line-height:1.25;
  margin:0 0 3px;
  color:inherit;
}
.doc-meta{
  font-size:.7rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:rgba(13,31,53,.5);
  font-weight:500;
}
.s-navy .doc-meta,.s-navy2 .doc-meta{color:rgba(255,255,255,.45);}
.doc-arrow{
  font-size:.85rem;
  color:var(--r);
  flex-shrink:0;
}

/* ═══ RECHERCHE DISCRÈTE — bouton flottant + overlay ═══ */
.z-search-trigger{
  position:fixed;
  bottom:90px;
  right:22px;
  z-index:9500;
  width:48px;height:48px;
  border-radius:50%;
  background:var(--n);
  border:1px solid var(--r);
  color:var(--r);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:0 4px 12px rgba(13,31,53,.15);
  transition:all .25s;
  font-family:var(--sans);
}
.z-search-trigger:hover{
  background:var(--r);
  color:var(--w);
  transform:scale(1.06);
}
.z-search-trigger svg{display:block;}

.z-search-overlay{
  position:fixed;
  inset:0;
  background:rgba(13,31,53,.85);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  z-index:9999;
  display:none;
  align-items:flex-start;
  justify-content:center;
  padding:80px 20px 20px;
  animation:zfade .2s ease;
}
.z-search-overlay.visible{display:flex;}
@keyframes zfade{from{opacity:0;}to{opacity:1;}}

.z-search-modal{
  width:100%;
  max-width:640px;
  background:var(--n2);
  border:1px solid var(--r);
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 20px 60px rgba(0,0,0,.5);
  max-height:80vh;
  display:flex;
  flex-direction:column;
}
.z-search-input-zone{
  display:flex;
  align-items:center;
  gap:14px;
  padding:18px 22px;
  border-bottom:1px solid rgba(184,133,106,.2);
}
.z-search-input-zone svg{color:var(--r);flex-shrink:0;}
.z-search-input-zone input{
  flex:1;
  border:none;outline:none;background:transparent;
  font-family:var(--sans);
  font-size:1rem;
  color:#fff;
}
.z-search-input-zone input::placeholder{color:rgba(255,255,255,.4);}
.z-search-close{
  background:none;border:0.5px solid rgba(255,255,255,.15);
  color:rgba(255,255,255,.55);
  font-size:.6rem;letter-spacing:.05em;
  padding:5px 10px;border-radius:4px;
  cursor:pointer;font-family:var(--sans);
  transition:all .2s;
}
.z-search-close:hover{border-color:var(--r);color:var(--r);}
.z-search-results{flex:1;overflow-y:auto;}
.z-search-item{
  display:flex;
  gap:14px;padding:14px 22px;
  cursor:pointer;text-decoration:none;
  border-top:1px solid rgba(184,133,106,.08);
  transition:background .18s;
}
.z-search-item:first-child{border-top:none;}
.z-search-item:hover{background:rgba(184,133,106,.07);}
.z-search-num{
  font-family:var(--serif);
  font-style:italic;
  color:var(--r);
  font-size:.85rem;
  width:24px;flex-shrink:0;
}
.z-search-content{flex:1;min-width:0;}
.z-search-title{
  font-family:var(--serif);
  font-size:1rem;
  color:#fff;
  line-height:1.2;
  margin-bottom:3px;
  font-weight:400;
}
.z-search-meta{
  font-size:.7rem;
  color:rgba(255,255,255,.5);
  line-height:1.4;
}
.z-search-empty{
  padding:32px 22px;
  text-align:center;
  color:rgba(255,255,255,.5);
  font-size:.85rem;
}
.z-search-hint{
  padding:12px 22px;
  font-size:.7rem;
  color:rgba(255,255,255,.4);
  border-top:1px solid rgba(184,133,106,.1);
  display:flex;
  justify-content:space-between;
  background:rgba(13,31,53,.5);
}
.z-search-kbd{
  display:inline-block;
  padding:1px 6px;
  border:0.5px solid rgba(255,255,255,.2);
  border-radius:3px;
  font-family:var(--sans);
  margin:0 3px;
}
@media(max-width:640px){
  .z-search-trigger{width:42px;height:42px;bottom:16px;right:16px;}
  .z-search-overlay{padding-top:30px;}
}

/* ===== V18 cancer-sein.html — <style id="zeitoun-secnav-mobile"> n°3 (head) ===== */

/* === Sec-nav sticky mobile === */
@media (max-width:1100px){
  .sec-nav{
    position:sticky !important;
    top:56px !important;
    z-index:300 !important;
    background:var(--n2) !important;
    box-shadow:0 2px 8px rgba(0,0,0,.3);
  }
  .sec-nav-inner{
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    justify-content:flex-start !important;
    padding:0 8px !important;
    gap:0;
  }
  .sec-nav-inner::-webkit-scrollbar{display:none;}
  .sn-a{
    flex:0 0 auto !important;
    padding:14px 14px !important;
    font-size:.62rem !important;
    min-width:max-content;
  }
}
@media (max-width:768px){
  .sec-nav{ top:56px !important; }
  .sn-a{ padding:14px 12px !important; font-size:.6rem !important; }
}

/* ===== V18 cancer-sein.html — <style id="zeitoun-footer-orphan-fix"> n°4 (head) ===== */

/* ===== Fix classes orphelines footer (ft-logo, ft-brand, creds-line) ===== */
.ft-brand { display:flex; align-items:center; gap:14px; margin-bottom:14px; }
.ft-logo { width:52px; height:52px; flex-shrink:0; border-radius:50%; overflow:hidden; background:#fff; }
.ft-logo img { width:100%; height:100%; object-fit:cover; display:block; }
.creds-line {
  max-width:1200px; margin:14px auto 0;
  font-size:.78rem; color:rgba(255,255,255,.5);
  font-style:italic; text-align:center; line-height:1.6;
  padding:0 20px;
}
@media (max-width:768px){
  .creds-line{ font-size:.72rem; padding:12px 16px 0; }
}

/* ===== V18 cancer-sein.html — <style id="zeitoun-mobile-universal-patch"> n°5 (head) ===== */

/* Patch mobile universel V4.6 — alignement audit V2 */
@media(max-width:768px){
  .ft-top{grid-template-columns:1fr !important;gap:28px;padding:32px 20px;}
  .ft-base{flex-direction:column;gap:10px;text-align:center;padding:14px 20px;}
}
@media(max-width:680px){
  .ft-top{grid-template-columns:1fr !important;}
}

/* ===== V18 cancer-sein.html — <style id="V12.9-ft-fix"> n°6 (head) ===== */
/* V12.9 footer lisibilité appliquée */
/* ===== V18 cancer-sein.html — <style id="hero-portrait-desktop-fix"> n°7 (head) ===== */

/* Fix: portrait du hero étiré uniformément sur desktop (comme cancer-sein) */
@media(min-width:1101px){
  .hero-right{
    position: relative !important;
    overflow: hidden !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
  }
  .hero-right img,
  .hero-right picture,
  .hero-right picture img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    display: block !important;
  }
  .hero-photo-bg{position: absolute !important; inset: 0 !important;}
  .hero-photo-bg img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
}
@media(max-width:1100px){
  /* En mobile/tablet, .hero-right peut être caché pour cette page */
  /* (chirurgie-benigne-sein original: display:none en mobile) */
}

/* ===== V18 cancer-sein.html — <style id="v9-10-31-logo-hero"> n°8 (head) ===== */

/* ═══ V9.10.31 — LOGO HERO max 48px (jamais géant) ═══ */
.hero-content img[src*="logo"],
.hero img[src*="logo-zeitoun"]:not(.nav-logo img):not(.ft-logo img),
.page-hero img[src*="logo-zeitoun"]:not(.nav-logo img):not(.ft-logo img) {
  max-width: 48px !important;
  max-height: 48px !important;
  width: 48px !important;
  height: 48px !important;
}
/* ═══ FIN V9.10.31 LOGO HERO ═══ */

/* ===== V18 cancer-sein.html — <style id="v9-10-31-nav-cta-fix"> n°9 (head) ===== */

/* ═══ V9.10.31 — NAV CTAs adaptation breakpoints intermédiaires ═══ */
@media(max-width:1400px){
  .nav-rdv-doctolib, .nav-rdv-rappel{
    font-size: .48rem !important;
    padding: 8px 12px !important;
    letter-spacing: .06em !important;
  }
  .nav-ctas{gap: 6px !important; margin-left: 8px !important;}
}
@media(max-width:1300px){
  .nav-rdv-doctolib, .nav-rdv-rappel{
    font-size: .45rem !important;
    padding: 8px 10px !important;
  }
  .nav-ctas{gap: 5px !important;}
}
@media(max-width:1200px){
  .nav-rdv-rappel{display: none !important;}
  .nav-rdv-doctolib{
    font-size: .5rem !important;
    padding: 8px 12px !important;
  }
}
/* ═══ FIN V9.10.31 NAV CTAs ═══ */

/* ===== V18 cancer-sein.html — <style id="mobile-fix-v1"> n°10 (head) ===== */

/* ═══ V47.1 — Mobile fix v1 ═══ */
@media(max-width:1100px){
  .nav-menu{display:none !important;}
  .nav-ctas{display:none !important;}
  .nav-rdv{display:none !important;}
  .hamburger{display:flex !important;}
  .hamburger span{background:#ff2d78 !important;}
}
@media(max-width:768px){
  body{font-size:1.02rem !important;}
  .cta-btns, .ph-ctas{flex-direction:column !important;}
  .split-grid, .steps-grid, .motifs-grid, .motifs-grid-3, .info-cards, .recovery-grid{grid-template-columns:1fr !important;}
  .ft-logo{width:44px !important; height:44px !important;}
  html{scroll-padding-top:130px;}
}
/* ═══ FIN V47.1 ═══ */

/* ===== V18 cancer-sein.html — <style id="mobile-fix-v1-extra"> n°11 (head) ===== */

/* ═══ V47.1 EXTRA ═══ */
@media(max-width: 768px){
  .hero-content img[src*="logo-zeitoun"],
  .hero img[src*="logo-zeitoun"][style*="width:110"]{display: none !important;}
  .sh-w, .sh-d, h2.sh-w, h2.sh-d{font-size: 1.85rem !important; line-height: 1.1 !important;}
  img, svg, picture{max-width: 100% !important; height: auto !important;}
}
/* ═══ FIN V47.1 EXTRA ═══ */

/* ===== V18 cancer-sein.html — <style id="lang-switcher-full-fix"> n°12 (head) ===== */

.lang-switcher{
  position:fixed !important;
  bottom:24px !important;
  left:24px !important;
  z-index:9000 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
}
@media(max-width:768px){
  .lang-switcher{bottom:16px !important; left:16px !important;}
}

/* ===== V18 cancer-sein.html — <style> n°13 (body) ===== */

@media(max-width:768px){
  html,body{overflow-x:clip !important;max-width:100vw !important;}
  *{box-sizing:border-box;}
  [style*="padding:44px 52px"],[style*="padding:80px 52px"],[style*="padding:48px 52px"],[style*="padding:68px 58px"],[style*="padding:72px 52px"],[style*="padding:60px 52px"]{
    padding-left:20px !important;padding-right:20px !important;
    padding-top:36px !important;padding-bottom:36px !important;
  }
  [style*="grid-template-columns:1fr 1fr"],[style*="grid-template-columns:2fr 1fr"],[style*="grid-template-columns:1fr 2fr"],[style*="grid-template-columns:2fr 1fr 1fr 1fr"],[style*="grid-template-columns:1.8fr 1fr 1fr"],[style*="grid-template-columns:1fr 1fr 1fr"]{
    grid-template-columns:1fr !important;gap:24px !important;
  }
  .hero-left{padding-left:20px !important;padding-right:20px !important;}
  .avis-strip-btn{width:100% !important;text-align:center !important;box-sizing:border-box !important;}
  img{max-width:100% !important;height:auto !important;}
  [style*="font-size:1.6rem"]{font-size:1.25rem !important;}
  [style*="font-size:2rem"]{font-size:1.5rem !important;}
  section,div,article,header,footer,main{max-width:100vw !important;}
}


/* SEC-NAV V9.2 — sticky var(--nav-h) z:90 blur (override) */
.sec-nav { position: sticky !important; top: var(--nav-h, 72px) !important; z-index: 90 !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; transition: top .3s ease !important; }
/* V9.7 FIX — supprime le gap quand la NAV principale est en état scrollé (.nav.up) */
body:has(.nav.up) .sec-nav { top: var(--nav-h-scroll, 60px) !important; }
@media (max-width: 1100px) {
  .sec-nav { top: var(--nav-h-mobile, 56px) !important; }
  body:has(.nav.up) .sec-nav { top: var(--nav-h-mobile, 56px) !important; }
}
@media (max-width: 768px) {
  .sec-nav-inner { padding: 0 12px; }
  .sn-a { padding: 14px 12px !important; font-size: .6rem !important; letter-spacing: .12em; }
}

/* HERO NAVY V9.2 */
.hero, .article-hero { background: var(--n, #0d1f35) !important; }

/* ═══ V9.10.31 — HOVER classes RÉELLES cancer-sein/breast-cancer ═══ */
/* Section NAVY → hover : fond BLANC + texte ORANGE */
.sec-navy .lib-card:hover, .sec-navy .faq-item:hover, .sec-navy .card:hover,
section.s-navy .lib-card:hover, section.s-navy2 .lib-card:hover,
section.s-navy .faq-item:hover, section.s-navy2 .faq-item:hover,
section.s-navy .card:hover, section.s-navy2 .card:hover,
section.s-navy .la-card:hover, section.s-navy2 .la-card:hover,
section.s-navy .step-card:hover, section.s-navy2 .step-card:hover,
section.s-navy .warn-box:hover, section.s-navy2 .warn-box:hover,
section.s-navy .acc-item:hover, section.s-navy2 .acc-item:hover,
section.s-navy .pv-step:hover, section.s-navy2 .pv-step:hover,
section.s-navy .proc-card:hover, section.s-navy2 .proc-card:hover,
section.s-navy .info-card:hover, section.s-navy2 .info-card:hover,
section.s-navy .kf-card:hover, section.s-navy2 .kf-card:hover,
section.s-navy .reass-card:hover, section.s-navy2 .reass-card:hover{
  background:#ffffff !important;
  color:var(--r) !important;
  border-color:var(--r) !important;
  transform:translateY(-2px) !important;
  box-shadow:0 12px 32px rgba(184,133,106,.18) !important;
}
.sec-navy .lib-card:hover *, .sec-navy .faq-item:hover *, .sec-navy .card:hover *,
section.s-navy .lib-card:hover *, section.s-navy2 .lib-card:hover *,
section.s-navy .faq-item:hover *, section.s-navy2 .faq-item:hover *,
section.s-navy .card:hover *, section.s-navy2 .card:hover *,
section.s-navy .la-card:hover *, section.s-navy2 .la-card:hover *,
section.s-navy .step-card:hover *, section.s-navy2 .step-card:hover *,
section.s-navy .warn-box:hover *, section.s-navy2 .warn-box:hover *,
section.s-navy .acc-item:hover *, section.s-navy2 .acc-item:hover *,
section.s-navy .pv-step:hover *, section.s-navy2 .pv-step:hover *{
  color:var(--r) !important;background:transparent !important;
}

/* Section BLANC/BEIGE → hover : fond NAVY + texte ORANGE */
.sec-beige .lib-card:hover, .sec-beige .faq-item:hover, .sec-beige .card:hover,
.sec-white .lib-card:hover, .sec-white .faq-item:hover, .sec-white .card:hover,
section.s-light-native .la-card:hover, section.s-off .la-card:hover,
section.s-light-native .lib-card:hover, section.s-off .lib-card:hover,
section.s-light-native .faq-item:hover, section.s-off .faq-item:hover,
section.s-light-native .step-card:hover, section.s-off .step-card:hover,
.rg-card:hover, .patho-card:hover, .motif-card:hover{
  background:var(--n) !important;
  color:var(--r) !important;
  border-color:var(--r) !important;
  transform:translateY(-2px) !important;
}
.sec-beige .lib-card:hover *, .sec-beige .faq-item:hover *,
.sec-white .lib-card:hover *, .sec-white .faq-item:hover *,
section.s-light-native .la-card:hover *, section.s-off .la-card:hover *,
section.s-light-native .lib-card:hover *, section.s-off .lib-card:hover *,
section.s-light-native .faq-item:hover *, section.s-off .faq-item:hover *,
.rg-card:hover *, .patho-card:hover *, .motif-card:hover *{
  color:var(--r) !important;background:transparent !important;
}

/* Transitions */
.lib-card, .faq-item, .card, .la-card, .step-card, .warn-box, .acc-item, .pv-step,
.proc-card, .info-card, .kf-card, .reass-card, .rg-card, .patho-card, .motif-card,
.acr-row, .fr-card, .dens-card{
  transition: background .25s ease, color .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease !important;
}
/* ═══ FIN V9.10.31 HOVER ═══ */

/* ═══ V9.10.31 — HOVER encarts inline ═══ */
section.s-navy [style*="background:var(--n)"]:hover, section.s-navy2 [style*="background:var(--n)"]:hover,
section.s-navy [style*="background:var(--n2)"]:hover, section.s-navy2 [style*="background:var(--n2)"]:hover,
section.s-navy [style*="background: var(--n)"]:hover, section.s-navy2 [style*="background: var(--n)"]:hover,
section.s-navy [style*="background: var(--n2)"]:hover, section.s-navy2 [style*="background: var(--n2)"]:hover{
  background: #ffffff !important; color: var(--r) !important; border-color: var(--r) !important;
  transform: translateY(-3px) !important; box-shadow: 0 12px 32px rgba(184,133,106,.18) !important;
  transition: all .3s ease !important;
}
section.s-navy [style*="background:var(--n)"]:hover *, section.s-navy2 [style*="background:var(--n)"]:hover *,
section.s-navy [style*="background:var(--n2)"]:hover *, section.s-navy2 [style*="background:var(--n2)"]:hover *,
section.s-navy [style*="background: var(--n)"]:hover *, section.s-navy2 [style*="background: var(--n)"]:hover *,
section.s-navy [style*="background: var(--n2)"]:hover *, section.s-navy2 [style*="background: var(--n2)"]:hover *{
  color: var(--r) !important; background: transparent !important; background-color: transparent !important;
}
/* ═══ FIN V9.10.31 HOVER INLINE ═══ */

/* ═══ V9.10.31 — sec-nav STICKY COLLÉE ═══ */
nav.sec-nav, .sec-nav { position: sticky !important; top: var(--nav-h-scroll, 60px) !important; z-index: 300 !important; }
@media(max-width:1100px){ nav.sec-nav, .sec-nav { top: var(--nav-h-mobile, 56px) !important; } }
/* ═══ FIN ═══ */

/* ═══ V9.10.31 — Soulignement .sn-a actif ═══ */
.sn-a:hover, .sn-a.active { color: var(--w) !important; border-bottom-color: var(--r) !important; }
/* ═══ FIN ═══ */

/* ═══ V9.10.31 — SÉCURITÉ bouton FR/EN ═══ */
.lang-btn.active{background:var(--r) !important;color:#fff !important;border-color:var(--r) !important;}
.lang-btn.active:hover{background:var(--r2,#a06e55) !important;color:#fff !important;}
/* ═══ FIN ═══ */

/* ═══ V9.10.31 — HOVER INVERSION ═══ */
section.s-navy .la-card:hover,section.s-navy2 .la-card:hover,
section.s-navy .step-card:hover,section.s-navy2 .step-card:hover,
section.s-navy .warn-box:hover,section.s-navy2 .warn-box:hover,
section.s-navy .acc-item:hover,section.s-navy2 .acc-item:hover,
section.s-navy .faq-item:hover,section.s-navy2 .faq-item:hover,
section.s-navy .pv-step:hover,section.s-navy2 .pv-step:hover,
section.s-navy .lib-card:hover,section.s-navy2 .lib-card:hover,
section.s-navy .doc-item:hover,section.s-navy2 .doc-item:hover,
section.s-navy .card:hover,section.s-navy2 .card:hover,
section.s-navy .key-fig-item:hover,section.s-navy2 .key-fig-item:hover{
  background:#ffffff !important;color:var(--r) !important;border-color:var(--r) !important;
  transform:translateY(-2px) !important;box-shadow:0 12px 32px rgba(184,133,106,.18) !important;
}
section.s-navy .la-card:hover *,section.s-navy2 .la-card:hover *,
section.s-navy .lib-card:hover *,section.s-navy2 .lib-card:hover *,
section.s-navy .doc-item:hover *,section.s-navy2 .doc-item:hover *,
section.s-navy .card:hover *,section.s-navy2 .card:hover *,
section.s-navy .key-fig-item:hover *,section.s-navy2 .key-fig-item:hover *,
section.s-navy .faq-item:hover *,section.s-navy2 .faq-item:hover *{
  color:var(--r) !important;background:transparent !important;
}
section.s-light-native .la-card:hover,section.s-off .la-card:hover,
section.s-light-native .lib-card:hover,section.s-off .lib-card:hover,
section.s-light-native .doc-item:hover,section.s-off .doc-item:hover,
section.s-light-native .faq-item:hover,section.s-off .faq-item:hover,
section.s-light-native .key-fig-item:hover,section.s-off .key-fig-item:hover{
  background:var(--n) !important;color:var(--r) !important;border-color:var(--r) !important;
  transform:translateY(-2px) !important;
}
section.s-light-native .la-card:hover *,section.s-off .la-card:hover *,
section.s-light-native .lib-card:hover *,section.s-off .lib-card:hover *{
  color:var(--r) !important;background:transparent !important;
}
.la-card,.step-card,.warn-box,.acc-item,.faq-item,.pv-step,
.lib-card,.doc-item,.card,.acr-row,.fr-card,.card-w,.key-fig-item{
  transition:background .25s ease, color .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease !important;
}

/* HOVER encarts inline navy */
section.s-navy [style*="background:var(--n)"]:hover,section.s-navy2 [style*="background:var(--n)"]:hover,
section.s-navy [style*="background:var(--n2)"]:hover,section.s-navy2 [style*="background:var(--n2)"]:hover{
  background:#ffffff !important;color:var(--r) !important;border-color:var(--r) !important;
  transform:translateY(-3px) !important;box-shadow:0 12px 32px rgba(184,133,106,.18) !important;
  transition:all .3s ease !important;
}
section.s-navy [style*="background:var(--n)"]:hover *,section.s-navy2 [style*="background:var(--n)"]:hover *,
section.s-navy [style*="background:var(--n2)"]:hover *,section.s-navy2 [style*="background:var(--n2)"]:hover *{
  color:var(--r) !important;background:transparent !important;background-color:transparent !important;
}

/* sec-nav STICKY COLLÉE */
nav.sec-nav, .sec-nav { position: sticky !important; top: var(--nav-h-scroll, 60px) !important; z-index: 300 !important; }
@media(max-width:1100px){ nav.sec-nav, .sec-nav { top: var(--nav-h-mobile, 56px) !important; } }

/* Soulignement .sn-a actif */
.sn-a:hover, .sn-a.active { color: var(--w) !important; border-bottom-color: var(--r) !important; }

/* SÉCURITÉ bouton FR/EN */
.lang-btn.active{background:var(--r) !important;color:#fff !important;border-color:var(--r) !important;}
.lang-btn.active:hover{background:var(--r2,#a06e55) !important;color:#fff !important;}
/* ═══ FIN V9.10.31 ═══ */

/* ===== V18 cancer-sein.html — <style id="zeitoun-secnav-mobile-fix-v2-last"> n°14 (body) ===== */

/* V12.8 — sec-nav mobile + fix débordement + bandes grises + logo hero universel */
@media(max-width:1100px){
  .sec-nav-inner{
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:none !important;
    justify-content:flex-start !important;
    gap:0 !important;
    padding:0 8px !important;
  }
  .sec-nav-inner::-webkit-scrollbar{display:none !important;}
  .sn-a{
    flex:0 0 auto !important;
    white-space:nowrap !important;
    min-width:max-content !important;
  }
}
@media(max-width:900px){
  /* Grilles 2-col toutes variations → 1 colonne */
  [style*="grid-template-columns:1fr 1fr"],
  [style*="grid-template-columns: 1fr 1fr"],
  [style*="grid-template-columns:1fr 1.3fr"],
  [style*="grid-template-columns: 1fr 1.3fr"],
  [style*="grid-template-columns:1.3fr 1fr"],
  [style*="grid-template-columns: 1.3fr 1fr"],
  [style*="grid-template-columns:2fr 1fr"],
  [style*="grid-template-columns: 2fr 1fr"],
  [style*="grid-template-columns:1fr 2fr"],
  [style*="grid-template-columns: 1fr 2fr"],
  [style*="grid-template-columns:repeat(2,1fr)"],
  [style*="grid-template-columns: repeat(2,1fr)"],
  [style*="grid-template-columns:repeat(2, 1fr)"],
  [style*="grid-template-columns:1fr auto"],
  [style*="grid-template-columns: 1fr auto"],
  [style*="grid-template-columns:auto 1fr"],
  [style*="grid-template-columns: auto 1fr"]{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }
  /* Neutraliser background gris grilles 2-col */
  [style*="grid-template-columns:repeat(2,1fr)"][style*="background:rgba(13,31,53"],
  [style*="grid-template-columns: repeat(2,1fr)"][style*="background:rgba(13,31,53"],
  [style*="grid-template-columns:repeat(2,1fr)"][style*="gap:2px"],
  [style*="grid-template-columns: repeat(2,1fr)"][style*="gap:2px"],
  [style*="grid-template-columns:repeat(3,1fr)"][style*="gap:2px"],
  [style*="grid-template-columns: repeat(3,1fr)"][style*="gap:2px"]{
    background:transparent !important;
    gap:12px !important;
  }
  iframe, video, embed, object{ max-width:100% !important; height:auto; }
  [style*="padding-bottom:177.78%"], [style*="padding-bottom:56.25%"]{ max-width:100% !important; }
  .multi-grid{ max-width:100% !important; }
  .s, section, .si{ max-width:100% !important; overflow-x:hidden; }
  img, picture{ max-width:100% !important; height:auto; }
/* V12.8b — Grilles picto+titre (NN px 1fr) → 1 colonne mobile */
  [style*="grid-template-columns:50px 1fr"],
  [style*="grid-template-columns: 50px 1fr"],
  [style*="grid-template-columns:56px 1fr"],
  [style*="grid-template-columns: 56px 1fr"],
  [style*="grid-template-columns:60px 1fr"],
  [style*="grid-template-columns: 60px 1fr"],
  [style*="grid-template-columns:64px 1fr"],
  [style*="grid-template-columns: 64px 1fr"],
  [style*="grid-template-columns:80px 1fr"],
  [style*="grid-template-columns: 80px 1fr"],
  [style*="grid-template-columns:130px 1fr"],
  [style*="grid-template-columns: 130px 1fr"]{
    grid-template-columns: auto 1fr !important;
    gap: 12px !important;
    align-items: start !important;
  }
  /* V12.8b — Chiffres clés repeat(4-6,1fr) → 2 colonnes puis 1 col <480px */
  [style*="grid-template-columns:repeat(4,1fr)"],
  [style*="grid-template-columns: repeat(4,1fr)"],
  [style*="grid-template-columns:repeat(4, 1fr)"]{
    grid-template-columns: repeat(2,1fr) !important;
    gap: 12px !important;
  }
@media (max-width:480px){
  [style*="grid-template-columns:repeat(4,1fr)"],
  [style*="grid-template-columns: repeat(4,1fr)"],
  [style*="grid-template-columns:repeat(4, 1fr)"],
  [style*="grid-template-columns:repeat(5,1fr)"],
  [style*="grid-template-columns: repeat(5,1fr)"],
  [style*="grid-template-columns:repeat(5, 1fr)"],
  [style*="grid-template-columns:repeat(6,1fr)"],
  [style*="grid-template-columns: repeat(6,1fr)"]{
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
}
@media(max-width:900px){
  [style*="grid-template-columns:repeat(5,1fr)"],
  [style*="grid-template-columns: repeat(5,1fr)"],
  [style*="grid-template-columns:repeat(6,1fr)"],
  [style*="grid-template-columns: repeat(6,1fr)"]{
    grid-template-columns: repeat(2,1fr) !important;
    gap: 12px !important;
  }
  
  /* V12.8 — Logo Zeitoun universel : protégé par src dans TOUS les contextes */
  img[src*="logo-zeitoun"]{
    width:auto !important;
    height:auto !important;
    max-width:none !important;
  }
  /* Logos footer / nav verrouillés */
  .ft-logo{width:52px;height:52px;flex-shrink:0;}
  .ft-logo img, .ft-logo picture, .ft-logo source{
    width:52px !important;
    height:52px !important;
    max-width:52px !important;
    object-fit:cover;
  }
  .nav-logo{width:48px;height:48px;flex-shrink:0;}
  .nav-logo img, .nav-logo picture{
    width:48px !important;
    height:48px !important;
    max-width:48px !important;
  }
  /* Logo hero (110x110 dans .hero-content) */
  .hero-content picture img[src*="logo-zeitoun"],
  .hero-left picture img[src*="logo-zeitoun"]{
    width:110px !important;
    height:110px !important;
    max-width:110px !important;
    object-fit:cover;
  }
  /* CTA dans encart "À lire aussi" : pas full-width */
  section[style*="background:#f5efe8"] a[style*="background:#0d1f35"]{
    display:inline-block !important;
    width:auto !important;
    max-width:100% !important;
  }
}
}