/* ================= BASE ================= */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
:root{
  --blanc:#FFFFFF;
  --blanc-doux:#FBFDFE;
  --bleu:#4E8DB8;          /* bleu Dermashape (thème Shopify) */
  --bleu-fonce:#16324A;    /* navy du logo */
  --bleu-clair:#A5C9E2;
  --bleu-pale:#EAF2F8;
  --encre:#1C3850;
  --gris:#5E7585;
  --ease:cubic-bezier(.22,1,.36,1);
  --serif:"Times New Roman",Times,Georgia,serif;
  --sans:"Figtree",-apple-system,"Helvetica Neue",sans-serif;
  --gouttiere:clamp(1.5rem,3vw,2.75rem);
}
html{scroll-behavior:smooth}
body{background:var(--blanc);color:var(--encre);font-family:var(--sans);font-size:16px;line-height:1.65;letter-spacing:-.01em;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{background:none;border:0;cursor:pointer;font:inherit;color:inherit}
img,video{display:block;max-width:100%}
em{font-style:italic}
.container{max-width:1180px;margin:0 auto;padding:0 clamp(1.25rem,5vw,4rem)}
h1,h2,h3,.t-serif{font-family:var(--serif);font-weight:400;letter-spacing:-.03em}
h1 em,h2 em{font-style:italic;color:var(--bleu)}
.section-pad{padding:clamp(4.5rem,9vw,8rem) 0}

/* ================= LOADER ================= */
.loader{position:fixed;inset:0;background:var(--blanc);z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.8rem;transition:opacity .6s var(--ease),visibility .6s}
.loader.done{opacity:0;visibility:hidden}
.loader img{height:44px}
.loader-bar{width:150px;height:3px;background:var(--bleu-pale);border-radius:3px;overflow:hidden}
.loader-bar i{display:block;height:100%;width:0;background:var(--bleu);border-radius:3px;transition:width .4s var(--ease)}

/* ================= HEADER PILULE ================= */
.header{position:fixed;top:1.1rem;left:50%;transform:translateX(-50%);z-index:100;display:flex;align-items:center;gap:1.3rem;background:var(--blanc);border-radius:999px;padding:.8rem .8rem .8rem 2.1rem;box-shadow:0 10px 36px rgba(22,50,74,.14);transition:box-shadow .3s}
.header-logo img{height:38px;width:auto}
.hbtn{display:inline-flex;align-items:center;gap:.5rem;border-radius:999px;padding:.72rem 1.35rem;font-size:.82rem;font-weight:600;transition:transform .35s var(--ease),background .3s,color .3s}
.hbtn:hover{transform:translateY(-2px)}
.hbtn-menu{background:var(--bleu-pale);color:var(--encre)}
.hbtn-menu:hover{background:var(--bleu-clair)}
.hbtn-rdv{background:var(--bleu-fonce);color:var(--blanc)}
.hbtn-rdv:hover{background:var(--bleu)}
@media(max-width:560px){.header{gap:.6rem;padding-left:1.1rem}.hbtn{padding:.65rem 1rem;font-size:.76rem}.header-logo img{height:30px}}

/* menu plein écran */
.nav{position:fixed;inset:0;background:var(--blanc);z-index:90;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .45s var(--ease)}
.nav.open{opacity:1;pointer-events:auto}
.nav ul{list-style:none;text-align:center;position:relative}
.nav li{overflow:hidden}
.nav a{display:block;font-family:var(--serif);font-size:clamp(1.9rem,5.2vh,3rem);line-height:1.18;padding:.22em 0;letter-spacing:-.03em;color:var(--encre);transform:translateY(110%);transition:transform .65s var(--ease),color .3s}
.nav.open a{transform:translateY(0)}
.nav li:nth-child(1) a{transition-delay:.06s}.nav li:nth-child(2) a{transition-delay:.12s}.nav li:nth-child(3) a{transition-delay:.18s}.nav li:nth-child(4) a{transition-delay:.24s}.nav li:nth-child(5) a{transition-delay:.3s}.nav li:nth-child(6) a{transition-delay:.36s}
.nav a:hover{color:var(--bleu);font-style:italic}
.nav-close{position:absolute;top:1.4rem;right:1.6rem;width:52px;height:52px;border-radius:50%;background:var(--bleu-pale);font-size:1.1rem;color:var(--encre)}
.nav ul{max-height:100svh;overflow-y:auto;padding:4.5rem 1rem;scrollbar-width:none}
.nav ul::-webkit-scrollbar{display:none}
.sous-menu{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem .55rem;max-width:34rem;margin:.15rem auto .35rem;padding:0 .5rem}
.sous-menu li{overflow:visible}
.nav .sous-menu a{font-family:var(--sans);font-size:.85rem;font-weight:600;letter-spacing:0;line-height:1;color:var(--encre);background:var(--bleu-pale);border-radius:999px;padding:.55rem 1.05rem;display:inline-block}
.nav .sous-menu a:hover{background:var(--bleu);color:var(--blanc);font-style:normal}
@media(max-width:560px){.nav a{font-size:clamp(1.7rem,4.8vh,2.4rem)}.nav .sous-menu a{font-size:.8rem;padding:.5rem .9rem}}

/* lien souligné avec flèche */
.link-arrow{display:inline-flex;align-items:center;gap:.55rem;font-weight:600;font-size:.95rem;color:var(--encre);padding-bottom:.3rem;position:relative}
.link-arrow::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2.5px;border-radius:2px;background:var(--bleu);transform-origin:left;transition:transform .4s var(--ease)}
.link-arrow:hover::after{transform:scaleX(.55)}
.link-arrow .fl{transition:transform .35s var(--ease)}
.link-arrow:hover .fl{transform:translateX(4px)}

