/* =========================================================================
   Brutăria Gorgota — foaia de stil
   Editorial, nu carduri. Construită mobile-first (390 px), media query-urile
   merg în sus. Fără nicio animație la încărcare.
   ========================================================================= */

/* ---------- fonturi, locale și subsetate ---------- */
@font-face{
  font-family:'Fraunces';font-style:normal;font-weight:600;font-display:swap;
  src:url('fonturi/fraunces-600-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Fraunces';font-style:normal;font-weight:600;font-display:swap;
  src:url('fonturi/fraunces-600-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;
  src:url('fonturi/manrope-400-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;
  src:url('fonturi/manrope-400-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;
  src:url('fonturi/manrope-700-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;
  src:url('fonturi/manrope-700-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* ---------- tokeni ---------- */
:root{
  --noapte:#12100C;
  --noapte-2:#1A1611;
  --hartie:#F6EFE2;
  --hartie-2:#EBE0CE;
  --crem:#F7F1E5;
  --crem-slab:#B5A894;
  --cerneala:#191510;
  --cerneala-slab:#6A5C4A;
  --accent:#DB9339;
  --accent-adanc:#9C5A20;

  --sp-1:.25rem; --sp-2:.5rem;  --sp-3:.75rem; --sp-4:1rem;
  --sp-5:1.25rem;--sp-6:1.5rem; --sp-8:2rem;   --sp-10:2.5rem;
  --sp-12:3rem;  --sp-16:4rem;  --sp-20:5rem;
  --sectiune:clamp(4rem,2rem + 8vw,8rem);

  --lat:1240px;
  --raza:16px;
  --umbra:0 20px 44px -26px rgb(30 20 8 / .55);
  --tranzitie:200ms cubic-bezier(.2,.7,.3,1);

  /* linii subțiri în loc de umbre — umbra pe fiecare card e semnul de șablon */
  --fir:1px solid color-mix(in srgb,var(--cerneala) 20%,transparent);
  --fir-inchis:1px solid color-mix(in srgb,var(--crem) 18%,transparent);
  --fir-accent:1px solid color-mix(in srgb,var(--accent) 55%,transparent);

  --pas:clamp(.9375rem,.9rem + .2vw,1rem);
  --mic:clamp(.75rem,.72rem + .12vw,.8125rem);
  --h4:clamp(1.05rem,.98rem + .3vw,1.2rem);
  --h3:clamp(1.25rem,1.1rem + .7vw,1.55rem);
  --h2:clamp(1.95rem,1.35rem + 2.6vw,3.3rem);
  --h1:clamp(2.6rem,1.5rem + 5.2vw,5.4rem);
  --cifra:clamp(3.2rem,1.6rem + 8vw,7.5rem);
}

/* ---------- baza ---------- */
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--hartie);color:var(--cerneala);
  font-family:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:var(--pas);line-height:1.7;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
picture{display:block}
a{color:inherit}
h1,h2,h3,h4{font-family:'Fraunces',Georgia,serif;font-weight:600;line-height:1.06;margin:0;letter-spacing:-.025em}
h1{font-size:var(--h1)}
h2{font-size:var(--h2)}
h3{font-size:var(--h3);line-height:1.15;letter-spacing:-.015em}
h4{font-size:var(--h4);line-height:1.25;letter-spacing:-.01em}
p{margin:0 0 var(--sp-4)}
p:last-child{margin-bottom:0}
:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
::selection{background:var(--accent);color:var(--noapte)}

.container{width:100%;max-width:var(--lat);margin-inline:auto;padding-inline:var(--sp-5)}
@media(min-width:900px){.container{padding-inline:var(--sp-10)}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.sari-la{position:absolute;left:var(--sp-4);top:-100px;z-index:200;background:var(--accent);color:var(--noapte);
  padding:var(--sp-3) var(--sp-5);font-weight:700;transition:top var(--tranzitie)}
.sari-la:focus{top:var(--sp-4)}

.card-text a,.nota-legare a,.text-col p a,.info-lista a,.intro a,.figura a{
  font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px
}

/* ---------- registre ---------- */
.inchis{background:var(--noapte);color:var(--crem)}
.inchis h1,.inchis h2,.inchis h3,.inchis h4{color:var(--crem)}
.deschis{background:var(--hartie);color:var(--cerneala)}
.deschis-2{background:var(--hartie-2);color:var(--cerneala)}
section{padding-block:var(--sectiune)}

.eticheta{
  font-size:var(--mic);letter-spacing:.22em;text-transform:uppercase;font-weight:700;
  color:var(--accent-adanc);margin:0 0 var(--sp-4)
}
.inchis .eticheta{color:var(--accent)}
.intro{max-width:52ch;color:var(--cerneala-slab)}
.inchis .intro{color:var(--crem-slab)}

/* ---------- butoane: dreptunghiulare, cu linie, nu pastile ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);
  min-height:52px;padding:var(--sp-3) var(--sp-8);
  border:1px solid transparent;border-radius:999px;
  font:inherit;font-size:var(--mic);font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;text-decoration:none;cursor:pointer;
  transition:background var(--tranzitie),color var(--tranzitie),border-color var(--tranzitie);
}
.btn{position:relative;overflow:hidden;isolation:isolate}
.btn::before{
  content:'';position:absolute;inset:0;z-index:-1;
  background:currentColor;opacity:0;
  transform:translateY(101%);transition:transform 420ms cubic-bezier(.2,.7,.3,1)
}
.btn:hover::before{transform:translateY(0);opacity:.1}
.btn-primar{background:var(--accent);color:var(--noapte)}
.btn-primar:hover{background:var(--crem)}
.btn-fantoma{background:transparent;color:var(--crem);border-color:color-mix(in srgb,var(--crem) 40%,transparent)}
.btn-fantoma:hover{border-color:var(--accent);color:var(--accent)}
.deschis .btn-fantoma,.deschis-2 .btn-fantoma,.hero .btn-fantoma{color:var(--cerneala);border-color:color-mix(in srgb,var(--cerneala) 35%,transparent)}
.deschis .btn-fantoma:hover,.deschis-2 .btn-fantoma:hover,.hero .btn-fantoma:hover{border-color:var(--accent-adanc);color:var(--accent-adanc)}
.btn-mic{min-height:44px;padding-inline:var(--sp-5)}
.butoane{display:flex;flex-wrap:wrap;gap:var(--sp-3)}

/* ---------- antet ---------- */
.antet{
  position:sticky;top:0;z-index:95;
  background:var(--hartie);color:var(--cerneala);border-bottom:var(--fir);
  transition:box-shadow 300ms ease, background 300ms ease;
}
.antet.stramt{box-shadow:0 10px 30px -22px rgb(30 20 8 / .8)}
/* firul de progres al paginii, în capul antetului */
.antet::after{
  content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;
  background:var(--accent);transform:scaleX(var(--progres,0));transform-origin:0 50%;
  transition:transform 90ms linear;pointer-events:none
}
.sigla{transition:width 300ms cubic-bezier(.2,.7,.3,1)}
.antet.stramt .sigla{width:170px}
@media(min-width:980px){
  .antet-rand{transition:min-height 300ms cubic-bezier(.2,.7,.3,1)}
  .antet.stramt .antet-rand{min-height:66px}
  .antet.stramt .sigla{width:214px}
}
.antet-rand{display:flex;align-items:center;gap:var(--sp-3);min-height:72px;padding-block:var(--sp-3)}
@media(min-width:980px){.antet-rand{gap:var(--sp-6);min-height:88px}}
.marca{display:flex;flex-direction:column;text-decoration:none;line-height:1;margin-right:auto}
.marca-nume{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:1.2rem;letter-spacing:-.02em}
.marca-sub{font-size:.6rem;letter-spacing:.26em;text-transform:uppercase;color:var(--accent);margin-top:6px}

/* sigla lor, scoasă din bannerul de copertă și folosită ca mască:
   un singur fișier, colorat cu currentColor, deci merge și pe închis și pe deschis */
.sigla,.sigla-plina{
  display:block;background-color:currentColor;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:left center;mask-position:left center;
  -webkit-mask-size:contain;mask-size:contain;
}
/* în antet merge lockup-ul întreg, cu subtitlul — de-aia e și antetul mai înalt:
   sub ~30 px înălțime al doilea rând devine o pată, nu un text */
.sigla{
  width:206px;aspect-ratio:765/117;color:var(--cerneala);
  -webkit-mask-image:url('sigla-plina.png?v=2');mask-image:url('sigla-plina.png?v=2');
}
.marca:hover .sigla{color:var(--accent)}
.sigla-plina{
  width:min(300px,86%);aspect-ratio:765/117;color:var(--crem);
  -webkit-mask-image:url('sigla-plina.png?v=2');mask-image:url('sigla-plina.png?v=2');
}
@media(min-width:420px){.sigla{width:236px}}
@media(min-width:980px){.sigla{width:284px}}

.nav-desk{display:none}
.antet-tel{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);
  min-height:46px;min-width:46px;padding-inline:var(--sp-5);border-radius:999px;
  background:var(--noapte);border:1px solid var(--noapte);
  color:var(--crem);text-decoration:none;font-weight:700;font-size:var(--mic);letter-spacing:.04em
}
.antet-tel:hover{background:var(--accent-adanc);border-color:var(--accent-adanc);color:#fff}
.antet-tel .txt{display:none}
.nav-buton{
  display:inline-flex;align-items:center;justify-content:center;
  width:46px;height:46px;padding:0;background:transparent;border-radius:999px;
  border:1px solid color-mix(in srgb,var(--cerneala) 25%,transparent);
  color:var(--cerneala);cursor:pointer
}
.nav-buton svg{width:22px;height:22px}
.nav-buton .icon-x{display:none}
.nav-buton[aria-expanded="true"] .icon-meniu{display:none}
.nav-buton[aria-expanded="true"] .icon-x{display:block}

.nav-panou{
  position:fixed;inset:0;z-index:90;
  background:var(--noapte);
  display:flex;flex-direction:column;justify-content:center;
  padding:var(--sp-8) var(--sp-6) calc(var(--sp-10) + env(safe-area-inset-bottom));
}
.nav-panou a{
  font-family:'Fraunces',Georgia,serif;font-size:clamp(1.7rem,1.1rem + 3vw,2.4rem);
  color:var(--crem);text-decoration:none;padding-block:var(--sp-4);
  border-bottom:var(--fir-inchis);display:flex;align-items:baseline;gap:var(--sp-4)
}
.nav-panou a::before{
  content:attr(data-nr);font-family:'Manrope',sans-serif;font-size:.7rem;font-weight:700;
  letter-spacing:.2em;color:var(--accent);flex:none
}
.nav-panou a[aria-current="page"]{color:var(--accent)}
.nav-panou .nav-contact{
  margin-top:var(--sp-8);font-family:'Manrope',sans-serif;font-size:var(--mic);
  letter-spacing:.16em;text-transform:uppercase;color:var(--crem-slab);border:0;padding:0
}
.nav-panou .nav-contact strong{
  color:var(--accent);display:block;font-size:1.6rem;font-family:'Fraunces',Georgia,serif;
  letter-spacing:-.02em;text-transform:none;margin-top:var(--sp-2)
}
body.meniu-deschis{overflow:hidden}

@media(min-width:980px){
  .nav-buton{display:none}
  .nav-panou{display:none!important}
  .antet-tel .txt{display:inline}
  .nav-desk{display:flex;align-items:center;gap:var(--sp-8)}
  .nav-desk a{
    text-decoration:none;color:var(--cerneala-slab);font-size:var(--mic);font-weight:700;
    letter-spacing:.14em;text-transform:uppercase;
    transition:color var(--tranzitie)
  }
  .nav-desk a:hover{color:var(--cerneala)}
  .nav-desk a[aria-current="page"]{color:var(--accent-adanc)}
}

/* =========================================================================
   HERO — text stânga, colaj de poze dreapta. Colajul e intenționat:
   opt poze mici se citesc ca abundență, în timp ce una singură, mare, își
   arată toate defectele (pozele lor sunt făcute cu telefonul).
   ========================================================================= */
.hero{background:var(--hartie);color:var(--cerneala);padding-block:var(--sp-10) var(--sp-12);position:relative}
.hero-eticheta{
  font-size:var(--mic);letter-spacing:.24em;text-transform:uppercase;font-weight:700;
  color:var(--accent-adanc);margin:0 0 var(--sp-5);
  display:flex;align-items:center;gap:var(--sp-4)
}
.hero-eticheta::before{content:'';width:34px;height:1px;background:var(--accent-adanc);flex:none}
.hero h1{margin:0 0 var(--sp-6);max-width:11ch}
.hero h1 em{font-style:italic;color:var(--accent-adanc)}
.hero-sub{color:var(--cerneala-slab);max-width:42ch;margin-bottom:var(--sp-8);font-size:1.05rem}
.hero-jos{display:grid;gap:var(--sp-3)}
.hero-jos .btn{width:100%}
.hero-jos .btn-primar{background:var(--noapte);color:var(--crem)}
.hero-jos .btn-primar:hover{background:var(--accent-adanc)}

/* colajul */
.colaj{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3);align-items:start;margin-top:var(--sp-10)}
.colaj-col{display:grid;gap:var(--sp-3);will-change:transform;transform:translate3d(0,var(--dus,0px),0)}
.colaj-col:nth-child(1){padding-top:var(--sp-8)}
.colaj-col:nth-child(3){padding-top:var(--sp-12)}
.colaj picture{overflow:hidden;border-radius:var(--raza);box-shadow:var(--umbra);display:block}
.colaj img{width:100%;height:100%;object-fit:cover;transition:transform 900ms cubic-bezier(.2,.7,.3,1)}
.colaj picture:hover img{transform:scale(1.06)}
.colaj .p45{aspect-ratio:4/5}
.colaj .p11{aspect-ratio:1/1}
.colaj .p43{aspect-ratio:4/3}
@media(min-width:560px){
  .hero-jos{display:flex;flex-wrap:wrap;align-items:center}
  .hero-jos .btn{width:auto}
  .colaj{gap:var(--sp-4)}
  .colaj-col{gap:var(--sp-4)}
}
@media(min-width:980px){
  .hero{padding-block:var(--sp-16) var(--sp-16)}
  .hero .container{display:grid;grid-template-columns:.92fr 1.08fr;gap:var(--sp-16);align-items:center}
  .colaj{margin-top:0}
}

/* ── catalogul de produse: grilă de carduri, nu liste ──
   Listele text lăsau goluri mari pe desktop (o categorie cu 7 produse lângă
   una cu 13) și făceau o coloană de „x lei" repetat. Grila egalizează
   rândurile, iar prețul devine un chip mic, nu o coloană. */
.produse-grila{display:grid;gap:var(--sp-6) var(--sp-5);grid-template-columns:repeat(2,1fr)}
/* trei coloane pe desktop, nu patru: categoriile au 3, 6 și 8 produse, deci
   rândurile ies pline; cu patru coloane rămâneau două celule goale la final */
@media(min-width:1060px){.produse-grila{grid-template-columns:repeat(3,1fr);gap:var(--sp-8) var(--sp-6)}}
.produs-card{margin:0;min-width:0;display:flex;flex-direction:column}
.produs-card picture{display:block;overflow:hidden;border-radius:var(--raza);box-shadow:var(--umbra)}
.produs-card img{width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform 800ms cubic-bezier(.2,.7,.3,1)}
.produs-card picture:hover img{transform:scale(1.06)}
.produs-card h3{font-size:1.02rem;line-height:1.25;margin:var(--sp-4) 0 var(--sp-2)}
.produs-card p{color:var(--cerneala-slab);font-size:var(--mic);line-height:1.55;margin:0}
.produs-card .pret{
  margin-top:var(--sp-3);align-self:flex-start;
  display:inline-block;padding:5px var(--sp-4);border-radius:999px;
  font-size:var(--mic);font-weight:700;letter-spacing:.04em;
  background:var(--accent);color:var(--noapte)
}
.produs-card .pret.necunoscut{
  background:transparent;color:var(--cerneala-slab);font-weight:400;font-style:italic;
  border:1px solid color-mix(in srgb,var(--cerneala) 22%,transparent)
}
.categorie-cap{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-4);
  padding-top:var(--sp-5);border-top:2px solid var(--cerneala);margin-bottom:var(--sp-8)
}
.categorie-cap h2{margin:0}
.categorie-cap span{color:var(--cerneala-slab);font-size:var(--mic);letter-spacing:.14em;text-transform:uppercase}
.si-mai{
  margin-top:var(--sp-6);padding-top:var(--sp-4);border-top:var(--fir);
  color:var(--cerneala-slab);font-size:var(--mic);line-height:1.7;max-width:80ch
}
.si-mai b{color:var(--cerneala);font-weight:700}
.filtre .btn{font-size:var(--mic)}
.filtre .btn .nr{opacity:.55;margin-left:6px;font-weight:400}

/* capul paginilor interioare: text stânga, poză dreapta — altfel jumătatea
   dreaptă rămâne goală și pagina pare neterminată */
.hero-pagina{padding-block:var(--sp-12)}
.hero-pagina .container{display:grid;gap:var(--sp-10);align-items:center}
.hero-pagina h1{margin-bottom:var(--sp-5)}
.hero-pagina h1 em{font-style:italic;color:var(--accent)}
.hero-pagina .hero-sub{color:var(--crem-slab);max-width:46ch}
.hero-pagina picture{display:block;overflow:hidden;border-radius:var(--raza);box-shadow:var(--umbra)}
.hero-pagina img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform 900ms cubic-bezier(.2,.7,.3,1)}
.hero-pagina picture:hover img{transform:scale(1.04)}
@media(min-width:900px){
  .hero-pagina{padding-block:var(--sp-16)}
  .hero-pagina .container{grid-template-columns:1.05fr .95fr;gap:var(--sp-16)}
  .hero-pagina img{aspect-ratio:5/4}
}

/* banda derulantă, ca o firmă luminoasă */
.banda-derulanta{
  background:var(--noapte);color:var(--crem);overflow:hidden;
  padding-block:var(--sp-5);border-block:var(--fir-inchis)
}
.banda-pista{display:flex;width:max-content;animation:aluneca 42s linear infinite}
.banda-pista > span{
  display:flex;align-items:center;gap:var(--sp-8);padding-right:var(--sp-8);
  white-space:nowrap;font-family:'Fraunces',Georgia,serif;
  font-size:clamp(1.15rem,.9rem + 1vw,1.7rem);letter-spacing:-.01em
}
.banda-pista i{font-style:normal;color:var(--accent);font-size:.7em;line-height:1}
@keyframes aluneca{from{transform:translateX(0)}to{transform:translateX(-25%)}}
@media(prefers-reduced-motion:reduce){.banda-pista{animation:none}}

/* cifrele mari */
.rand-cifre{display:grid;gap:var(--sp-10);align-items:center}
@media(min-width:1080px){.rand-cifre{grid-template-columns:1fr auto;gap:var(--sp-12)}}
.statistici{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-8) var(--sp-6)}
@media(min-width:820px){.statistici{grid-template-columns:repeat(4,1fr);gap:var(--sp-10)}}
.statistici > div{border-left:2px solid var(--accent);padding-left:var(--sp-5);min-width:0}
.statistici b{
  display:block;font-family:'Fraunces',Georgia,serif;font-weight:600;
  font-size:clamp(2.2rem,1.4rem + 2.6vw,3.4rem);line-height:1;letter-spacing:-.03em
}
.statistici span{
  display:block;margin-top:var(--sp-3);font-size:var(--mic);line-height:1.5;
  letter-spacing:.14em;text-transform:uppercase;color:var(--cerneala-slab)
}
.inchis .statistici span{color:var(--crem-slab)}

/* ștampila rotativă */
.stampila{width:150px;height:150px;position:relative;flex:none;color:var(--accent-adanc)}
/* Sub 1080 px ștampila nu mai încape lângă cifre și cade singură pe un rând
   al ei. Lipită de stânga, într-o bandă altfel goală, arată a scăpare — așa
   că o centrăm și-i punem câte un fir pe lături: devine sigiliul care închide
   banda de cifre, nu un cerc rătăcit. Firele sunt scurte intenționat, ca
   ștampila plus firele să rămână sub lățimea containerului pe telefon. */
.stampila{margin-inline:auto}
.stampila::before,.stampila::after{
  content:"";position:absolute;top:50%;width:min(15vw,110px);height:1px;
  background:color-mix(in srgb,var(--cerneala) 18%,transparent)
}
.inchis .stampila::before,.inchis .stampila::after{
  background:color-mix(in srgb,var(--crem) 20%,transparent)
}
.stampila::before{right:calc(100% + var(--sp-6))}
.stampila::after{left:calc(100% + var(--sp-6))}
@media(min-width:1080px){
  .stampila{margin-inline:0}
  .stampila::before,.stampila::after{content:none}
}
.stampila svg{width:100%;height:100%;animation:roteste 26s linear infinite}
.stampila .miez{
  position:absolute;inset:0;display:grid;place-items:center;text-align:center;
  font-family:'Fraunces',Georgia,serif;font-size:1.05rem;line-height:1.15;color:var(--cerneala)
}
@keyframes roteste{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.stampila svg{animation:none}}

/* =========================================================================
   ORA — ancora vizuală a paginii. Cifra mare, linia care o taie, titlul.
   Gestul: ora prin dreptul căreia treci se aprinde.
   ========================================================================= */
.ora{
  display:grid;gap:var(--sp-5);align-items:start;
  padding-top:var(--sp-6);border-top:2px solid currentColor;
  margin-bottom:var(--sp-10)
}
.inchis .ora{border-top-color:var(--crem)}
.deschis .ora,.deschis-2 .ora{border-top-color:var(--cerneala)}
.ora-cifra{
  font-family:'Fraunces',Georgia,serif;font-size:var(--cifra);line-height:.85;
  letter-spacing:-.045em;font-weight:600;
  color:color-mix(in srgb,currentColor 22%,transparent);
  transition:color 500ms cubic-bezier(.2,.7,.3,1);
  font-variant-numeric:lining-nums tabular-nums
}
.ora.acum .ora-cifra{color:var(--accent)}
.ora-titlu h2{margin-bottom:var(--sp-4)}
.ora-eticheta{
  font-size:var(--mic);letter-spacing:.22em;text-transform:uppercase;font-weight:700;
  color:var(--accent-adanc);margin:0 0 var(--sp-3)
}
.inchis .ora-eticheta{color:var(--accent)}
@media(min-width:820px){
  .ora{grid-template-columns:minmax(0,3.6fr) minmax(0,8.4fr);gap:var(--sp-10)}
}

/* =========================================================================
   FIGURA — poză + text dedesubt. Fără fundal, fără rază, fără umbră.
   ========================================================================= */
.figura{margin:0;min-width:0;display:flex;flex-direction:column;text-decoration:none;color:inherit}
.figura picture{overflow:hidden;border-radius:var(--raza);box-shadow:var(--umbra);display:block}
.figura img{width:100%;aspect-ratio:5/4;object-fit:cover;transition:transform 800ms cubic-bezier(.2,.7,.3,1)}
a.figura:hover picture img,.figura picture:hover img{transform:scale(1.05)}
.figura-text{padding-top:var(--sp-4);border-top:var(--fir);margin-top:var(--sp-4);display:flex;flex-direction:column;flex:1}
.inchis .figura-text{border-top-color:color-mix(in srgb,var(--crem) 18%,transparent)}
.figura-text h3{margin-bottom:var(--sp-2)}
.figura-text p{color:var(--cerneala-slab);font-size:var(--mic);line-height:1.65;margin:0}
.inchis .figura-text p{color:var(--crem-slab)}
.figura-link{
  margin-top:var(--sp-4);padding-top:0;color:var(--accent-adanc);
  font-weight:700;font-size:var(--mic);letter-spacing:.1em;text-transform:uppercase;
  display:inline-flex;align-items:center;gap:8px
}
.inchis .figura-link{color:var(--accent)}
.figura-link svg{width:14px;height:14px;transition:transform var(--tranzitie)}
a.figura:hover .figura-link svg{transform:translateX(6px)}
.figura-link{transition:color var(--tranzitie)}
a.figura:hover .figura-link{color:var(--accent-adanc)}

.figura-inalt img{aspect-ratio:4/5}

/* mozaic asimetric — nu trei coloane egale */
.mozaic{display:grid;gap:var(--sp-8) var(--sp-6);grid-template-columns:1fr}
@media(min-width:700px){
  .mozaic{grid-template-columns:repeat(12,1fr);gap:var(--sp-10) var(--sp-6)}
  .m-6{grid-column:span 6}
  .m-7{grid-column:span 7}
  .m-5{grid-column:span 5}
  .m-4{grid-column:span 4}
  .m-8{grid-column:span 8}
  .m-jos{margin-top:var(--sp-12)}
}

/* grilă simplă de figuri (paginile interioare) — aceleași reguli ca .figura */
.grila{display:grid;gap:var(--sp-10) var(--sp-6);grid-template-columns:1fr}
@media(min-width:700px){.grila{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.grila-3{grid-template-columns:repeat(3,1fr)}}
.card{margin:0;min-width:0;display:flex;flex-direction:column;text-decoration:none;color:inherit}
.card picture{overflow:hidden;border-radius:var(--raza);box-shadow:var(--umbra);display:block}
.card img{width:100%;aspect-ratio:5/4;object-fit:cover;transition:transform 800ms cubic-bezier(.2,.7,.3,1)}
a.card:hover img{transform:scale(1.05)}
@media(min-width:700px){.card img{aspect-ratio:4/5}}

.card-text{padding-top:var(--sp-4);border-top:var(--fir);margin-top:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2);flex:1}
.inchis .card-text{border-top-color:color-mix(in srgb,var(--crem) 18%,transparent)}
.card-text p{color:var(--cerneala-slab);font-size:var(--mic);line-height:1.65;margin:0}
.inchis .card-text p{color:var(--crem-slab)}
.card-link{
  margin-top:auto;padding-top:var(--sp-4);color:var(--accent-adanc);
  font-weight:700;font-size:var(--mic);letter-spacing:.1em;text-transform:uppercase;
  display:inline-flex;align-items:center;gap:8px
}
.inchis .card-link{color:var(--accent)}
.card-link svg{width:14px;height:14px;transition:transform var(--tranzitie)}
a.card:hover .card-link svg{transform:translateX(5px)}

/* capul de secțiune, pe paginile interioare */
.cap{margin-bottom:var(--sp-10);padding-top:var(--sp-6);border-top:2px solid currentColor}
.cap h2{margin-bottom:var(--sp-4)}
@media(min-width:900px){
  .cap-rand{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--sp-10);align-items:start}
  .cap-rand h2{margin-bottom:0}
}

.stele{display:flex;gap:5px;margin-bottom:var(--sp-5);color:var(--accent)}
.citat-mijloc .stele{justify-content:center}
.stele svg{width:16px;height:16px}

/* =========================================================================
   DOUĂ COLOANE de text + poză mare (folosit pe despre / contact)
   ========================================================================= */
.duo{display:grid;gap:var(--sp-8);grid-template-columns:1fr;align-items:center}
.duo picture{overflow:hidden;border-radius:var(--raza);box-shadow:var(--umbra);display:block}
.duo img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform 900ms cubic-bezier(.2,.7,.3,1)}
.duo picture:hover img{transform:scale(1.04)}
.text-col h2{margin-bottom:var(--sp-5)}
.text-col p{color:var(--crem-slab)}
.deschis .text-col p,.deschis-2 .text-col p{color:var(--cerneala-slab)}
@media(min-width:900px){
  .duo{grid-template-columns:1fr 1fr;gap:var(--sp-16)}
  .duo-invers .duo-media{order:2}
  .duo-sus{align-items:start;grid-template-columns:.8fr 1fr}
  .duo-sus .text-col{position:sticky;top:calc(88px + var(--sp-8))}
}
.duo-sus{align-items:start}
.lista-fir{list-style:none;margin:var(--sp-8) 0 0;padding:0}
.lista-fir li{
  padding-block:var(--sp-4);border-top:var(--fir-inchis);
  display:flex;gap:var(--sp-4);align-items:baseline;font-size:var(--pas)
}
.deschis .lista-fir li,.deschis-2 .lista-fir li{border-top-color:color-mix(in srgb,var(--cerneala) 18%,transparent)}
.lista-fir li:last-child{border-bottom:var(--fir-inchis)}
.deschis .lista-fir li:last-child,.deschis-2 .lista-fir li:last-child{border-bottom-color:color-mix(in srgb,var(--cerneala) 18%,transparent)}
.lista-fir .marcaj{color:var(--accent);font-weight:700;font-size:var(--mic);flex:none;letter-spacing:.1em}
/* orice iconiță dintr-o listă are dimensiune explicită — un <svg> fără width
   se întinde la mărimea implicită de 300 px și sparge pagina */
.lista-fir svg{width:18px;height:18px;flex:none;color:var(--accent-adanc);align-self:flex-start;margin-top:6px}
.inchis .lista-fir svg{color:var(--accent)}

/* ---------- galerie orizontală ---------- */
.derulare{
  display:grid;grid-auto-flow:column;grid-auto-columns:74%;gap:var(--sp-5);
  overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;
  padding-bottom:var(--sp-2);margin-inline:calc(var(--sp-5) * -1);padding-inline:var(--sp-5);
  /* bara nativă de derulare arată prost pe fundal închis — o ascundem și punem
     în loc indicatorul din .derulare-jos */
  scrollbar-width:none;-ms-overflow-style:none
}
.derulare::-webkit-scrollbar{display:none}

/* indicatorul propriu + săgețile */
.derulare-jos{
  display:flex;align-items:center;gap:var(--sp-6);margin-top:var(--sp-6)
}
.derulare-linie{
  position:relative;flex:1;height:2px;min-width:0;
  background:color-mix(in srgb,currentColor 16%,transparent)
}
.derulare-linie::after{
  content:'';position:absolute;top:0;bottom:0;left:0;
  width:max(12%,var(--parte,25%));background:var(--accent);
  transform:translateX(var(--depl,0px));transition:transform 140ms linear
}
.derulare-sageti{display:none;gap:var(--sp-3)}
@media(hover:hover) and (min-width:820px){.derulare-sageti{display:flex}}
.derulare-sageti button{
  width:46px;height:46px;display:grid;place-items:center;border-radius:999px;
  background:transparent;color:inherit;cursor:pointer;
  border:1px solid color-mix(in srgb,currentColor 30%,transparent);
  transition:background var(--tranzitie),color var(--tranzitie),border-color var(--tranzitie)
}
.derulare-sageti button:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--noapte)}
.derulare-sageti button:disabled{opacity:.3;cursor:default}
.derulare-sageti svg{width:17px;height:17px}
.derulare > *{scroll-snap-align:start;min-width:0}
.derulare.trage{cursor:grabbing;scroll-snap-type:none}
@media(hover:hover){.derulare{cursor:grab}}
.derulare figure{margin:0}
.derulare picture{overflow:hidden;border-radius:var(--raza);box-shadow:var(--umbra);display:block}
.derulare img{width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform 800ms cubic-bezier(.2,.7,.3,1)}
.derulare picture:hover img{transform:scale(1.05)}
.derulare figcaption{
  margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:var(--fir-inchis);
  font-size:var(--mic);letter-spacing:.1em;text-transform:uppercase;color:var(--crem-slab)
}
.deschis .derulare figcaption,.deschis-2 .derulare figcaption{
  color:var(--cerneala-slab);border-top-color:color-mix(in srgb,var(--cerneala) 18%,transparent)
}
@media(min-width:620px){.derulare{grid-auto-columns:38%}}
@media(min-width:1080px){.derulare{grid-auto-columns:24%;margin-inline:0;padding-inline:0}}

