.v2-hero--esth .hero-icone--visage { width: min(50%, 240px); }


.v2-hero--page .hero-visage-anime { width: min(58%, 270px); margin: auto; opacity: 1; transform: none; }
.v2-hero--page .hero-visage-anime video { display: block; width: 100%; height: auto; mix-blend-mode: multiply;
  -webkit-mask-image: radial-gradient(ellipse 50% 50% at 50% 50%, #000 52%, rgba(0,0,0,.6) 70%, transparent 100%);
  mask-image: radial-gradient(ellipse 50% 50% at 50% 50%, #000 52%, rgba(0,0,0,.6) 70%, transparent 100%); }
@media (max-width: 900px) { .v2-hero--page .hero-visage-anime { width: min(52%, 220px); } }


 
.esth-section { padding: 4.5rem 1.5rem; }
.esth-edito { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: 1fr; row-gap: 2.2rem; }
.esth-etiquette { margin: 0; font-family: var(--font-sans); font-size: .72rem; font-weight: 600;
  letter-spacing: .14em; text-transform: uppercase; color: var(--text-body); }
.esth-titre { margin: 0 0 1.2rem; font-family: var(--font-serif); font-weight: 400;
  font-size: clamp(1.9rem, 3.8vw, 2.9rem); line-height: 1.15; letter-spacing: -.005em; color: var(--text-dark); }
.esth-titre em { font-style: italic; color: var(--v2-rose); }
.esth-texte p { margin: 0 0 1.1rem; line-height: 1.75; color: var(--text-body); }
.esth-etapes { margin: 1.4rem 0 0 !important; font-family: var(--font-sans); font-size: .72rem; font-weight: 600;
  letter-spacing: .14em; text-transform: uppercase; color: var(--text-dark); }

.esth-media { position: relative; overflow: hidden; background: var(--lavender-pale); border-radius: 0; }
.esth-media img, .esth-media video { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0; }

 
.esth-pourquoi__corps { display: grid; grid-template-columns: 1fr; gap: 1.8rem; }
.esth-pourquoi__photo { aspect-ratio: 1; width: min(100%, 320px); }


.esth-pierres { position: relative; width: min(100%, 320px); height: 96px; margin-top: .6rem; }
.esth-pierre { position: absolute; display: block; mix-blend-mode: multiply; opacity: 0;
  transform: translateY(-30px) rotate(-8deg);
  transition: opacity 1.4s ease-out, transform 1.8s cubic-bezier(.2, .9, .3, 1.04); }
.esth-pierre--1 { width: 74px; left: 6%; bottom: 8px; }
.esth-pierre--2 { width: 48px; left: 34%; bottom: 0; transition-delay: .35s; transform: translateY(-30px) rotate(12deg) scaleX(-1); }
.esth-pierre--3 { width: 60px; left: 56%; bottom: 14px; transition-delay: .7s; transform: translateY(-30px) rotate(-14deg); }
.esth-pierres.posees .esth-pierre { opacity: .9; }
.esth-pierres.posees .esth-pierre--1 { transform: rotate(4deg); }
.esth-pierres.posees .esth-pierre--2 { transform: rotate(-6deg) scaleX(-1); }
.esth-pierres.posees .esth-pierre--3 { transform: rotate(9deg); }
@media (prefers-reduced-motion: reduce) { .esth-pierre { transition: none; opacity: .9; transform: none; } }

 
.esth-zones__liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .35rem; }
.zone__tete { display: flex; align-items: baseline; gap: 1.2rem; width: 100%; padding: .35rem 0; background: none; border: 0;
  cursor: pointer; text-align: left; font-family: var(--font-serif); font-size: clamp(1.4rem, 2.4vw, 1.9rem); line-height: 1.25;
  color: var(--text-muted); transition: color .5s var(--v2-ease); }
.zone__num { font-size: .62em; color: var(--text-muted); flex-shrink: 0; min-width: 2.4em; }
.zone.ouvert .zone__tete, .zone__tete:hover { color: var(--text-dark); }
.zone__corps { display: grid; grid-template-rows: 0fr; opacity: 0; visibility: hidden;
  transition: grid-template-rows .6s var(--v2-ease), opacity .5s var(--v2-ease), visibility 0s .6s; }
.zone.ouvert .zone__corps { grid-template-rows: 1fr; opacity: 1; visibility: visible; transition-delay: 0s; }
.zone__inner { overflow: hidden; }
.zone__corps > .zone__inner > p { margin: .3rem 0 1rem 3.7rem; line-height: 1.75; color: var(--text-body); }
.zone__inner .liste-fine { margin: 0 0 1.2rem 3.7rem; }
.zone__inner .liste-fine .accordion-content { color: var(--text-body); }





.esth-zones__medias { display: flex; flex-direction: column; gap: 3rem; }
.esth-figure { margin: 0; }
.esth-figure .esth-media { aspect-ratio: 4 / 5; }
.esth-figure--petit .esth-media { aspect-ratio: 1; width: 68%; margin-left: auto; }
.esth-figure figcaption { margin: .8rem 0 0; font-family: var(--font-sans); font-size: .72rem; font-weight: 600;
  letter-spacing: .14em; text-transform: uppercase; color: var(--text-body); }
.esth-figure figcaption b { font-weight: 600; color: var(--text-dark); }


.esth-figure { opacity: 0; transform: translate3d(0, 28px, 0);
  transition: opacity .9s var(--v2-ease), transform 1.1s var(--v2-ease); }
.esth-figure.visible { opacity: 1; transform: none; }
 
.esth-figure.actif .esth-media { box-shadow: 0 24px 60px rgba(45, 34, 53, .12); }

 
.esth-media video { position: absolute; inset: 0; opacity: 0; transition: opacity .8s var(--v2-ease); }
.esth-media video.joue { opacity: 1; }
.esth-media img { position: absolute; inset: 0; }

@media (min-width: 900px) {
  .esth-edito { grid-template-columns: 9rem minmax(0, 34ch) 1fr; column-gap: 4rem; align-items: start; }
  .esth-etiquette { position: sticky; top: 7.5rem; padding-top: .6rem; }
  .esth-pourquoi__corps { grid-template-columns: minmax(0, 34ch) 1fr; column-gap: 4rem; grid-column: 2 / 4; }
  .esth-pourquoi__photo { order: -1; grid-column: 1; }
  .esth-pourquoi__texte { grid-column: 2; max-width: 44ch; }
   
  .esth-pourquoi__corps { grid-template-rows: auto 1fr; }
  .esth-pourquoi__texte { grid-row: 1 / 3; }
  .esth-pourquoi__corps > .esth-pierres { grid-column: 1; grid-row: 2; }
  .esth-zones__liste { position: sticky; top: 7.5rem; }
  .esth-zones__medias { gap: 4rem; }
   
  .esth-questions #faq { grid-column: 2 / 4; }
}
@media (max-width: 899px) {
  .esth-zones .esth-edito { display: flex; flex-direction: column; }
  .esth-zones__liste, .esth-zones__medias, .esth-zones__cote { display: contents; }
  .esth-pierres--zones { order: 7; align-self: flex-end; }
  .esth-zones .esth-etiquette { order: 0; }
  .esth-figure[data-zone="haut"] { order: 1; }  .zone[data-zone="haut"] { order: 2; }
  .esth-figure[data-zone="bouche"] { order: 3; }  .zone[data-zone="bouche"] { order: 4; }
  .esth-figure[data-zone="machoire"] { order: 5; }  .zone[data-zone="machoire"] { order: 6; }
  .esth-figure[data-zone="famille"] { order: 1; }  .zone[data-zone="famille"] { order: 2; }
  .esth-figure[data-zone="sourire"] { order: 3; }  .zone[data-zone="sourire"] { order: 4; }
  .esth-figure[data-zone="chirurgie"] { order: 7; }  .zone[data-zone="chirurgie"] { order: 8; }
  .esth-figure[data-zone="urgence"] { order: 9; }  .zone[data-zone="urgence"] { order: 10; }
  .esth-figure { margin-bottom: 1.2rem; }  .zone { margin-bottom: 2.4rem; }
  .esth-figure--petit .esth-media { width: 100%; aspect-ratio: 4 / 5; }
  .zone__corps > .zone__inner > p, .zone__inner .liste-fine { margin-left: 0; }
  .esth-section { padding: 3.2rem 1.25rem; }
}

 
.esth-questions .liste-fine { max-width: 760px; }

 
.esth-invite { max-width: 1180px; margin: 0 auto; padding: 1rem 1.5rem 3rem; font-family: var(--font-serif);
  font-size: clamp(1.4rem, 2.6vw, 2rem); line-height: 1.3; color: var(--text-dark); }
.esth-invite a { color: var(--v2-plum-link); text-decoration: underline; text-underline-offset: .18em; text-decoration-thickness: 1px; }

@media (prefers-reduced-motion: reduce) {
  .esth-figure { opacity: 1; transform: none; transition: none; }
  .zone__tete, .zone__corps, .esth-media video { transition: none; }
  .esth-onglets a { transition: none; }
}

.esth-volet, .esth-panneau { border: 0; padding: 0; margin: 0; max-width: none; max-height: none;
  background: var(--v2-ivory); color: var(--text-dark); overflow: hidden; }
.esth-volet::backdrop, .esth-panneau::backdrop { background: rgba(45, 34, 53, .38); opacity: 0; transition: opacity .5s var(--v2-ease); }
.esth-volet.ouvert::backdrop, .esth-panneau.ouvert::backdrop { opacity: 1; }
body:has(dialog[open]) { overflow: hidden; }

 
.esth-volet { position: fixed; inset: 0 0 0 auto; width: min(66vw, 760px); height: 100dvh;
  transform: translate3d(100%, 0, 0); transition: transform .62s cubic-bezier(.22, .7, .25, 1);
  box-shadow: -24px 0 60px rgba(45, 34, 53, .14); }
.esth-volet.ouvert { transform: none; }
.esth-volet__inner { height: 100%; overflow-y: auto; padding: 2.4rem clamp(1.4rem, 4vw, 3.4rem) 3rem; }
.esth-volet__inner .form-section__header { text-align: left; padding: 0; margin: 1.6rem 0 1.4rem; }
.esth-volet__inner .form-section__header h2 { margin: 0 0 .8rem; font-family: var(--font-serif); font-weight: 400;
  font-size: clamp(1.7rem, 3vw, 2.3rem); line-height: 1.15; color: var(--text-dark); }
.esth-volet__inner .form-section__header h2 span { font-style: italic; color: var(--v2-plum-link); }
.esth-volet__inner .form-intro__lead, .esth-volet__inner .form-intro__suite { margin: 0 0 .3rem; color: var(--text-body); line-height: 1.7; }
.esth-volet__inner .form { max-width: none; margin: 0; padding: 0; background: none; box-shadow: none; }
.esth-volet__inner .form__success { text-align: left; }
.esth-volet__inner .form__success.show { display: block; }
.esth-volet__inner .zone-questionnaire { padding: 1.6rem 0 0; text-align: center; }
.esth-volet__inner .questionnaire { margin: 0 auto; display: inline-flex; flex-direction: column; align-items: center;
  gap: .3rem; padding: 0; background: none; border: 0; border-radius: 0; backdrop-filter: none; -webkit-backdrop-filter: none;
  box-shadow: none; transform: none; }
.esth-volet__inner .questionnaire:hover { transform: none; box-shadow: none; }
.esth-volet__inner .questionnaire__icone { display: none; }
.esth-volet__inner .questionnaire__texte { align-items: center; }
.esth-volet__inner .questionnaire__titre { text-decoration: underline; text-underline-offset: .22em; text-decoration-thickness: 1px;
  text-decoration-color: transparent; transition: text-decoration-color .28s var(--v2-ease), color .28s var(--v2-ease); }
.esth-volet__inner .questionnaire:hover .questionnaire__titre { text-decoration-color: currentColor; color: var(--v2-plum-link); }
.esth-volet__avance { margin: 1.2rem 0 0; padding-top: 1.2rem; border-top: 1px solid rgba(184, 151, 90, .25); }
.esth-volet__avance p { margin: 0 0 .5rem; font-size: .92rem; color: var(--text-body); line-height: 1.7; }
.esth-volet__avance a { color: var(--v2-plum-link); text-decoration: underline; text-underline-offset: .18em; }

 
.esth-fermer { display: inline-flex; align-items: center; gap: .5rem; background: none; border: 0; cursor: pointer;
  padding: .4rem 0; font-family: var(--font-sans); font-size: .72rem; font-weight: 600; letter-spacing: .14em;
  text-transform: uppercase; color: var(--text-dark); }
.esth-fermer svg { width: 14px; height: 14px; }
.esth-fermer:hover { color: var(--v2-plum-link); }
.esth-volet__barre, .esth-panneau__barre { display: flex; justify-content: space-between; align-items: center; }
.esth-volet__etiquette { margin: 0; font-family: var(--font-sans); font-size: .72rem; font-weight: 600; letter-spacing: .14em;
  text-transform: uppercase; color: var(--text-body); }

 
.esth-panneau { position: fixed; inset: 0 auto auto 0; width: 100%; max-height: 88dvh;
  transform: translate3d(0, -100%, 0); transition: transform .7s cubic-bezier(.22, .7, .25, 1);
  box-shadow: 0 24px 60px rgba(45, 34, 53, .16); }
.esth-panneau.ouvert { transform: none; }
.esth-panneau__inner { max-height: 88dvh; overflow-y: auto; }
.esth-panneau__haut { max-width: 1180px; margin: 0 auto; padding: 1.4rem 1.5rem 2.4rem; }
.esth-panneau__liste { list-style: none; margin: 2rem 0 0; padding: 0; display: flex; flex-direction: column; gap: .5rem; }
.esth-panneau__liste > li { display: grid; grid-template-columns: 2.6em 1fr; align-items: baseline; column-gap: .6rem; }
.esth-panneau__num { font-family: var(--font-serif); font-size: .95rem; color: var(--text-muted); }
.esth-panneau__liste a, .esth-panneau__liste button { font-family: var(--font-serif); font-size: clamp(1.7rem, 3.6vw, 2.6rem); line-height: 1.2;
  color: var(--text-dark); text-decoration: none; background: none; border: 0; padding: 0; cursor: pointer; text-align: left; }
.esth-panneau__liste a:hover, .esth-panneau__liste button:hover { color: var(--v2-plum-link); }
.esth-panneau__liste a[aria-current="page"] { color: var(--v2-plum-link); }
 
.esth-panneau__sous { list-style: none; margin: .5rem 0 .8rem; padding: 0; display: flex; flex-wrap: wrap; gap: .4rem 1.6rem; }
.esth-panneau__sous a { font-family: var(--font-sans); font-size: .78rem; font-weight: 600; letter-spacing: .12em;
  text-transform: uppercase; color: var(--text-body); }
.esth-panneau__sous a:hover { color: var(--text-dark); }
.esth-panneau__bas { background: #3D2E52; color: #FFFFFF; }
.esth-panneau__bas-inner { max-width: 1180px; margin: 0 auto; padding: 1.6rem 1.5rem 2rem; display: grid;
  grid-template-columns: 2.6em 1fr; row-gap: .9rem; column-gap: .6rem; font-family: var(--font-sans); font-size: .92rem; line-height: 1.6; }
.esth-panneau__bas-inner span:first-child { color: rgba(255, 255, 255, .62); }
.esth-panneau__bas-inner a { color: #FFFFFF; text-decoration: none; }
.esth-panneau__bas-inner a:hover { text-decoration: underline; }



.esth-menu-btn { display: inline-flex; align-items: center; gap: .5rem; background: none; border: 0; cursor: pointer;
  padding: .4rem 0 .4rem .6rem; font-family: var(--font-sans); font-size: .72rem; font-weight: 600; letter-spacing: .14em;
  text-transform: uppercase; color: inherit; }
.esth-menu-btn svg { width: 16px; height: 16px; }
body.esth .nav__hamburger, body.esth #navLinks { display: none !important; }

@media (max-width: 899px) {
  .esth-volet { width: 100vw; }
  .esth-panneau { max-height: 100dvh; }
}
@media (prefers-reduced-motion: reduce) {
  .esth-volet, .esth-panneau, .esth-volet::backdrop, .esth-panneau::backdrop { transition: none; }
}
@media (max-width: 899px) {
  .esth-volet__inner { padding: 1.4rem 1.25rem 2.4rem; }
  .esth-volet__inner .form__row { display: grid; grid-template-columns: 1fr; gap: .9rem; }
  .esth-volet__inner .form__group { width: 100%; min-width: 0; }
  .esth-volet__inner .form__input, .esth-volet__inner .form__select, .esth-volet__inner .form__textarea { width: 100%; max-width: 100%; }
}

 
body.esth .nav__mots { display: flex !important; gap: 0; }
body.esth .nav__mots .nav__mot--esth, body.esth .nav__mots .nav__mot--dent { display: none !important; }
body.esth .nav__mots { align-items: center; align-self: center; }
body.esth .nav__mots .nav__rdv { margin-right: 1.6rem; }
.esth-menu-btn { margin-left: 0; padding: .5rem .2rem .5rem .6rem; color: var(--v2-plum-link); align-self: center; }
.esth-menu-btn svg { width: 22px; height: 22px; }
body.esth .nav--v2.scrolled .esth-menu-btn { color: rgba(255, 255, 255, .92); }
body.esth .nav--v2.scrolled .esth-menu-btn svg { width: 26px; height: 26px; }
body.esth .nav--v2.scrolled .nav__brand-nom { color: rgba(230, 220, 240, .92); }
body.esth .nav--v2.scrolled .nav__inner { height: 66px; }


[data-focus]:focus { outline: none; }
 
.esth-panneau { inset: 12px 12px auto 12px; width: auto; max-height: calc(100dvh - 24px); transition-duration: .9s; }
.esth-panneau::backdrop { background: rgba(45, 34, 53, .22); }
.esth-panneau__inner { max-height: calc(100dvh - 24px); }
 
.esth-panneau__liste a[aria-current="page"] { color: var(--text-dark); text-decoration: underline; text-underline-offset: .14em; text-decoration-thickness: 1px; text-decoration-color: var(--v2-plum-link); }
 
.esth-lien { display: inline-block; font-family: var(--font-serif); font-size: clamp(1.2rem, 2vw, 1.45rem); color: var(--text-dark);
  text-decoration: underline; text-underline-offset: .2em; text-decoration-thickness: 1px; text-decoration-color: var(--v2-plum-link); }
.esth-lien:hover { color: var(--v2-plum-link); }
.esth-lien-ligne { margin: 1.6rem 0 0; }
.esth-invite { padding-top: 0; }
.hero-reperes--texte { margin: 1.8rem 0 0; flex-direction: column; gap: .7rem; justify-content: flex-start; }
.hero-reperes--texte li { font-size: .95rem; color: var(--text-body); }
 
.hero-reperes__appel { color: inherit; text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 1px; text-underline-offset: 4px; }
.hero-reperes__appel:hover, .hero-reperes__appel:focus-visible { color: var(--gold-dark, var(--text-dark)); }
 
.esth-accroche { position: fixed; top: 60px; left: 0; right: 0; z-index: 4; margin: 0; padding: .7rem 1.5rem; pointer-events: none;
  font-family: var(--font-sans); font-size: .72rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase;
  color: var(--text-body); opacity: 0; transform: translate3d(0, -6px, 0); transition: opacity .4s var(--v2-ease), transform .4s var(--v2-ease); }
.esth-accroche.visible { opacity: 1; transform: none; }
@media (min-width: 900px) { .esth-accroche { max-width: 1180px; margin: 0 auto; padding-left: 1.5rem; } }
 
.esth-titre--questions { margin-bottom: 1.6rem; }
@media (min-width: 900px) { .esth-titre--questions { grid-column: 2 / 4; } .esth-questions #faq { grid-column: 2 / 4; } }


.esth-figure .esth-media { aspect-ratio: 736 / 400; }
.esth-figure--petit .esth-media { aspect-ratio: 736 / 400; width: 68%; margin-left: auto; }
@media (max-width: 899px) { .esth-figure--petit .esth-media { width: 100%; aspect-ratio: 736 / 400; } }


.esth-volet { transition-duration: .95s; }
.esth-volet__barre--droite { justify-content: flex-end; }
 
.esth-volet__appel { display: flex; flex-wrap: wrap; align-items: center; gap: .25rem .5rem; margin: 1rem 0 .25rem; padding: .8rem .75rem; border: 1px solid var(--lavender-light); border-radius: var(--radius); background: rgba(255, 255, 255, .7); color: var(--text-dark); font-family: var(--font-sans); font-size: .88rem; font-weight: 600; text-decoration: none; white-space: nowrap; transition: border-color .3s, color .3s; }
.esth-volet__appel svg { width: 18px; height: 18px; flex-shrink: 0; color: var(--gold-dark); }
.esth-volet__appel-num { margin-left: auto; font-size: .8rem; font-weight: 400; color: var(--text-body); }
.esth-volet__appel:hover, .esth-volet__appel:focus-visible { border-color: var(--gold); color: var(--gold-dark); }
.esth-volet__bascule { display: flex; align-items: center; gap: .9rem; }
.esth-volet__choix { display: inline-flex; align-items: center; gap: .55rem; font-family: var(--font-sans);
  font-size: .64rem; font-weight: 500; letter-spacing: .12em; text-transform: uppercase;
  color: var(--v2-plum-link); text-decoration: none; }
.esth-volet__choix img { width: 30px; height: 30px; display: block; transition: opacity .3s ease, transform .3s ease; }
a.esth-volet__choix img { opacity: .38; }
a.esth-volet__choix:hover img, a.esth-volet__choix:focus-visible img { opacity: 1; transform: scale(1.08); }
.esth-volet__fleche { width: 18px; height: 18px; color: #A99BB8; flex-shrink: 0; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

body.esth:not(.dent) .esth-volet { background: #F6F2FA;
  background-image: radial-gradient(circle at 85% 12%, rgba(184, 169, 204, .34), rgba(184, 169, 204, 0) 55%), linear-gradient(180deg, #F3EEF8, #F8F5FB); }
body.dent .esth-volet { background: #FBF7F1;
  background-image: radial-gradient(circle at 85% 12%, rgba(201, 169, 110, .16), rgba(201, 169, 110, 0) 55%), linear-gradient(180deg, #FAF5EC, #FDFAF4); }
.esth-volet__filigrane { position: absolute; right: -4%; top: 2rem; width: 62%; max-width: 440px; height: auto; opacity: .13;
  pointer-events: none; transform: scaleX(-1); z-index: -1; }
body.dent .esth-volet__filigrane { transform: none; width: 56%; }
.esth-volet__inner { position: relative; z-index: 1; }
.esth-volet__inner .form-section__header { margin-top: .6rem; }
@media (max-width: 899px) { .esth-volet { width: 85vw; } }
.esth-zones__intro { grid-column: 2; }
.esth-zones__intro p { font-size: .95rem; }
@media (min-width: 900px) { .esth-zones .esth-etiquette { grid-row: 1 / 3; } .esth-zones__liste { grid-row: 2; grid-column: 2; } .esth-zones__medias { grid-row: 1 / 3; grid-column: 3; } }
.esth-pierres--zones { margin-top: 1.4rem; }
@media (min-width: 900px) {
  body:not(.dent) .esth-zones .esth-edito { grid-template-columns: 9rem 1fr minmax(0, 34ch); }
  body:not(.dent) .esth-zones__intro { grid-column: 3; grid-row: 1; }
  

  body:not(.dent) .esth-zones__cote { grid-column: 3; grid-row: 2; position: sticky; top: 7.5rem; }
  body:not(.dent) .esth-zones__liste { position: static; }
  body:not(.dent) .esth-zones__medias { grid-column: 2; grid-row: 1 / 3; }
  body:not(.dent) .esth-figure--petit .esth-media { margin-left: 0; margin-right: auto; }
}

.esth-bande { padding: 0 1.5rem 3.5rem; }
.esth-figure--bande .esth-media { aspect-ratio: 1; width: 100%; }
.esth-figure--bande .esth-media img, .esth-figure--bande .esth-media video { object-position: 50% 30%; }
@media (min-width: 900px) { .esth-bande .esth-figure--bande { grid-column: 3; } }
.esth-carre { padding: 0 1.5rem 3.5rem; display: flex; justify-content: center; }
.esth-figure--carre { width: min(100%, 380px); }
.esth-figure--carre .esth-media { aspect-ratio: 1; }
.esth-figure--carre .esth-media img, .esth-figure--carre .esth-media video { object-position: 50% 20%; }

.hero-reperes--mots { margin: 1.6rem 0 0; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 1.6rem; justify-content: flex-start; }
.hero-reperes--mots li { font-family: var(--font-sans); font-size: .72rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--text-body); gap: .45rem; }
.hero-reperes--mots img { width: 22px; height: 22px; opacity: .8; }
@media (max-width: 480px) { .hero-reperes--mots { gap: 1rem; } .hero-reperes--mots li { font-size: .66rem; letter-spacing: .1em; } }

.esth-figure figcaption { margin: 0 0 .8rem; }


.esth-pourquoi__pont { text-align: center; }
.esth-pourquoi__pont .esth-etapes { margin-top: 0 !important; }
.esth-figure--derive { margin: 1.8rem auto 0; width: min(100%, 560px); }
.esth-figure--derive .esth-media { aspect-ratio: 4 / 3; }
@media (min-width: 900px) { .esth-pourquoi__pont { grid-column: 2 / 4; margin-top: 1rem; } }
.esth-figure--derive .esth-media img, .esth-figure--derive .esth-media video { object-position: 50% 25%;
  animation: esth-derive 18s ease-in-out infinite alternate; transform-origin: 50% 40%; }
@keyframes esth-derive { from { transform: scale(1) translate3d(0, 0, 0); } to { transform: scale(1.08) translate3d(-2%, 1.5%, 0); } }
@media (prefers-reduced-motion: reduce) { .esth-figure--derive .esth-media img, .esth-figure--derive .esth-media video { animation: none; } }

.form__checkbox-group--case { display: flex; align-items: flex-start; gap: .7rem; justify-content: flex-start; }
.form__case { width: 18px; height: 18px; margin: .2rem 0 0; flex-shrink: 0; accent-color: var(--v2-plum-link); }
.form__checkbox-group--case .form__checkbox-label { flex: 1; }
.form__section-titre { margin: 1.6rem 0 .6rem; padding-top: 1.2rem; border-top: 1px solid rgba(184, 151, 90, .25);
  font-family: var(--font-sans); font-size: .72rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--text-body); }
.esth-volet, .esth-panneau, .esth-volet__inner, .esth-panneau__inner { overflow-x: hidden; touch-action: pan-y; overscroll-behavior: contain; }
.esth-volet__inner .form__input, .esth-volet__inner .form__select, .esth-volet__inner .form__textarea { max-width: 100%; box-sizing: border-box; }

.esth-lecture { opacity: .28; transform: scale(.975) translate3d(0, 8px, 0); transform-origin: 0 50%;
  transition: opacity .7s var(--v2-ease), transform .7s var(--v2-ease); will-change: opacity, transform; }
.esth-lecture.lu { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .esth-lecture { opacity: 1; transform: none; transition: none; } }

 
body.dent .esth-zones .esth-figure .esth-media { aspect-ratio: 672 / 448; }
body.dent .esth-zones .esth-figure--petit .esth-media { aspect-ratio: 672 / 448; }
 
.esth-pont { padding-top: 0; padding-bottom: 1rem; }
 
.zone__inner > ul, .zone__inner > ol { margin: 0 0 1rem 3.7rem; padding-left: 1.2rem; }
.zone__inner > ul li, .zone__inner > ol li { margin: 0 0 .35rem; line-height: 1.7; color: var(--text-body); }
@media (max-width: 899px) { .zone__inner > ul, .zone__inner > ol { margin-left: 0; } }

@media (min-width: 900px) {
  body.dent .esth-zones__liste { grid-row: 1 / 3; }
  body.dent .esth-pont .esth-pourquoi__pont { grid-column: 1 / 4; }
  body.dent .esth-figure--derive { width: min(100%, 940px); }
  body.dent .esth-figure--derive .esth-media { aspect-ratio: 2 / 1; }
  body.dent .esth-bande .esth-figure--bande { grid-column: 2 / 4; width: min(100%, 940px); margin-left: auto; }
  body.dent .esth-figure--bande .esth-media { aspect-ratio: 3 / 2; }
}
body.dent .esth-bande { padding-bottom: 2rem; }
body.dent .esth-questions { padding-top: 2.5rem; }



.zone__inner a, .liste-fine .accordion-content a { color: var(--v2-gold-text); font-weight: 600; text-decoration: underline; text-underline-offset: .16em; }
.zone__inner a:hover, .liste-fine .accordion-content a:hover { color: var(--v2-plum-link); }
 
.zone-questionnaire .disclaimer-bottom { color: var(--text-body); }
.zone-questionnaire--disclaimer { padding: 0 1.5rem 3rem; }
 
@media (max-width: 899px) { .zone__tete, .zone__num { color: var(--text-body); } }
 
body.dent .zone__tete { font-size: clamp(1.25rem, 2vw, 1.6rem); }
 
@media (min-width: 900px) { .esth-accroche { max-width: calc(1180px + 3rem); } }
@media (max-width: 899px) { .esth-accroche { padding-left: 1.25rem; } }
 
body.esth .nav__mots .nav__rdv { padding: .5rem 0; }
 
@media (scripting: none) { .esth-figure { opacity: 1; transform: none; } }