:root{--ink:#302c27;--muted:#7e786f;--gold:#ac8c5a;--gold-deep:#8b6d43;--paper:#faf7f2;--cream:#f1e9dd;--line:#e8ded0;--shadow:0 20px 70px rgba(67,45,23,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:var(--gold-deep)}[hidden]{display:none!important}.wrap{width:min(1290px,calc(100% - 88px));margin-inline:auto}
.topbar{display:flex;justify-content:space-between;padding:11px max(44px,calc((100% - 1290px)/2));background:#292a27;color:#f6f0e9;font-size:10px;font-weight:600;letter-spacing:.19em}.topbar a{letter-spacing:.06em;font-size:11px;font-weight:400}.header{display:flex;align-items:center;justify-content:space-between;padding-block:28px 33px}.brand{display:flex;align-items:center;gap:13px}.brand-logo{display:flex;align-items:center;justify-content:center;width:47px;height:47px;border-radius:50%;border:1px solid #c5aa80;color:var(--gold);font-family:Georgia,serif;font-size:28px;font-style:italic}.brand-text{display:flex;flex-direction:column;gap:5px}.brand-text strong{font:600 17px Georgia,serif;letter-spacing:.18em}.brand-text small{color:var(--muted);font-size:9px;letter-spacing:.22em}.header-link{border-bottom:1px solid #bfa680;padding:10px 0;color:var(--gold-deep);font-size:12px;letter-spacing:.05em}
.main-grid{display:grid;grid-template-columns:minmax(310px,.9fr) minmax(420px,1fr);gap:clamp(32px,5vw,83px);align-items:start;padding:7px 0 90px}.ambience{position:sticky;top:22px;height:min(770px,calc(100vh - 44px));min-height:600px;border-radius:3px;overflow:hidden;box-shadow:var(--shadow);background:#caa27e}.ambience-inner{position:relative;width:100%;height:100%;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 46% 36%,rgba(254,229,175,.9) 0%,rgba(197,154,115,.68) 41%,rgba(91,65,53,.96) 100%);transition:background .5s}.ambience-inner[data-light="rose"]{background:radial-gradient(ellipse at 48% 37%,#fff1e7 0%,#cb9c9d 47%,#73555e 100%)}.ambience-inner[data-light="ivory"]{background:radial-gradient(ellipse at 48% 37%,#fffcf2 0%,#d8d0c4 49%,#918c86 100%)}.ambience-inner:before{position:absolute;content:"";inset:25px;border:1px solid rgba(255,255,255,.38);z-index:3;pointer-events:none}.ambience-inner:after{position:absolute;content:"";inset:0;background:linear-gradient(0deg,rgba(41,31,27,.65),transparent 42%,rgba(58,44,40,.12));z-index:1;pointer-events:none}.decor-top{position:absolute;z-index:4;top:52px;left:55px;right:55px;display:flex;justify-content:space-between;color:#fff5ea;letter-spacing:.23em;font-size:10px}.decor-top span{font-size:18px}.rings{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transform:translateY(-13%)}.ring{position:absolute;border-radius:50%;filter:blur(.2px);box-shadow:0 0 70px rgba(255,241,219,.12)}.ring-1{width:370px;height:370px;border:1px solid rgba(255,250,237,.62);background:radial-gradient(circle at 36% 30%,rgba(255,255,255,.54),rgba(255,235,206,.09) 51%,rgba(255,255,255,0) 73%)}.ring-2{width:300px;height:300px;border:1px solid rgba(255,251,245,.29)}.ring-3{width:445px;height:445px;border:1px solid rgba(255,249,239,.22)}.floating-leaf{position:absolute;color:#fff4db;text-shadow:0 0 26px #fff;font-size:32px}.leaf-1{transform:translate(-155px,-140px)}.leaf-2{transform:translate(165px,120px)}.visual-copy{position:absolute;bottom:99px;left:55px;right:45px;z-index:4;color:#fff9f3}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.25em;color:#fff3e4}.eyebrow.dark{color:var(--gold-deep)}.visual-copy h2{font:400 clamp(39px,4vw,64px)/1.08 Georgia,serif;margin:21px 0 17px;letter-spacing:-.04em}.visual-copy h2 em{font-weight:400}.visual-copy p{font:italic 16px Georgia,serif;color:#eee1d4}.ambience-tags{position:absolute;left:55px;bottom:54px;right:55px;display:flex;gap:8px;flex-wrap:wrap;z-index:4}.ambience-tags span{border:1px solid #ffffff77;border-radius:99px;padding:7px 10px;color:#fff6ec;font-size:10px}.side-decoration{position:absolute;right:-43px;top:48%;transform:rotate(90deg);z-index:4;color:#fffaefbb;letter-spacing:.27em;font-size:8px}
.experience{padding-top:21px}.intro h1{font:400 clamp(35px,3.3vw,50px)/1.13 Georgia,serif;letter-spacing:-.044em;margin:18px 0 15px}.intro h1 em{color:#a8885a}.intro p{font-size:14px;line-height:1.75;color:var(--muted);max-width:520px}.stepper{display:flex;align-items:center;gap:10px;margin:32px 0 26px}.step{display:flex;align-items:center;gap:7px;white-space:nowrap;color:#969088;font-size:10px;letter-spacing:.05em}.step>span{display:flex;align-items:center;justify-content:center;width:27px;height:27px;border:1px solid #ded3c4;border-radius:50%;font-size:10px}.step.active{color:var(--gold-deep);font-weight:700}.step.active>span{border-color:var(--gold);background:#f1e5d3}.step.complete>span{background:var(--gold);border-color:var(--gold);color:#fff}.step-line{flex:1;height:1px;background:#e7dbcc}.notice{display:flex;gap:11px;background:#f4eee5;border:1px solid #ece1d1;padding:14px 15px;border-radius:5px;color:#73624f}.notice svg{flex-shrink:0;margin-top:3px}.notice p{margin:0;font-size:11.5px;line-height:1.6}.notice strong{color:#53483c}
.section-head{margin:35px 0 24px}.step-label{display:block;font-size:10px;letter-spacing:.18em;color:var(--gold-deep);font-weight:700}.section-head h2{font:400 29px/1.23 Georgia,serif;letter-spacing:-.025em;margin:11px 0}.section-head p{font-size:12px;line-height:1.7;color:var(--muted)}.choice-section{border:0;padding:0;margin:0 0 27px;min-width:0}.choice-section legend{padding:0;margin:0 0 12px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:10px}.field-icon{color:var(--gold);font-size:20px;font-weight:400;min-width:21px;text-align:center}.choice-grid{display:grid;gap:10px}.choice-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.choice-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.choice{display:block;cursor:pointer;min-width:0;position:relative}.choice input{position:absolute;opacity:0;width:1px;height:1px}.choice-content{display:flex;min-height:114px;border:1px solid #e5dbcf;border-radius:6px;background:#fffdfb;padding:13px 8px;align-items:center;justify-content:center;flex-direction:column;gap:5px;text-align:center;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s}.choice-content:hover{transform:translateY(-2px);border-color:#d3b790}.choice input:checked+.choice-content{background:#f5ebdb;border-color:#b99a68;box-shadow:inset 0 0 0 1px #b99a68}.choice input:focus-visible+.choice-content{outline:3px solid #be9c6b;outline-offset:3px}.choice-content strong{font-size:11.5px;font-weight:600}.choice-content small{font-size:10px;color:var(--muted);line-height:1.3}.choice.slim .choice-content{min-height:81px}.swatch{width:24px;height:24px;border-radius:50%;margin-bottom:5px;border:2px solid #fff;box-shadow:0 0 0 1px #d8c6b3}.swatch.amber{background:linear-gradient(135deg,#f9e9bd,#b78b51)}.swatch.rose{background:linear-gradient(135deg,#fae4df,#cd9b9e)}.swatch.ivory{background:linear-gradient(135deg,#fffefa,#d9d2c5)}.symbol{display:block;height:30px;font:27px Georgia,serif;color:var(--gold)}.field-note{color:#938a80;font-size:10px;line-height:1.5;margin:9px 0 0}.toggle-row{display:flex;align-items:center;gap:13px;padding:15px 15px;border:1px solid #e8decf;background:#fffdfa;border-radius:6px;cursor:pointer}.toggle-row input{position:absolute;opacity:0}.toggle-ui{flex:none;width:36px;height:21px;background:#dbd0c3;border-radius:100px;position:relative;transition:background .2s}.toggle-ui:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;left:3px;top:3px;background:#fff;transition:transform .2s}.toggle-row input:checked+.toggle-ui{background:#a88b60}.toggle-row input:checked+.toggle-ui:after{transform:translateX(15px)}.toggle-row input:focus-visible+.toggle-ui{outline:3px solid #b99a68;outline-offset:3px}.toggle-row strong{display:block;font-size:12px;margin-bottom:4px}.toggle-row small{display:block;font-size:10.5px;line-height:1.55;color:var(--muted)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 15px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field.wide{grid-column:1/-1}.form-field span{font-size:12px;font-weight:600}.form-field b,.consent b{color:#bd754c}.form-field input,.form-field select{height:49px;width:100%;padding:0 13px;border:1px solid #d9cdbd;background:#fffefc;border-radius:4px;color:var(--ink);font-size:13px;min-width:0}.form-field input:focus,.form-field select:focus{outline:2px solid #bb9d70;outline-offset:1px}.form-field .error{border-color:#ba6153}.hint{display:flex;gap:13px;margin:25px 0;padding:15px;background:#f6efe4;color:#85745e;border-radius:5px}.hint span{font-size:24px}.hint p{font-size:11.5px;line-height:1.65;margin:0}.review{display:grid;gap:14px;padding:23px;border:1px solid #e5d9cb;background:#fffdf9;border-radius:5px}.review-group h3{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-deep);margin:0 0 7px}.review-group p{margin:0;font-size:12px;line-height:1.8}.review hr{border:0;border-top:1px solid #eee4d8;width:100%;margin:0}.consent{display:flex;gap:11px;align-items:start;cursor:pointer;font-size:12px;line-height:1.65;margin:22px 0 10px}.consent input{width:17px;height:17px;accent-color:var(--gold-deep);margin:3px 0 0;flex-shrink:0}.privacy{font-size:10.5px;line-height:1.8;color:var(--muted)}.privacy a{color:var(--gold-deep);text-decoration:underline}.captcha{margin-top:14px}.action-row{display:flex;gap:10px;justify-content:space-between;margin-top:30px}.btn{display:inline-flex;gap:12px;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:3px;font-size:11px;font-weight:700;letter-spacing:.07em;transition:.2s;text-align:center}.btn.primary{border:1px solid #302c27;background:#302c27;color:#fff}.btn.primary:hover{background:#766046;border-color:#766046}.btn.primary:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{border:1px solid #dfd2c2;background:transparent;color:#675443}.btn.outlined{border:1px solid var(--gold);color:var(--gold-deep)}.action-row .btn.primary{margin-left:auto}.form-status{min-height:15px;font-size:12px;color:#a4493b;line-height:1.6}.finished{text-align:center;padding:62px 12px}.finish-symbol{font:80px Georgia,serif;color:var(--gold);margin-bottom:20px}.finished h2{font:35px Georgia,serif;line-height:1.25;letter-spacing:-.025em}.finished p{font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:30px}.footer{border-top:1px solid #e2d8cb;min-height:90px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#958a7e;font-size:10px;letter-spacing:.03em}
@media(max-width:1000px){.wrap{width:min(860px,calc(100% - 44px))}.main-grid{grid-template-columns:1fr;gap:35px;padding-bottom:58px}.ambience{position:relative;top:auto;height:330px;min-height:0}.ambience-inner:before{inset:18px}.decor-top{top:30px;left:40px;right:40px}.rings{left:40%;transform:translateY(-8%) scale(.75)}.visual-copy{bottom:45px;left:40px}.visual-copy h2{font-size:43px;margin:12px 0 8px}.ambience-tags,.side-decoration{display:none}.experience{padding-top:0}.intro h1{max-width:650px}.footer{flex-wrap:wrap}}
@media(max-width:580px){.wrap{width:calc(100% - 34px)}.topbar{padding:10px 17px;font-size:8px;letter-spacing:.1em}.topbar a{font-size:9px}.header{padding-block:18px 21px}.brand-logo{width:38px;height:38px;font-size:23px}.brand-text strong{font-size:13px}.brand-text small{font-size:7px}.header-link{font-size:10px}.main-grid{gap:27px;padding-top:0}.ambience{height:280px}.decor-top{top:30px;left:32px;font-size:8px}.visual-copy{left:32px;bottom:35px}.visual-copy h2{font-size:39px}.visual-copy p{font-size:13px}.rings{left:46%;transform:translateY(-10%) scale(.6)}.intro h1{font-size:36px}.stepper{gap:7px;margin:23px 0}.step{font-size:9px;gap:4px;letter-spacing:0}.step>span{width:23px;height:23px;font-size:9px}.section-head{margin:26px 0 21px}.section-head h2{font-size:26px}.choice-grid.three{gap:7px}.choice-content{min-height:110px;padding:12px 4px}.choice-content strong{font-size:10px}.choice-content small{font-size:9px}.form-grid{grid-template-columns:1fr}.form-field.wide{grid-column:auto}.footer{font-size:9px;justify-content:center;flex-direction:column;padding-block:22px;gap:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* Sperience : invitation non transactionnelle, indépendamment du formulaire Salonkee. */
.sperience-teaser{display:grid;grid-template-columns:112px 1fr;gap:21px;margin:28px 0 10px;padding:19px;border:1px solid #e6d6c1;background:linear-gradient(125deg,#fffefa,#f3eade);border-radius:7px;box-shadow:0 9px 30px rgba(83,65,40,.045)}
.sperience-teaser-art{display:flex;align-items:center;justify-content:center;gap:4px;min-height:150px;border-radius:4px;background:linear-gradient(140deg,#e4c5ae,#e7d7c8)}
.sperience-teaser-art i{width:19%;height:110px;border-radius:60px 60px 3px 3px;display:block;border:1px solid #ffffff85;background:repeating-linear-gradient(130deg,transparent 0 8px,#ffffff24 8px 9px),#683f49}
.sperience-teaser-art i:nth-child(2){background:repeating-linear-gradient(45deg,transparent 0 8px,#ffffff31 8px 9px),#c8ab49}
.sperience-teaser-art i:nth-child(3){background:repeating-linear-gradient(45deg,transparent 0 10px,#ffffff28 10px 11px),#cd9571}
.sperience-teaser-art i:nth-child(4){background:repeating-linear-gradient(45deg,transparent 0 9px,#ffffff3c 9px 10px),#76aba1}
.sperience-teaser-copy{align-self:center}.sperience-teaser-copy .step-label{font-size:9px}.sperience-teaser-copy h2{font:400 23px/1.18 Georgia,serif;margin:9px 0 8px}.sperience-teaser-copy h2 em{color:#9a7454}.sperience-teaser-copy p{margin:0;color:#796f65;font-size:11.5px;line-height:1.65}.sperience-teaser-link{display:inline-block;margin-top:11px;padding-bottom:5px;border-bottom:1px solid #b49975;color:#816342;font-size:11px;font-weight:650}.sperience-teaser-link:focus-visible{outline:2px solid #947851;outline-offset:5px}
@media(max-width:580px){.sperience-teaser{grid-template-columns:70px 1fr;padding:12px;gap:12px}.sperience-teaser-art{min-height:154px;gap:2px}.sperience-teaser-art i{width:18%;height:105px}.sperience-teaser-copy h2{font-size:19px}.sperience-teaser-copy p{font-size:10.5px}.sperience-teaser-copy .step-label{font-size:8px}}

/* v1.2 : navigation et pied de page alignés sur le site Lili L Beauty */
.site-header{display:flex;align-items:center;gap:clamp(18px,3vw,45px);padding:17px max(36px,calc((100vw - 1350px)/2));background:#fbf8f4;border-bottom:1px solid #e7dfd2;min-height:90px;position:relative;z-index:25}
.wordmark{display:flex;flex-direction:column;gap:6px;min-width:176px;color:#3a312c}.wordmark-name{font-family:Georgia,serif;letter-spacing:.16em;font-size:21px;white-space:nowrap}.wordmark-tagline{font-size:9px;letter-spacing:.1em;color:#897b6b;white-space:nowrap}.desktop-nav{display:flex;gap:clamp(12px,1.35vw,21px);align-items:center;margin-left:auto;white-space:nowrap}.desktop-nav a{font-size:12px;color:#5b5148}.desktop-nav a:hover,.desktop-nav a:focus-visible{color:#ab8957}.header-book,.mobile-menu-book{display:inline-flex;align-items:center;justify-content:center;background:#ae906a;border:1px solid #ae906a;color:#fff!important;padding:13px 17px;text-align:center;font-size:11px;font-weight:600;white-space:nowrap;letter-spacing:.04em}.header-book:hover,.mobile-menu-book:hover{background:#8d6f4f}.menu-toggle{display:none;border:0;background:none;flex-direction:column;gap:6px;padding:10px}.menu-toggle span{display:block;width:25px;height:1.4px;background:#52493e}.mobile-menu{position:fixed;inset:0 0 0 auto;width:min(360px,100%);background:#fcfaf7;z-index:50;box-shadow:-25px 0 80px #0003;transform:translateX(110%);visibility:hidden;transition:transform .27s,visibility .27s;display:flex;flex-direction:column;padding:27px}.mobile-menu.open{transform:translateX(0);visibility:visible}.mobile-menu-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:35px}.mobile-wordmark{font:20px Georgia,serif;letter-spacing:.15em}.mobile-wordmark small{display:block;margin-top:8px;font:10px 'Segoe UI',Arial,sans-serif;letter-spacing:.07em;color:#827769}.menu-close{border:0;background:transparent;font-size:30px;line-height:1;color:#544536}.mobile-menu nav{display:flex;flex-direction:column;gap:0;margin-bottom:24px}.mobile-menu nav a{font-size:16px;padding:12px 0;border-bottom:1px solid #e7ded3}.mobile-menu-foot{margin-top:auto;font-size:11px;color:#918474}.lili-footer-rights{margin-top:35px;padding:26px 18px 29px;text-align:center;border-top:1px solid #e3d9cc;background:#fbf8f4;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px}.footer-copyright{font-size:11px;color:#776b5f;letter-spacing:.03em}.footer-tagline{font-size:10px;color:#a0907b}
@media(max-width:1250px){.desktop-nav{gap:10px}.desktop-nav a{font-size:11px}.wordmark-name{font-size:18px}.site-header{padding-inline:23px;gap:20px}}
@media(max-width:1080px){.desktop-nav,.header-book{display:none}.site-header{justify-content:space-between;min-height:72px}.menu-toggle{display:flex}.wordmark-name{font-size:20px}}
@media(max-width:580px){.site-header{padding:17px}.wordmark-name{font-size:18px}.wordmark-tagline{font-size:8px}}
/* Couleurs réellement sélectionnables. Les thèmes Sperience ne changent pas le soin réservé. */
.choice-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-grid.four .choice-content{min-height:110px}.swatch.warm{background:linear-gradient(135deg,#fff5d7,#e4b978)}.swatch.violet{background:linear-gradient(135deg,#d3bbff,#7561a6)}.swatch.ritual{background:conic-gradient(#ba7454 0 25%,#d5b85c 25% 50%,#4c896f 50% 75%,#6aa9a0 75%)}.swatch.dark{background:linear-gradient(135deg,#58505b,#17131b)}.swatch.africa-light{background:#b77455}.swatch.mediterranean-light{background:#d3b45c}.swatch.amazonian-light{background:#4c896f}.swatch.asian-light{background:#6aa9a0}.ritual-light-panel{margin-top:13px;padding:19px;background:#f6efe5;border:1px solid #dfcdae;border-radius:6px}.ritual-light-panel[hidden]{display:none!important}.light-panel-heading{font:italic 18px Georgia,serif;margin:0 0 16px;color:#796043}.ritual-light-grid .choice-content{min-height:110px}.ritual-light-grid strong{font-size:11px}
.ambience-inner[data-light="warm"]{background:radial-gradient(ellipse at 48% 37%,#fff9df,#d6b384 48%,#75604d 100%)}
.ambience-inner[data-light="violet"]{background:radial-gradient(ellipse at 48% 37%,#eaddfa,#a38ac4 48%,#4b3c68 100%)}
.ambience-inner[data-light="dark"]{background:radial-gradient(ellipse at 48% 37%,#504451,#241f2c 54%,#111015 100%)}
.ambience-inner[data-light="african"]{background:radial-gradient(ellipse at 48% 37%,#e9bb93,#b77455 48%,#673f36 100%)}
.ambience-inner[data-light="mediterranean"]{background:radial-gradient(ellipse at 48% 37%,#fff0b0,#d3b45c 48%,#7c6635 100%)}
.ambience-inner[data-light="amazonian"]{background:radial-gradient(ellipse at 48% 37%,#c6dfb5,#4c896f 48%,#264c3e 100%)}
.ambience-inner[data-light="asian"]{background:radial-gradient(ellipse at 48% 37%,#d7f2e8,#6aa9a0 48%,#356d6b 100%)}

/* v1.8 — boissons : cinq choix compacts, température révélée uniquement pour l'eau */
.drink-grid .drink-choice-wide{grid-column:1 / -1}
.drink-grid .choice-content{min-height:94px}
.drink-grid .drink-choice-wide .choice-content{min-height:67px}
.drink-picto{display:block;width:25px;height:25px;fill:none;stroke:var(--gold);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-bottom:1px}
.drink-temperature-panel{margin:13px 0 0;padding:17px 18px 13px;background:#f6efe5;border:1px solid #dfcdae;border-radius:6px;min-width:0}
.drink-temperature-panel .light-panel-heading{font-size:17px;margin-bottom:12px}
.drink-temperature-grid .choice-content{min-height:75px}
.drink-temperature-grid .drink-picto{width:21px;height:21px;margin-bottom:1px}
@media(max-width:580px){.drink-grid{gap:8px}.drink-grid .choice-content{min-height:86px}.drink-grid .drink-choice-wide .choice-content{min-height:60px}.drink-temperature-panel{padding:14px}.drink-temperature-grid .choice-content{min-height:69px}}