/* Concept: dark cocoa atelier taken from the brand's Instagram slides. Ivory Didone titles, light Poppins text,
   champagne only for prices and small labels. Volume comes from layered shadows, glass panels and a slow hero. */
:root{
  color-scheme:dark;
  --bg:#0f0806; --bg2:#170d09; --surface:#211410; --surface2:#2c1c15; --raise:#37241b;
  --line:rgba(244,236,225,.14); --line2:rgba(244,236,225,.28);
  --fg:#f4ece1; --dim:#bfae9d; --mute:#8f7e6f;
  --accent:#dcc09a; --accent-deep:#b8975f; --on-fg:#160d09;
  --ok:#a3cfac; --err:#f2a898;
  --display:'Bodoni Moda','Didot','Bodoni 72','Playfair Display',Georgia,serif;
  --body:'Poppins',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --gut:clamp(18px,5.4vw,36px);
  --sh-card:0 1px 0 rgba(255,255,255,.07) inset,0 26px 44px -26px #000,0 6px 14px -6px rgba(0,0,0,.7);
  --sh-float:0 1px 0 rgba(255,255,255,.1) inset,0 40px 70px -30px #000,0 14px 30px -12px rgba(0,0,0,.8);
  --ease:cubic-bezier(.2,.75,.2,1);
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{background:var(--bg);scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--fg);font-family:var(--body);font-weight:300;font-size:15px;line-height:1.7;margin:0;overflow-x:hidden;min-height:100%}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background:radial-gradient(90% 60% at 85% -10%,rgba(184,151,95,.16),transparent 60%),radial-gradient(70% 50% at -10% 100%,rgba(120,60,40,.22),transparent 65%)}
body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.045;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
button{font:inherit;color:inherit;cursor:pointer}
a{color:inherit}
img{max-width:100%;display:block}
h1,h2,h3,p,ul,ol,figure{margin:0}
ul,ol{padding:0;list-style:none}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#app{position:relative;z-index:1}
#view:focus{outline:none}
.wrap{padding-inline:var(--gut);max-width:1080px;margin-inline:auto}

/* type */
.eyebrow{font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--accent);font-weight:400}
.display{font-family:var(--display);font-weight:400;letter-spacing:-.01em;line-height:1.02;text-wrap:balance}
.ptitle{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(2.7rem,12.5vw,5.6rem);line-height:.95;letter-spacing:-.015em;margin-top:6px}
.h2{font-family:var(--display);font-weight:400;font-size:clamp(1.7rem,6.6vw,2.5rem);line-height:1.08;text-wrap:balance}
.lead{color:var(--dim);max-width:52ch;text-wrap:pretty}
.small{font-size:.8rem;color:var(--dim)}
.crumb{display:flex;align-items:center;gap:14px;justify-content:flex-end;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--dim)}
.crumb i{flex:1;height:1px;background:var(--line2);transform-origin:right;animation:draw 1.1s var(--ease) both}
.price{font-family:var(--display);font-style:italic;color:var(--accent)}

/* motion */
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes drawY{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes kb{from{transform:scale(1.14)}to{transform:scale(1.03)}}
@keyframes sheen{from{transform:translateX(-120%) skewX(-20deg)}to{transform:translateX(220%) skewX(-20deg)}}
.page>*{animation:rise .85s var(--ease) both}
.page>*:nth-child(2){animation-delay:.07s}.page>*:nth-child(3){animation-delay:.14s}.page>*:nth-child(4){animation-delay:.21s}
.page>*:nth-child(5){animation-delay:.28s}.page>*:nth-child(6){animation-delay:.35s}.page>*:nth-child(n+7){animation-delay:.42s}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* bar */
#bar{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:calc(env(safe-area-inset-top,0px) + 12px) var(--gut) 12px;transition:background .4s,box-shadow .4s,backdrop-filter .4s}
#bar.solid{background:rgba(15,8,6,.72);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);box-shadow:0 1px 0 var(--line),0 18px 30px -22px #000}
.brand{color:inherit;text-decoration:none;background:none;border:0;padding:6px 0;display:flex;flex-direction:column;align-items:flex-start;line-height:1}
.brand b{font-family:var(--display);font-weight:400;font-size:1.65rem;letter-spacing:.02em}
.brand span{font-size:.5rem;letter-spacing:.42em;text-transform:uppercase;color:var(--dim);margin-top:3px}
.bar-r{display:flex;align-items:center;gap:8px}
.lang{display:flex;border:1px solid var(--line2);border-radius:2px;overflow:hidden}
.lang button{background:none;border:0;padding:0 11px;min-height:38px;font-size:.7rem;letter-spacing:.14em;color:var(--dim)}
.lang button[aria-pressed=true]{background:var(--fg);color:var(--on-fg)}
.menu-btn{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 4px 0 12px;background:none;border:0;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase}
.burger{display:grid;gap:6px;width:26px}
.burger i{display:block;height:1px;background:var(--fg);transition:transform .4s var(--ease),width .4s}
.burger i:last-child{width:18px;justify-self:end}
.menu-btn:hover .burger i:last-child{width:26px}

/* drawer */
#scrim{position:fixed;inset:0;z-index:50;background:rgba(6,3,2,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .45s,visibility 0s .45s}
#drawer{position:fixed;top:0;right:0;bottom:0;z-index:60;width:min(88vw,390px);display:flex;flex-direction:column;
  padding:calc(env(safe-area-inset-top,0px) + 16px) 26px calc(env(safe-area-inset-bottom,0px) + 22px);
  background:linear-gradient(165deg,#2f1e16 0%,#1a0f0b 45%,#0f0806 100%);border-left:1px solid var(--line2);
  box-shadow:-40px 0 80px -20px #000,-2px 0 0 rgba(220,192,154,.08);
  transform:translateX(104%);visibility:hidden;transition:transform .6s var(--ease),visibility 0s .6s;overflow-y:auto}
body.menu #scrim{opacity:1;visibility:visible;transition:opacity .45s}
body.menu #drawer{transform:none;visibility:visible;transition:transform .6s var(--ease)}
.d-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}
.x-btn{width:44px;height:44px;border:1px solid var(--line2);border-radius:50%;background:rgba(255,255,255,.03);display:grid;place-items:center}
.x-btn svg{width:16px;height:16px}
.d-nav{display:grid}
.d-nav :is(button,a){color:inherit;text-decoration:none;background:none;border:0;border-bottom:1px solid var(--line);text-align:left;padding:15px 2px;display:flex;justify-content:space-between;align-items:baseline;
  font-family:var(--display);font-size:1.65rem;line-height:1.1;transform:translateX(24px);opacity:0;transition:transform .7s var(--ease),opacity .7s,color .3s}
