/* ============================================================
   Corina Caffe — foaia de stil
   Paleta e luată din vitrina lor: porțelanul crem al farfuriilor,
   bordoul soclului cu lamele, verdele iederei, lemnul rafturilor.
   ============================================================ */

@font-face{font-family:Faustina;src:url(fonturi/faustina-normal-latin-ext.woff2) format('woff2');font-weight:300 800;font-style:normal;font-display:swap;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:Faustina;src:url(fonturi/faustina-normal-latin.woff2) format('woff2');font-weight:300 800;font-style:normal;font-display:swap}
@font-face{font-family:Faustina;src:url(fonturi/faustina-italic-latin-ext.woff2) format('woff2');font-weight:300 800;font-style:italic;font-display:swap;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:Faustina;src:url(fonturi/faustina-italic-latin.woff2) format('woff2');font-weight:300 800;font-style:italic;font-display:swap}
@font-face{font-family:Jost;src:url(fonturi/jost-normal-latin-ext.woff2) format('woff2');font-weight:300 700;font-style:normal;font-display:swap;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:Jost;src:url(fonturi/jost-normal-latin.woff2) format('woff2');font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:Jost;src:url(fonturi/jost-italic-latin.woff2) format('woff2');font-weight:400 600;font-style:italic;font-display:swap}

:root{
  --portelan:#F7F1E7;
  --portelan-cald:#F1E8DA;
  --alb:#FFFFFF;
  --cerneala:#1D1613;
  --cerneala-mut:#6E625B;
  --cerneala-slab:#A0958D;
  --bordo:#A62C3C;
  --bordo-adanc:#6E1C27;
  --bordo-spalat:#F6E7E5;
  --iedera:#3D5A38;
  --lemn:#B0854F;
  --alama:#C09A4C;

  --lat:1200px;
  --lat-ingust:70ch;
  --gol:clamp(1.15rem,.9rem + 1.1vw,1.75rem);
  --sectiune:clamp(4rem,2.4rem + 7.4vw,7.5rem);
  --raza:3px;
  --raza-mare:14px;
  --linie:1px solid rgb(29 22 19 / .12);
  --linie-slaba:1px solid rgb(29 22 19 / .07);
  --umbra-fisa:0 1px 2px rgb(29 22 19 / .07), 0 10px 24px -14px rgb(29 22 19 / .38);
  --umbra-ridicat:0 2px 4px rgb(29 22 19 / .06), 0 26px 50px -26px rgb(29 22 19 / .45);
  --tranz:200ms cubic-bezier(.22,.68,.3,1);
  --corp:clamp(1rem,.955rem + .21vw,1.09rem);
  --marunt:clamp(.775rem,.755rem + .1vw,.83rem);
}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
html:focus-within{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}
*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

body{
  margin:0;
  background:var(--portelan);
  color:var(--cerneala);
  font-family:Jost,'Helvetica Neue',Arial,sans-serif;
  font-size:var(--corp);
  font-weight:400;
  line-height:1.62;
  letter-spacing:.004em;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img,svg,video{max-width:100%;display:block}
img{height:auto}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}

h1,h2,h3{font-family:Faustina,'Times New Roman',serif;font-weight:550;line-height:1.08;letter-spacing:-.018em;margin:0 0 .5em;text-wrap:balance}
h1{font-size:clamp(2.4rem,1.5rem + 4.4vw,4.4rem)}
h2{font-size:clamp(1.85rem,1.3rem + 2.3vw,2.85rem)}
h3{font-size:clamp(1.2rem,1.06rem + .6vw,1.5rem);line-height:1.18}
h1 em,h2 em,h3 em{font-style:italic;font-weight:450;color:var(--bordo)}
p{margin:0 0 1.05em;text-wrap:pretty}
p:last-child{margin-bottom:0}

.container{width:min(100% - 2.2rem,var(--lat));margin-inline:auto}
@media (min-width:52em){.container{width:min(100% - 4rem,var(--lat))}}
.ingust{max-width:var(--lat-ingust)}
.nu-rupe{white-space:nowrap}
.sr{position:absolute;left:-9999px;top:0;background:var(--cerneala);color:var(--portelan);padding:.7rem 1.1rem;z-index:99}
.sr:focus{left:.6rem;top:.6rem}
:focus-visible{outline:2px solid var(--bordo);outline-offset:3px;border-radius:2px}

/* ---------- eticheta de secțiune ---------- */
.eticheta{
  font-size:.7rem;font-weight:500;letter-spacing:.19em;text-transform:uppercase;
  color:var(--cerneala-mut);margin:0 0 1.1rem;display:flex;align-items:center;gap:.66rem;
}
.eticheta::before{content:"";width:1.6rem;height:1px;background:var(--bordo);flex:none}
.eticheta--centru{justify-content:center}