/* ---------- catalogul de produse ---------- */
.filtre{display:flex;flex-wrap:wrap;gap:var(--sp-2)}
.filtre .btn[aria-pressed="true"]{background:var(--cerneala);color:var(--hartie);border-color:var(--cerneala)}

.produse-lista{list-style:none;margin:0;padding:0}
.produs{
  display:grid;grid-template-columns:1fr auto;gap:var(--sp-2) var(--sp-5);
  align-items:baseline;padding-block:var(--sp-4);border-top:var(--fir);min-width:0
}
.produs-nume{font-weight:700;min-width:0;font-size:1rem}
.produs-desc{grid-column:1 / -1;color:var(--cerneala-slab);font-size:var(--mic);line-height:1.6;margin:0}
.produs-pret{
  min-width:0;white-space:nowrap;font-weight:700;color:var(--accent-adanc);font-size:var(--mic);
  letter-spacing:.04em
}
.produs-pret.necunoscut{color:var(--cerneala-slab);font-weight:400;font-style:italic}

.bloc-produse{min-width:0;border-top:2px solid var(--cerneala);padding-top:var(--sp-5)}
.bloc-produse > h3{margin-bottom:var(--sp-2)}
.bloc-produse > .bloc-nota{color:var(--cerneala-slab);font-size:var(--mic);margin-bottom:var(--sp-5)}
.bloc-poza{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--raza);box-shadow:var(--umbra);margin-bottom:var(--sp-6)}