body.menu .d-nav :is(button,a){transform:none;opacity:1}
body.menu .d-nav :is(button,a):nth-child(1){transition-delay:.12s}body.menu .d-nav :is(button,a):nth-child(2){transition-delay:.17s}body.menu .d-nav :is(button,a):nth-child(3){transition-delay:.22s}
body.menu .d-nav :is(button,a):nth-child(4){transition-delay:.27s}body.menu .d-nav :is(button,a):nth-child(5){transition-delay:.32s}body.menu .d-nav :is(button,a):nth-child(6){transition-delay:.37s}
.d-nav :is(button,a)[aria-current=page]{color:var(--accent);font-style:italic}
.d-foot{margin-top:auto;padding-top:26px;display:grid;gap:14px}
.d-social{display:flex;gap:18px;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}
.d-social a{text-decoration:none;border-bottom:1px solid var(--line2);padding-bottom:2px}

/* buttons */
.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 28px;border-radius:2px;border:1px solid transparent;
  font-size:.72rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;transition:transform .3s var(--ease),box-shadow .4s,background .3s}
.btn:active{transform:scale(.97)}
.btn.primary{background:linear-gradient(180deg,#faf3e8,#e4d4bc);color:var(--on-fg);box-shadow:0 1px 0 #fff inset,0 16px 30px -14px rgba(220,192,154,.55),0 4px 10px -2px rgba(0,0,0,.5)}
.btn.primary::after{content:"";position:absolute;top:0;bottom:0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);transform:translateX(-120%) skewX(-20deg)}
.btn.primary:hover::after,.btn.primary:focus-visible::after{animation:sheen .9s var(--ease)}
.btn.ghost{background:rgba(255,255,255,.04);border-color:var(--line2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.btn.ghost:hover{background:rgba(255,255,255,.09)}
.btn.block{width:100%}
.btn[disabled]{opacity:.45;pointer-events:none}
.btn svg{width:16px;height:16px;flex:none}
.link{cursor:pointer;background:none;border:0;padding:0;color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-size:inherit}
.row{display:flex;flex-wrap:wrap;gap:12px}

/* surfaces */
.surface{background:linear-gradient(160deg,var(--surface2),var(--surface));border:1px solid var(--line);border-radius:4px;box-shadow:var(--sh-card)}
.glass{background:rgba(20,11,8,.55);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line2);border-radius:4px;box-shadow:var(--sh-float)}

/* hero */
.hero{position:relative;min-height:640px;margin-top:calc(-1 * env(safe-area-inset-top,0px));display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}
.hero-img{position:absolute;inset:-4% 0 0;z-index:-2;will-change:transform}
.hero-img img{width:100%;height:100%;object-fit:cover;object-position:50% 12%;animation:kb 2.6s var(--ease) both}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,var(--bg) 4%,rgba(15,8,6,.82) 30%,rgba(15,8,6,.15) 62%,rgba(15,8,6,.55) 100%),linear-gradient(95deg,rgba(15,8,6,.7),transparent 65%)}
.hero-in{width:100%;padding-block:0 44px}
.hero-in .wrap{position:relative;padding-left:calc(var(--gut) + 34px)}
.hero-line{position:absolute;left:var(--gut);bottom:0;top:-8px;width:1px;background:var(--line2);transform-origin:top;animation:drawY 1.4s var(--ease) .2s both}
.hero-handle{position:absolute;left:calc(var(--gut) + 12px);bottom:4px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:.68rem;letter-spacing:.34em;color:var(--dim)}
.hero h1{font-size:clamp(2.6rem,12.4vw,5.4rem);margin:14px 0 16px;max-width:11ch;text-shadow:0 4px 30px rgba(0,0,0,.5)}
.hero h1 em{font-style:italic;color:var(--accent)}
.hero .lead{color:#dccfc0;max-width:40ch;margin-bottom:26px}
.facts{margin-top:22px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}

/* sections */
section.blk{padding-block:64px 0}
.sec-head{display:grid;gap:8px;margin-bottom:26px}
.page{padding-top:calc(env(safe-area-inset-top,0px) + 86px);padding-bottom:20px}
.page-head{display:grid;gap:14px;margin-bottom:34px}
.pbot{padding-bottom:72px}

/* carousel */
.scroller{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px var(--gut) 40px;margin-inline:calc(-1 * 0px);scrollbar-width:none;-webkit-overflow-scrolling:touch}
.scroller::-webkit-scrollbar{display:none}
.scroller>*{flex:0 0 66%;max-width:290px;scroll-snap-align:center}
@media(min-width:800px){.scroller{padding-inline:max(var(--gut),calc((100vw - 1080px)/2 + var(--gut)))}.scroller>*{flex-basis:260px}}

/* cards */
.card{position:relative;display:block;width:100%;aspect-ratio:3/4.2;padding:0;border:0;border-radius:4px;overflow:hidden;background:var(--surface);text-align:left;color:var(--fg);
  box-shadow:var(--sh-card);transition:transform .6s var(--ease),box-shadow .6s}
.card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,5,3,.92) 2%,rgba(10,5,3,.2) 42%,transparent 62%);pointer-events:none}
.card::before{content:"";position:absolute;inset:0;z-index:2;border-radius:4px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);pointer-events:none}
.card:hover{transform:translateY(-6px);box-shadow:var(--sh-float)}
.card:hover img{transform:scale(1.06)}
.cap{position:absolute;left:16px;right:16px;bottom:18px;z-index:1;display:grid;gap:2px}
.cap-cat{font-size:.82rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);line-height:1.3}
.cap-name{font-family:var(--display);font-size:1.02rem;line-height:1.15;text-wrap:balance}
.cap-price{font-size:.74rem;color:var(--dim);margin-top:3px}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-bottom:36px}
.grid>*:nth-child(even){margin-top:34px}
@media(min-width:720px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.grid>*:nth-child(even){margin-top:0}.grid>*:nth-child(3n+2){margin-top:40px}}
@media(min-width:1000px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.grid>*:nth-child(3n+2){margin-top:0}.grid>*:nth-child(4n+2),.grid>*:nth-child(4n+4){margin-top:40px}}

