:root{--ink:#4c342a;--muted:#756057;--green:#795441;--green-light:#f1e3df;--cream:#fcf8ee;--orange:#aa8056;--line:#e5dac8}html{scroll-behavior:smooth;scroll-padding-top:28px}body{font-size:15px;background:var(--cream)}.topbar{height:100px;background:var(--cream);padding:0 6%;border-color:#e9dfcf}.brand{font-size:27px}.brand small{letter-spacing:2.7px}.btn{border-radius:3px;padding:15px 23px;font-weight:500}.public-main{max-width:1360px;padding:40px 6% 0}.hero{grid-template-columns:1.12fr 1fr;gap:50px;margin-bottom:42px;min-height:610px}.hero h1{font-size:clamp(44px,5.2vw,76px);line-height:1.08;letter-spacing:-2px;margin:24px 0}.hero h1 em,h2 em{font-weight:400;color:#88614e}.hero-copy>.muted{font-size:16px;line-height:1.85;max-width:415px;margin:25px 0 32px}.hero-link{display:inline-block;font-size:12px;margin:16px}.hero-note{border-top:1px solid var(--line);margin-top:40px;padding-top:22px;color:#746d5e;font-size:13px}.hero-note span{font-size:26px;margin-right:16px;color:#a27b4c}.hero-visual{height:585px;border-radius:200px 200px 6px 6px;background-image:url('/images/visage-masque.jpg');background-size:auto 220%;background-position:100% 100%;position:relative;background-color:#e9d8c4;overflow:hidden}.hero-visual:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#36332590)}.hero-caption{position:absolute;bottom:30px;left:30px;color:white;z-index:1}.hero-caption span{font-size:9px;letter-spacing:2px}.hero-caption p{font:italic 32px Georgia;margin:8px 0}.ribbon{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:24px 0;border-block:1px solid var(--line);font-size:11px;letter-spacing:2px;text-transform:uppercase}.ribbon i{color:#9c794a;font-size:24px}.intro{text-align:center;padding:100px 0 70px}.intro h2,h2{font-size:clamp(32px,3.5vw,48px);letter-spacing:-1px}.intro>p:not(.eyebrow){max-width:650px;margin:25px auto;color:var(--muted)}.journey{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:65px;text-align:left}.journey article{border-top:1px solid var(--line);padding-top:20px}.journey span{font:italic 27px Georgia;color:#96774f}.journey h3{font:24px Georgia;margin:14px 0}.journey p{color:var(--muted);font-size:14px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.section-heading>p{color:var(--muted);font-size:14px}.filters{display:flex;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:22px}.filters button{padding:10px 20px;border:1px solid var(--line);border-radius:24px;background:transparent;color:var(--ink);font-size:12px}.filters .selected{background:var(--green);border-color:var(--green);color:white}#tariffs{display:grid;grid-template-columns:1fr 1fr;column-gap:48px;margin-bottom:20px}.treatment{padding:25px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;align-items:center}.category{font-size:8px;letter-spacing:1.7px;color:#89695c}.treatment h3{font:23px Georgia;margin:7px 0}.treatment p{font-size:12px;color:var(--muted);margin:0}.treatment-action{text-align:right;min-width:95px}.treatment-action strong{font:24px Georgia;display:block;margin-bottom:9px}.text-link{font-size:11px;text-underline-offset:4px}.feature{background:#f1e3df;padding:58px 65px;display:flex;justify-content:space-between;align-items:center;margin:75px 0 95px;border-radius:3px}.feature p{max-width:490px}.feature-price{font:35px Georgia}.feature-price span{font:14px system-ui;color:var(--muted)}.feature-flower{font-size:210px;font-weight:100;color:#c5a19b;line-height:1}.booking-layout{grid-template-columns:310px 1fr;gap:24px;margin:20px 0 80px}.card{border-radius:5px;box-shadow:none;border:1px solid var(--line)}.profile{background:#f2eadf}.profile h2{font-size:32px}.monogram{font:italic 55px Georgia;color:#88614e;margin-bottom:16px}.service-options{max-height:430px;overflow:auto}.service-option{border-radius:3px}.faq{max-width:800px;margin:auto}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{cursor:pointer;font-size:16px}.faq details p{color:var(--muted);padding-top:16px}.closing{text-align:center;font:42px/1.2 Georgia;padding:90px 0 65px;color:#88614e}.footer{background:#f1e8db;border-top:1px solid var(--line);padding:35px 6%;font-size:11px}.footer .brand{font-size:23px}.preview-note{background:#795441;color:white;text-align:center;font-size:12px;padding:10px 20px}.preview-note a{color:white}.preview-note + .topbar{height:90px}@media(max-width:850px){.hero{gap:25px;min-height:500px}.hero-visual{height:490px}.hero h1{font-size:48px}.topnav>a:not(.btn){display:none}.public-main{padding:28px 5% 0}.feature-flower{font-size:120px}.booking-layout{grid-template-columns:1fr}.profile{display:none}.hero-link{margin-left:0}.journey{gap:22px}}@media(max-width:600px){.topbar{height:85px;padding:0 5%}.brand{font-size:22px}.brand small{font-size:7px}.topnav .btn{font-size:10px;padding:12px}.hero{grid-template-columns:1fr;gap:28px}.hero h1{font-size:51px}.hero-visual{height:390px;border-radius:160px 160px 4px 4px;background-size:auto 250%}.hero-copy>.muted{font-size:14px}.hero-note{margin-top:20px}.ribbon{font-size:8px;letter-spacing:1px;gap:9px}.ribbon i{font-size:17px}.intro{padding:65px 0 30px}.journey{grid-template-columns:1fr;gap:15px;margin-top:35px}.journey article{padding-top:15px}.section-heading{display:block}.section-heading>p{display:none}#tariffs{grid-template-columns:1fr}.treatment h3{font-size:21px}.feature{padding:32px 25px;margin:55px 0}.feature-flower{display:none}.footer{gap:20px;align-items:start}.closing{font-size:35px;padding:60px 0}.filters{gap:6px}.filters button{padding:8px 12px;font-size:11px}}

/* Palette naturelle inspirée des cartes de Marie. */
body{background:radial-gradient(ellipse at 0 18%,#f3ead680,transparent 45%),var(--cream)}
.hero-visual{box-shadow:0 20px 60px #8e795117;border:6px solid #fffaf2}
.hero-caption{color:#fffaf1}.hero-visual:after{background:linear-gradient(transparent,#524631a6)}
.btn{border-radius:22px;background:#795441}.btn:hover{background:#604130;color:#fffaf2}
.btn.secondary{background:#fffaf3;border-color:#d8c8ad;color:#795441}.btn.secondary:hover{background:#f3eadc}
.feature{background:linear-gradient(115deg,#f2dfd4,#f7eadf 62%,#ede6d5);border:1px solid #e5cfc0;border-radius:28px 5px 28px 5px}
.feature .eyebrow,.feature-price{color:#8b6046}.feature-flower{color:#bc9d72}
.profile{background:#f3ecdf}.card{border-color:#e5dac8;background-color:#fffcf6}
.ribbon{background:#f2eedf;border-color:#ddd4be;padding-inline:18px}
.filters button{background:#fffaf3;border-color:#dfd3bc}.filters .selected{background:#795441;color:white}
.treatment{border-color:#e4d7c2}.treatment-action strong{color:#916043}.category{color:#89695c}
.journey span{color:#96774f}.hero-note{border-color:#e4d7c2}.closing{color:#88614e}
.preview-note{background:#eee6d6;color:#725044;border-bottom:1px solid #ded3bd}
.footer{background:#f0e7d9;border-color:#ded3bd}.faq details{border-color:#e1d5c1}
button:focus-visible,a:focus-visible{outline-color:#987043}

.hero-visual{background-size:cover;background-position:69% center}

.marie-about{display:grid;grid-template-columns:minmax(240px,.8fr) 1fr;gap:70px;align-items:center;margin:30px 0 90px}.marie-about figure{margin:0}.marie-about img{display:block;width:100%;height:520px;object-fit:cover;object-position:center 24%;border-radius:160px 160px 8px 8px}.marie-about p:not(.eyebrow){color:var(--muted);max-width:520px}.about-price{display:flex;gap:20px;align-items:center;margin:28px 0}.about-price strong{font:36px Georgia;color:#916043}.about-price span{font-size:13px;color:var(--muted)}@media(max-width:650px){.marie-about{grid-template-columns:1fr;gap:30px;margin:30px 0 60px}.marie-about img{height:430px;max-width:360px;margin:auto}.marie-about h2{font-size:34px}}

/* Photos recadrées et accents rose poudré. */
:root{--line:#e6d2ca;--green-light:#f4e5e1}
.hero h1 em,h2 em{color:#88614e}.hero-visual{border-color:#f2ded9;background-position:center}
.ribbon{background:#f4e6e1;border-color:#e7cdc5}.filters button{border-color:#ddc4bd}.filters button:hover{background:#f3e1dc}.filters .selected:hover{background:#604130}
.feature{background:linear-gradient(115deg,#f0dcd7,#fbf1e9);gap:35px}.feature-photo{width:220px;height:265px;object-fit:cover;border-radius:110px 110px 12px 12px}.feature-price{font-size:28px}
.marie-about img{border:5px solid #f0ddd7;object-position:center 24%}.treatment{gap:16px;align-items:center}.treatment-copy{flex:1;min-width:0}.treatment-image{width:100px;height:125px;object-fit:cover;border-radius:50px 50px 7px 7px;flex-shrink:0;border:3px solid #f2dfda}.treatment .treatment-description{margin:0 0 8px;line-height:1.6}.treatment h3{font-size:21px}.footer{background:#f1e4dc}.closing{color:#88614e}
@media(max-width:1050px){#tariffs{column-gap:25px}.treatment-image{width:76px;height:100px}.treatment{gap:10px}.treatment h3{font-size:19px}}
@media(max-width:600px){.feature{display:block}.feature-photo{display:block;width:100%;height:240px;border-radius:15px;margin-top:25px}.treatment-image{width:76px;height:100px}.treatment-action{min-width:70px}.treatment-action strong{font-size:22px}.feature-price{font-size:24px}}

.marie-about img{object-position:35% center}

/* Carte compacte : photo entière et détails dépliables. */
#tariffs{display:block;margin-top:26px}
#tariffs .treatment{display:block;padding:0;margin:0;border:0;border-bottom:1px solid #e6d2ca;background:transparent;border-radius:0}
.treatment summary{display:flex;align-items:center;gap:18px;padding:18px 0;cursor:pointer;list-style:none}
.treatment summary::-webkit-details-marker{display:none}
.treatment summary:focus-visible{outline:2px solid #795441;outline-offset:3px}
#tariffs .treatment-image{display:block;flex:0 0 110px;width:110px;height:82px;object-fit:contain;object-position:center;border:0;border-radius:10px;background:#f4e9e2}
.treatment-copy{flex:1;min-width:0}.treatment-title{display:block;font:22px Georgia,serif;color:#604130;margin:5px 0}
.treatment-meta{display:block;font-size:13px;color:var(--muted)}
.treatment-price{font:24px Georgia,serif;color:#916043;white-space:nowrap}
.treatment-chevron{font-size:22px;color:#916043;transition:transform .15s}.treatment[open] .treatment-chevron{transform:rotate(180deg)}
.treatment-details{padding:0 20px 20px 128px;line-height:1.6}.treatment-details p{margin-top:0}
.hero-visual{background-image:url('/images/accueil-soin.png');background-size:cover;background-position:center}
.marie-about img{height:auto;max-width:100%;object-fit:contain;border-radius:24px}
@media(max-width:600px){.treatment summary{gap:10px;padding:16px 0}#tariffs .treatment-image{flex-basis:76px;width:76px;height:68px}.treatment-title{font-size:18px}.treatment-price{font-size:20px}.treatment-chevron{font-size:16px}.treatment-details{padding:0 10px 18px 86px}.treatment .category{font-size:9px}}

/* Espacement des soins et des catégories */
.filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px}
#tariffs .treatment{
  margin-bottom:16px;
  padding:0 16px;
  border:1px solid #e6d2ca;
  border-radius:12px;
  background:#fffcf6;
}
#tariffs .treatment summary{padding:20px 0;gap:16px}
#tariffs .category{display:block;margin-bottom:8px;line-height:1.5}
#tariffs .treatment-title{margin:0 0 8px;line-height:1.35}
#tariffs .treatment-meta{line-height:1.5}
@media(max-width:600px){
  #tariffs .treatment{padding:0 12px}
  #tariffs .treatment summary{gap:10px}
}

.care-group + .care-group{
  margin-top:48px;
  padding-top:30px;
  border-top:2px solid #d8b9ad;
}
.care-group-title{
  margin:0 0 24px;
  padding:16px 20px;
  background:#f1e1db;
  border-left:5px solid #795441;
  border-radius:8px;
  color:#604130;
  font:28px Georgia,serif;
}