/* ---------- butoane ---------- */
.btn{
  --fond:var(--cerneala);--text:var(--portelan);--chenar:var(--cerneala);
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  padding:.82rem 1.5rem;border:1px solid var(--chenar);background:var(--fond);color:var(--text);
  font-size:.83rem;font-weight:500;letter-spacing:.09em;text-transform:uppercase;
  text-decoration:none;border-radius:100px;cursor:pointer;
  transition:background var(--tranz),color var(--tranz),border-color var(--tranz),transform var(--tranz);
}
.btn:hover{transform:translateY(-1px)}
.btn--plin:hover{--fond:var(--bordo);--chenar:var(--bordo)}
.btn--contur{--fond:transparent;--text:var(--cerneala);--chenar:rgb(29 22 19 / .28)}
.btn--contur:hover{--chenar:var(--cerneala);--fond:var(--cerneala);--text:var(--portelan)}
.btn--bordo{--fond:var(--bordo);--chenar:var(--bordo);--text:#fff}
.btn--bordo:hover{--fond:var(--bordo-adanc);--chenar:var(--bordo-adanc)}
.btn--mic{padding:.55rem 1rem;font-size:.72rem}
.btn[disabled]{opacity:.45;pointer-events:none}

/* ---------- antet ---------- */
.antet{position:sticky;top:0;z-index:40;background:rgb(247 241 231 / .88);backdrop-filter:blur(12px) saturate(1.3);border-bottom:1px solid transparent;transition:border-color var(--tranz),background var(--tranz)}
.antet.e-lipit{border-bottom-color:rgb(29 22 19 / .1)}
.antet__bara{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.4rem}
.marca{display:flex;align-items:center;gap:.6rem;text-decoration:none;flex:none}
.marca__semn{
  display:block;width:clamp(8.4rem,7rem + 4vw,10.6rem);height:2.2rem;background:var(--cerneala);
  -webkit-mask:url(wordmark.svg) no-repeat left center/contain;mask:url(wordmark.svg) no-repeat left center/contain;
  transition:background var(--tranz);
}
.marca:hover .marca__semn{background:var(--bordo)}

.nav__lista{display:flex;align-items:center;gap:clamp(1rem,.4rem + 1.5vw,2rem);list-style:none;margin:0;padding:0}
.nav__lista a{
  text-decoration:none;font-size:.83rem;letter-spacing:.07em;text-transform:uppercase;font-weight:500;
  padding:.3rem 0;position:relative;color:var(--cerneala);white-space:nowrap;
}
.nav__lista a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--bordo);transition:right var(--tranz)}
.nav__lista a:hover::after,.nav__lista a[aria-current]::after{right:0}
.nav__lista a[aria-current]{color:var(--bordo)}
.antet__dreapta{display:flex;align-items:center;gap:1.4rem}
.antet__act{display:flex;align-items:center;gap:.6rem}
.nav-buton{display:none;align-items:center;gap:.5rem;background:none;border:0;padding:.4rem;cursor:pointer;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}
.nav-buton__linii,.nav-buton__linii::before,.nav-buton__linii::after{display:block;width:1.15rem;height:1.5px;background:var(--cerneala);transition:transform var(--tranz),opacity var(--tranz)}
.nav-buton__linii{position:relative}
.nav-buton__linii::before,.nav-buton__linii::after{content:"";position:absolute;left:0}
.nav-buton__linii::before{top:-5px}
.nav-buton__linii::after{top:5px}
.nav-buton[aria-expanded=true] .nav-buton__linii{background:transparent}
.nav-buton[aria-expanded=true] .nav-buton__linii::before{transform:translateY(5px) rotate(45deg)}
.nav-buton[aria-expanded=true] .nav-buton__linii::after{transform:translateY(-5px) rotate(-45deg)}

.cos-nr{display:inline-grid;place-items:center;min-width:1.35rem;height:1.35rem;padding:0 .35rem;border-radius:100px;background:var(--bordo);color:#fff;font-size:.7rem;font-weight:600;letter-spacing:0}
.btn--plin .cos-nr{background:var(--portelan);color:var(--cerneala)}

@media (max-width:60em){
  .nav-buton{display:inline-flex}
  .nav{position:fixed;inset:4.4rem 0 auto;background:var(--portelan);border-bottom:var(--linie);
       padding:1.4rem 1.1rem 2rem;display:grid;gap:1.4rem;
       transform:translateY(-115%);transition:transform 280ms cubic-bezier(.3,.8,.3,1);box-shadow:var(--umbra-ridicat)}
  .nav.e-deschis{transform:none}
  .nav__lista{flex-direction:column;align-items:stretch;gap:0}
  .nav__lista a{display:block;padding:.85rem .2rem;font-size:1rem;border-bottom:var(--linie-slaba)}
  .nav__lista a::after{display:none}
  .nav__act{display:grid;gap:.6rem}
  .nav__act .btn{width:100%}
  .antet__act .btn--tel{display:none}
}
@media (min-width:60.01em){.nav__act{display:none}}

/* ---------- hero ---------- */
.hero{padding:clamp(2rem,1rem + 4vw,4.5rem) 0 clamp(2.5rem,1rem + 5vw,5rem);position:relative}
.hero__grila{display:grid;gap:clamp(2rem,1rem + 4vw,3.6rem);align-items:center}
@media (min-width:56em){.hero__grila{grid-template-columns:1.02fr .98fr}}
.hero__titlu{margin-bottom:.36em}
.hero__intro{font-size:clamp(1.06rem,1rem + .38vw,1.22rem);color:var(--cerneala-mut);max-width:46ch;line-height:1.58}
.hero__act{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.8rem}
.hero__foto{margin:0;position:relative}
.hero__foto img{width:100%;border-radius:var(--raza-mare);box-shadow:var(--umbra-ridicat);object-fit:cover;aspect-ratio:4/5}
.hero__semnatura{
  position:absolute;left:clamp(-1rem,-2vw,-1.9rem);bottom:1.6rem;background:var(--alb);
  padding:.7rem 1.05rem;border-radius:var(--raza);box-shadow:var(--umbra-fisa);
  font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--cerneala-mut);
  border-left:2px solid var(--bordo);
}