/* chips */
.chips{display:flex;gap:8px;overflow-x:auto;padding:2px var(--gut) 14px;margin-inline:calc(-1 * var(--gut));scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;min-height:40px;padding:0 18px;border-radius:999px;border:1px solid var(--line2);background:rgba(255,255,255,.03);font-size:.74rem;letter-spacing:.06em;color:var(--dim);transition:background .3s,color .3s}
.chip[aria-pressed=true],.chip.on{background:var(--fg);color:var(--on-fg);border-color:var(--fg)}

/* price list */
.plist{padding:6px 22px}
.plist li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.plist li:last-child{border-bottom:0}
.plist li span:first-child{min-width:0;text-wrap:balance}
.plist .price{white-space:nowrap;font-size:1.1rem}
.note{display:grid;gap:8px;margin-top:18px;color:var(--dim);font-size:.8rem}/* video tiles */


/* steps */
.steps{position:relative;display:grid;gap:0;padding-left:0}
.steps li{position:relative;display:grid;grid-template-columns:52px 1fr;gap:14px;padding-bottom:30px}
.steps li:last-child{padding-bottom:0}
.steps li::before{content:"";position:absolute;left:19px;top:44px;bottom:6px;width:1px;background:var(--line2)}
.steps li:last-child::before{display:none}
.steps .n{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-size:1.15rem;background:linear-gradient(160deg,var(--raise),var(--surface));border:1px solid var(--line2);box-shadow:var(--sh-card);color:var(--accent)}
.steps h3{font-family:var(--display);font-weight:400;font-size:1.25rem;line-height:1.2;margin-bottom:4px}
.steps p{color:var(--dim);font-size:.88rem}

/* band */
.band{position:relative;padding:38px 26px;text-align:left;overflow:hidden}
.band::before{content:"";position:absolute;width:300px;height:300px;right:-100px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(220,192,154,.25),transparent 65%)}
.band .h2{margin-bottom:12px}
.band .btn{margin-top:22px}

/* rail text pages */
.rail{border-left:1px solid var(--line2);padding-left:20px;position:relative;display:grid;gap:34px}
.rail h2{font-family:var(--display);font-weight:400;font-size:1.45rem;line-height:1.15;margin-bottom:8px}
.rail p,.rail li{color:var(--dim)}
.rail ul{display:grid;gap:8px}
.rail li{position:relative;padding-left:18px}
.rail li::before{content:"";position:absolute;left:0;top:.78em;width:8px;height:1px;background:var(--accent)}
.rail .no li::before{background:var(--err)}

/* faq */
.faq{display:grid;gap:12px}
.faq details{border-radius:4px}
.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;cursor:pointer;font-family:var(--display);font-size:1.12rem;line-height:1.3}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{flex:none;width:28px;height:28px;border-radius:50%;border:1px solid var(--line2);position:relative;transition:transform .5s var(--ease),background .3s}
.faq summary i::before,.faq summary i::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1px;background:var(--fg);transform:translate(-50%,-50%)}
.faq summary i::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .5s var(--ease)}
.faq details[open] summary i{transform:rotate(180deg);background:rgba(255,255,255,.06)}
.faq details[open] summary i::after{transform:translate(-50%,-50%) rotate(0)}
.faq .ans{padding:0 22px 22px;color:var(--dim);display:grid;gap:6px;font-size:.92rem}
.faq .ans span{display:block}/* about */