/* ---------- citat ---------- */
.citat{max-width:56ch}
.citat blockquote{
  margin:0 0 var(--sp-6);font-family:'Fraunces',Georgia,serif;font-weight:600;
  font-size:clamp(1.5rem,1.1rem + 2vw,2.5rem);line-height:1.22;letter-spacing:-.02em
}
.citat cite{
  font-style:normal;font-size:var(--mic);color:var(--cerneala-slab);
  letter-spacing:.18em;text-transform:uppercase
}
.inchis .citat cite{color:var(--crem-slab)}
.citat-mijloc{margin-inline:auto;text-align:center}

/* ---------- formular ---------- */
.formular{display:grid;gap:var(--sp-5)}
.camp{display:flex;flex-direction:column;gap:var(--sp-2);min-width:0}
.camp label{font-weight:700;font-size:var(--mic);letter-spacing:.08em;text-transform:uppercase}
.camp .ajutor{font-size:var(--mic);color:var(--cerneala-slab);margin:0;text-transform:none;letter-spacing:0}
.camp input,.camp select,.camp textarea{
  font:inherit;font-size:16px;
  width:100%;min-width:0;padding:var(--sp-3) var(--sp-4);min-height:52px;
  border:1px solid color-mix(in srgb,var(--cerneala) 28%,transparent);border-radius:0;
  background:transparent;color:var(--cerneala);
  transition:border-color var(--tranzitie),box-shadow var(--tranzitie)
}
.camp textarea{min-height:130px;resize:vertical}
.camp select{appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236A5C4A' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right var(--sp-4) center;background-size:18px;
  padding-right:calc(var(--sp-8) + var(--sp-2))}
