.blocat{position:relative;background:var(--brun);border:1px solid var(--linie);padding:0;overflow:hidden}
.blocat .cadru{aspect-ratio:1;display:flex;align-items:center;justify-content:center;
  background:repeating-linear-gradient(135deg,#17150f 0 14px,#13110c 14px 28px)}
.blocat .lacat{width:34px;height:34px;opacity:.5}
.blocat .text{padding:22px 24px;border-top:1px solid var(--linie)}
.blocat .stare{font:500 10px var(--f);letter-spacing:.2em;text-transform:uppercase;color:var(--aur-stins);display:block;margin-bottom:8px}
.blocat .nume{font-weight:400;font-size:17px;margin:0;letter-spacing:.02em}
.blocat .nume.fara{color:var(--fum);font-style:normal}
.blocat .nota-piesa{margin:8px 0 0;color:var(--fum);font-size:14px}
/* .poarta si .bara-privata au trecut in privat.css, folosit si de clienti.html */

/* Format 2 (17.10): fiecare piesă cu fotografia ei și fișa ei, descifrate în browser.
   Cardul păstrează forma .blocat; fotografia apare peste hașură când s-a descifrat. */
.piesa-privata button{all:unset;box-sizing:border-box;display:block;width:100%;cursor:pointer}
.piesa-privata button:focus-visible{outline:1px solid var(--aur);outline-offset:4px}
.piesa-privata .cadru img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s}
.piesa-privata .cadru img.gata{opacity:1}
.piesa-privata:hover .nume{color:var(--aur)}
.fisa-privata{
  padding:0;border:1px solid var(--linie);background:var(--negru);color:var(--alb);
  width:min(1100px,94vw);max-height:92vh;overflow:auto;
}
.fisa-privata::backdrop{background:rgba(0,0,0,.88)}
.fisa-privata .inchide{position:sticky;top:0;float:right;background:var(--negru);border:0;color:var(--alb);
  font-size:30px;line-height:1;cursor:pointer;padding:10px 16px;z-index:2}
.fisa-privata .continut-fisa{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;padding:40px}
.galerie-privata .principala{background:var(--brun);border:1px solid var(--linie);aspect-ratio:1;overflow:hidden;
  display:flex;align-items:center;justify-content:center}
.galerie-privata .principala img{width:100%;height:100%;object-fit:contain}
.galerie-privata .miniaturi{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.galerie-privata .miniaturi button{all:unset;cursor:pointer;width:72px;height:72px;border:1px solid var(--linie);overflow:hidden}
.galerie-privata .miniaturi img{width:100%;height:100%;object-fit:cover}
.date-privata h2{font-weight:300;font-size:clamp(24px,2.6vw,34px);letter-spacing:.03em;margin:8px 0 24px}
.date-privata dl{display:grid;grid-template-columns:max-content 1fr;gap:10px 24px;margin:0 0 28px;
  border-top:1px solid var(--linie);padding-top:20px}
.date-privata dt{color:var(--aur);font-size:12px;letter-spacing:.16em;text-transform:uppercase;padding-top:3px}
.date-privata dd{margin:0}
.date-privata .descriere{color:var(--fum);max-width:60ch}
@media(max-width:820px){.fisa-privata .continut-fisa{grid-template-columns:1fr;padding:24px;gap:24px}}