/* ---------- banda de cifre ---------- */
.cifre{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgb(29 22 19 / .12);border-block:var(--linie);margin-top:clamp(2.4rem,1rem + 4vw,4rem)}
@media (min-width:44em){.cifre{grid-template-columns:repeat(4,1fr)}}
.cifre__item{background:var(--portelan);padding:1.15rem .5rem 1.25rem;text-align:center}
.cifre__nr{display:block;font-family:Faustina,serif;font-size:clamp(1.7rem,1.3rem + 1.5vw,2.4rem);line-height:1;letter-spacing:-.02em}
.cifre__et{display:block;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cerneala-mut);margin-top:.45rem}

/* ---------- secțiuni ---------- */
.sectiune{padding-block:var(--sectiune)}
.sectiune--cald{background:var(--portelan-cald)}
.sectiune--intuneric{background:var(--cerneala);color:var(--portelan)}
.sectiune--intuneric .eticheta{color:rgb(247 241 231 / .6)}
.sectiune--intuneric h2 em{color:#E9A0A6}
.sectiune--intuneric p{color:rgb(247 241 231 / .74)}
.sectiune__cap{max-width:var(--lat-ingust);margin-bottom:clamp(2rem,1rem + 3vw,3.2rem)}
.sectiune__cap--centru{margin-inline:auto;text-align:center}
.sectiune__cap--centru .eticheta{justify-content:center}
.sectiune__cap p{color:var(--cerneala-mut);font-size:1.04rem}
.cap-linie{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.2rem;margin-bottom:clamp(1.8rem,1rem + 2.6vw,2.8rem)}
.cap-linie h2{margin:0}

/* ============================================================
   SEMNĂTURA — fișa de vitrină
   În vitrina lor, fiecare prăjitură are în față un cartonaș alb
   îndoit, cu numele scris de mână și prețul. Ăsta e cartonașul.
   ============================================================ */
.fisa{
  position:relative;display:flex;flex-direction:column;background:var(--alb);
  border-radius:var(--raza);box-shadow:var(--umbra-fisa);overflow:hidden;
  transition:transform var(--tranz),box-shadow var(--tranz);
  text-decoration:none;color:inherit;
}
.fisa::before{
  content:"";position:absolute;inset-inline:0;top:0;height:3px;
  background:linear-gradient(180deg,rgb(29 22 19 / .1),transparent);pointer-events:none;z-index:2;
}
.fisa:hover{transform:translateY(-3px);box-shadow:var(--umbra-ridicat)}
.fisa__poza{margin:0;background:var(--alb);aspect-ratio:1;overflow:hidden}
.fisa__poza img{width:100%;height:100%;object-fit:cover;transition:transform 600ms cubic-bezier(.2,.7,.3,1)}
.fisa:hover .fisa__poza img{transform:scale(1.045)}
.fisa__corp{padding:.95rem 1.05rem 1.1rem;display:flex;flex-direction:column;gap:.3rem;flex:1}
.fisa__nume{font-family:Jost,sans-serif;font-size:.93rem;font-weight:500;line-height:1.28;letter-spacing:.01em;margin:0}
.fisa__desc{font-size:.79rem;line-height:1.45;color:var(--cerneala-slab);margin:0;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fisa__jos{display:flex;align-items:baseline;justify-content:space-between;gap:.7rem;margin-top:auto;padding-top:.7rem}
.fisa__pret{font-family:Faustina,serif;font-size:1.28rem;line-height:1;letter-spacing:-.01em;white-space:nowrap}
.fisa__pret small{font-family:Jost,sans-serif;font-size:.63rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cerneala-slab);margin-left:.25rem}
.fisa__pret--cerere{font-family:Jost,sans-serif;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--bordo)}
.fisa__poza--goala{
  background:linear-gradient(160deg,var(--portelan) 0%,var(--portelan-cald) 100%);
  position:relative;border-bottom:1px solid rgb(29 22 19 / .07);
}
.fisa__poza--goala::after{
  content:"";position:absolute;inset:0;margin:auto;width:46%;height:46%;
  background:var(--cerneala);opacity:.11;
  -webkit-mask:url(sigla.svg) no-repeat center/contain;mask:url(sigla.svg) no-repeat center/contain;
}

/* butonul de adăugare din colțul fișei */
.adauga{
  --d:2.1rem;flex:none;width:var(--d);height:var(--d);border-radius:100px;border:1px solid rgb(29 22 19 / .2);
  background:transparent;display:grid;place-items:center;cursor:pointer;
  transition:background var(--tranz),border-color var(--tranz),color var(--tranz),transform var(--tranz);
}
.adauga:hover{background:var(--bordo);border-color:var(--bordo);color:#fff;transform:rotate(90deg)}
.adauga.e-pus{background:var(--iedera);border-color:var(--iedera);color:#fff}
.adauga svg{width:.95rem;height:.95rem}

/* ---------- raftul: linia de sticlă pe care stau fișele ---------- */
.raft{position:relative;padding-bottom:1.5rem}
.raft::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,rgb(29 22 19 / .22) 12%,rgb(29 22 19 / .22) 88%,transparent);
}
.raft::before{
  content:"";position:absolute;left:6%;right:6%;bottom:-14px;height:14px;
  background:radial-gradient(60% 100% at 50% 0,rgb(29 22 19 / .13),transparent 72%);pointer-events:none;
}

