:root{--paper:#fff9f8;--ink:#45343e;--ink-soft:#78636c;--line:#eadbe1;--perin-rose:#a65f78;--perin-deep:#793b54;--perin-soft:#f7e7ee}
html{scroll-behavior:smooth;scroll-padding-top:110px}
.perin-network{display:block;min-height:100vh;font-size:16px;line-height:1.65;overflow-x:clip}
.perin-network a{color:inherit;text-decoration:none}
.perin-network a:focus-visible,.perin-network button:focus-visible,.perin-network summary:focus-visible{outline:3px solid #a65f78;outline-offset:4px}
.perin-network body>header,.perin-network>header.perin-header{height:102px;display:flex;flex-direction:row;justify-content:space-between;padding:12px max(30px,calc((100vw - 1480px)/2));background:#fffcfb;border-bottom:1px solid var(--line);position:relative;z-index:100}
.perin-header .perin-brand img{width:240px;height:76px;max-width:none;display:block}
.perin-centre-nav,.perin-desktop-nav{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:650}
.perin-centre-nav a:hover,.perin-desktop-nav>a:hover{color:var(--perin-rose)}
.perin-desktop-nav{gap:21px}
.perin-home-menu{display:none}
.perin-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 24px;min-height:52px;border:1px solid var(--perin-deep);border-radius:9px;background:var(--perin-deep);color:#fff!important;font-family:Inter,sans-serif;font-size:13px;font-weight:650;transition:background .2s,transform .2s}
.perin-button:hover{background:#633045;transform:translateY(-1px)}
.perin-button-light{background:rgba(255,255,255,.65);color:var(--perin-deep)!important;border-color:#c9a5b5}
.perin-button-light:hover{background:#f5e3ea}
.perin-hero{position:relative;isolation:isolate;background:#fff9f8 url('/kinovea/soins/kinesitherapie-perinatale.webp') center 40%/cover no-repeat}
.perin-hero:before{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(90deg,#fff9f8 0%,rgba(255,249,248,.99) 28%,rgba(255,249,248,.93) 42%,rgba(255,249,248,.56) 58%,rgba(255,249,248,.04) 80%);pointer-events:none}
.perin-hero-inner{position:relative;max-width:1420px;margin:auto;padding:82px 42px 60px;min-height:690px;display:flex;align-items:center}
.perin-hero-copy{width:min(710px,60%)}
.perin-eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:700;color:var(--perin-rose);margin:0 0 16px}
.perin-network h1,.perin-network h2,.perin-network h3{font-family:Newsreader,Georgia,serif;font-weight:450;letter-spacing:-.035em;line-height:1.08}
.perin-hero h1{font-size:clamp(42px,4.4vw,68px);margin:0 0 24px}
.perin-network h1 em,.perin-network h2 em{font-weight:400;color:var(--perin-rose)}
.perin-hero-lead{max-width:540px;font-size:17px;line-height:1.8;color:var(--ink-soft)}
.perin-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:30px}
.perin-hero-note{display:flex;align-items:center;gap:14px;margin-top:28px;max-width:460px;color:var(--ink-soft);font-size:12px}
.perin-hero-note>span{font-size:36px;color:var(--perin-rose)}
.perin-hero-note strong{display:block;color:var(--ink);font-size:13px;margin-bottom:3px}
.perin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:520px;margin-top:38px;padding-top:24px;border-top:1px solid var(--line);gap:25px}
.perin-stats dt{font-family:Newsreader,Georgia,serif;font-size:32px;line-height:1}
.perin-stats dd{font-size:10px;margin-top:7px;color:var(--ink-soft)}
.perin-section{padding:80px max(28px,calc((100vw - 1360px)/2))}
.perin-section-heading{max-width:800px;text-align:center;margin:0 auto 38px;padding:0 24px}
#nos-centres.perin-section-heading{padding-top:72px}
.perin-section-heading h2,.perin-home-banner h2{font-size:clamp(34px,3.5vw,50px);margin:0 0 18px}
.perin-section-heading>p:last-child{font-size:15px;color:var(--ink-soft);max-width:640px;margin:auto}
.perin-network main{flex:none;min-height:520px;max-width:1440px;margin:0 auto 0;display:flex;border-radius:22px;overflow:hidden;box-shadow:0 20px 60px -40px #84556b}
.perin-network .panel{min-height:520px}
.perin-network .panel{--accent:var(--perin-centre-soft);--accent-deep:var(--perin-centre-deep);--tint-mid:color-mix(in srgb,var(--perin-centre-deep) 24%,transparent);--tint-deep:color-mix(in srgb,var(--perin-centre-footer) 90%,transparent);--tint-full:color-mix(in srgb,var(--perin-centre-deep) 85%,transparent)}
.perin-network .panel h2{color:#fff;letter-spacing:-.02em}
.perin-network .mobile-centre-tab{--tab-color:var(--perin-centre-deep)!important;--tab-soft:var(--perin-centre-soft)!important}
.perin-network .mobile-centre-picker{background:#fff9f8}
.perin-care-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;max-width:1360px;margin:auto}
.perin-care-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 16px 42px -35px #865e72;transition:transform .25s}
.perin-care-card:hover{transform:translateY(-5px)}
.perin-care-image{position:relative;aspect-ratio:4/3;overflow:hidden}
.perin-care-image img{width:100%;height:100%;object-fit:cover;display:block}
.perin-care-image>span{position:absolute;bottom:14px;left:14px;padding:5px 10px;border-radius:6px;background:rgba(255,249,248,.95);font-size:10px;font-weight:650;color:var(--perin-deep)}
.perin-card-copy{padding:23px;display:flex;flex-direction:column;flex:1}
.perin-card-copy h3{font-size:28px;margin-bottom:13px}
.perin-card-copy>p{font-size:13px;color:var(--ink-soft);line-height:1.75}
.perin-card-link{margin-top:auto;padding-top:23px;color:var(--perin-deep)!important;font-size:11px;font-weight:700;display:flex;justify-content:space-between;gap:10px}
.perin-map-section{background:#f9edf1}
.perin-map-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:28px;max-width:1360px;margin:auto;align-items:stretch}
.perin-map-centres{display:grid;gap:14px}
.perin-map-card{padding:22px;background:color-mix(in srgb,var(--perin-centre-soft) 48%,white);border:1px solid var(--line);border-radius:14px;transition:box-shadow .2s,border .2s}
.perin-map-card.is-active{border-color:var(--perin-centre-accent);box-shadow:0 0 0 2px var(--perin-centre-soft)}
.perin-map-card button{display:flex;align-items:center;gap:12px;width:100%;padding:0;border:0;background:none;color:var(--ink);text-align:left;cursor:pointer;font-family:Newsreader,Georgia,serif;font-size:25px}
.perin-map-card button strong{font-weight:450;flex:1}
.perin-map-dot{display:block;width:9px;height:9px;background:var(--perin-centre-accent);border-radius:50%;box-shadow:0 0 0 4px var(--perin-centre-soft)}
.perin-map-card address{font-size:12px;font-style:normal;color:var(--ink-soft);margin:9px 0 16px}
.perin-map-card>div{display:flex;gap:17px;flex-wrap:wrap;font-size:10px;font-weight:700;color:var(--perin-centre-deep)}
.perin-map-card a{text-decoration:underline;text-underline-offset:4px}
#perinatal-centres-map{height:100%;min-height:470px;border:1px solid #dfcbd4;border-radius:18px;background:#f7f1f4;z-index:1;overflow:hidden}
.perin-map-wrap{min-width:0;position:relative;padding-bottom:24px}
.perin-map-credit{font-size:10px;color:#8c737e;position:absolute;bottom:0;left:5px}
.perin-map-consent{position:absolute;z-index:1000;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;background:rgba(255,249,248,.88);padding:25px}
.perin-map-consent>div{max-width:300px}
.perin-map-consent strong{font-family:Newsreader,Georgia,serif;font-size:26px;font-weight:450;display:block;color:var(--perin-deep)}
.perin-map-consent p{font-size:12px;color:var(--ink-soft);margin:12px 0 18px}
.perin-map-consent button{cursor:pointer}
.perin-map-pin{border:3px solid white;background:var(--perin-centre-accent);color:white;border-radius:50%;box-shadow:0 4px 18px color-mix(in srgb,var(--perin-centre-deep) 40%,transparent);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700}
.perin-map-popup{font-family:Inter,sans-serif;color:#45343e;font-size:12px;line-height:1.7;min-width:170px}
.perin-map-popup strong{font-family:Newsreader,Georgia,serif;font-size:23px;font-weight:450}
.perin-map-popup a{color:var(--perin-centre-deep)!important;font-weight:650;display:block;margin-top:9px}
.perin-practitioner-rail{display:grid;grid-auto-flow:column;grid-auto-columns:260px;gap:22px;overflow:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding:5px 2px 22px;max-width:1360px;margin:auto}
.perin-practitioner-card{scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.perin-practitioner-photo{display:block;aspect-ratio:4/4.4;overflow:hidden;background:#f5eaee}
.perin-practitioner-photo img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.perin-practitioner-card .perin-card-copy h3{font-size:26px}
.perin-practitioner-card .perin-card-copy .perin-eyebrow{font-size:9px;letter-spacing:.13em;color:var(--perin-rose);margin-bottom:10px}
.perin-practitioner-specialties{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.perin-practitioner-specialties>span{font-size:9px;line-height:1.5;padding:4px 7px;border-radius:5px;background:#f9eef3;color:#815569}
.perin-home-banner{max-width:1360px;margin:0 auto 80px;padding:50px 60px;border-radius:22px;background:#f2dee7;display:flex;align-items:center;justify-content:space-between;gap:35px}
.perin-home-banner>div:first-child{max-width:570px}
.perin-home-banner p:not(.perin-eyebrow){font-size:14px;color:var(--ink-soft)}
.perin-home-banner .perin-actions{max-width:300px}
.perin-network .network-footer{background:#f8eef2;border-color:#eadbe1}
.perin-network .network-footer-brand img{width:210px;height:auto}
.perin-network .network-footer-card{color:#715265;border-color:#e2cbd6}
@media(max-width:1180px),(max-width:1366px) and (pointer:coarse){.perin-desktop-nav{display:none}.perin-home-menu{display:block}.perin-network>header.perin-header{padding:12px 30px}.perin-header .perin-brand{position:absolute;left:50%;transform:translateX(-50%)}.perin-home-menu summary{list-style:none;width:48px;height:48px;display:flex;align-items:center;justify-content:center;gap:5px;flex-direction:column;border:1px solid #dec6d1;border-radius:10px;cursor:pointer}.perin-home-menu summary::-webkit-details-marker{display:none}.perin-home-menu summary>span:not(.sr-only){width:18px;height:2px;background:#793b54}.perin-home-menu>nav{position:absolute;top:100%;right:24px;width:320px;max-width:calc(100vw - 48px);display:flex;flex-direction:column;gap:4px;padding:18px;background:#fffafc;border:1px solid #eadbe1;border-radius:14px;box-shadow:0 20px 60px #50304422;max-height:calc(100dvh - 120px);overflow:auto}.perin-home-menu nav>a:not(.perin-button){padding:11px;font-size:14px}.perin-network main{margin-inline:28px}.perin-home-banner{margin-inline:28px}}
@media(max-width:1100px){.perin-hero-inner{padding:65px 32px 50px;min-height:660px}.perin-hero-copy{width:66%}.perin-care-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.perin-map-layout{grid-template-columns:290px minmax(0,1fr)}.perin-map-card{padding:18px}.perin-home-banner{padding:40px}.perin-centre-nav{gap:16px;font-size:12px}}
@media(max-width:900px){.perin-network main{flex-direction:column}.perin-network .panel{min-height:470px}.perin-hero-copy{width:72%}.perin-hero:before{background:linear-gradient(90deg,#fff9f8 0%,rgba(255,249,248,.95) 30%,rgba(255,249,248,.7) 57%,rgba(255,249,248,.1) 90%)}.perin-hero h1{font-size:49px}.perin-map-layout{grid-template-columns:1fr}.perin-map-centres{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.perin-map-card{padding:17px 13px}.perin-map-card button{font-size:22px}.perin-map-card>div{display:grid;gap:6px}.perin-map-wrap{height:470px}.perin-home-banner{align-items:flex-start}.perin-home-banner .perin-actions{min-width:220px}}
@media(max-width:767px){html{scroll-padding-top:85px}.perin-network>header.perin-header{height:86px;padding:10px 18px;justify-content:flex-end}.perin-header .perin-brand{left:18px;transform:none}.perin-header .perin-brand img{width:200px;height:62px}.perin-centre-nav{display:none}.perin-hero{background-size:auto 400px;background-position:65% top;background-color:#fff9f8;padding-top:210px}.perin-hero:before{background:linear-gradient(0deg,#fff9f8 0%,#fff9f8 45%,rgba(255,249,248,.9) 65%,rgba(255,249,248,.1) 94%)}.perin-hero-inner{min-height:0;padding:35px 24px 42px}.perin-hero-copy{width:100%}.perin-hero h1{font-size:43px;line-height:1.06}.perin-hero-lead{font-size:15px;line-height:1.7}.perin-eyebrow{font-size:9px;letter-spacing:.12em}.perin-actions{gap:10px;margin-top:24px}.perin-button{padding:13px 18px;font-size:12px}.perin-stats{gap:10px;margin-top:27px;padding-top:22px}.perin-stats dt{font-size:29px}.perin-stats dd{font-size:9px}.perin-section{padding:54px 20px}.perin-section-heading{padding:0 10px;margin-bottom:28px}#nos-centres.perin-section-heading{padding-top:48px}.perin-section-heading h2,.perin-home-banner h2{font-size:37px}.perin-section-heading>p:last-child{font-size:13px}.perin-network main{margin:0 16px;border-radius:18px;min-height:470px}.perin-network.mobile-centre-tabs-ready main,.mobile-centre-tabs-ready .perin-network main{display:flex;flex-direction:row;min-height:470px}.perin-network .panel{min-height:470px}.perin-care-grid{gap:14px}.perin-card-copy{padding:18px}.perin-card-copy h3{font-size:24px}.perin-card-copy>p{font-size:12px}.perin-card-link{font-size:10px}.perin-care-image>span{left:10px;bottom:10px;font-size:9px;padding:4px 7px}.perin-map-centres{grid-template-columns:1fr;gap:10px}.perin-map-card{padding:16px 20px}.perin-map-card>div{display:flex;gap:20px}.perin-map-card address{margin:7px 0 10px}.perin-map-wrap{height:400px}#perinatal-centres-map{min-height:375px}.perin-home-banner{padding:30px 25px;margin:0 20px 55px;display:block}.perin-home-banner .perin-actions{max-width:100%}.perin-practitioner-rail{grid-auto-columns:245px;gap:15px}.perin-network .mobile-centre-picker{top:0}.perin-home-menu>nav{right:16px}.perin-network .network-footer-brand img{width:185px;height:auto}}
@media(max-width:470px){.perin-care-grid{grid-template-columns:1fr}.perin-care-card{display:grid;grid-template-columns:120px minmax(0,1fr)}.perin-care-image{height:100%;aspect-ratio:auto}.perin-care-image>span{display:none}.perin-card-copy h3{font-size:23px}.perin-card-copy>p{font-size:11px;line-height:1.6}.perin-card-copy{padding:18px 16px}.perin-card-link{padding-top:15px}.perin-hero h1{font-size:39px}.perin-hero .perin-actions{display:grid;grid-template-columns:1fr}.perin-hero .perin-button{width:100%}.perin-hero-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.perin-care-card,.perin-button{transition:none}}

/* Les trois entrées gardent la couleur de leur centre sur chaque taille d’écran. */
.perin-centre-nav a,.perin-home-menu a[href="/lasne"],.perin-home-menu a[href="/rhode"],.perin-home-menu a[href="/kraainem"]{color:var(--perin-centre-deep);background:var(--perin-centre-soft);border-radius:8px;padding:7px 10px}

@media(min-width:1181px) and (pointer:fine),(min-width:1367px){
 .perin-network>header.perin-header{height:132px;padding:54px max(32px,calc((100vw - 1108px)/2)) 12px;position:sticky;top:0;background:#fffdfc}
 .perin-centre-nav{position:absolute;top:0;left:0;right:0;height:44px;justify-content:center;gap:12px;background:#fdf3f6;font-size:12px}
 .perin-centre-nav a{padding:4px 12px}
 .perin-header .perin-brand img{width:180px;height:58px}
 .perin-desktop-nav{gap:28px;font-size:14px}
 .perin-desktop-nav .perin-button{padding:13px 22px;min-height:46px}
}

@media(min-width:1181px) and (pointer:fine),(min-width:1367px){
 .perin-hero-inner{max-width:1220px;padding-left:56px;padding-right:56px}
 .perin-desktop-nav{gap:22px}
}