/* bouton pilule */
.btn{display:inline-flex;align-items:center;gap:.7rem;border-radius:999px;padding:1rem 1.9rem;font-size:.85rem;font-weight:600;background:var(--bleu-fonce);color:var(--blanc);transition:transform .35s var(--ease),background .3s}
.btn:hover{transform:translateY(-3px);background:var(--bleu)}
.btn.sur-bleu{background:var(--blanc);color:var(--bleu-fonce)}
.btn.sur-bleu:hover{background:var(--bleu-pale)}
.btn .fl{transition:transform .35s var(--ease)}
.btn:hover .fl{transform:translateX(4px)}

/* ================= HERO ================= */
.hero{position:relative;max-width:1280px;margin:0 auto;padding:7.5rem clamp(1.25rem,5vw,4rem) 2.5rem;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4.5rem);align-items:center;min-height:94svh;background:var(--blanc)}
.hero-txt{text-align:left}
.hero h1{font-size:clamp(2.3rem,4.4vw,3.9rem);line-height:1.08;color:var(--encre);text-wrap:balance;margin-bottom:1.5rem}
.hero-sub{color:var(--gris);font-size:1.02rem;font-weight:500;max-width:46ch;margin-bottom:2.2rem}
.hero-ctas{display:flex;align-items:center;gap:1.7rem;flex-wrap:wrap}
.hero-note{display:flex;align-items:center;gap:.8rem;margin-top:2.4rem}
.hero-note .stars{color:#E8B931;letter-spacing:.15em;font-size:.95rem}
.hero-note span{font-size:.85rem;font-weight:600;color:var(--gris)}
.hero-arch{position:relative;height:clamp(420px,74vh,620px);border-radius:999px 999px 24px 24px;overflow:hidden}
.hero-arch img{width:100%;height:116%;object-fit:cover;will-change:transform}
@media(max-width:880px){
  .hero{grid-template-columns:1fr;min-height:auto;padding-top:7rem;gap:2.6rem}
  .hero-txt{text-align:center}
  .hero-sub{margin-left:auto;margin-right:auto}
  .hero-ctas,.hero-note{justify-content:center}
  .hero-arch{height:clamp(360px,52vh,460px)}
}

/* pages intérieures */
.page-hero{min-height:auto;padding-bottom:1.5rem}
.prix-note{font-size:.9rem;color:var(--gris);margin-top:1.1rem}
.prix-note strong{color:var(--encre);font-weight:600}
.centre-grid.rev .centre-img{order:2}
@media(max-width:860px){.centre-grid.rev .centre-img{order:0}}

/* ================= SECTIONS IMAGE + TEXTE ================= */
.centre{position:relative;background:var(--blanc);overflow:hidden}
.centre-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,6vw,5.5rem);align-items:center}
.centre-img{position:relative;border-radius:999px 999px 26px 26px;overflow:hidden;aspect-ratio:4/5}
.centre-img img{width:100%;height:115%;object-fit:cover;will-change:transform}
.centre-txt .label,.label{font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--bleu);margin-bottom:1.1rem}
.centre-txt h2{font-size:clamp(1.9rem,3.8vw,2.9rem);line-height:1.18;margin-bottom:1.4rem;text-wrap:balance}
.centre-txt p{color:var(--gris);margin-bottom:1.1rem;max-width:52ch}
.centre-txt p strong{color:var(--encre);font-weight:600}
.centre-txt .link-arrow{margin-top:1rem}
@media(max-width:860px){.centre-grid{grid-template-columns:1fr}.centre-img{max-width:440px;margin:0 auto}}