/* pista orizontală de fișe (vitrina) */
.vitrina{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(min(72vw,13.5rem),1fr);gap:var(--gol);
  overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.4rem;
  scrollbar-width:thin;scrollbar-color:rgb(29 22 19 / .22) transparent}
.vitrina>*{scroll-snap-align:start}
.vitrina::-webkit-scrollbar{height:5px}
.vitrina::-webkit-scrollbar-thumb{background:rgb(29 22 19 / .22);border-radius:9px}
@media (min-width:60em){.vitrina{grid-auto-flow:row;grid-template-columns:repeat(4,1fr);overflow:visible}}

/* grilă generală de fișe */
.grila-fise{display:grid;gap:var(--gol);grid-template-columns:repeat(auto-fill,minmax(min(100%,9.6rem),1fr))}
@media (min-width:34em){.grila-fise{grid-template-columns:repeat(auto-fill,minmax(min(100%,13.2rem),1fr))}
  .adauga{--d:2.3rem}}

/* ---------- mozaicul de torturi ---------- */
.mozaic{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(50% - .3rem,8.2rem),1fr));gap:.55rem}
.mozaic__cel{position:relative;margin:0;overflow:hidden;border-radius:var(--raza);background:var(--portelan-cald);
  aspect-ratio:1;cursor:zoom-in;border:0;padding:0;display:block}
.mozaic__cel img{width:100%;height:100%;object-fit:cover;transition:transform 500ms cubic-bezier(.2,.7,.3,1),filter var(--tranz)}
.mozaic__cel:hover img{transform:scale(1.07)}
.mozaic--previzualizare{grid-template-columns:repeat(4,1fr);gap:.4rem}
@media (min-width:40em){.mozaic--previzualizare{grid-template-columns:repeat(6,1fr)}}
.mozaic__mai{grid-column:1/-1;text-align:center;padding-top:1.4rem}

/* lupa */
.lupa{position:fixed;inset:0;z-index:80;background:rgb(20 15 13 / .93);display:none;
  place-items:center;padding:clamp(1rem,4vw,3rem);backdrop-filter:blur(3px)}
.lupa.e-deschis{display:grid}
.lupa img{max-height:86vh;width:auto;border-radius:var(--raza);box-shadow:0 40px 90px -30px #000}
.lupa__inchide,.lupa__nav{position:absolute;background:rgb(255 255 255 / .1);border:1px solid rgb(255 255 255 / .22);
  color:#fff;border-radius:100px;cursor:pointer;display:grid;place-items:center;transition:background var(--tranz)}
.lupa__inchide{top:1.1rem;right:1.1rem;width:2.7rem;height:2.7rem;font-size:1.15rem}
.lupa__nav{top:50%;transform:translateY(-50%);width:3rem;height:3rem;font-size:1.3rem}
.lupa__nav--st{left:1rem}
.lupa__nav--dr{right:1rem}
.lupa__inchide:hover,.lupa__nav:hover{background:rgb(255 255 255 / .22)}
.lupa__nr{position:absolute;bottom:1.2rem;left:50%;transform:translateX(-50%);color:rgb(255 255 255 / .65);
  font-size:.75rem;letter-spacing:.15em}

/* ---------- pastile (fructele din livadă, filtrele) ---------- */
.pastile{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;margin:0;padding:0}
.pastila{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .85rem;border:1px solid rgb(29 22 19 / .18);
  border-radius:100px;font-size:.8rem;letter-spacing:.02em;background:transparent;cursor:default}
.sectiune--intuneric .pastila{border-color:rgb(247 241 231 / .25)}
.pastila--verde{border-color:rgb(61 90 56 / .35);color:var(--iedera);background:rgb(61 90 56 / .06)}

/* ---------- cronologia ---------- */
.crono{list-style:none;margin:0;padding:0;display:grid;gap:0;counter-reset:c}
.crono__rand{display:grid;grid-template-columns:4.6rem 1fr;gap:1.1rem;padding:1.15rem 0;border-top:var(--linie-slaba);align-items:baseline}
.crono__rand:last-child{border-bottom:var(--linie-slaba)}
.crono__an{font-family:Faustina,serif;font-size:1.45rem;line-height:1;color:var(--bordo);letter-spacing:-.01em}
.crono__ce{margin:0;color:var(--cerneala-mut)}
@media (min-width:44em){.crono__rand{grid-template-columns:6.5rem 1fr;gap:2rem}.crono__an{font-size:1.8rem}}

/* ---------- locații ---------- */
.locuri{display:grid;gap:1px;background:rgb(29 22 19 / .12);border:var(--linie)}
@media (min-width:46em){.locuri{grid-template-columns:repeat(2,1fr)}}
@media (min-width:72em){.locuri{grid-template-columns:repeat(3,1fr)}}
.loc{background:var(--portelan);padding:1.5rem 1.35rem 1.6rem;display:flex;flex-direction:column;gap:.42rem}
.loc__an{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--bordo)}
.loc__nume{font-family:Faustina,serif;font-size:1.28rem;line-height:1.2;margin:0}
.loc__adr{font-size:.9rem;color:var(--cerneala-mut);margin:0}
.loc__nota{font-size:.83rem;color:var(--cerneala-slab);margin:0}
.loc__tel{margin-top:auto;padding-top:.9rem;display:inline-flex;align-items:center;gap:.45rem;
  text-decoration:none;font-weight:500;letter-spacing:.03em;border-bottom:1px solid transparent;align-self:flex-start}
.loc__tel:hover{border-bottom-color:var(--bordo);color:var(--bordo)}
.loc--chemare{background:var(--cerneala);color:var(--portelan);justify-content:center;gap:.9rem}
.loc--chemare .loc__nume{font-size:1.15rem}
.loc--chemare p{color:rgb(247 241 231 / .68);font-size:.88rem;margin:0}
.loc--chemare .btn{align-self:flex-start;--fond:transparent;--text:var(--portelan);--chenar:rgb(247 241 231 / .38)}
.loc--chemare .btn:hover{--fond:var(--portelan);--text:var(--cerneala);--chenar:var(--portelan)}

/* ---------- citate ---------- */
.citate{display:grid;gap:var(--gol)}
@media (min-width:50em){.citate{grid-template-columns:repeat(2,1fr)}}
.citat{margin:0;background:var(--alb);padding:1.7rem 1.6rem 1.5rem;border-radius:var(--raza);box-shadow:var(--umbra-fisa);
  display:flex;flex-direction:column;gap:.9rem}
.sectiune--intuneric .citat{background:rgb(255 255 255 / .05);box-shadow:none;border:1px solid rgb(247 241 231 / .13)}
.citat p{font-family:Faustina,serif;font-size:1.2rem;line-height:1.42;font-style:italic;margin:0}
.sectiune--intuneric .citat p{color:var(--portelan)}
.citat figcaption{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cerneala-slab);margin-top:auto}
.stea{color:var(--alama);letter-spacing:.1em}

