/* Lampa — atelier de unghii pe Mântuleasa, seara. Cerneala verde-închis a camerei (turcoazul clientei dus spre noapte),
   lumina caldă a lămpii, nisipul hârtiei din lumina ei, vișiniul unghiilor Irinei (accent mic).
   Premium fără „premium-ul generic”: niciun auriu cu strălucire, nicio bandă de cifre, un singur serif.
   Referințe: 85 Anne Boysen (colajul pe fond saturat), 43 La table de Joakim (paragraful mare cu serif, poze mici asimetrice),
   12 Surella (meniul-pastilă, panourile rotunjite). Animațiile: lampa care se aprinde, lumina ei după mână, ceasul
   programării derulat cu pagina, evantaiul care se deschide — toate opresc la prefers-reduced-motion. */
:root {
  --noapte: #11302d; --ape: #163b37; --adanc: #0c2a27; --nisip: #d9b98f;
  --lumina: #f1d9b0; --hartie: #f4ecdf; --text-2: #c9d3cc; --visiniu: #8e2340; --turcoaz: #3cb7ae; --cerneala: #10201e;
  --f-titlu: "Instrument Serif", Georgia, serif; --f-text: "Albert Sans", system-ui, sans-serif;
  --lat: clamp(16px, 4vw, 64px); --raza: 22px;
}
*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
html { -webkit-text-size-adjust: 100%; }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
body { margin: 0; background: var(--noapte); color: var(--hartie); font: 400 1.0625rem/1.65 var(--f-text); }
img { max-width: 100%; height: auto; display: block; }
figure { margin: 0; }
h1, h2, h3 { font-family: var(--f-titlu); font-weight: 400; line-height: 1.05; margin: 0 0 .45em; letter-spacing: -.01em; }
h1 { font-size: clamp(2.6rem, 1.4rem + 3.4vw, 4.4rem); }
h2 { font-size: clamp(2.1rem, 1.3rem + 2.6vw, 3.6rem); }
h3 { font-size: 1.8rem; }
p { margin: 0 0 1em; }
a { color: inherit; text-underline-offset: .22em; text-decoration-thickness: 1px; }
a:hover { text-decoration-thickness: 2px; }
:focus-visible { outline: 2px solid var(--lumina); outline-offset: 4px; }
.mic { font-size: .92rem; color: var(--text-2); }
.ascuns { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.sari { position: absolute; left: 12px; top: -80px; background: var(--lumina); color: var(--cerneala); padding: 8px 14px; z-index: 60; border-radius: 999px; }
.sari:focus { top: 12px; }

/* ---------- butoane: pastile subțiri ---------- */
.buton { display: inline-block; background: var(--lumina); color: var(--cerneala); border: 1px solid var(--lumina); border-radius: 999px;
  padding: .8em 1.5em; font: 600 .98rem/1.2 var(--f-text); letter-spacing: .01em; text-decoration: none; cursor: pointer;
  transition: background-color .25s, color .25s; }
.buton:hover { background: var(--hartie); border-color: var(--hartie); }
.buton--gol { background: transparent; color: inherit; border-color: currentColor; }
.buton--gol:hover { background: rgba(241, 217, 176, .12); color: inherit; border-color: currentColor; }
.butoane { display: flex; flex-wrap: wrap; gap: 12px; }
.leg { font-weight: 600; }

/* ---------- antetul: o pastilă cu chenar subțire, sus, orizontală, nelipicioasă ---------- */
.antet { padding: 18px var(--lat) 0; position: relative; z-index: 5; }
.pastila { display: flex; align-items: center; gap: 30px; max-width: 1180px; margin: 0 auto; padding: 8px 10px 8px 26px;
  border: 1px solid rgba(244, 236, 223, .55); border-radius: 999px; flex-wrap: wrap; }
.pastila a { text-decoration: none; }
.pastila__marca { font: 400 1.9rem/1 var(--f-titlu); margin-right: auto; }
.pastila__pagini { list-style: none; margin: 0; padding: 0; display: flex; gap: 28px; }
.pastila__pagini a { display: inline-block; padding: 8px 2px; border-bottom: 1px solid transparent; }
.pastila__pagini a:hover, .pastila__pagini a[aria-current="page"] { border-bottom-color: currentColor; }
.pastila__tel { border: 1px solid rgba(244, 236, 223, .55); border-radius: 999px; padding: 8px 16px; white-space: nowrap; }
.pastila__buton { display: none; }

/* ---------- Acasă: primul ecran — colajul în camera întunecată, lumina lămpii ---------- */
.erou { position: relative; padding: 26px var(--lat) 48px; min-height: max(620px, calc(100svh - 90px)); display: flex; flex-direction: column; justify-content: space-between; gap: 28px; }
.erou__colaj { position: relative; height: clamp(300px, 43vh, 560px); margin: 0 calc(var(--lat) * -1); overflow: hidden; }
.colaj { position: absolute; will-change: transform; }
.colaj img { width: 100%; height: 100%; object-fit: cover; border-radius: 6px; }
.colaj--1 { left: 30%; top: 2%; width: 45%; aspect-ratio: 3 / 2; }
.colaj--2 { left: var(--lat); top: 10%; width: 15%; aspect-ratio: 2 / 3; }
.colaj--3 { left: calc(var(--lat) + 16.5%); top: 47%; width: 11.5%; aspect-ratio: 2 / 3; }
.colaj--4 { left: 78%; top: 5%; width: 12.5%; aspect-ratio: 2 / 3; }
.colaj--5 { left: 92%; top: 36%; width: 17%; aspect-ratio: 2 / 3; }            /* tăiată de marginea ecranului */
/* umbra camerei, cu „lumina lămpii” ca o gaură caldă; --x, --y și --r le mișcă script.js. Fără JS: nu există. */
.umbra { display: none; }
.js-miscare .umbra { display: block; position: absolute; inset: 0; z-index: 2; pointer-events: none;
  background: radial-gradient(circle at var(--x, 52%) var(--y, 38%), rgba(255, 214, 150, .10) 0, rgba(255, 214, 150, 0) calc(var(--r, 380px) * .55),
              rgba(6, 22, 20, .55) calc(var(--r, 380px) * .85), rgba(6, 22, 20, .82) calc(var(--r, 380px) * 1.5)); }
.erou__text { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 20px 56px; align-items: end; position: relative; z-index: 3; }
/* numele, mare, ca pe ușa unui atelier; titlul descriptiv stă alături, mai mic */
.erou__nume { margin: 0 0 -.12em; font: 400 clamp(6.5rem, 2rem + 13vw, 15rem)/.82 var(--f-titlu); letter-spacing: -.035em; color: var(--hartie); }
.erou__dreapta { display: grid; gap: 14px; padding-bottom: 8px; }
.erou__dreapta h1 { margin: 0; font-size: clamp(1.9rem, 1.2rem + 1.5vw, 2.7rem); line-height: 1.08; }
.erou__text p:not(.erou__nume) { margin: 0; color: var(--text-2); max-width: 46ch; }
.stare { font-weight: 600; color: var(--lumina) !important; }

/* ---------- Acasă: o programare, 16:00 → 17:15; cu mișcare: ceasul și pozele merg cu pagina ---------- */
.ziua { background: var(--ape); padding: 104px var(--lat); position: relative; }
.ziua h2 { max-width: 16ch; }
.ziua__intro { max-width: 58ch; color: var(--text-2); }
.ziua__ceas { display: none; }
.ziua__sir { list-style: none; margin: 48px 0 0; padding: 0; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 20px; }
.ziua__pas:nth-child(even) { margin-top: 60px; }
.ziua__pas img { aspect-ratio: 2 / 3; width: 100%; height: auto; object-fit: cover; border-radius: 6px; }
.ziua__pas figcaption { margin-top: 12px; font-size: .95rem; line-height: 1.45; color: var(--text-2); }
.ziua__pas time { display: block; font: 400 1.7rem/1 var(--f-titlu); margin-bottom: 6px; color: var(--hartie); }
/* varianta „film”: secțiunea se lipește, pozele trec de la dreapta la stânga, ceasul arată ora din programare */
.ziua--film { height: 360vh; padding: 0; }
.ziua--film .ziua__scena { position: sticky; top: 0; height: 100vh; overflow: hidden; padding: 72px var(--lat) 40px; display: flex; flex-direction: column; }
.ziua--film .ziua__ceas { display: block; position: absolute; right: var(--lat); top: 56px; margin: 0; font: 400 clamp(4rem, 2rem + 8vw, 10rem)/1 var(--f-titlu);
  color: var(--lumina); font-variant-numeric: tabular-nums; letter-spacing: -.02em; }
.ziua--film .ziua__sir { display: flex; gap: 4vw; margin-top: auto; width: max-content; will-change: transform; }
.ziua--film .ziua__pas { width: clamp(170px, min(20vw, 30vh), 300px); margin-top: 0; flex: none; }   /* 30vh × 3/2 = 45vh de poză: încape sub titlu și la 768 px înălțime */
.ziua--film .ziua__pas:nth-child(even) { margin-top: 0; transform: translateY(-48px); }
.ziua--film .ziua__pas figure { transition: opacity .5s; opacity: .45; }
.ziua--film .ziua__pas.acum figure { opacity: 1; }

/* ---------- Acasă: prețurile, pe nisip, ca listă tipografică ---------- */
.preturi { background: var(--nisip); color: var(--cerneala); padding: 104px var(--lat); }
.preturi__cap { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: 20px 56px; align-items: end; margin-bottom: 44px; }
.preturi__cap h2 { margin: 0; }
.preturi__cap p { margin: 0; }
.preturi__panouri { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 64px; align-items: start; }
.panou { padding: 0; }
.panou h3 { margin-bottom: .2em; }
.panou__h3-doi { margin-top: 1.2em; }
.panou__lista { list-style: none; margin: 0; padding: 0; }
.pret { padding: 18px 0 20px; border-top: 1px solid rgba(16, 32, 30, .35); display: grid; gap: 4px; }
.pret__leg { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 2px 16px; text-decoration: none; }
.pret__leg:hover .pret__nume { text-decoration: underline; text-underline-offset: .2em; text-decoration-thickness: 1px; }
.pret__nume { font: 400 1.6rem/1.15 var(--f-titlu); }
.pret__cat { font-weight: 600; white-space: nowrap; }
.pret__reper { font-size: .9rem; color: #3b4743; }

/* ---------- Acasă: o masă, o clientă ---------- */
.masa { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 56px; align-items: center; padding: 104px var(--lat); }
.masa__poza { overflow: hidden; border-radius: 6px; }
.masa__poza img { will-change: transform; }
.masa__text p { max-width: 44ch; color: var(--text-2); }
.masa .leg { color: var(--lumina); }

/* ---------- Acasă: pedichiura ---------- */
.picioare { background: var(--ape); display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 3fr) minmax(0, 2.4fr); gap: 32px; align-items: start; padding: 104px var(--lat); }
.picioare__text p { max-width: 42ch; color: var(--text-2); }
.picioare__poza img { border-radius: 6px; aspect-ratio: 2 / 3; height: auto; object-fit: cover; }
.picioare__poza--2 { margin-top: 110px; }

/* ---------- Acasă: unde și când ---------- */
.unde { padding: 104px var(--lat) 112px; }
.unde__doi { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: 56px; align-items: start; }
.unde__doi p { max-width: 48ch; color: var(--text-2); }
.program { border-collapse: collapse; width: 100%; max-width: 440px; }
.program th, .program td { text-align: left; padding: 11px 0; border-bottom: 1px solid rgba(244, 236, 223, .22); font-weight: 400; }
.program td { text-align: right; }
.program tr.azi th, .program tr.azi td { font-weight: 600; color: var(--lumina); }
.program tr.azi th::after { content: " · azi"; }

/* ---------- subsol ---------- */
.subsol { background: var(--adanc); color: var(--text-2); padding: 72px var(--lat) 40px; font-size: .95rem; }
.subsol a { color: var(--hartie); }
.subsol__sus { display: grid; grid-template-columns: minmax(0, 3fr) repeat(3, minmax(0, 3fr)); gap: 28px; }
.subsol__marca { font: 400 2.6rem/1 var(--f-titlu); color: var(--hartie); }
.subsol__jos { margin-top: 36px; padding-top: 18px; border-top: 1px solid rgba(201, 211, 204, .25); max-width: 110ch; }
.subsol__anpc img { width: 250px; height: auto; background: #fff; border-radius: 6px; }

/* ---------- paginile interioare: paragraful mare (Joakim) ---------- */
.antet-pg { padding: 72px var(--lat) 48px; }
.antet-pg h1 { margin-bottom: .3em; }
.mare { font: 400 clamp(1.6rem, 1rem + 2vw, 2.7rem)/1.14 var(--f-titlu); text-transform: uppercase; letter-spacing: .005em; max-width: 34ch; margin-left: clamp(0px, 24vw, 380px); color: var(--hartie); }
.fara-js { border: 1px solid var(--lumina); border-radius: var(--raza); padding: 18px 22px; max-width: 60ch; }

/* ---------- Vizita ---------- */
.vizita { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: 48px; padding: 0 var(--lat) 104px; align-items: start; }
.pas { border: 0; border-top: 1px solid rgba(244, 236, 223, .35); margin: 0 0 8px; padding: 24px 0 30px; min-width: 0; }
.pas legend { font: 400 2.1rem/1.1 var(--f-titlu); padding: 0 12px 0 0; }
.alegeri { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 6px 0 14px; }
.alege { position: relative; display: block; cursor: pointer; }
.alege input, .sticla input, .zi input, .ora input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.alege__cutie { display: grid; gap: 2px; border: 1px solid rgba(244, 236, 223, .45); border-radius: 16px; padding: 15px 18px; height: 100%; transition: background-color .25s, color .25s, border-color .25s; }
.alege:hover .alege__cutie { border-color: var(--lumina); }
.alege__nume { font-weight: 600; }
.alege__cat { font-size: .95rem; color: var(--text-2); }
.alege input:checked + .alege__cutie { background: var(--lumina); color: var(--cerneala); border-color: var(--lumina); }
.alege input:checked + .alege__cutie .alege__cat { color: #3b4743; }
.alege input:focus-visible + .alege__cutie { outline: 2px solid var(--lumina); outline-offset: 4px; }
.alege--nimic .alege__cutie { border-style: dashed; }
.bifa { display: flex; gap: 10px; align-items: flex-start; margin: 8px 0; cursor: pointer; }
.bifa input { margin-top: .3em; accent-color: var(--lumina); width: 18px; height: 18px; flex: none; }
.nota, .eroare { min-height: 1.6em; margin: 4px 0 0; font-weight: 600; color: var(--lumina); }
/* evantaiul de culori: 12 sticluțe rotite în jurul aceluiași punct; cu mișcare, se deschide (unghiul îl pune script.js) */
.evantai { position: relative; height: 240px; max-width: 440px; margin: 8px auto 4px; }
.sticla { position: absolute; left: calc(50% - 22px); bottom: 10px; width: 44px; height: 196px; transform-origin: 50% 100%;
  transform: rotate(calc((var(--i) - 5.5) * 8.5deg)); cursor: pointer; }
.js-miscare .sticla { transform: rotate(var(--u, 0deg)); }
.sticla__fata { position: absolute; inset: 0; border-radius: 22px 22px 8px 8px; background: linear-gradient(var(--c) 0 62%, var(--hartie) 62%);
  border: 1px solid rgba(16, 32, 30, .8); transition: transform .35s cubic-bezier(.2, .9, .3, 1.3), box-shadow .25s; }
/* sticluțele se suprapun spre bază: clicul îl primește doar vârful colorat, o zonă îngustă care nu atinge vecinele
   (la raza 137–196 px, două vârfuri vecine stau la 20–29 px; ținta are 22 px) */
.sticla, .sticla__fata { pointer-events: none; }
.sticla__tinta { position: absolute; top: 0; left: 11px; width: 22px; height: 30%; pointer-events: auto; cursor: pointer; border-radius: 12px; }
.sticla:has(.sticla__tinta:hover) .sticla__fata { transform: translateY(-8px); }
.sticla__nume { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; overflow: hidden; }
.sticla input:checked + .sticla__fata { transform: translateY(-18px); box-shadow: 0 0 0 3px var(--noapte), 0 0 0 5px var(--lumina); }
.sticla input:focus-visible + .sticla__fata { outline: 2px solid var(--lumina); outline-offset: 4px; }
.ales { text-align: center; font: 400 1.6rem/1.2 var(--f-titlu); margin: 0 0 6px; color: var(--lumina); }
.zile { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 8px; }
.zi { position: relative; display: block; cursor: pointer; }
.zi span { display: block; border: 1px solid rgba(244, 236, 223, .45); border-radius: 14px; padding: 10px 6px; text-align: center; font-size: .9rem; line-height: 1.25; height: 100%; }
.zi b { display: block; font: 400 1.6rem/1.1 var(--f-titlu); }
.zi input:checked + span { background: var(--lumina); color: var(--cerneala); border-color: var(--lumina); }
.zi input:disabled + span { border-style: dashed; color: var(--text-2); cursor: not-allowed; }
.zi input:focus-visible + span { outline: 2px solid var(--lumina); outline-offset: 4px; }
.masa-zi__cap { font-weight: 600; margin: 4px 0 10px; }
.banda { position: relative; height: 46px; border-radius: 12px; background: rgba(244, 236, 223, .08); border: 1px solid rgba(244, 236, 223, .45); overflow: hidden; }
.banda__bloc { position: absolute; top: 0; bottom: 0; background: repeating-linear-gradient(135deg, rgba(244, 236, 223, .38) 0 6px, transparent 6px 12px); }
.banda__bloc--pauza { background: repeating-linear-gradient(135deg, rgba(244, 236, 223, .18) 0 3px, transparent 3px 10px); }
.banda__voi { position: absolute; top: 4px; bottom: 4px; background: var(--lumina); border-radius: 8px; box-shadow: 0 0 22px rgba(241, 217, 176, .55); }
.banda__ore { position: relative; height: 22px; margin: 4px 0 10px; font-size: .8rem; color: var(--text-2); }
.banda__ore span { position: absolute; transform: translateX(-50%); }
.banda__ore span:first-child { transform: none; }
.banda__ore span:last-child { transform: translateX(-100%); }
.ore { display: flex; flex-wrap: wrap; gap: 8px; }
.ora { position: relative; cursor: pointer; }
.ora span { display: inline-block; border: 1px solid rgba(244, 236, 223, .45); border-radius: 999px; padding: 7px 14px; font-weight: 600; }
.ora input:checked + span { background: var(--lumina); color: var(--cerneala); border-color: var(--lumina); }
.ora input:focus-visible + span { outline: 2px solid var(--lumina); outline-offset: 4px; }
.camp { display: grid; gap: 4px; margin: 0 0 14px; max-width: 440px; }
.camp span { font-weight: 600; }
.camp input { font: inherit; padding: 12px 14px; border: 1px solid rgba(244, 236, 223, .55); border-radius: 12px; background: var(--adanc); color: var(--hartie); }
.camp--da { display: flex; flex-wrap: wrap; gap: 6px 18px; align-items: center; }
.camp--da span { flex-basis: 100%; }
.camp--da label { display: flex; gap: 6px; align-items: center; }
.camp--da input { accent-color: var(--lumina); }
.vizita__rez { position: sticky; top: 16px; display: grid; gap: 18px; }
.rez { background: var(--hartie); color: var(--cerneala); border-radius: var(--raza); padding: 26px 26px 20px; }
.rez h2 { font-size: 2.1rem; }
.rez__gol { color: #3b4743; }
.rez__pasi { list-style: none; margin: 0 0 12px; padding: 0; }
.rez__pasi li { display: grid; grid-template-columns: 74px minmax(0, 1fr) auto; gap: 10px; align-items: start; padding: 6px 0;
  border-left: 2px solid var(--noapte); padding-left: 10px; min-height: calc(var(--m) * 1.1px + 14px); font-size: .95rem; }
.rez__pasi li[data-grup="picioare"] { border-left-color: var(--visiniu); }
.rez__pasi li[data-grup="extra"] { border-left-color: #7c8a85; border-left-style: dashed; }
.rez__pasi .rez__ora { font-weight: 600; color: #3b4743; white-space: nowrap; }
.rez__pasi .rez__min { color: #3b4743; white-space: nowrap; }
.rez__pasi .rez__titlu { grid-column: 1 / -1; font: 400 1.35rem/1.2 var(--f-titlu); color: var(--cerneala); padding-top: 8px; }
.rez__pasi li.rez__cap { border-left: 0; padding-left: 0; min-height: 0; }
.rez__total { font-weight: 600; font-size: 1.1rem; margin: 0; border-top: 1px solid rgba(16, 32, 30, .3); padding-top: 12px; }
.rez__total:empty { display: none; }
.vizita__poza img { border-radius: 6px; aspect-ratio: 4 / 5; height: auto; object-fit: cover; }

/* ---------- Unghii ---------- */
.culori, .cat-tine, .galerie, .ped { padding: 64px var(--lat); border-top: 1px solid rgba(244, 236, 223, .25); }
.culori__lista { list-style: none; margin: 18px 0; padding: 0; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
.culoare { display: flex; align-items: center; gap: 10px; border: 1px solid rgba(244, 236, 223, .45); border-radius: 999px; padding: 8px 14px 8px 8px; text-decoration: none; font-weight: 600; transition: border-color .25s; }
.culoare:hover { border-color: var(--lumina); }
.culoare__pic { width: 30px; height: 30px; border-radius: 50%; background: var(--c); border: 1px solid rgba(244, 236, 223, .6); flex: none; }
.tine { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 40px; margin: 18px 0; }
.tine div { border-top: 1px solid rgba(244, 236, 223, .35); padding: 18px 0; }
.tine dt { font: 400 1.7rem/1.15 var(--f-titlu); margin-bottom: 6px; }
.tine dd { margin: 0; color: var(--text-2); }
.galerie__grila { list-style: none; margin: 28px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px 28px; }
.galerie__grila li:nth-child(3n + 2) { margin-top: 72px; }
.galerie__grila img { aspect-ratio: 4 / 5; height: auto; object-fit: cover; border-radius: 6px; }
.galerie__grila figcaption, .ped figcaption { margin-top: 10px; font-size: .95rem; color: var(--text-2); }
.ped__doi { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 3fr); gap: 40px; align-items: start; max-width: 1120px; }
.ped__doi p { max-width: 50ch; color: var(--text-2); }
.ped img { border-radius: 6px; aspect-ratio: 4 / 5; height: auto; object-fit: cover; }

/* ---------- La Irina ---------- */
.irina { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: 40px 56px; padding: 24px var(--lat) 80px; align-items: start; }
.irina__mare img, .irina__mica img { border-radius: 6px; }
.irina__mare { grid-row: 1 / span 2; }
.irina__text p { max-width: 46ch; color: var(--text-2); }
.irina__mica { width: 62%; margin-left: 22%; }
.irina__mica img { aspect-ratio: 4 / 5; height: auto; object-fit: cover; }
.semnatura { font: 400 2.4rem/1 var(--f-titlu); color: var(--lumina) !important; }
.reguli, .ajungeti { padding: 64px var(--lat); border-top: 1px solid rgba(244, 236, 223, .25); }
.reguli__lista { list-style: none; margin: 18px 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 56px; max-width: 1180px; }
.reguli__lista li { border-top: 1px solid rgba(244, 236, 223, .35); padding: 18px 0; color: var(--text-2); }
.reguli__lista strong { color: var(--hartie); }
.ajungeti p { max-width: 60ch; color: var(--text-2); }
.legal { max-width: 820px; }
.legal p { color: var(--text-2); }
.legal h2 { font-size: 1.9rem; margin-top: 1.2em; }

/* ---------- intrarea: lampa se aprinde (o dată pe sesiune; doar cu JS și cu mișcare) ---------- */
.aprindere { position: fixed; inset: 0; z-index: 50; background: #04100f; pointer-events: none; }

/* ---------- lățimi intermediare ---------- */
@media (max-width: 1100px) {
  .ziua__sir { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ziua__pas:nth-child(even) { margin-top: 0; }
  .ziua__pas:nth-child(3n + 2) { margin-top: 40px; }
  .culori__lista { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .vizita { grid-template-columns: minmax(0, 1fr) minmax(0, 340px); }
  .subsol__sus { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .vizita { display: flex; flex-direction: column; gap: 0; }
  .vizita__pasi { display: contents; }               /* rezultatul vine imediat după mâini și picioare, nu sus */
  .vizita__pasi > .pas { width: 100%; }
  .vizita__pasi > .pas:nth-child(n + 3) { order: 3; }
  .vizita__rez { position: static; order: 2; margin: 0 0 24px; }
  .vizita__poza { display: none; }
  .zile { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* ---------- telefon: numele + buton „Meniu”, lista se deschide sub el ---------- */
@media (max-width: 760px) {
  body { font-size: 1rem; }
  .antet { padding-top: 12px; }
  .pastila { gap: 0 12px; padding: 6px 6px 6px 18px; border-radius: 26px; }
  .pastila__tel { display: none; }
  .js .pastila__buton { display: inline-block; font: 600 1rem/1 var(--f-text); color: inherit; background: transparent;
    border: 1px solid rgba(244, 236, 223, .55); border-radius: 999px; padding: 10px 18px; cursor: pointer; }
  .js .pastila__pagini { display: none; }
  .pastila__pagini { flex-basis: 100%; flex-direction: column; gap: 0; padding: 6px 0 8px; }
  .js .pastila.deschisa .pastila__pagini { display: flex; }
  .pastila__pagini a { display: block; padding: 12px 0; font-size: 1.15rem; border-bottom: 0; }
  .pastila__pagini a[aria-current="page"] { text-decoration: underline; text-underline-offset: .25em; }
  .erou { min-height: auto; padding-bottom: 52px; }
  .erou__colaj { height: 300px; }
  .erou__dreapta h1 { font-size: 1.85rem; }
  .erou { gap: 24px; padding-top: 18px; }
  .colaj--1 { left: 0; top: 0; width: 76%; }
  .colaj--2 { left: auto; right: 0; top: 8%; width: 30%; }
  .colaj--3 { left: 6%; top: 47%; width: 30%; }
  .colaj--4 { left: 44%; top: 56%; width: 26%; }
  .colaj--5 { left: 78%; top: 52%; width: 34%; }
  .erou__text { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .erou__nume { font-size: 6.4rem; margin-bottom: .1em; }   /* coada lui „p” nu coboară pe titlu */
  .ziua, .preturi, .masa, .picioare, .unde { padding-top: 64px; padding-bottom: 64px; }
  .ziua__sir { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  .ziua__pas:nth-child(n) { margin-top: 0; }
  .ziua__pas:nth-child(even) { margin-top: 36px; }
  .ziua--film { padding: 0; }
  .ziua--film .ziua__scena { padding: 56px var(--lat) 32px; }
  .ziua--film .ziua__ceas { position: static; order: 3; font-size: 4.6rem; margin-top: 16px; }
  .ziua--film .ziua__pas { width: 62vw; }
  .ziua--film .ziua__pas:nth-child(even) { transform: none; }
  .preturi__cap, .preturi__panouri, .masa, .unde__doi, .ped__doi, .irina, .reguli__lista, .tine { grid-template-columns: minmax(0, 1fr); }
  .picioare { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .picioare__text { grid-column: 1 / -1; }
  .picioare__poza--2 { margin-top: 48px; }
  .mare { margin-left: 0; }
  .alegeri { grid-template-columns: minmax(0, 1fr); }
  .zile { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .culori__lista { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .galerie__grila { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 14px; }
  .galerie__grila li:nth-child(n) { margin-top: 0; }
  .galerie__grila li:nth-child(even) { margin-top: 40px; }
  .irina__mare { grid-row: auto; }
  .irina__mica { width: 70%; margin-left: 30%; }
  .subsol__sus { grid-template-columns: minmax(0, 1fr); }
}