/* LILI L BEAUTY — éléments premium complémentaires, 2026-10-31.
   Les pages et composants existants conservent leur identité visuelle. */
:root { --lili-plum: #392f31; --lili-rose: #bd587b; --lili-ivory: #fbf8f4; --lili-gold: #d7ae6e; }
.lili-home-gift-shortcut{margin:15px auto 0!important;font-size:12px!important;line-height:1.5!important}
.lili-home-gift-shortcut a{color:var(--lili-rose)!important;text-decoration:underline!important;text-decoration-color:var(--lili-gold)!important;text-underline-offset:5px;letter-spacing:.05em;font-weight:500}
.lili-service-extra{margin:16px 0 0;font-size:12px;line-height:1.6}
.lili-service-extra a{color:var(--lili-rose);text-decoration:none;border-bottom:1px solid var(--lili-gold);padding-bottom:4px;font-weight:500}
.lili-service-extra a:hover{color:#8f3658}
/* Sections : ligne dorée qui se développe, sans masquer les textes sans JavaScript. */
.lili-section-heading{text-align:center;max-width:780px;margin:0 auto 33px;color:var(--lili-plum)}
.lili-section-heading h2,.lili-immersive-heading h2{font:400 clamp(39px,4.5vw,59px)/1.06 "Cormorant Garamond",Georgia,serif;margin:10px 0 19px;color:var(--lili-plum)}
.lili-section-heading h2 em,.lili-immersive-heading h2 em{color:var(--lili-rose);font-weight:400}
.lili-section-heading p:not(.eyebrow),.lili-immersive-heading p:not(.eyebrow){color:#7a6d6e;font:300 13px/1.85 Montserrat,Arial,sans-serif;margin:0 auto;max-width:690px}
.lili-section-heading:after,.lili-immersive-heading:after{content:"";display:block;width:85px;height:1px;background:var(--lili-gold);margin:23px auto 0;transform-origin:center;transition:transform .7s ease}
.lili-immersive{padding:75px max(5vw,25px) 80px;background:var(--lili-ivory);text-align:center}
.lili-immersive-heading{margin:0 auto 38px;max-width:780px}
.lili-photo-grid{display:grid;grid-template-columns:1.15fr .9fr .9fr;grid-template-rows:250px 250px;gap:14px;max-width:1160px;margin:auto}
.lili-photo{position:relative;display:block;width:100%;height:100%;padding:0;border:0;overflow:hidden;cursor:zoom-in;background:#f1e9e3;min-width:0}
.lili-photo-major{grid-row:span 2}
.lili-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.2,.6,.2,1),filter .55s ease}
.lili-photo:hover img,.lili-photo:focus-visible img{transform:scale(1.035);filter:brightness(.96)}
.lili-gallery-footnote{font:300 11px/1.6 Montserrat,Arial,sans-serif;color:#8b7e7f;margin:17px 0 0}
.lili-gallery-overlay[hidden],.lili-photo-overlay[hidden]{display:none!important}
.lili-photo-overlay{position:fixed;inset:0;z-index:10050;background:rgba(29,22,24,.94);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;padding:70px 68px 45px;box-sizing:border-box}
.lili-photo-overlay img{display:block;max-width:100%;max-height:calc(100vh - 195px);width:auto;height:auto;object-fit:contain;box-shadow:0 14px 54px rgba(0,0,0,.2)}
.lili-photo-caption{color:#f8ecf0;font:300 13px/1.6 Montserrat,Arial,sans-serif;text-align:center}
.lili-photo-close,.lili-photo-prev,.lili-photo-next{color:#fff;cursor:pointer;border:1px solid rgba(215,174,110,.6);background:rgba(45,32,37,.6);display:flex;align-items:center;justify-content:center;position:absolute;transition:background .2s}
.lili-photo-close{right:22px;top:20px;width:41px;height:41px;font:32px/1 Arial,sans-serif}
.lili-photo-prev,.lili-photo-next{top:50%;height:50px;width:44px;font:34px/1 Georgia,serif}
.lili-photo-prev{left:15px}.lili-photo-next{right:15px}
.lili-photo-close:hover,.lili-photo-prev:hover,.lili-photo-next:hover{background:var(--lili-rose)}
.lili-photo-number{color:#bcb0b3;font:11px Montserrat,Arial,sans-serif;letter-spacing:2px}
body.lili-lightbox-open{overflow:hidden}
.lili-journey{background:#fff;padding:93px max(6vw,24px) 85px}
.lili-journey-grid{max-width:1160px;margin:40px auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#eadfd9;border:1px solid #eadfd9}
.lili-journey-grid article{background:var(--lili-ivory);padding:32px 25px 38px;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center}
.lili-journey-grid h3{font:400 26px/1.08 "Cormorant Garamond",Georgia,serif;margin:0 0 14px;color:var(--lili-rose);text-align:center}
.lili-journey-grid p{font:300 12px/1.85 Montserrat,Arial,sans-serif;color:#75696a;margin:0;text-align:center;max-width:240px}
.lili-journey-actions{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin-top:30px}
.lili-outline-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--lili-gold);padding:12px 18px;font:500 11px/1.5 Montserrat,Arial,sans-serif;color:var(--lili-rose);letter-spacing:.04em;text-decoration:none;transition:background .2s,color .2s}
.lili-outline-link:hover{background:var(--lili-rose);border-color:var(--lili-rose);color:#fff}
.lili-brands{background:#f8f1ef;padding:79px max(6vw,24px) 90px;text-align:center}
.lili-brands-inner{max-width:1120px;margin:auto}
.lili-brands-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:38px}
.lili-brands-grid>a{background:#fff;border:1px solid #eaddcf;min-height:138px;padding:27px 15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.lili-brands-grid>a:hover,.lili-brands-grid>a:focus-visible{transform:translateY(-3px);box-shadow:0 16px 34px rgba(68,42,52,.08);border-color:#d7ae6e;outline:none}
.lili-brands-grid strong{font:500 22px/1.05 "Cormorant Garamond",Georgia,serif;color:var(--lili-plum);text-align:center}
.lili-brands-grid span{font:300 11px/1.5 Montserrat,Arial,sans-serif;color:#847378;text-align:center}
/* Bons cadeaux */
.lili-gift-page{background:#fbf8f4;padding:64px max(5vw,20px) 98px}
.lili-gift-head{margin-bottom:45px}
.lili-gift-layout{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,5vw,65px);align-items:start}
.lili-gift-form{background:#fff;border:1px solid #e4d5c7;padding:clamp(22px,3.5vw,43px);box-shadow:0 15px 50px rgba(57,47,49,.035);display:flex;flex-direction:column;gap:10px;color:var(--lili-plum)}
.lili-gift-form h3{font:400 36px/1.1 "Cormorant Garamond",Georgia,serif;margin:0 0 13px}
.lili-gift-form h4{font:400 27px/1.1 "Cormorant Garamond",Georgia,serif;margin:9px 0}
.lili-gift-form label:not(.lili-gift-radio):not(.lili-gift-confirm){font:500 12px/1.6 Montserrat,Arial,sans-serif;color:#514448;margin:5px 0 0}
.lili-gift-form input:not([type="checkbox"]):not([type="radio"]),.lili-gift-form select,.lili-gift-form textarea{width:100%;max-width:100%;font:400 13px/1.5 Montserrat,Arial,sans-serif;color:var(--lili-plum);border:1px solid #dfd4cd;background:#fcfaf8;padding:12px 13px;border-radius:0;box-sizing:border-box}
.lili-gift-form input:focus-visible,.lili-gift-form textarea:focus-visible,.lili-gift-form select:focus-visible{outline:2px solid var(--lili-rose);outline-offset:2px}
.lili-gift-fieldset{border:0;margin:0 0 4px;padding:0;display:flex;gap:20px;flex-wrap:wrap}
.lili-gift-fieldset legend{font:500 12px/1.5 Montserrat,Arial,sans-serif;margin:0 0 10px;color:#514448}
.lili-gift-radio{display:flex;gap:7px;align-items:center;font-size:12px;cursor:pointer}
.lili-gift-form input[type="radio"],.lili-gift-form input[type="checkbox"]{accent-color:var(--lili-rose)}
#gift-treatment-block,#gift-amount-block{display:flex;flex-direction:column;gap:8px}
#gift-treatment-block[hidden],#gift-amount-block[hidden]{display:none}
.lili-gift-divider{height:1px;background:#eadcd0;margin:12px 0 3px}
.lili-gift-confirm{display:flex;align-items:flex-start;gap:10px;font:300 12px/1.6 Montserrat,Arial,sans-serif;color:#514448;margin:14px 0 0}
.lili-gift-confirm input{margin-top:4px;flex:none}
.lili-gift-privacy{margin:0;font:300 11px/1.75 Montserrat,Arial,sans-serif;color:#847477}
/* Bon cadeau : sécurité Turnstile discrète et adaptée au formulaire */
.lili-gift-antispam{display:flex;flex-direction:column;align-items:flex-start;gap:9px;margin-top:12px;max-width:100%}
.lili-gift-antispam>p{margin:0;font:500 11px/1.5 Montserrat,Arial,sans-serif;color:#79686a}
.lili-gift-antispam .cf-turnstile{max-width:100%;min-height:60px}
.lili-gift-submit{display:block;width:100%;border:1px solid var(--lili-rose);background:var(--lili-rose);color:#fff;padding:16px 12px;font:600 11px/1.4 Montserrat,Arial,sans-serif;text-transform:uppercase;letter-spacing:1.1px;cursor:pointer;transition:background .2s;margin-top:10px}
.lili-gift-submit:hover{background:#a8496b}
.lili-gift-submit:disabled{opacity:.6;cursor:progress}
.lili-copy-request{background:transparent;border:0;color:var(--lili-rose);font:400 12px/1.4 Montserrat,Arial,sans-serif;text-decoration:underline;text-underline-offset:3px;margin-top:4px;cursor:pointer}
.lili-gift-status{font:300 11px/1.8 Montserrat,Arial,sans-serif;color:#79686a;margin:6px 0 0}
.lili-gift-status.is-error{color:#a34155}.lili-gift-status.is-success{color:#396b54}
.lili-gift-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.lili-gift-sticky{position:sticky;top:115px;text-align:center}
.lili-gift-side .eyebrow{margin:0 0 17px}
.lili-gift-preview{min-height:425px;background:linear-gradient(140deg,#fffdf9,#fff6f5);border:1px solid #d7ae6e;box-shadow:0 15px 50px rgba(57,47,49,.06);padding:45px 30px 25px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;position:relative;overflow:hidden}
.lili-gift-preview:before{content:"";position:absolute;inset:10px;border:1px solid rgba(215,174,110,.45);pointer-events:none}
.lili-preview-ornament{font:400 34px Georgia,serif;color:var(--lili-gold)}
.lili-preview-brand{font:600 11px Montserrat,Arial,sans-serif;letter-spacing:3px;color:var(--lili-rose);margin:0}
.lili-gift-preview h3{font:400 56px/1 "Cormorant Garamond",Georgia,serif;color:var(--lili-plum);margin:12px 0 5px}
.lili-preview-for{font:300 13px/1.6 Montserrat,Arial,sans-serif;color:#7b6e72;margin:0}
.lili-preview-for strong{color:var(--lili-plum);font-weight:500}
.lili-preview-treatment{font:400 29px/1.15 "Cormorant Garamond",Georgia,serif;color:var(--lili-rose);margin:5px 0}
.lili-preview-message{font:italic 16px/1.6 "Cormorant Garamond",Georgia,serif;color:#6b595e;margin:4px 0 16px;overflow-wrap:anywhere}
.lili-preview-notice{font:500 9px/1.5 Montserrat,Arial,sans-serif;color:#9d9293;letter-spacing:.5px}
.lili-gift-help{text-align:left;font:300 12px/1.9 Montserrat,Arial,sans-serif;color:#75696a;margin:21px 0 0;padding:20px 24px;background:#fff;border-left:2px solid #d7ae6e}
.lili-gift-help strong{color:var(--lili-plum);font-weight:500}
/* Supporting SEO pages */
.lili-detail-page{background:#fbf8f4;padding:72px max(5vw,22px) 88px}
.lili-detail-grid{max-width:1140px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(30px,5vw,70px);align-items:center}
.lili-detail-copy h2{font:400 clamp(38px,4.4vw,55px)/1.05 "Cormorant Garamond",Georgia,serif;margin:14px 0 23px;color:var(--lili-plum)}
.lili-detail-copy>p:not(.eyebrow):not(.note){font:300 13px/1.85 Montserrat,Arial,sans-serif;color:#75696a;max-width:620px}
.lili-detail-rates{margin-top:28px;border-top:1px solid #e5d5cc}
.lili-detail-row{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #e5d5cc;padding:14px 2px;font:300 13px/1.5 Montserrat,Arial,sans-serif}
.lili-detail-row span{min-width:0}.lili-detail-row strong{font-weight:500;white-space:nowrap}
.lili-detail-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px;align-items:center}
.lili-detail-actions .book{font-size:11px;line-height:1.4}
.lili-detail-photo{margin:0;min-width:0}
.lili-detail-photo img{display:block;width:100%;height:auto;max-height:640px;object-fit:contain;box-shadow:0 20px 60px rgba(57,47,49,.08)}
.lili-detail-photo figcaption{font:300 11px/1.6 Montserrat,Arial,sans-serif;color:#86777a;margin-top:12px;text-align:center}
.lili-detail-more{text-align:center;margin:82px auto 0;max-width:680px;border-top:1px solid #d7ae6e;padding-top:36px}
.lili-detail-more h2{font:400 37px/1.2 "Cormorant Garamond",Georgia,serif;margin:0 0 12px}
.lili-detail-more p{font:300 13px/1.8 Montserrat,Arial,sans-serif;color:#75696a}
.lili-detail-more p a{color:var(--lili-rose);text-decoration:underline;text-underline-offset:3px}
.lili-detail-more .lili-outline-link{margin-top:12px}
/* One-time reveals are opted into by script and leave content visible if script is blocked. */
.lili-premium-pending{opacity:0;transform:translateY(13px);transition:opacity .65s ease,transform .65s ease}
.lili-premium-pending.lili-premium-shown{opacity:1;transform:translateY(0)}
.lili-photo:focus-visible,.lili-photo-close:focus-visible,.lili-photo-next:focus-visible,.lili-photo-prev:focus-visible,.lili-outline-link:focus-visible,.lili-gift-submit:focus-visible{outline:2px solid var(--lili-rose);outline-offset:4px}
@media(max-width:1000px){.lili-photo-grid{grid-template-rows:220px 220px}.lili-journey-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lili-brands-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.lili-immersive{padding:55px 18px}.lili-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,205px);gap:9px}.lili-photo-major{grid-column:span 2;grid-row:auto}.lili-journey{padding:65px 20px}.lili-journey-grid article{padding:25px 20px}.lili-brands{padding:65px 20px}.lili-gift-layout,.lili-detail-grid{grid-template-columns:1fr}.lili-gift-sticky{position:static}.lili-gift-page{padding:48px 18px 75px}.lili-gift-preview{min-height:345px}.lili-detail-page{padding:52px 18px 68px}.lili-detail-photo{order:-1}.lili-detail-photo img{max-height:400px}.lili-photo-overlay{padding:65px 40px 45px}.lili-photo-prev,.lili-photo-next{width:32px;height:39px;font-size:24px}.lili-photo-prev{left:4px}.lili-photo-next{right:4px}}
@media(max-width:430px){.lili-photo-grid{grid-template-rows:repeat(3,160px)}.lili-photo-major{grid-column:span 2}.lili-journey-grid{grid-template-columns:1fr}.lili-brands-grid{grid-template-columns:1fr}.lili-gift-preview h3{font-size:48px}.lili-gift-preview{padding:35px 22px}.lili-gift-form{padding:22px 18px}}
@media(prefers-reduced-motion:reduce){.lili-photo img,.lili-outline-link,.lili-gift-submit,.lili-photo-close,.lili-photo-prev,.lili-photo-next,.lili-premium-pending,.lili-section-heading:after,.lili-immersive-heading:after{transition:none!important;transform:none!important}.lili-premium-pending{opacity:1!important}}

/* Carte cadeau originale Lili L Beauty — verso affiché par défaut, recto au clic. */
.lili-real-card-preview{width:100%;min-width:0;text-align:center}
.lili-real-card-meta{display:flex;justify-content:flex-end;margin:0 0 12px;min-height:16px}
.lili-real-card-meta span{font:600 10px/1.4 Montserrat,Arial,sans-serif;color:#bd587b;letter-spacing:.12em}
.lili-real-card-perspective{perspective:1600px;width:100%}
.lili-real-card{display:block;position:relative;width:100%;aspect-ratio:419.25/297.75;appearance:none;border:0;background:none;padding:0;cursor:pointer;box-shadow:0 13px 34px rgba(57,47,49,.13);-webkit-tap-highlight-color:transparent;min-width:0}
.lili-real-card:focus-visible,.lili-real-card-toggle:focus-visible{outline:3px solid #bd587b;outline-offset:5px}
.lili-real-card-inner{display:block;position:absolute;inset:0;transform-style:preserve-3d;transition:transform .78s cubic-bezier(.25,.7,.2,1)}
.lili-real-card.lili-real-card-flipped .lili-real-card-inner{transform:rotateY(180deg)}
.lili-real-card-face{position:absolute;display:block;inset:0;overflow:hidden;border:1px solid #f4e4e2;background:#fff;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.lili-real-card-face img{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none;user-select:none}
.lili-real-card-front{transform:rotateY(180deg)}
.lili-real-card-data{position:absolute;display:block;inset:0;pointer-events:none;container-type:inline-size}
.lili-real-card-data span{display:block;position:absolute;max-width:68%;padding:0 .4cqw;background:rgba(255,255,255,.98);box-shadow:0 0 3px 3px #fff;color:#5e404e;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:500 2.25cqw/1.2 Montserrat,'Segoe UI',Arial,sans-serif}
.lili-real-card-data span:empty{display:none}
.lili-real-card-data #gift-preview-recipient{left:21.2%;top:19.8%;width:68%}
.lili-real-card-data #gift-preview-treatment{left:21.2%;top:30.6%;width:68%}
.lili-real-card-data #gift-preview-giver{left:21.2%;top:42%;width:68%}
.lili-real-card-data #gift-preview-message{left:21.2%;top:51.5%;width:68%;font-style:italic;font-weight:400}
.lili-real-card-toggle{display:inline-block;border:1px solid #bd587b;background:#bd587b;color:#fff;padding:12px 20px;margin:20px auto 0;cursor:pointer;font:600 11px/1.5 Montserrat,Arial,sans-serif;letter-spacing:.05em;transition:background .2s}
.lili-real-card-toggle:hover{background:#a94969}
.lili-real-card-hint{font:300 11px/1.7 Montserrat,Arial,sans-serif;color:#75696a;margin:13px 0 16px}
.lili-real-card-notice{font:300 11px/1.75 Montserrat,Arial,sans-serif;color:#786658;background:#fff8ef;border:1px solid #ead8c1;padding:13px 15px;text-align:center}
.lili-real-card-notice strong{font-weight:600}
@media(max-width:760px){.lili-real-card-data span{font-size:2.15cqw}.lili-real-card-hint{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.lili-real-card-inner,.lili-real-card-toggle{transition:none!important}}


/* Madérothérapie : présentation corps et visage */
.madero-detail-banner h1{font-size:clamp(41px,6.2vw,78px);line-height:1.04;overflow-wrap:break-word}
.lili-madero-descriptions{display:grid;gap:22px;margin:0 0 26px}
.lili-madero-description{padding-left:17px;border-left:1px solid rgba(215,174,110,.74)}
.lili-madero-description h3{font:500 clamp(23px,2.35vw,31px)/1.15 "Cormorant Garamond",Georgia,serif;color:#bd587b;margin:0 0 8px}
.lili-madero-description p{font:300 13px/1.85 Montserrat,Arial,sans-serif;color:#75696a;margin:0;max-width:640px}
/* Le lien madérothérapie s'affiche sans soulignement doré. */
#maderotherapie .lili-service-extra a{border-bottom:none;padding-bottom:0}
@media(max-width:500px){.madero-detail-banner h1{font-size:clamp(34px,9.5vw,47px)}.lili-madero-descriptions{gap:20px}.lili-madero-description{padding-left:13px}}

/* Présentation de l'institut, texte confidentiel, fidèle à l'identité du site. */
.lili-private-welcome{max-width:780px;margin:52px auto 0;text-align:center;padding:30px clamp(10px,3vw,34px) 28px;border-top:1px solid #e8d6c7;border-bottom:1px solid #e8d6c7;color:#392f31}
.lili-private-welcome .eyebrow{color:#bd587b;font:500 10px/1.6 Montserrat,Arial,sans-serif;letter-spacing:2.7px;margin:0 0 8px}
.lili-private-welcome h3{font:400 clamp(29px,3.4vw,43px)/1.1 'Cormorant Garamond',Georgia,serif;margin:0 0 14px;color:#392f31}
.lili-private-welcome>p:last-child{font:300 13px/1.95 Montserrat,Arial,sans-serif;color:#75696a;margin:0 auto;max-width:660px}
/* Des titres alignés sur une hauteur commune, puis des descriptions centrées. */
.lili-journey-grid article{padding:34px 19px 32px}
.lili-journey-grid h3{min-height:2.15em;display:flex;align-items:center;justify-content:center;line-height:1.1;margin:0 0 8px;text-wrap:balance}
.lili-journey-grid p{max-width:245px;line-height:1.8}
@media(max-width:760px){.lili-private-welcome{margin-top:35px;padding:25px 12px}.lili-journey-grid article{padding:25px 20px}.lili-journey-grid h3{min-height:2em}}