/* ---------- perechea foto + text ---------- */
.pereche{display:grid;gap:clamp(1.8rem,1rem + 3.4vw,3.4rem);align-items:center}
@media (min-width:56em){.pereche{grid-template-columns:1fr 1fr}
  .pereche--inversat .pereche__foto{order:2}}
.pereche__foto{margin:0;position:relative}
.pereche__foto img{width:100%;border-radius:var(--raza-mare);box-shadow:var(--umbra-ridicat);object-fit:cover}
.pereche__nota{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cerneala-slab);margin-top:.8rem}

/* ---------- meniul ---------- */
.bara-meniu{position:sticky;top:4.4rem;z-index:30;background:rgb(247 241 231 / .93);backdrop-filter:blur(10px);
  border-bottom:var(--linie);padding-block:.75rem;margin-bottom:clamp(1.8rem,1rem + 2.4vw,2.8rem)}
.bara-meniu__interior{display:flex;align-items:center;gap:.9rem}
.cauta{position:relative;flex:none;width:min(15rem,42vw)}
.cauta input{width:100%;padding:.58rem .9rem .58rem 2.15rem;border:1px solid rgb(29 22 19 / .2);border-radius:100px;
  background:var(--alb);font-size:.87rem}
.cauta input::placeholder{color:var(--cerneala-slab)}
.cauta svg{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);width:.95rem;height:.95rem;color:var(--cerneala-slab)}
.file{display:flex;gap:.4rem;overflow-x:auto;list-style:none;margin:0;padding:0 0 .15rem;flex:1;
  scrollbar-width:none;-ms-overflow-style:none}
.file::-webkit-scrollbar{display:none}
.fila{white-space:nowrap;padding:.5rem .95rem;border:1px solid rgb(29 22 19 / .18);border-radius:100px;
  background:transparent;font-size:.79rem;letter-spacing:.05em;cursor:pointer;transition:all var(--tranz)}
.fila:hover{border-color:var(--cerneala)}
.fila[aria-pressed=true]{background:var(--cerneala);border-color:var(--cerneala);color:var(--portelan)}

.grup{margin-bottom:clamp(2.6rem,1.4rem + 3.4vw,4.2rem);scroll-margin-top:9rem}
.grup__cap{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;
  padding-bottom:.7rem;margin-bottom:1.5rem;border-bottom:1px solid rgb(29 22 19 / .16)}
.grup__titlu{font-family:Faustina,serif;font-size:clamp(1.5rem,1.2rem + 1.3vw,2.15rem);margin:0}
.grup__nr{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--cerneala-slab);white-space:nowrap}