/* ================= PHRASE REVELEE AU SCROLL ================= */
.fillp{background:var(--blanc);text-align:center;padding:clamp(5rem,10vw,8.5rem) 1.5rem}
.fillp p{max-width:960px;margin:0 auto;font-family:var(--sans);font-weight:500;font-size:clamp(1.6rem,4vw,3rem);line-height:1.42;letter-spacing:-.03em;color:var(--encre)}
.fillp .fw{color:#D9E2E8}
.fillp .ii{display:inline-block;vertical-align:middle;width:2.3em;height:1em;border-radius:999px;overflow:hidden;margin:0 .1em;transform:translateY(-.06em)}
.fillp .ii img{width:100%;height:100%;object-fit:cover}

/* ================= PRESTATIONS (mosaïque) ================= */
.prestations{position:relative;background:var(--blanc)}
.prestations .head{text-align:center;max-width:720px;margin:0 auto;padding:0 1.5rem}
.prestations .head .label{margin-bottom:1rem}
.prestations .head h2{font-size:clamp(1.9rem,4.2vw,3rem);line-height:1.12}
.prestations .head p{margin-top:1.3rem;color:var(--gris)}
.bento{display:grid;grid-template-columns:1.35fr 1.1fr 1fr;grid-auto-rows:minmax(215px,auto);gap:clamp(1.1rem,1.9vw,1.75rem);margin-top:clamp(2rem,4vw,3rem)}
.bento-card{border-radius:24px;padding:clamp(1.4rem,2.3vw,2.1rem);display:flex;flex-direction:column;gap:1rem}
.bento-card h3{font-family:var(--serif);font-weight:400;font-size:clamp(1.45rem,2.3vw,2rem);letter-spacing:-.025em;line-height:1.15}
.bento-card p{font-size:.9rem;font-weight:400;line-height:1.65;margin-top:auto}
.bento-bleu{background:var(--bleu);color:#fff}
.bento-pale{background:var(--bleu-pale);color:var(--encre)}
.bento-pale h3{color:var(--bleu)}
.bento-link{font-weight:600;font-size:.9rem;text-decoration:underline;text-underline-offset:4px;transition:opacity .3s}
.bento-link:hover{opacity:.7}
.bento-photo{position:relative;border-radius:24px;overflow:hidden;display:block;min-height:215px}
.bento-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.bento-photo:hover img{transform:scale(1.05)}
.bento-tag{position:absolute;left:.9rem;bottom:.9rem;background:#fff;color:var(--encre);border-radius:999px;padding:.4rem .9rem;font-size:.76rem;font-weight:600}
.bt-ems{grid-column:3;grid-row:1/3}
.bt-hifuv{grid-column:1;grid-row:3/5}
.bt-massage{grid-column:3;grid-row:4/6}
.prestations .cta{display:flex;justify-content:center;margin-top:clamp(1.8rem,3vw,2.4rem)}
@media(max-width:900px){.bento{grid-template-columns:1fr 1fr}.bt-ems,.bt-hifuv,.bt-massage{grid-column:auto;grid-row:auto}}
@media(max-width:620px){.bento{grid-template-columns:1fr}.bento-photo{min-height:340px}}

/* ================= FORMATIONS ================= */
.formations{background:var(--blanc)}
.formations-grid{display:grid;grid-template-columns:1fr 1.55fr;gap:var(--gouttiere);align-items:stretch}
.form-panel{background:var(--bleu-fonce);color:#fff;border-radius:28px;padding:clamp(1.8rem,3vw,2.6rem);display:flex;flex-direction:column;gap:1.1rem}
.form-panel .eyebrow{font-family:var(--serif);font-style:italic;font-size:1.35rem;color:var(--bleu-clair)}
.form-panel h2{color:#fff;font-size:clamp(1.9rem,3.4vw,2.7rem);line-height:1.12}
.form-panel>p{color:rgba(255,255,255,.85);font-size:.95rem;line-height:1.75}
.form-panel .panel-img{margin-top:auto;border-radius:999px 999px 18px 18px;overflow:hidden;aspect-ratio:4/3}
.form-panel .panel-img img{width:100%;height:100%;object-fit:cover}
.form-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--gouttiere)}
.form-card{background:var(--bleu-pale);border-radius:24px;padding:1rem;display:flex;flex-direction:column;transition:transform .35s var(--ease)}
.form-card:hover{transform:translateY(-4px)}
.form-img{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:16/10}
.form-img img{width:100%;height:100%;object-fit:cover}
.form-tag{position:absolute;top:.7rem;right:.7rem;background:#fff;border-radius:999px;padding:.35rem .85rem;font-size:.72rem;font-weight:600;color:var(--encre)}
.form-card h3{font-family:var(--sans);font-weight:600;font-size:1.1rem;letter-spacing:-.02em;margin:1rem .4rem .25rem;line-height:1.3}
.form-card .meta{font-size:.82rem;color:var(--gris);margin:0 .4rem 1rem}
.form-card .form-btn{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:.6rem;background:var(--bleu-fonce);color:#fff;border-radius:999px;padding:.95rem 1rem;font-size:.88rem;font-weight:600;transition:background .3s}
.form-card:hover .form-btn{background:var(--bleu)}
@media(max-width:920px){.formations-grid{grid-template-columns:1fr}}
@media(max-width:560px){.form-cards{grid-template-columns:1fr}}

/* ================= STORIES INSTA ================= */
.stories{position:relative;background:var(--bleu-pale);border-radius:48px;margin:0 clamp(.6rem,2vw,1.4rem);overflow:hidden}
.stories-head{text-align:center;padding:0 1.5rem;position:relative;z-index:2}
.stories-head .label{margin-bottom:0}
.stories-head h2{font-size:clamp(2rem,5vw,3.4rem);font-style:italic;margin-top:.5rem}
.stories-row{display:flex;justify-content:center;align-items:center;gap:clamp(.8rem,1.6vw,1.5rem);margin-top:clamp(2.6rem,5vw,4rem);padding:1.5rem clamp(1rem,3vw,2rem);position:relative;z-index:2}
.story{position:relative;flex:0 0 auto;width:clamp(175px,17vw,240px);aspect-ratio:9/16;border-radius:26px;overflow:hidden;background:var(--bleu-fonce);box-shadow:0 16px 40px rgba(22,50,74,.2);transition:transform .55s var(--ease)}
.story:nth-child(1){transform:rotate(-6deg) translateY(14px)}
.story:nth-child(2){transform:rotate(3deg) translateY(-8px)}
.story:nth-child(3){transform:rotate(-1.5deg) translateY(8px)}
.story:nth-child(4){transform:rotate(4.5deg) translateY(-12px)}
.story:nth-child(5){transform:rotate(-4deg) translateY(12px)}
.story:hover{transform:rotate(0) translateY(-6px) scale(1.04);z-index:3}
.story video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.story-top{position:absolute;top:0;left:0;right:0;z-index:3;padding:.7rem .8rem}
.story-bars{display:flex;gap:4px;margin-bottom:.55rem}
.story-bars i{flex:1;height:2.5px;border-radius:2px;background:rgba(255,255,255,.45)}
.story-bars i:first-child{background:#fff}
.story-user{display:flex;align-items:center;gap:.45rem;font-size:.68rem;font-weight:600;color:#fff;text-shadow:0 1px 8px rgba(22,50,74,.55)}
.story-user .av{width:22px;height:22px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-style:italic;font-size:.75rem;color:var(--bleu-fonce)}
.story-cap{position:absolute;bottom:.9rem;left:.9rem;right:.9rem;z-index:3;font-family:var(--serif);font-style:italic;font-size:1.1rem;color:#fff;text-shadow:0 2px 14px rgba(22,50,74,.65)}
.story-quote{background:var(--blanc)}
.story-quote .q{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:1.3rem;font-family:var(--serif);font-style:italic;font-size:1.3rem;line-height:1.4;color:var(--bleu-fonce)}
.story-quote .story-user{color:var(--bleu-fonce);text-shadow:none}
.story-quote .story-user .av{background:var(--bleu-fonce);color:#fff}
.story-quote .story-bars i{background:rgba(22,50,74,.25)}
.story-quote .story-bars i:first-child{background:var(--bleu-fonce)}
.stories-ctas{display:flex;justify-content:center;gap:1rem;margin-top:2.4rem;flex-wrap:wrap;position:relative;z-index:2}
@media(max-width:860px){
  .stories-row{justify-content:flex-start;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory}
  .stories-row::-webkit-scrollbar{display:none}
  .story{width:215px;scroll-snap-align:center}
}

/* ================= AVIS : défilement continu ================= */
.avis{position:relative;background:var(--blanc);color:var(--encre);text-align:center;overflow:hidden}
.avis .label{margin-bottom:0}
.av-note{text-align:center;margin-top:1.2rem;font-size:.95rem;font-weight:600;color:var(--encre)}
.avis-marquee{overflow:hidden;margin-top:2.2rem;position:relative;z-index:2;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.avis-track{display:flex;gap:1.4rem;width:max-content;animation:avis-defile 38s linear infinite;padding:.4rem 0}
.avis-marquee:hover .avis-track{animation-play-state:paused}
.avis-marquee + .avis-marquee{margin-top:1.4rem}
.avis-track.inverse{animation-direction:reverse}
.av-card{width:clamp(270px,30vw,360px);background:var(--bleu-pale);border-radius:20px;padding:1.5rem 1.6rem;text-align:left;display:flex;flex-direction:column;gap:.55rem}
.av-card .av-stars{color:#E8B931;letter-spacing:.15em;font-size:.85rem}
.av-card p{color:var(--encre);font-size:.92rem;line-height:1.6;flex:1}
.av-card .av-nom{font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--encre)}
.av-card .av-soin{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--bleu)}
@keyframes avis-defile{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.avis-track{animation:none;overflow-x:auto}}

/* ================= SEO ACCORDÉONS ================= */
.seo{position:relative;background:var(--blanc);overflow:hidden}
.seo h2{text-align:center;font-size:clamp(1.9rem,4.6vw,3.2rem);line-height:1.15;margin-bottom:clamp(2.6rem,5vw,4rem);text-wrap:balance;position:relative;z-index:2}
.acc{max-width:860px;margin:0 auto;position:relative;z-index:2;padding:0 1.5rem}
.acc-item{border-bottom:1.5px solid var(--bleu-pale);padding:1.5rem 0}
.acc-top{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;text-align:left}
.acc-title{font-family:var(--serif);font-weight:400;font-size:clamp(1.2rem,2.4vw,1.7rem);letter-spacing:-.025em;color:var(--encre)}
.acc-ico{flex:none;width:44px;height:44px;border-radius:50%;background:var(--bleu-pale);position:relative;transition:background .3s}
.acc-item.open .acc-ico{background:var(--bleu)}
.acc-ico::before,.acc-ico::after{content:"";position:absolute;top:50%;left:50%;width:12px;height:2px;background:var(--bleu-fonce);transform:translate(-50%,-50%);transition:transform .35s var(--ease),background .3s}
.acc-ico::before{transform:translate(-50%,-50%) rotate(90deg)}
.acc-item.open .acc-ico::before{transform:translate(-50%,-50%) rotate(0)}
.acc-item.open .acc-ico::before,.acc-item.open .acc-ico::after{background:#fff}
.acc-body{max-height:0;overflow:hidden;transition:max-height .55s var(--ease),padding .4s;color:var(--gris);font-size:.95rem;line-height:1.85}
.acc-item.open .acc-body{padding-top:1.2rem}
.acc-body strong{color:var(--encre);font-weight:600}
.acc-body a{color:var(--bleu);text-decoration:underline;text-underline-offset:3px;font-weight:600}

/* ================= CTA RDV ================= */
.rdv{position:relative;background:var(--bleu-fonce);color:var(--blanc);border-radius:48px 48px 0 0;margin:0 clamp(.6rem,2vw,1.4rem);text-align:center;overflow:hidden;padding:clamp(4.5rem,9vw,7.5rem) 1.5rem}
.rdv h2{font-size:clamp(2rem,4.8vw,3.4rem);line-height:1.12;color:var(--blanc);position:relative;z-index:2;text-wrap:balance}
.rdv h2 em{color:var(--bleu-clair)}
.rdv p{position:relative;z-index:2;margin:1.2rem auto 2.2rem;max-width:420px;color:rgba(255,255,255,.8)}
.rdv .btn{position:relative;z-index:2;background:var(--blanc);color:var(--bleu-fonce)}
.rdv .btn:hover{background:var(--bleu-pale)}

/* ================= FOOTER ================= */
.footer{background:var(--blanc);padding:clamp(3rem,6vw,4.5rem) clamp(1.25rem,5vw,4rem) 2rem}
.footer-grid{max-width:1180px;margin:0 auto;display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:space-between;align-items:flex-start}
.footer-logo img{height:48px}
.footer h3{font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--bleu);margin-bottom:.8rem}
.footer-col p,.footer-col a{display:block;font-size:.9rem;color:var(--gris);line-height:2}
.footer-col a:hover{color:var(--bleu-fonce)}
.footer-copy{max-width:1180px;margin:2.5rem auto 0;padding-top:1.4rem;border-top:1.5px solid var(--bleu-pale);font-size:.8rem;color:var(--gris);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}

/* révélation des titres */
.w{display:inline-block}
.w>span{display:inline-block;opacity:0;transform:translateY(24px);filter:blur(8px)}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .w>span{opacity:1!important;transform:none!important;filter:none!important}
  .loader{display:none}
}

/* ================= MODALE PLANITY ================= */
.planity-modal{position:fixed;inset:0;z-index:300;display:none;align-items:center;justify-content:center;padding:1.2rem}
.planity-modal.open{display:flex}
.planity-back{position:absolute;inset:0;background:rgba(22,50,74,.55)}
.planity-box{position:relative;background:#fff;border-radius:22px;width:min(960px,96vw);height:min(780px,92vh);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 80px rgba(22,50,74,.35)}
.planity-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1.2rem;border-bottom:1.5px solid var(--bleu-pale)}
.planity-head strong{font-size:.9rem;color:var(--encre)}
.planity-head .pl-actions{display:flex;gap:.9rem;align-items:center}
.planity-head .pl-actions a{font-size:.78rem;font-weight:600;color:var(--bleu);text-decoration:underline;text-underline-offset:3px}
.planity-close{width:38px;height:38px;border-radius:50%;background:var(--bleu-pale);font-size:1rem;color:var(--encre)}
.planity-box iframe{flex:1;border:0;width:100%}