.contact-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px}
.contact-row b{font-weight:400;overflow-wrap:anywhere;min-width:0}

/* reviews */
.stars{display:inline-flex;gap:3px;color:var(--accent)}
.stars svg{width:16px;height:16px}
.review{padding:24px;display:grid;gap:10px}
.review blockquote{margin:0;font-family:var(--display);font-style:italic;font-size:1.15rem;line-height:1.45;color:var(--fg)}
.review footer{font-size:.78rem;color:var(--dim);letter-spacing:.08em}
.starbtn{width:48px;height:48px;border-radius:3px;border:1px solid var(--line2);background:rgba(255,255,255,.03);display:grid;place-items:center;color:var(--mute);transition:color .3s,border-color .3s}
.starbtn svg{width:20px;height:20px}
.starbtn.on{color:var(--accent);border-color:var(--accent)}

/* forms */
.demo{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;font-size:.78rem;color:var(--dim);border:1px dashed var(--line2);border-radius:4px}
.demo b{color:var(--accent);font-weight:500;letter-spacing:.2em;font-size:.62rem;text-transform:uppercase;white-space:nowrap;padding-top:2px}
.stepper{display:flex;gap:6px}
.stepper li{flex:1;display:grid;gap:8px;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.stepper li::before{content:"";height:2px;background:var(--line2);border-radius:2px}
.stepper li span{display:none}
.stepper li.done::before{background:var(--accent-deep)}
.stepper li.now::before{background:var(--accent)}
.stepper li.now,.stepper li.done{color:var(--fg)}
.form{display:grid;gap:18px}
.two{display:grid;gap:18px}
@media(min-width:560px){.two{grid-template-columns:1fr 1fr}}
.f{display:grid;gap:7px;min-width:0}
.f label,.f legend{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);padding:0}
.f input[type=text],.f input[type=email],.f input[type=tel],.f input[type=date],.f input[type=url],.f input[type=password],.f select,.f textarea{width:100%;min-height:52px;padding:12px 16px;border-radius:3px;border:1px solid var(--line2);
  background-color:rgba(255,255,255,.04);color:var(--fg);font:inherit;font-size:16px;font-weight:300;box-shadow:inset 0 2px 6px rgba(0,0,0,.35);transition:border-color .3s,background .3s}
.f textarea{min-height:110px;resize:vertical}
.f input:focus,.f select:focus,.f textarea:focus{outline:none;border-color:var(--accent);background-color:rgba(255,255,255,.07)}
.f select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--dim) 50%),linear-gradient(135deg,var(--dim) 50%,transparent 50%);background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:40px}
.f select option{background:#211410;color:#f4ece1}
.f.bad input,.f.bad select,.f.bad textarea{border-color:var(--err)}
.err{color:var(--err);font-size:.76rem;min-height:0}
.hint{color:var(--mute);font-size:.76rem}
.radios{display:grid;grid-template-columns:1fr 1fr;gap:10px;border:0;padding:0;margin:0;min-width:0}
.radios label{position:relative;display:flex;align-items:center;justify-content:center;min-height:52px;border:1px solid var(--line2);border-radius:3px;font-size:.8rem;letter-spacing:.06em;text-transform:none;color:var(--dim);cursor:pointer;background:rgba(255,255,255,.03);transition:background .3s,color .3s}
.radios input{position:absolute;opacity:0;inset:0}
.radios label:has(input:checked){background:var(--fg);color:var(--on-fg);border-color:var(--fg)}
.radios label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}
.check{display:flex;gap:12px;align-items:flex-start;font-size:.84rem;color:var(--dim);cursor:pointer}
.check input{flex:none;width:22px;height:22px;margin:2px 0 0;accent-color:var(--accent)}
.drop{display:grid;place-items:center;gap:6px;text-align:center;padding:26px 16px;border:1px dashed var(--line2);border-radius:4px;background:rgba(255,255,255,.03);cursor:pointer;transition:background .3s,border-color .3s}
.drop:hover,.drop:focus-within{background:rgba(255,255,255,.07);border-color:var(--accent)}
.drop svg{width:26px;height:26px;color:var(--accent)}
.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px}
.thumb{position:relative;aspect-ratio:1;border-radius:3px;overflow:hidden;background:var(--surface2);border:1px solid var(--line);display:grid;place-items:center;font-size:.62rem;color:var(--dim);text-align:center;padding:6px}
.thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.thumb button{position:absolute;top:4px;right:4px;width:28px;height:28px;border-radius:50%;border:0;background:rgba(10,5,3,.8);display:grid;place-items:center;z-index:1}
.thumb button svg{width:12px;height:12px}
.pick{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;font-size:.84rem}
.pick b{font-family:var(--display);font-weight:400;font-size:1.05rem}
.form-nav{display:flex;gap:12px;margin-top:8px}
.form-nav .btn{flex:1}
.form-nav .btn.ghost{flex:0 0 auto}