/* rând de listă, pentru categoriile fără poze (barul) */
.lista-pret{list-style:none;margin:0;padding:0;display:grid;gap:0}
@media (min-width:52em){.lista-pret{grid-template-columns:repeat(2,1fr);column-gap:clamp(2rem,1rem + 3vw,4rem)}}
.rand{display:flex;align-items:baseline;gap:.6rem;padding:.72rem 0;border-bottom:var(--linie-slaba)}
.rand__nume{font-size:.95rem;font-weight:400}
.rand__nume small{display:block;font-size:.76rem;color:var(--cerneala-slab);letter-spacing:.01em}
.rand__punct{flex:1;border-bottom:1px dotted rgb(29 22 19 / .28);transform:translateY(-.22rem)}
.rand__pret{font-family:Faustina,serif;font-size:1.05rem;white-space:nowrap}
.rand__adauga{flex:none}

.gol-cautare{padding:3rem 0;text-align:center;color:var(--cerneala-mut)}

/* ---------- coșul ---------- */
.cos-lista{list-style:none;margin:0 0 1.6rem;padding:0}
.cos-rand{display:grid;grid-template-columns:1fr auto auto;gap:.9rem;align-items:center;padding:.95rem 0;border-bottom:var(--linie-slaba)}
.cos-rand__nume{font-size:.95rem;line-height:1.3}
.cos-rand__nume small{display:block;font-size:.75rem;color:var(--cerneala-slab)}
.cant{display:inline-flex;align-items:center;border:1px solid rgb(29 22 19 / .2);border-radius:100px;overflow:hidden}
.cant button{width:2rem;height:2rem;border:0;background:transparent;cursor:pointer;font-size:1rem;line-height:1;
  transition:background var(--tranz)}
.cant button:hover{background:var(--bordo);color:#fff}
.cant span{min-width:1.9rem;text-align:center;font-size:.88rem;font-variant-numeric:tabular-nums}
.cos-rand__pret{font-family:Faustina,serif;font-size:1.1rem;min-width:4.6rem;text-align:right}
.cos-total{display:flex;align-items:baseline;justify-content:space-between;padding-top:1.1rem;border-top:1px solid var(--cerneala)}
.cos-total__nr{font-family:Faustina,serif;font-size:clamp(1.7rem,1.4rem + 1.3vw,2.3rem)}

/* ---------- formulare ---------- */
.formular{display:grid;gap:1.15rem}
.camp{display:grid;gap:.42rem}
.camp>span{font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--cerneala-mut)}
.camp input,.camp select,.camp textarea{
  width:100%;padding:.78rem .95rem;border:1px solid rgb(29 22 19 / .2);border-radius:var(--raza);
  background:var(--alb);font-size:.97rem;transition:border-color var(--tranz),box-shadow var(--tranz);
}
.camp input:focus,.camp select:focus,.camp textarea:focus{outline:0;border-color:var(--bordo);box-shadow:0 0 0 3px rgb(166 44 60 / .12)}
.camp textarea{resize:vertical;min-height:6.5rem}
.camp--doi{display:grid;gap:1.15rem}
@media (min-width:40em){.camp--doi{grid-template-columns:1fr 1fr}}
.nota-formular{font-size:.79rem;color:var(--cerneala-slab);line-height:1.5}
.caseta{background:var(--alb);border-radius:var(--raza-mare);box-shadow:var(--umbra-fisa);padding:clamp(1.4rem,1rem + 1.8vw,2.4rem)}

/* ---------- panoul de fapte ---------- */
.fapte{display:grid;gap:1px;background:rgb(29 22 19 / .12);border:var(--linie);border-radius:var(--raza);overflow:hidden}
@media (min-width:44em){.fapte{grid-template-columns:repeat(4,1fr)}}
.fapt{background:var(--portelan);padding:1.4rem 1.2rem}
.sectiune--intuneric .fapte{background:rgb(247 241 231 / .16);border-color:rgb(247 241 231 / .16)}
.sectiune--intuneric .fapt{background:var(--cerneala)}
.fapt__nr{font-family:Faustina,serif;font-size:clamp(1.9rem,1.5rem + 1.4vw,2.5rem);line-height:1;display:block}
.fapt__et{font-size:.74rem;letter-spacing:.11em;text-transform:uppercase;color:var(--cerneala-mut);margin-top:.5rem;display:block}
.sectiune--intuneric .fapt__et{color:rgb(247 241 231 / .6)}

/* ---------- chemare finală ---------- */
.chemare{text-align:center;max-width:60ch;margin-inline:auto}
.chemare h2{margin-bottom:.5em}
.chemare__act{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;margin-top:1.9rem}

/* ---------- subsol ---------- */
.subsol{background:var(--cerneala);color:var(--portelan);padding-block:clamp(3rem,2rem + 3vw,4.5rem) 2rem}
.subsol a{color:inherit;text-decoration:none}
.subsol a:hover{color:#E9A0A6}
.subsol__grila{display:grid;gap:2.2rem}
@media (min-width:50em){.subsol__grila{grid-template-columns:1.4fr 1fr 1fr;gap:3rem}}
.subsol__semn{display:block;width:11rem;height:2.4rem;background:var(--portelan);
  -webkit-mask:url(wordmark.svg) no-repeat left center/contain;mask:url(wordmark.svg) no-repeat left center/contain;margin-bottom:1.1rem}
.subsol p{color:rgb(247 241 231 / .68);font-size:.92rem}
.subsol h3{font-family:Jost,sans-serif;font-size:.72rem;letter-spacing:.17em;text-transform:uppercase;
  color:rgb(247 241 231 / .5);margin-bottom:.9rem;font-weight:500}
.subsol ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;font-size:.92rem}
.subsol__jos{margin-top:2.8rem;padding-top:1.4rem;border-top:1px solid rgb(247 241 231 / .15);
  display:flex;flex-wrap:wrap;gap:.7rem 1.5rem;justify-content:space-between;
  font-size:.76rem;color:rgb(247 241 231 / .5);letter-spacing:.03em}