.camp input:focus,.camp select:focus,.camp textarea:focus{
  border-color:var(--accent-adanc);box-shadow:inset 0 -2px 0 var(--accent-adanc);outline:none}
.camp .eroare{color:#A32C16;font-size:var(--mic);font-weight:700;margin:0;text-transform:none;letter-spacing:0}
.camp.gresit input,.camp.gresit select,.camp.gresit textarea{border-color:#A32C16}
.camp-doua{display:grid;gap:var(--sp-5);grid-template-columns:1fr}
@media(min-width:640px){.camp-doua{grid-template-columns:1fr 1fr}}
.bifa{display:flex;gap:var(--sp-3);align-items:flex-start}
.bifa input{width:22px;height:22px;min-height:0;flex:none;margin-top:3px;accent-color:var(--accent-adanc)}
.bifa label{font-weight:400;font-size:var(--mic);line-height:1.6;text-transform:none;letter-spacing:0}
.cutie-formular{min-width:0;border-top:2px solid var(--cerneala);padding-top:var(--sp-8)}
.nota-legare{
  font-size:var(--mic);color:var(--cerneala-slab);border-top:var(--fir);
  padding-top:var(--sp-4);margin-top:var(--sp-2);line-height:1.7
}

/* ---------- contact ---------- */
.info-lista{list-style:none;margin:0;padding:0}
.info-lista li{
  display:flex;gap:var(--sp-5);align-items:baseline;min-width:0;
  padding-block:var(--sp-5);border-top:var(--fir-inchis)
}
.deschis .info-lista li,.deschis-2 .info-lista li{border-top-color:color-mix(in srgb,var(--cerneala) 18%,transparent)}
.info-lista .cheie{
  font-size:var(--mic);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);
  flex:none;width:8.5ch
}
.info-lista > li > svg{width:20px;height:20px;flex:none;color:var(--accent);align-self:flex-start;margin-top:5px}
.info-lista b{display:block;margin-bottom:4px;font-size:1.05rem}
.info-lista span span,.info-lista p{color:var(--crem-slab);font-size:var(--mic);line-height:1.65;margin:0}
.deschis .info-lista span span,.deschis .info-lista p,
.deschis-2 .info-lista span span,.deschis-2 .info-lista p{color:var(--cerneala-slab)}
.program{list-style:none;margin:0;padding:0;font-size:var(--mic)}
.program li{display:flex;justify-content:space-between;gap:var(--sp-4);padding-block:7px;border-bottom:var(--fir-inchis)}
.program li:last-child{border-bottom:0}
.program .azi{color:var(--accent);font-weight:700}
.deschis .program li,.deschis-2 .program li{border-bottom-color:color-mix(in srgb,var(--cerneala) 15%,transparent)}
.deschis .program .azi,.deschis-2 .program .azi{color:var(--accent-adanc)}
.harta{border:0;width:100%;aspect-ratio:4/3;border-radius:var(--raza);box-shadow:var(--umbra);filter:grayscale(.2) contrast(1.04)}
@media(min-width:900px){.harta{aspect-ratio:3/4}}

/* ---------- subsol ---------- */
.subsol{background:var(--noapte);color:var(--crem-slab);padding-block:var(--sp-16) var(--sp-8);font-size:var(--mic)}
.subsol-grila{display:grid;gap:var(--sp-10);grid-template-columns:1fr}
@media(min-width:760px){.subsol-grila{grid-template-columns:1.4fr 1fr 1fr}}
.subsol h4{
  color:var(--accent);margin-bottom:var(--sp-5);font-family:'Manrope',sans-serif;
  font-size:var(--mic);letter-spacing:.2em;text-transform:uppercase;font-weight:700
}
.subsol a{color:var(--crem-slab);text-decoration:none}
.subsol a:hover{color:var(--accent)}
.subsol ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-3)}
.subsol-marca{
  font-family:'Fraunces',Georgia,serif;font-size:1.7rem;color:var(--crem);display:block;
  margin-bottom:var(--sp-4);letter-spacing:-.025em
}
.subsol-jos{
  margin-top:var(--sp-12);padding-top:var(--sp-5);border-top:var(--fir-inchis);
  display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:space-between;
  font-size:.72rem;letter-spacing:.1em;text-transform:uppercase
}

/* ---------- pagina 404 ---------- */
.p404{min-height:64vh;display:flex;align-items:center}
.p404 .container{max-width:54ch}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .colaj-col{transform:none!important}
}