/* calendar */
.cal{padding:18px}
.cal-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.cal-h b{font-family:var(--display);font-weight:400;font-size:1.3rem;text-transform:capitalize}
.cal-h button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line2);background:none;display:grid;place-items:center}
.cal-h button[disabled]{opacity:.3;pointer-events:none}
.cal-h svg{width:14px;height:14px}
.dow,.days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.dow span{text-align:center;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);padding-bottom:6px}
.days button,.days i{aspect-ratio:1;min-height:40px;border-radius:50%;border:0;background:none;font-size:.86rem;position:relative;color:var(--mute)}
.days button.av{color:var(--fg);background:rgba(255,255,255,.06);font-weight:400}
.days button.av::after{content:"";position:absolute;bottom:6px;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--accent)}
.days button.sel{background:var(--fg);color:var(--on-fg);box-shadow:0 10px 20px -8px rgba(220,192,154,.6)}
.days button.sel::after{background:var(--on-fg)}
.days button:disabled:not(.av){cursor:default}
.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px;margin-top:18px}
.slot{min-height:48px;border-radius:3px;border:1px solid var(--line2);background:rgba(255,255,255,.04);font-size:.9rem;letter-spacing:.04em;transition:background .3s,color .3s}
.slot[aria-pressed=true]{background:var(--fg);color:var(--on-fg);border-color:var(--fg)}
.empty{padding:26px;text-align:center;color:var(--dim);font-size:.88rem}