/* ---------- toast ---------- */
.toast{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%,140%);z-index:70;
  background:var(--cerneala);color:var(--portelan);padding:.8rem 1.3rem;border-radius:100px;
  font-size:.85rem;box-shadow:var(--umbra-ridicat);transition:transform 300ms cubic-bezier(.2,.8,.3,1);
  display:flex;align-items:center;gap:.6rem;max-width:calc(100% - 2rem)}
.toast.e-vizibil{transform:translate(-50%,0)}

/* ---------- apariție la scroll ---------- */
.js .apare{opacity:0;transform:translateY(14px);transition:opacity 620ms ease,transform 620ms cubic-bezier(.2,.7,.3,1)}
.js .apare.e-vazut{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .apare{opacity:1;transform:none}}

/* ---------- 404 ---------- */
.patru{min-height:64vh;display:grid;place-items:center;text-align:center;padding-block:var(--sectiune)}
.patru__nr{font-family:Faustina,serif;font-size:clamp(6rem,4rem + 14vw,13rem);line-height:.85;color:var(--bordo);margin:0}

@media print{.antet,.subsol,.nav,.btn{display:none}body{background:#fff}}

/* ============================================================
   CHECKOUT — pagina de finalizare
   ============================================================ */
.checkout{padding-block:clamp(2.2rem,1.4rem + 3vw,4rem) var(--sectiune)}
.checkout__antet{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;
  gap:1.4rem;padding-bottom:1.5rem;margin-bottom:clamp(1.8rem,1rem + 2.4vw,2.8rem);border-bottom:var(--linie)}
.checkout__titlu{font-size:clamp(1.9rem,1.4rem + 2vw,2.7rem);margin:0}
.gol{max-width:34rem;margin:clamp(2rem,1rem + 4vw,4.5rem) auto;text-align:center;
  background:var(--alb);border-radius:var(--raza-mare);box-shadow:var(--umbra-fisa);
  padding:clamp(2rem,1.4rem + 2.4vw,3.2rem) clamp(1.3rem,1rem + 1.6vw,2.4rem)}
.gol__semn{display:block;width:4.6rem;height:4.6rem;margin:0 auto 1.3rem;background:var(--cerneala);opacity:.13;
  -webkit-mask:url(sigla.svg) no-repeat center/contain;mask:url(sigla.svg) no-repeat center/contain}
.gol__titlu{font-size:clamp(1.4rem,1.2rem + .9vw,1.85rem);margin:0 0 .6rem}
.gol__text{color:var(--cerneala-mut);font-size:.95rem;margin:0 auto;max-width:38ch}
.gol__act{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center;margin-top:1.7rem}
.gol__tel{margin:1.2rem 0 0;font-size:.85rem;color:var(--cerneala-slab)}
.gol__tel a{color:var(--cerneala);text-decoration:none;border-bottom:1px solid rgb(29 22 19 / .28)}
.gol__tel a:hover{color:var(--bordo);border-bottom-color:var(--bordo)}

.pasi{display:flex;flex-wrap:wrap;gap:.4rem 1.5rem;list-style:none;margin:0;padding:0}
.pas{display:flex;align-items:center;gap:.5rem;font-size:.76rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--cerneala-slab)}
.pas__nr{display:grid;place-items:center;width:1.55rem;height:1.55rem;border-radius:100px;
  border:1px solid rgb(29 22 19 / .2);font-size:.72rem;letter-spacing:0}
.pas--gata{color:var(--iedera)}
.pas--gata .pas__nr{background:var(--iedera);border-color:var(--iedera);color:#fff}
.pas--activ{color:var(--cerneala)}
.pas--activ .pas__nr{background:var(--cerneala);border-color:var(--cerneala);color:var(--portelan)}

.checkout__grila{display:grid;gap:clamp(1.6rem,1rem + 2.4vw,3rem);align-items:start}
@media (min-width:60em){.checkout__grila{grid-template-columns:minmax(0,1.35fr) minmax(20rem,.65fr)}}
.checkout__principal{display:grid;gap:clamp(1.2rem,.9rem + 1.2vw,1.9rem);min-width:0}

.bloc{border:var(--linie);border-radius:var(--raza-mare);background:var(--alb);
  padding:clamp(1.2rem,1rem + 1vw,1.8rem);margin:0}
.bloc__titlu{display:flex;align-items:center;gap:.65rem;
  font-size:clamp(1.15rem,1.05rem + .5vw,1.4rem);line-height:1.2;letter-spacing:-.005em;
  margin:0 0 1.25rem;padding-bottom:.95rem;border-bottom:var(--linie-slaba)}
.bloc__nr{display:grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:100px;
  background:var(--bordo);color:#fff;font-family:Jost,sans-serif;font-size:.78rem;font-weight:500}

.alegeri{display:grid;gap:.65rem}
@media (min-width:34em){.alegeri{grid-template-columns:1fr 1fr}}
.alegere{position:relative;display:block;cursor:pointer}
.alegere input{position:absolute;opacity:0;width:0;height:0}
.alegere__corp{display:flex;flex-direction:column;gap:.22rem;padding:.9rem 1rem;
  border:1px solid rgb(29 22 19 / .2);border-radius:var(--raza-mare);
  transition:border-color var(--tranz),background var(--tranz),box-shadow var(--tranz)}
.alegere__nume{font-size:.95rem;font-weight:500}
.alegere__nota{font-size:.78rem;line-height:1.4;color:var(--cerneala-slab)}
.alegere:hover .alegere__corp{border-color:var(--cerneala)}
.alegere input:checked + .alegere__corp{border-color:var(--bordo);background:var(--bordo-spalat);
  box-shadow:0 0 0 1px var(--bordo) inset}
.alegere input:focus-visible + .alegere__corp{outline:2px solid var(--bordo);outline-offset:2px}

.sumar{min-width:0}
@media (min-width:60em){.sumar{position:sticky;top:5.6rem}}
.sumar__cutie{background:var(--cerneala);color:var(--portelan);border-radius:var(--raza-mare);
  padding:clamp(1.3rem,1rem + 1.2vw,1.9rem);box-shadow:var(--umbra-ridicat)}
.sumar__titlu{font-family:Faustina,serif;font-size:1.4rem;margin:0 0 1.1rem;padding-bottom:.9rem;
  border-bottom:1px solid rgb(247 241 231 / .18)}
.sumar__buton{width:100%;margin-top:1.3rem}
.sumar__nota{font-size:.76rem;line-height:1.55;color:rgb(247 241 231 / .6);margin:.95rem 0 0}
.sumar__nota a{color:inherit}
.sumar__inapoi{display:inline-block;margin-top:1rem;font-size:.78rem;letter-spacing:.06em;
  color:rgb(247 241 231 / .72);text-decoration:none;border-bottom:1px solid rgb(247 241 231 / .3)}
.sumar__inapoi:hover{color:var(--portelan);border-bottom-color:var(--portelan)}

/* rândurile din sumar, pe fond închis */
.sumar .cos-lista{margin:0}
.sumar .cos-rand{grid-template-columns:1fr auto;gap:.5rem .8rem;padding:.8rem 0;
  border-bottom-color:rgb(247 241 231 / .13)}
.sumar .cos-rand__nume{font-size:.9rem}
.sumar .cos-rand__nume small{color:rgb(247 241 231 / .5)}
.sumar .cos-rand__pret{font-size:1rem;grid-row:1;grid-column:2}
.sumar .cant{grid-column:1;justify-self:start;border-color:rgb(247 241 231 / .28)}
.sumar .cant button{color:var(--portelan)}
.sumar .cant button:hover{background:var(--bordo)}
.sumar__linii{display:grid;gap:.5rem;padding-top:1.05rem;font-size:.86rem;color:rgb(247 241 231 / .68)}
.sumar__linie{display:flex;justify-content:space-between;gap:1rem}
.sumar .cos-total{border-top-color:rgb(247 241 231 / .28);margin-top:.9rem}
.sumar .cos-total__nr{font-size:1.9rem}

/* ---------- eroare de trimitere ---------- */
.sumar__eroare{margin:1.1rem 0 0;padding:.8rem .95rem;border-radius:var(--raza);
  background:rgb(233 160 166 / .14);border:1px solid rgb(233 160 166 / .4);
  font-size:.82rem;line-height:1.5;color:#F0C6C9}
.sumar__eroare a{color:#fff}

/* ---------- confirmarea comenzii ---------- */
.reusit{max-width:36rem;margin:clamp(1.5rem,1rem + 3vw,3.5rem) auto;text-align:center;
  background:var(--alb);border-radius:var(--raza-mare);box-shadow:var(--umbra-ridicat);
  padding:clamp(2rem,1.4rem + 2.6vw,3.4rem) clamp(1.3rem,1rem + 1.8vw,2.6rem)}
.reusit__bifa{display:grid;place-items:center;width:3.6rem;height:3.6rem;margin:0 auto 1.4rem;
  border-radius:100px;background:var(--iedera);color:#fff}
.reusit__bifa svg{width:1.5rem;height:1.5rem}
.reusit__titlu{font-size:clamp(1.5rem,1.3rem + 1.1vw,2.05rem);margin:0 0 .55rem}
.reusit__text{color:var(--cerneala-mut);font-size:.97rem;margin:0 auto;max-width:40ch}
.reusit__lista{list-style:none;margin:1.9rem 0 0;padding:1.2rem 0 0;border-top:var(--linie);
  display:grid;gap:.55rem;text-align:left;font-size:.9rem}
.reusit__lista li{display:flex;justify-content:space-between;gap:1rem;color:var(--cerneala-mut)}
.reusit__total{padding-top:.75rem;margin-top:.35rem;border-top:1px solid var(--cerneala);
  color:var(--cerneala)!important;font-family:Faustina,serif;font-size:1.15rem}
.reusit__mod{margin:1rem 0 0;font-size:.76rem;letter-spacing:.13em;text-transform:uppercase;
  color:var(--cerneala-slab);text-align:left}
.reusit__act{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center;margin-top:1.9rem}