/* DD-15 — experiența de butic: intrarea, încăperile, Garderoba, piesele editoriale, Camera Concierge, Fișa.
   Numai clase xp-* / cx-*; se aplică doar când settings.features.concierge randează aceste secțiuni.
   Baremuri păstrate: ținte ≥ 44 px, câmpuri ≥ 16 px, fără scroll orizontal, dimensiuni rezervate (CLS 0), prefers-reduced-motion. */
:root{--xp-tone:#111110;--xp-gap:clamp(18px,3vw,40px)}
.xp-header nav{gap:30px}

/* ── intrarea ── */
.xp-welcome{min-height:calc(100svh - 122px);display:flex;align-items:center;padding:clamp(40px,8vh,110px) 6%;border-bottom:1px solid var(--line);background:radial-gradient(120% 90% at 85% 10%,#1a1113 0%,transparent 55%),var(--black)}
.xp-welcome-inner{max-width:980px}
.xp-welcome h1{font-size:clamp(44px,6.4vw,104px);line-height:1.04;letter-spacing:-2px;margin:0 0 10px}
.xp-welcome h1 em{display:block;white-space:normal;font-size:.72em;margin-top:.12em;color:#c1a677}
.xp-lead{font-size:clamp(17px,1.5vw,20px);line-height:1.8;color:var(--muted);max-width:620px;margin:0 0 36px}
.xp-actions{display:flex;flex-wrap:wrap;gap:18px 34px;align-items:center;margin:0}
.xp-actions .button-outline,.xp-actions .text-link{min-height:52px}
.xp-cta-quiet{display:inline-flex;align-items:center;font-size:13px;letter-spacing:.6px;border-bottom:1px solid #76613f;padding:0 2px}
@media (prefers-reduced-motion:no-preference){.xp-welcome-inner>*{animation:xp-rise .9s cubic-bezier(.2,.7,.2,1) both}.xp-welcome-inner>:nth-child(2){animation-delay:.08s}.xp-welcome-inner>:nth-child(3){animation-delay:.16s}.xp-welcome-inner>:nth-child(4){animation-delay:.22s}.xp-welcome-inner>:nth-child(5){animation-delay:.28s}}
@keyframes xp-rise{from{opacity:.01;transform:translateY(14px)}to{opacity:1;transform:none}}

/* ── secțiuni ── */
.xp-section-head{max-width:760px;margin:0 0 clamp(28px,5vw,56px)}
.xp-section-head h2{font-size:clamp(32px,4vw,58px)}
.xp-rooms{padding:clamp(60px,9vw,120px) 6%}

/* ── încăperile (prima pagină) ── */
.xp-room-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--xp-gap)}
.xp-room{grid-column:span 2;min-width:0}
.xp-room-lead{grid-column:span 3}
.xp-room-link{display:flex;flex-direction:column;height:100%;background:var(--xp-tone);border:1px solid #24211d;transition:border-color .3s}
.xp-room-link:hover,.xp-room-link:focus-visible{border-color:#76613f}
.xp-room-media{display:block;position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--xp-tone)}
.xp-room-lead .xp-room-media{aspect-ratio:5/4}
.xp-room-media img{width:100%;height:100%;object-fit:cover;object-position:center 35%;transition:transform .8s ease,opacity .4s;opacity:.86}
.xp-room-link:hover img{transform:scale(1.03);opacity:1}
.xp-room-mono,.xp-zone-mono{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:clamp(56px,7vw,110px) Georgia,serif;color:#3a2f25;letter-spacing:-6px}
.xp-room-copy{display:flex;flex-direction:column;gap:8px;padding:22px 22px 26px}
.xp-room-index{font-size:11px;letter-spacing:3px;color:var(--gold)}
.xp-room-copy strong{font:400 clamp(26px,2.4vw,36px)/1.15 Georgia,serif;color:var(--ivory)}
.xp-room-copy em{font-style:normal;color:var(--muted);line-height:1.7;font-size:15px}
.xp-room-enter{margin-top:auto;padding-top:10px;font-size:12px;letter-spacing:1px;color:#cfb98b;min-height:24px}

/* ── Concierge pe prima pagină ── */
.xp-cx-teaser{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:7%;align-items:center;padding:clamp(60px,9vw,120px) 6%;border-top:1px solid var(--line)}
.xp-cx-figure{margin:0;aspect-ratio:3/4;overflow:hidden;background:#15110e;border:1px solid #24211d}
.xp-cx-figure img,.cx-figure img{width:100%;height:100%;object-fit:cover;object-position:center top}
.xp-cx-copy h2{margin:0 0 22px}

/* ── pagina încăperii ── */
.xp-zone-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:6%;align-items:center;padding:clamp(40px,6vw,80px) 6%;background:linear-gradient(180deg,var(--xp-tone),var(--black));position:relative;min-height:min(78svh,760px)}
.xp-zone-hero h1{font-size:clamp(46px,6vw,92px);margin:0 0 18px}
.xp-zone-tagline{font:clamp(20px,2vw,28px)/1.45 Georgia,serif;color:#d9c9a6;margin:0 0 18px}
.xp-ambience{font-size:15px;line-height:1.9;color:var(--muted);max-width:520px;border-left:2px solid var(--red);padding-left:18px;margin:0}
.xp-zone-figure{margin:0;aspect-ratio:4/5;overflow:hidden;border:1px solid #2b241d}
.xp-zone-figure img{width:100%;height:100%;object-fit:cover}
.xp-zone-hero .xp-zone-mono{position:relative;aspect-ratio:4/5;border:1px solid #2b241d}
.xp-back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:18px;font-size:12px;letter-spacing:1px;color:#cfb98b}
.xp-zone-body{padding:clamp(40px,6vw,80px) 6% 0;max-width:900px}
.xp-zone-body p{font:clamp(19px,1.7vw,24px)/1.75 Georgia,serif;color:#d8cfbf;margin:0}
.xp-outfits,.xp-pieces,.xp-collections{padding:clamp(40px,6vw,80px) 6% 0}
.xp-outfits>h2,.xp-pieces>h2{font-size:clamp(28px,3.2vw,46px);margin:0 0 30px}
.xp-zone-cta{padding:clamp(40px,6vw,80px) 6%;margin:0}
.xp-zone-cta .button-outline{min-height:52px}

/* ── piese editoriale: ritm alternat (una mare, două mici) ── */
.xp-rhythm{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(30px,4vw,56px) var(--xp-gap)}
.xp-piece{grid-column:span 3;min-width:0;display:flex;flex-direction:column}
.xp-piece-lead{grid-column:span 6;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--xp-gap);align-items:end}
.xp-piece-link{display:block}
.xp-piece-media{display:block;aspect-ratio:4/5;overflow:hidden;background:#141414;border:1px solid #24211d}
.xp-piece-lead .xp-piece-media{aspect-ratio:5/4}
.xp-piece-media img,.xp-piece-media .dd-ph{width:100%;height:100%;object-fit:cover;object-position:top}
.xp-piece-media .dd-ph img{width:100%;height:100%;object-fit:cover}
.xp-piece-meta{padding-top:16px}
.xp-piece-meta .eyebrow{margin:0 0 8px}
.xp-piece-meta h3{font-size:clamp(22px,2vw,30px);margin:0 0 8px;line-height:1.2}
.xp-piece-meta h3 a{display:inline-block;min-height:44px;padding:6px 0}
.xp-piece-state{margin:0 0 6px;font-size:13px;letter-spacing:.6px;color:#b99b69}
.xp-piece-size{margin:0 0 6px;font-size:13px;color:var(--ivory)}
.xp-piece-cta{display:inline-flex;align-items:center;min-height:44px;font-size:12px;letter-spacing:.8px;color:#cfb98b}

/* ── ținutele: piesele pe sloturi, în rând ── */
.xp-outfit{border-top:1px solid var(--line);padding:26px 0 34px}
.xp-outfit-head{display:flex;justify-content:space-between;gap:20px;align-items:baseline;flex-wrap:wrap}
.xp-outfit-total{margin:0;font:18px Georgia,serif;color:#d1b77e}
.xp-outfit-pieces{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(170px,1fr);gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-bottom:10px}
.xp-outfit-pieces .xp-piece{grid-column:auto;scroll-snap-align:start}
.xp-piece-slot .xp-piece-meta h3{font-size:19px}

/* ── colecțiile ── */
.xp-collections ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--xp-gap)}
.xp-collection>a,.xp-collection{display:flex;flex-direction:column;gap:10px}
.xp-collection>a{padding:28px;border:1px solid #2b241d;min-height:180px}
.xp-collection strong{font:400 clamp(26px,2.6vw,38px) Georgia,serif}
.xp-collection em{font-style:normal;color:var(--muted);line-height:1.7}
.xp-collection span{font-size:12px;letter-spacing:1px;color:#cfb98b;margin-top:auto}

/* ── Garderoba ── */
.xp-wardrobe .xp-section-head h1{margin-bottom:20px}
.xp-chapter{padding:clamp(34px,5vw,64px) 0;border-top:1px solid var(--line)}
.xp-chapter-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 28px;margin-bottom:28px}
.xp-chapter-head h2{font-size:clamp(30px,3.4vw,50px);margin:0}
.xp-chapter-head p{margin:0;color:var(--muted);flex:1 1 280px}
.xp-chapter-head .text-link{display:inline-flex;align-items:center;min-height:44px;font-size:12px;letter-spacing:1px;color:#cfb98b}
.xp-index{padding:clamp(40px,6vw,80px) 0 0;border-top:1px solid var(--line)}
.xp-index-gens{display:flex;flex-wrap:wrap;gap:10px 34px;margin-bottom:26px}
.xp-index-gens button{min-height:48px;border:0;border-bottom:1px solid transparent;background:none;color:#9d968c;cursor:pointer;font:clamp(20px,2vw,26px) Georgia,serif;padding:6px 0}
.xp-index-gens button[aria-pressed="true"]{color:var(--ivory);border-color:var(--red)}
.xp-index-lines{list-style:none;margin:0;padding:0;columns:2 280px;column-gap:var(--xp-gap)}
.xp-index-lines li{break-inside:avoid}
.xp-index-lines button{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:52px;border:0;border-bottom:1px solid #2a241e;background:none;color:#d8cfbf;cursor:pointer;text-align:left;font-size:16px;padding:10px 0}
.xp-index-lines button[aria-expanded="true"]{color:#e8d6ac;border-color:#76613f}
.xp-index-lines small{color:#80766a;font-size:12px}
.xp-line{padding-top:clamp(30px,5vw,56px);outline:none}
.xp-line-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px 30px;margin-bottom:26px}
.xp-line-head h3{font-size:clamp(26px,2.6vw,38px);margin:0}
.xp-line-head p{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin:0}
.xp-line-head .text-link{display:inline-flex;min-height:44px;align-items:center;color:#cfb98b;font-size:12px;letter-spacing:.8px}
.xp-line-head .quiet{min-height:44px;margin:0}

/* ── Camera Concierge ── */
.cx-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:6%;align-items:center;margin-bottom:clamp(30px,5vw,60px)}
.cx-intro h1{margin-bottom:24px}
.cx-figure{margin:0;aspect-ratio:3/4;overflow:hidden;background:#15110e;border:1px solid #24211d;max-height:78svh}
.cx-answers{margin:0 0 26px}
.cx-answers ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.cx-chip{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:44px;padding:8px 14px;border:1px solid #3e3326;background:#12100e;color:#cbbfa9;font-size:13px;cursor:pointer;text-align:left}
.cx-chip strong{font-weight:400;color:var(--ivory)}
.cx-chip small{color:#a88f60;font-size:11px;letter-spacing:.6px}
.cx-stage{border:1px solid #2b241d;background:#0e0d0c;padding:clamp(22px,4vw,48px);scroll-margin-top:20px}
.cx-step{margin:0 0 10px;font-size:11px;letter-spacing:3px;color:var(--gold)}
.cx-question h2{font-size:clamp(30px,3.6vw,52px);margin:0 0 12px;outline:none}
.cx-help{color:var(--muted);line-height:1.8;font-size:15px;margin:0 0 22px;display:block}
.cx-options{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 20px}
.cx-options-lines{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.cx-group{flex-basis:100%;grid-column:1/-1;margin:14px 0 2px;font-size:11px;letter-spacing:3px;color:var(--gold)}
.cx-opt,.cx-check{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:10px 18px;border:1px solid #3e3326;background:none;color:#d8cfbf;font-size:16px;cursor:pointer;text-align:left;line-height:1.35}
.cx-opt:hover,.cx-check:hover{border-color:#76613f}
.cx-opt[aria-pressed="true"],.cx-check:has(input:checked){border-color:#b99758;background:#211b12;color:#f1e3c4}
.cx-check input{accent-color:#a12834;width:18px;height:18px}
.cx-swatch{width:18px;height:18px;border-radius:50%;background:var(--sw);border:1px solid #5b4d3a;flex-shrink:0}
.cx-facet{border:0;padding:0;margin:0 0 10px}
.cx-facet legend{font:20px Georgia,serif;color:var(--ivory);margin-bottom:12px;padding:0}
.cx-nav{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin:14px 0 0}
.cx-nav .quiet{margin:0;min-height:44px}
.cx-nav .button-outline,.cx-nav .button-primary{min-height:52px}
.cx-loading{font:22px Georgia,serif;color:#d9c9a6;margin:0}
.cx-results h2{font-size:clamp(30px,3.4vw,50px);margin:0 0 20px;outline:none}
.cx-note{color:#b9aa97;font-size:14px;line-height:1.8}
.cx-free{margin-top:clamp(40px,6vw,70px);padding-top:clamp(30px,4vw,50px);border-top:1px solid var(--line)}
.cx-free h2{font-size:clamp(24px,2.6vw,36px);margin:0 0 18px}
.cx-free-form{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}
.cx-free-form input{flex:1 1 260px;font-size:16px;min-height:52px}
.cx-free-form .button-outline{min-height:52px}
.cx-fisa-invite{margin-top:clamp(40px,6vw,70px);padding:28px;border:1px solid #3a2d22;background:#120f0d;display:flex;flex-wrap:wrap;gap:16px 30px;align-items:center;justify-content:space-between}
.cx-fisa-invite p{margin:0;font:clamp(19px,1.8vw,24px)/1.5 Georgia,serif;color:#e0d2b4;max-width:640px}

/* ── Fișa ── */
.cx-fisa{max-width:1100px;margin:0 auto}
.cx-purpose{font-size:14px}
.cx-fisa-form fieldset{border:0;border-top:1px solid var(--line);padding:24px 0 8px;margin:0}
.cx-fisa-form legend{font:clamp(22px,2.2vw,30px) Georgia,serif;color:var(--ivory);padding:0 0 6px}
.cx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:0 22px}
.cx-fisa input,.cx-fisa select,.cx-fisa textarea{font-size:16px;min-height:48px}
.cx-fisa textarea{min-height:110px}
.cx-sub{margin:18px 0 10px;font-size:12px;letter-spacing:1px;color:#b9aa97}
.cx-consents .check{font-size:14px}
.cx-danger{color:#f0a1a1;border-color:#6b2a2a}
.cx-photos,.cx-proposals,.cx-access{border-top:1px solid var(--line);margin-top:34px;padding-top:24px}
.cx-photos h2,.cx-proposals h2,.cx-access h2{font-size:clamp(24px,2.4vw,34px);margin:0 0 14px}
.cx-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cx-photo{display:flex;flex-direction:column;gap:8px}
.cx-photo img{width:100%;aspect-ratio:3/4;object-fit:cover;border:1px solid #2b241d}
.cx-upload{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:3/4;border:1px dashed #5b4d3a;color:#cfb98b;font-size:14px;cursor:pointer;text-align:center;padding:12px}
.cx-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.cx-upload.is-locked{opacity:.45;cursor:not-allowed}
.cx-photo .quiet{margin:0;min-height:44px;align-self:flex-start}
.cx-proposal{border:1px solid #2b241d;padding:20px;margin-bottom:16px}
.cx-proposal h3{margin:0 0 8px}
.cx-proposal img{max-width:100%;margin:12px 0}
.cx-log{list-style:none;margin:0;padding:0;font-size:14px;color:#b9aa97}
.cx-log li{padding:10px 0;border-bottom:1px solid #221d18}

/* ── tabletă ── */
@media (max-width:1050px){
 .xp-room,.xp-room-lead{grid-column:span 3}
 .xp-cx-teaser,.cx-intro{grid-template-columns:1fr 1fr}
 .xp-zone-hero{grid-template-columns:1fr 1fr}
}
/* ── telefon: o încăpere / o piesă / o ținută pe ecran ── */
@media (max-width:700px){
 .xp-welcome{min-height:calc(100svh - 96px);padding:48px 24px}
 .xp-welcome h1{letter-spacing:-1px}
 .xp-actions{flex-direction:column;align-items:stretch}
 .xp-actions .button-outline{justify-content:space-between}
 .xp-rooms,.xp-cx-teaser{padding-left:24px;padding-right:24px}
 .xp-room-list{grid-template-columns:1fr;gap:28px}
 .xp-room,.xp-room-lead{grid-column:auto}
 .xp-room-media,.xp-room-lead .xp-room-media{aspect-ratio:4/5;max-height:62svh}
 .xp-cx-teaser,.cx-intro,.xp-zone-hero{grid-template-columns:1fr}
 .xp-cx-figure{max-height:70svh}
 .cx-figure{order:-1;max-height:52svh;aspect-ratio:4/5}
 .xp-zone-hero{padding:28px 24px 40px;min-height:0}
 .xp-zone-figure{order:-1;aspect-ratio:4/5;max-height:60svh}
 .xp-zone-body,.xp-outfits,.xp-pieces,.xp-collections,.xp-zone-cta{padding-left:24px;padding-right:24px}
 .xp-rhythm{grid-template-columns:1fr;gap:44px}
 .xp-piece,.xp-piece-lead{grid-column:auto;display:flex;flex-direction:column}
 .xp-piece-media,.xp-piece-lead .xp-piece-media{aspect-ratio:4/5;max-height:70svh}
 .xp-outfit-pieces{grid-auto-columns:78%}
 .xp-collections ol{grid-template-columns:1fr}
 .cx-stage{padding:22px 18px}
 .cx-options-lines{grid-template-columns:1fr}
 .cx-opt,.cx-check{width:100%}
 .cx-options:not(.cx-options-lines) .cx-opt{width:auto}
 .cx-photo-grid{grid-template-columns:1fr 1fr}
 .cx-fisa-invite{padding:20px}
}
@media (prefers-reduced-motion:reduce){.xp-room-media img,.xp-room-link{transition:none}}
.xp-piece-media .dd-ph-name{display:none}.xp-piece-media .dd-ph-note{font-size:10px}

/* ══ v2 — compoziție editorială (proprietar: „exclusivist, high class, calitate și confort”) ══
   Până la luxury.css (directorul artistic): gradienturi și tipografie mare, fără cutii goale, fără monograma ștearsă. */
.xp-welcome.has-figure{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:6%;align-items:center}
.xp-welcome-figure{margin:0;align-self:stretch;max-height:calc(100svh - 170px);aspect-ratio:3/4;overflow:hidden;justify-self:end;width:100%}
.xp-welcome-figure img{width:100%;height:100%;object-fit:cover;object-position:center 20%}
.xp-rooms{padding-bottom:clamp(40px,6vw,80px)}
.xp-feature{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:6%;align-items:center;padding:clamp(40px,6vw,90px) 0;border-top:1px solid var(--line)}
.xp-feature.is-flip{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.xp-feature.is-flip .xp-feature-copy{order:2}
.xp-feature-copy h3{font-size:clamp(40px,4.8vw,76px);line-height:1.05;margin:10px 0 16px;letter-spacing:-1px}
.xp-feature-copy h3 a{display:inline-block;min-height:44px}
.xp-feature-tagline{font:clamp(19px,1.8vw,25px)/1.5 Georgia,serif;color:#d9c9a6;margin:0 0 18px}
.xp-feature-copy .xp-ambience{margin-bottom:30px}
.xp-feature-copy .button-outline{min-height:52px}
.xp-feature-link{display:block}
.xp-feature-visual{position:relative;display:block;aspect-ratio:4/5;max-height:78svh;overflow:hidden;background:radial-gradient(120% 90% at 30% 20%,color-mix(in srgb,var(--xp-tone) 70%,#3a2a1c) 0%,var(--xp-tone) 55%,#070707 100%);border:1px solid #2b241d}
.xp-feature-visual img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease}
.xp-feature-link:hover img{transform:scale(1.02)}
.xp-typo{position:absolute;inset:0;display:flex;align-items:flex-end;padding:8%;font:italic clamp(54px,7vw,120px)/.95 Georgia,serif;color:rgba(214,190,146,.16);letter-spacing:-2px;overflow:hidden;word-break:break-word}
.xp-typo::after{content:'';position:absolute;left:8%;top:10%;width:56px;height:2px;background:var(--red)}
.xp-rooms-index{border-top:1px solid var(--line);padding-top:clamp(30px,4vw,50px)}
.xp-rooms-index ol{list-style:none;margin:0;padding:0;columns:2 320px;column-gap:var(--xp-gap)}
.xp-rooms-index li{break-inside:avoid}
.xp-rooms-index a{display:flex;flex-direction:column;gap:4px;min-height:56px;padding:12px 0;border-bottom:1px solid #221d18}
.xp-rooms-index strong{font:400 22px Georgia,serif;color:var(--ivory)}
.xp-rooms-index em{font-style:normal;font-size:14px;color:var(--muted)}
.xp-room-list{display:none}
/* pagina încăperii: hero atmosferic */
.xp-zone-hero.has-image{display:block;position:relative;min-height:min(82svh,820px);padding:0;overflow:hidden;background:#070707}
.xp-zone-hero.has-image .xp-zone-figure{position:absolute;inset:0;aspect-ratio:auto;max-height:none;border:0}
.xp-zone-hero.has-image .xp-zone-figure img{width:100%;height:100%;object-fit:cover;object-position:center 25%;opacity:.62}
.xp-zone-hero.has-image::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,7,7,.92) 0%,rgba(7,7,7,.55) 45%,rgba(7,7,7,.1) 100%),linear-gradient(0deg,#090909 0%,transparent 35%)}
.xp-zone-hero.has-image .xp-zone-copy{position:relative;z-index:1;max-width:640px;padding:clamp(50px,9vw,130px) 6%}
.xp-zone-hero:not(.has-image){position:relative;overflow:hidden}
.xp-typo-hero{position:absolute;inset:auto 0 0 auto;width:60%;height:100%;opacity:1}
.xp-zone-hero:not(.has-image) .xp-zone-copy{position:relative;z-index:1}
.xp-zone-body p{font-size:clamp(21px,2vw,28px)}
/* ținuta: o singură compoziție */
.xp-outfit-tabs{display:flex;flex-wrap:wrap;gap:8px 26px;margin:-10px 0 18px}
.xp-outfit-tabs button{min-height:44px;background:none;border:0;border-bottom:1px solid transparent;color:#9d968c;font:18px Georgia,serif;cursor:pointer;padding:6px 0}
.xp-outfit-tabs button[aria-pressed="true"]{color:var(--ivory);border-color:var(--red)}
.xp-outfit{border-top:0;padding-top:0}
.xp-compose{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px var(--xp-gap);align-items:start}
.xp-compose-lead{grid-column:span 2;grid-row:span 2}
.xp-compose-lead .xp-piece-media{aspect-ratio:4/5}
.xp-compose .xp-piece-slot .xp-piece-media{aspect-ratio:1/1}
.xp-compose .xp-piece-slot .xp-piece-meta{padding-top:10px}
.xp-compose .xp-piece-slot h3{font-size:18px}
.xp-complete{margin:22px 0 0;font-size:14px;line-height:2;color:#b9aa97}
.xp-complete a{color:#e0d2b4;border-bottom:1px solid #5b4d3a;display:inline-block;min-height:32px}
.xp-more{margin:26px 0 0}
.xp-more .text-link{display:inline-flex;align-items:center;min-height:44px;color:#cfb98b;letter-spacing:.8px;font-size:13px}
/* piesa fără fotografie: cartuș de atelier (sau desenul SVG când există) */
.xp-cartouche{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;padding:12%;text-align:center;
 background:linear-gradient(160deg,#141210 0%,#0c0b0a 60%,#100d0c 100%);box-shadow:inset 0 0 0 1px #2b241d,inset 0 0 0 8px #0d0c0b,inset 0 0 0 9px #3a2f25}
.xp-cart-line{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:#a88f60}
.xp-cartouche strong{font:400 clamp(20px,2vw,30px)/1.2 Georgia,serif;color:#e6dccb}
.xp-cart-rule{width:36px;height:1px;background:var(--red)}
.xp-cart-note{font:italic 13px Georgia,serif;color:#8f8474}
.xp-sketch{width:100%;height:100%;object-fit:contain;background:#0e0d0c;padding:8%}
.xp-piece.is-atelier .xp-piece-media{border-color:#2b241d}
/* bara de cookie: discretă, jos, ≤ 56 px, nu acoperă conținutul */
.cookie-note.xp-cookie{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:50;display:flex;align-items:center;justify-content:center;gap:10px 18px;max-height:56px;height:56px;margin:0;padding:0 16px;
 background:rgba(12,11,10,.96);border:0;border-top:1px solid #3a2f25;box-shadow:none;max-width:none;width:auto;transform:none;font-size:12px;overflow:hidden}
.xp-cookie p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#cbbfa9;min-width:0}
.xp-cookie p a{text-decoration:underline;display:inline-flex;align-items:center;min-height:44px}
.xp-cookie .button-outline{min-height:40px;padding:0 16px;font-size:12px;flex-shrink:0}
.xp-cookie .acc-consent{display:flex;align-items:center;gap:10px;margin:0;padding:0;border:0}
.xp-cookie .acc-consent p{display:none}
.xp-cookie .acc-consent .quiet{margin:0;min-height:40px;white-space:nowrap}
body:has(.xp-cookie){padding-bottom:56px}
@media (max-width:1050px){.xp-compose{grid-template-columns:repeat(3,minmax(0,1fr))}.xp-compose-lead{grid-column:span 3;grid-row:auto}}
@media (max-width:700px){
 .xp-welcome.has-figure{grid-template-columns:1fr;gap:28px}
 .xp-welcome-figure{max-height:58svh;justify-self:stretch}
 .xp-feature,.xp-feature.is-flip{grid-template-columns:1fr;gap:22px}
 .xp-feature.is-flip .xp-feature-copy{order:0}
 .xp-feature-visual{max-height:62svh}
 .xp-zone-hero.has-image{min-height:78svh}
 .xp-zone-hero.has-image .xp-zone-copy{padding:40px 24px}
 .xp-compose{grid-template-columns:1fr 1fr;gap:22px 14px}
 .xp-compose-lead{grid-column:span 2}
 .cookie-note.xp-cookie{justify-content:space-between;padding:0 10px;gap:8px}
 .xp-cookie p strong{display:none}
 .xp-cookie .button-outline,.xp-cookie .acc-consent .quiet{padding:0 10px;font-size:11px}
}

/* ══ v3 — audit director de creație v1: fără imagini hoteliere/planșe; piese fără fotografie ca listă tipografică ══ */
.xp-welcome:not(.has-figure){background:
  radial-gradient(60% 80% at 88% 18%,rgba(155,27,48,.16) 0%,transparent 60%),
  radial-gradient(90% 70% at 10% 100%,rgba(184,154,100,.08) 0%,transparent 55%),
  repeating-linear-gradient(115deg,rgba(255,255,255,.012) 0 2px,transparent 2px 7px),var(--black)}
.xp-welcome:not(.has-figure) .xp-welcome-inner{max-width:1100px}
.xp-welcome:not(.has-figure) h1{font-size:clamp(48px,7.4vw,124px)}
.xp-feature.is-typo{display:block;position:relative;overflow:hidden;padding:clamp(56px,8vw,120px) clamp(24px,5vw,80px);margin:0 0 clamp(20px,3vw,40px);border-top:1px solid var(--line);
  background:radial-gradient(80% 120% at 100% 0%,color-mix(in srgb,var(--xp-tone) 80%,#3a2a1c) 0%,transparent 60%),
  repeating-linear-gradient(115deg,rgba(255,255,255,.012) 0 2px,transparent 2px 7px),var(--xp-tone)}
.xp-feature.is-typo h3{font-size:clamp(52px,7vw,120px);line-height:1;margin:14px 0 20px;letter-spacing:-2px}
.xp-feature.is-typo h3 a{display:inline-block;min-height:44px}
.xp-feature.is-typo .xp-feature-tagline{max-width:720px}
.xp-feature.is-typo .xp-ambience{max-width:620px;margin-bottom:34px}
.xp-feature.is-typo::after{content:'';position:absolute;right:6%;top:clamp(56px,8vw,120px);width:64px;height:2px;background:var(--red)}
.xp-atelier,.xp-under{margin:22px 0 0;font-size:15px;line-height:1.9;color:#b9aa97;max-width:980px}
.xp-atelier .eyebrow,.xp-under .eyebrow{display:block;margin:0 0 4px}
.xp-atelier a,.xp-under a{display:inline-flex;align-items:center;min-height:44px;color:#e0d2b4;border-bottom:1px solid #4a3d2e}
.xp-atelier em{font-style:normal;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#8f8474}
.xp-under{font-size:13px;color:#8f8474}
.xp-under a{color:#b9aa97;border-color:#332b24}
.xp-index-atelier{margin-top:28px}
.xp-index-lines.is-atelier button{color:#8f8474}
.xp-chapter-head>a{display:inline-flex;align-items:center;min-height:44px}
.xp-rooms-index a{min-height:56px}
@media (max-width:700px){.xp-feature.is-typo{padding:48px 22px}.xp-feature.is-typo::after{right:24px;top:48px}}
/* v4 — lx-*: legătura piesei e chiar caseta media (element de grilă în lx-edit) */
a.lx-piece__media{display:block}
.lx-look__item .lx-piece__link{display:block}
.xp-look-wrap .xp-outfit-tabs{padding:var(--lx-s-7,104px) var(--lx-margin,6%) 0;margin:0}
.xp-look-wrap .lx-look{padding-top:var(--lx-s-5,40px)}
.xp-pieces .xp-section-head{padding:0 var(--lx-margin,6%)}
.xp-pieces .xp-more{padding:0 var(--lx-margin,6%)}
.lx-look .xp-atelier,.lx-look .xp-under{margin-left:0}
.detail-photo .lx-atelier__sheet{max-width:none}
.xp-actions .lx-link.xp-cta-quiet,.xp-actions .xp-cta-quiet{display:inline-flex;align-items:center;min-height:48px}
/* CLS: secțiunea de sub intrare (încăperi + Concierge) are loc rezervat până sosesc datele */
.xp-home-rest{min-height:2200px}
@media (max-width:700px){.xp-home-rest{min-height:3200px}}
/* tabletă v4 (O1 regresie): meniul experienței (7 linkuri) → sertar sub 1200 px, determinist (nu depinde de încărcarea fonturilor) */
@media (max-width:1199px){.header.xp-header nav{display:none}.header.xp-header .rsp-burger{display:inline-flex}.header.xp-header .header-tools{margin-left:auto}}
/* ținte ≥ 44 px și text ≥ 12 px (tabletă v4) */
.lx-piece__meta .lx-link,.xp-piece-cta,.lx-room__enter{display:inline-flex;align-items:center;min-height:44px}
.lx-piece__meta h3 a,.lx-room__title{display:inline-block;min-height:44px;padding:4px 0}
.xp-outfit-tabs button{min-width:88px;min-height:48px;padding:6px 12px}
.lx-look__legend a,.xp-atelier a,.xp-under a{display:inline-flex;align-items:center;min-height:44px}
.lx-piece__state,.lx-atelier__fig,.lx-atelier__label,.xp-room-index{font-size:12px}
/* al 5-lea element al planșei nu se mai strânge (tabletă): sub 1100 px planșa trece pe 2 coloane egale */
@media (max-width:1099px){.lx-look__stage{grid-template-columns:1fr 1fr;grid-template-rows:none}.lx-look__item[data-slot]{grid-column:auto!important;grid-row:auto!important;margin-top:0!important;align-self:start}.lx-look__item[data-slot="main"]{grid-column:1/-1!important}}
.lx-look__item .lx-piece__media,.lx-edit__piece .lx-piece__media{min-height:120px}

/* ══ v5 — audit tabletă v4 (N2–N6) + creație v4 (P1–P2). luxury.css se încarcă DUPĂ acest fișier, deci regulile de
   dimensiune au specificitate mai mare (html body …) ca să nu fie anulate. ══ */
/* N3: planșa ținutei — fără compresie: 4 coloane pe desktop (piesa principală 2×2), 2 coloane pe tabletă/portret, 2 pe telefon */
html body .lx-look__stage{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:auto;gap:var(--lx-gutter,24px)}
html body .lx-look__item[data-slot]{grid-column:auto;grid-row:auto;margin-top:0;align-self:start;min-width:0}
html body .lx-look__item[data-slot="main"]{grid-column:1/span 2;grid-row:1/span 2}
@media (max-width:1180px){html body .lx-look__stage{grid-template-columns:repeat(2,minmax(0,1fr))}html body .lx-look__item[data-slot="main"]{grid-column:1/-1;grid-row:auto}}
html body .lx-look__item .lx-piece__media{display:block;aspect-ratio:4/5;width:100%}
/* N2: ținte ≥ 44 px */
html body .lx-button,html body .button-outline{display:inline-flex;align-items:center;justify-content:center;min-height:48px}
html body .xp-more a,html body .lx-invite a,html body .lx-link{display:inline-flex;align-items:center;min-height:44px}
html body .xp-index-gens button,html body .xp-outfit-tabs button{min-width:88px;min-height:48px;padding:6px 14px}
/* N4: text ≥ 12 px (eyebrow-uri, legende, linkuri, eticheta de previzualizare) */
html body .eyebrow,html body .lx-eyebrow,html body .lx-link,html body .lx-link>span,html body .xp-atelier,html body .xp-atelier em,html body .xp-under,
html body .lx-piece__state,html body .lx-room__enter,html body .lx-atelier__fig,html body .lx-atelier__label,html body .lx-atelier__sheet dt,
html body .lx-look__legend li,html body .xp-piece-state,html body .xp-cart-line,html body .cx-step,html body .cx-chip small,html body .preview-label{font-size:12px}
/* N5: contrast — eticheta de previzualizare și săgețile */
html body .preview-label{color:#b9b1a4}
html body .lx-button span,html body .button-outline span{color:#e0564d}
/* P1: textul butonului de intrare aliniat (linia de bază comună cu săgeata) */
html body .xp-actions .lx-button{gap:14px;line-height:1}
/* P2: pe telefon titlul încăperii înaintea desenului/imaginii în primul ecran */
@media (max-width:699px){html body .lx-hero--room .lx-hero__drawing{order:2;width:42%;max-width:180px;margin:20px 0 0 auto}html body .lx-hero--room .lx-hero__copy{order:1}html body .lx-hero--room{min-height:auto;align-items:start;padding-top:32px}}
/* ══ v6 — creație v5: fraza ținutei, nota desenului, butoane ≥ 12 px ══ */
.lx-look__prose{font-family:var(--lx-serif,Georgia,serif);font-size:clamp(19px,1.8vw,24px);line-height:1.6;color:var(--lx-ivory,#ece5d8);max-width:62ch;margin:var(--lx-s-5,40px) 0 0}
.lx-look__prose a,.lx-look__quiet a{color:inherit;border-bottom:1px solid var(--lx-hair-2,rgba(236,229,216,.18));display:inline;min-height:0}
.lx-look__quiet{margin:14px 0 0;font-size:15px;line-height:1.8;color:var(--lx-ivory-faint,#7d766c);max-width:62ch}
.lx-atelier__note{margin:14px 0 0;font-family:var(--lx-serif,Georgia,serif);font-style:italic;font-size:16px;color:var(--lx-ivory-dim,#b9b1a4)}
html body .button-outline,html body .button-primary,html body .lx-button{font-size:12px}
/* CLS fișă 390: zona imaginii/desenului are înălțime rezervată înainte de încărcare */
.product-detail .detail-photo .lx-atelier{aspect-ratio:4/5;width:100%}

/* ══ tabletă v5 (BE-1, substituție pentru EXP-1 în pauză) ══
   N4b: meniul din antet (vizibil doar la ~1366 px, iPad Pro 12,9 peisaj) — linkurile ≥ 12 px;
   N7: rândul discret „Dedesubt…” din ținute — ivoriu mai deschis (#8a8378: 5,3:1 pe fundalul casei, față de 4,4:1) */
html body .xp-header > nav > a{font-size:12px}
html body .lx-look__quiet,html body .lx-look__quiet a{color:#8a8378}