/* recap / payment */
.recap{padding:22px;display:grid;gap:12px}
.recap dl{display:grid;gap:10px;margin:0}
.recap dl div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:10px;font-size:.88rem}
.recap dt{color:var(--mute)}
.recap dd{margin:0;text-align:right;min-width:0;overflow-wrap:anywhere}
.total{display:flex;justify-content:space-between;align-items:baseline;padding-top:4px}
.total b{font-family:var(--display);font-weight:400;font-size:2rem}
.pp{background:#ffc439;color:#111;box-shadow:0 1px 0 #fff6 inset,0 14px 26px -12px rgba(255,196,57,.55)}
.pp:hover{background:#f7b924}
.ok-badge{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--accent);color:var(--accent);box-shadow:0 0 0 8px rgba(220,192,154,.08),0 20px 40px -14px rgba(220,192,154,.4)}
.ok-badge svg{width:30px;height:30px}
.mail{padding:0;overflow:hidden}
.mail-h{padding:14px 20px;border-bottom:1px solid var(--line);font-size:.76rem;color:var(--mute);display:grid;gap:2px}
.mail-h b{color:var(--fg);font-weight:400}
.mail-b{padding:20px;display:grid;gap:12px;font-size:.88rem;color:var(--dim)}
.mail-b strong{color:var(--fg);font-weight:400}

/* modal / lightbox / toast */
.modal{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:20px;background:rgba(6,3,2,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.modal .box{width:min(420px,100%);padding:28px;display:grid;gap:16px;background:linear-gradient(160deg,#33211a,#1a0f0b);animation:rise .5s var(--ease) both}
.lb{position:fixed;inset:0;z-index:80;background:rgba(8,4,3,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;grid-template-rows:1fr auto;animation:rise .4s var(--ease) both;touch-action:pan-y}
.lb-stage{position:relative;min-height:0;display:grid;place-items:center;padding:calc(env(safe-area-inset-top,0px) + 60px) 16px 8px}
.lb-stage img{max-height:calc(100svh - 300px);max-width:100%;object-fit:contain;border-radius:3px;box-shadow:0 40px 80px -20px #000;transition:opacity .3s}
.lb-x{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);right:var(--gut);z-index:2}
.lb-nav{position:absolute;top:50%;z-index:2;width:46px;height:46px;border-radius:50%;border:1px solid var(--line2);background:rgba(15,8,6,.6);display:grid;place-items:center;margin-top:-23px}
.lb-nav svg{width:14px;height:14px}
.lb-nav.p{left:10px}.lb-nav.n{right:10px}
.lb-info{padding:8px var(--gut) calc(env(safe-area-inset-bottom,0px) + 22px);display:grid;gap:4px;max-width:520px;width:100%;margin-inline:auto;justify-items:center;text-align:center}
.lb-info h3{font-family:var(--display);font-weight:400;font-size:1.5rem;line-height:1.15}
.lb-info .btn{margin-top:12px;width:100%}
#toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 22px);z-index:100;transform:translate(-50%,30px);opacity:0;pointer-events:none;max-width:min(92vw,420px);padding:14px 20px;text-align:center;font-size:.84rem;
  background:rgba(43,27,20,.94);border:1px solid var(--line2);border-radius:4px;box-shadow:var(--sh-float);transition:transform .5s var(--ease),opacity .4s}
#toast.on{transform:translate(-50%,0);opacity:1}

/* admin */
.tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.times{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px}
.times .chip{padding:0;text-align:center}
.av-day{padding:16px 18px;display:grid;gap:10px}
.av-day b{font-family:var(--display);font-weight:400;font-size:1.1rem;text-transform:capitalize}
.pill{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 6px 0 14px;border-radius:999px;border:1px solid var(--line2);font-size:.82rem}
.pill button{width:28px;height:28px;border-radius:50%;border:0;background:rgba(255,255,255,.07);display:grid;place-items:center}
.pill button svg{width:10px;height:10px}
.bk{padding:18px;display:grid;gap:6px;font-size:.88rem;color:var(--dim)}
.bk h3{font-family:var(--display);font-weight:400;font-size:1.2rem;color:var(--fg)}
.stack{display:grid;gap:16px}

/* footer */
footer.site{margin-top:80px;border-top:1px solid var(--line);padding-block:44px calc(env(safe-area-inset-bottom,0px) + 34px);background:linear-gradient(to bottom,transparent,rgba(0,0,0,.35))}
footer.site .cols{display:grid;gap:34px}
@media(min-width:760px){footer.site .cols{grid-template-columns:1.2fr 1fr 1fr}}
footer.site h4{margin:0 0 10px;font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--accent);font-weight:400}
footer.site .fl{display:grid;gap:6px;justify-items:start}
footer.site .fl a,footer.site .fl button{background:none;border:0;padding:4px 0;text-decoration:none;font-size:.88rem;color:var(--dim);text-align:left}
footer.site .fl a:hover,footer.site .fl button:hover{color:var(--fg)}
.foot-brand b{font-family:var(--display);font-weight:400;font-size:2.4rem;line-height:1}
.foot-brand p{margin-top:8px;color:var(--mute);font-size:.82rem;max-width:34ch}
.copy{margin-top:34px;font-size:.72rem;color:var(--mute);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}

/* ---- ajouts v2 ---- */
.noanim .page>*{animation:none}
.radios.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.radios.three label{padding:0 6px;text-align:center;line-height:1.25;min-height:56px}
.hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.okmsg{color:var(--ok);font-size:.9rem}
.pp-wrap{min-height:52px}
.d-admin{text-decoration:none;display:flex;align-items:center;gap:10px;background:none;border:0;padding:6px 0;color:var(--mute);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}
.d-admin svg{width:14px;height:14px}
.d-admin:hover{color:var(--fg)}
.bk-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.badge{flex:none;display:inline-flex;align-items:center;min-height:26px;padding:0 12px;border-radius:999px;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--line2);color:var(--dim)}
.badge.confirmed{color:var(--ok);border-color:rgba(163,207,172,.5)}
.badge.cancelled{color:var(--err);border-color:rgba(242,168,152,.5)}
.badge.refunded{color:var(--mute)}

.todo{background:rgba(201,169,110,.18);color:var(--accent);padding:0 .3em;border-radius:3px;font-style:normal}
.rail.legal p+p{margin-top:10px}
.rail.legal a{color:var(--fg);text-decoration:underline;text-underline-offset:3px}

/* =====================================================================
   THÈME BLANC / NOIR / TOUCHE DORÉE
   Le site est blanc avec du texte noir. Les zones « sombres » (hero, bandeau, pied de page, visionneuse)
   sont noires. L'or est réservé aux petits détails (surtitres, traits, mots en italique).
   Pour ajuster : modifier uniquement les variables ci-dessous.
   ===================================================================== */
:root{
  color-scheme:light;
  --bg:#fff; --bg2:#faf9f7; --surface:#faf9f7; --surface2:#fff; --raise:#f1eee9;
  --line:rgba(17,17,17,.1); --line2:rgba(17,17,17,.22);
  --fg:#111; --dim:#4b4741; --mute:#8a847b;
  --accent:#a9833f; --accent-deep:#8c6a2e; --on-fg:#fff;
  --ok:#2c7a44; --err:#b23a28;
  --sh-card:0 1px 2px rgba(17,17,17,.06),0 14px 30px -18px rgba(17,17,17,.25);
  --sh-float:0 2px 4px rgba(17,17,17,.06),0 30px 60px -28px rgba(17,17,17,.35);
}
.hero,.band,footer.site,.lb,.modal .box,body:has(:is(.page-home,.page-about)) #bar:not(.solid),.card,.ab-stage{
  --bg:#0b0b0b; --bg2:#141414; --surface:#161616; --surface2:#1d1d1d; --raise:#262626;
  --line:rgba(255,255,255,.16); --line2:rgba(255,255,255,.3);
  --fg:#fff; --dim:#d6d1c9; --mute:#a59f95; --accent:#d9bd8c; --accent-deep:#b8975f; --on-fg:#111;
  color:var(--fg);
}
body::before,body::after{display:none}
#bar.solid{background:rgba(255,255,255,.88);box-shadow:0 1px 0 var(--line)}
body:has(:is(.page-home,.page-about)) #bar:not(.solid) .brand,body:has(:is(.page-home,.page-about)) #bar:not(.solid) .menu-btn{color:#fff}
.btn.primary::after{opacity:0}.btn.primary:hover::after,.btn.primary:focus-visible::after{opacity:1}
#scrim{background:rgba(255,255,255,.55)}
#drawer{background:#fff;border-left:1px solid var(--line);box-shadow:-30px 0 60px -30px rgba(17,17,17,.25)}
.x-btn{background:#fff}
.btn.primary{background:var(--fg);color:var(--on-fg);border-color:var(--fg);box-shadow:0 10px 24px -14px rgba(17,17,17,.6)}
.btn.primary::after{background:linear-gradient(90deg,transparent,rgba(169,131,63,.45),transparent)}
.hero .btn.primary,.band .btn.primary,.lb .btn.primary{background:#fff;color:#111;border-color:#fff;box-shadow:none}
.btn.ghost{background:transparent;border-color:var(--line2);-webkit-backdrop-filter:none;backdrop-filter:none}
.btn.ghost:hover{background:rgba(17,17,17,.05)}
.hero .btn.ghost:hover,.band .btn.ghost:hover{background:rgba(255,255,255,.12)}
.surface{background:#fff;border:1px solid var(--line);box-shadow:var(--sh-card)}
.glass{background:var(--bg);color:var(--fg);-webkit-backdrop-filter:none;backdrop-filter:none;border:0;box-shadow:var(--sh-float)}
.hero::before{background:linear-gradient(to top,rgba(11,11,11,.96) 4%,rgba(11,11,11,.6) 34%,rgba(11,11,11,.12) 64%,rgba(11,11,11,.5) 100%),linear-gradient(95deg,rgba(11,11,11,.6),transparent 65%)}
.hero h1{text-shadow:0 4px 30px rgba(0,0,0,.45)}
.hero .lead{color:#ddd}
.hero-line{background:rgba(255,255,255,.4)}
.band::before{background:radial-gradient(circle,rgba(217,189,140,.22),transparent 65%)}
.card::after{background:linear-gradient(to top,rgba(11,11,11,.88) 2%,rgba(11,11,11,.12) 42%,transparent 62%)}
.card::before{box-shadow:inset 0 0 0 1px rgba(17,17,17,.06)}
.chip{background:#fff;color:var(--dim)}
.chip[aria-pressed=true]{background:var(--fg);color:var(--on-fg);border-color:var(--fg)}
.f input,.f select,.f textarea{background-color:#fff;box-shadow:none;color:var(--fg)}
.f input:focus,.f select:focus,.f textarea:focus{background-color:#fff;border-color:var(--fg)}
.f select option{background:#fff;color:#111}
.drop{background:var(--bg2)}
.drop:hover,.drop:focus-within{background:var(--raise)}
.starbtn{background:#fff}
.days button.av{background:var(--raise);color:var(--fg)}
.days button.sel{background:var(--fg);color:var(--on-fg);box-shadow:none}
.slot{background:#fff}
.slot[aria-pressed=true]{background:var(--fg);color:var(--on-fg)}
.radios input:checked+*,.radios label:has(input:checked){background:var(--fg);color:var(--on-fg);border-color:var(--fg)}
.faq details[open] summary i{background:var(--raise)}
.pill{background:var(--raise)}
.pill button{background:rgba(17,17,17,.08)}
.thumb button{background:rgba(255,255,255,.9);color:#111}
.modal{background:rgba(255,255,255,.7)}
.modal .box{background:var(--bg);box-shadow:var(--sh-float)}
.lb{background:rgba(11,11,11,.96)}
.lb-nav{background:rgba(11,11,11,.6)}
.ok-badge{box-shadow:0 0 0 8px rgba(169,131,63,.1)}
footer.site{background:#0b0b0b;color:#fff;border-top:0;margin-top:80px}
footer.site a,footer.site .small{color:#d6d1c9}
.badge.confirmed{border-color:rgba(44,122,68,.5)}
.badge.cancelled{border-color:rgba(178,58,40,.5)}
.todo{background:rgba(169,131,63,.18);color:var(--accent-deep)}
.mail{background:#fff}
.demo{background:var(--bg2)}
.surface.pick{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:16px 18px}

/* voile « À venir » sur les photos d'exemple */
.card.soon img,.lb-stage img.soon{filter:blur(16px) saturate(.7);transform:scale(1.12)}
.card.soon:hover img{transform:scale(1.12)}
.veil{position:absolute;inset:0;z-index:1;display:grid;place-items:center;background:rgba(255,255,255,.34);pointer-events:none}
.veil span{font-family:var(--display);font-style:italic;font-size:1.25rem;letter-spacing:.04em;color:#111;background:rgba(255,255,255,.82);padding:6px 18px;border:1px solid var(--accent)}
.lb-stage img.soon{max-height:calc(100svh - 300px)}

/* collection Bridal, avis Instagram, bloc d'accueil */
.teaser{padding:34px 26px;display:grid;gap:12px;justify-items:start;border-left:2px solid var(--accent)}
.contact-row b{font-size:.88rem;overflow-wrap:anywhere}

/* ---------- logo, collection Bridal (style boutique), fiche robe, étapes détaillées ---------- */
.brand{flex-direction:row;align-items:center;padding:4px 0}
.brand img{height:46px;width:auto;display:block}
.brand .l-w{display:none}
body:has(:is(.page-home,.page-about)) #bar:not(.solid) .brand .l-b{display:none}
body:has(:is(.page-home,.page-about)) #bar:not(.solid) .brand .l-w{display:block}
.foot-brand img{height:auto;max-width:110px}
.card.soon{cursor:default}.card.soon:hover{transform:none;box-shadow:var(--sh-card)}
.card.soon::after{background:linear-gradient(to top,rgba(11,11,11,.6) 2%,transparent 55%)}

.bgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px;padding-bottom:30px}
@media(min-width:760px){.bgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 28px}.bgrid.small{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 20px}}
.bcard{display:block;text-align:center;text-decoration:none;color:var(--fg)}
.bimg{display:block;aspect-ratio:3/4;overflow:hidden;background:var(--raise);border-radius:2px}
.bimg img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
.bcard:hover .bimg img{transform:scale(1.045)}
.bname{display:block;margin-top:16px;font-family:var(--display);font-size:clamp(1.15rem,3.6vw,1.6rem);letter-spacing:.06em;text-transform:uppercase;line-height:1.15}
.bgrid.small .bname{font-size:1rem}

.dshots{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(-1 * var(--gut));padding:0 var(--gut) 8px;scrollbar-width:none}
.dshots::-webkit-scrollbar{display:none}
.dshots button{flex:0 0 76%;max-width:420px;aspect-ratio:3/4;padding:0;border:0;overflow:hidden;background:var(--raise);scroll-snap-align:center;border-radius:2px;cursor:zoom-in}
.dshots img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.dshots button:hover img{transform:scale(1.04)}
@media(min-width:900px){.dshots{display:grid;grid-template-columns:repeat(4,1fr);overflow:visible;margin-inline:0;padding:0;gap:14px}.dshots button{flex:none;max-width:none}}
.dinfo{max-width:640px;margin:44px auto 0;text-align:center;display:grid;gap:18px;justify-items:center}
.dinfo .ptitle{text-transform:uppercase;letter-spacing:.05em}
.dcta{display:grid;gap:10px;justify-items:center;margin-top:10px}

.steps .mini{margin-top:10px;display:grid;gap:6px}
.steps .mini li{display:block;position:relative;padding:0 0 0 16px;grid-template-columns:none;color:var(--dim);font-size:.88rem;line-height:1.6}
.steps .mini li::before{content:"";position:absolute;left:0;top:.8em;width:7px;height:1px;background:var(--accent)}

.can{padding:28px 24px;display:grid;gap:26px}
@media(min-width:680px){.can{grid-template-columns:1fr 1fr;gap:44px;padding:34px 36px}.can .nope{border-left:1px solid var(--line);padding-left:44px}}
.can h2{font-family:var(--display);font-weight:400;font-size:1.45rem;line-height:1.15;margin-bottom:12px}
.can ul{display:grid;gap:9px}
.can li{position:relative;padding-left:24px;color:var(--dim)}
.can .yes li::before{content:"✓";position:absolute;left:0;color:var(--accent);font-size:.95rem}
.can .nope li::before{content:"✕";position:absolute;left:0;color:var(--mute);font-size:.8rem;top:.15em}

.prev{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;margin:8px 0 6px}
.prev a{display:block;aspect-ratio:3/4;overflow:hidden;border-radius:2px;background:var(--raise)}
.prev img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.prev a:hover img{transform:scale(1.05)}
.steps .mini li:last-child::before{display:block}
.dshots{margin-top:22px}

.pick-in{display:flex;align-items:center;gap:14px}.pick-in img{width:64px;height:84px;object-fit:cover;border-radius:2px;flex:none}

/* ---------- accueil : 4 robes ---------- */
.scroller.four{padding-bottom:30px}
@media(min-width:800px){.scroller.four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;scroll-snap-type:none;gap:18px;max-width:1080px;margin-inline:auto;padding-inline:var(--gut)}.scroller.four>*{max-width:none}}

/* ---------- avis : bandeau qui défile lentement ---------- */
.marq{overflow:hidden;padding:8px 0 28px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.marq-track{display:flex;width:max-content;animation:marq calc(var(--n) * 9s) linear infinite}
.marq:hover .marq-track{animation-play-state:paused}
.marq-set{display:flex;gap:16px;padding-right:16px}
.rv-card{flex:0 0 min(80vw,330px);align-content:start}
.rv-card .lab{font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}
@keyframes marq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.marq{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.marq-track{animation:none}.marq-set[aria-hidden]{display:none}}

/* ---------- À propos : le logo recule, le texte monte ---------- */
.ab-stage{position:relative;height:260svh;background:var(--bg);color:var(--fg)}
.ab-pin{--p:0;--t:0;position:sticky;top:0;height:100svh;overflow:hidden;display:grid;place-items:center}
.ab-logo{position:absolute;left:50%;top:50%;width:min(62vmin,440px);height:auto;transform:translate(-50%,-50%) scale(calc(1 + var(--p) * .55));opacity:max(.08,calc(1 - var(--p) * 1.5));filter:blur(calc(var(--p) * 3px));will-change:transform,opacity}
.ab-text{position:relative;z-index:1;width:min(580px,86vw);text-align:center;display:grid;gap:18px;justify-items:center;transform:translateY(calc((1 - var(--t)) * 75svh)) scale(calc(.8 + var(--t) * .2));opacity:var(--t);will-change:transform,opacity}
.ab-text h1{font-family:var(--display);font-weight:400;font-size:clamp(2.2rem,8vw,3.4rem);line-height:1.1}
.ab-text p{color:var(--dim);font-size:clamp(.95rem,2.8vw,1.08rem);line-height:1.75}
.ab-hint{position:absolute;left:50%;bottom:26px;width:1px;height:46px;background:linear-gradient(var(--accent),transparent);opacity:calc(1 - var(--p) * 6)}
@media (prefers-reduced-motion:reduce){
  .ab-stage{height:auto;padding:110px 0 70px}.ab-pin{position:static;height:auto;display:grid;gap:36px;overflow:visible}
  .ab-logo{position:static;transform:none;opacity:1;filter:none;width:min(40vmin,220px);margin:0 auto}
  .ab-text{transform:none;opacity:1}.ab-hint{display:none}
}

/* Robe choisie dans Réserver : la photo seule, avec une petite croix pour la retirer */
.pick-photo{position:relative;width:104px;margin:0 0 4px}
.pick-photo img{display:block;width:104px;height:138px;object-fit:cover;border-radius:2px}
.pick-x{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:50%;border:0;background:rgba(0,0,0,.62);color:#fff;display:grid;place-items:center;cursor:pointer;padding:0}
.pick-x svg{width:13px;height:13px}
.pick-x:hover{background:#000}
.pick-in b{font-weight:400}