/* ==========================================================================
   Nadine Atelier — Târgu Frumos
   Direcția: seară de atelier, prună adâncă, un singur reflex de aramă.
   Gestul: focalizarea — conținutul intră neclar și se așază în focus.
   Construit la 390 px întâi; media query-urile merg în sus.
   ========================================================================== */

/* ---------- Fonturi, locale și subsetate ---------- */
@font-face{
  font-family:'Bodoni Moda';font-style:normal;font-weight:400 900;font-display:swap;
  src:url(fonturi/bodoni-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:'Bodoni Moda';font-style:normal;font-weight:400 900;font-display:swap;
  src:url(fonturi/bodoni-lat.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:'Bodoni Moda';font-style:italic;font-weight:400 900;font-display:swap;
  src:url(fonturi/bodoni-italic-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:'Bodoni Moda';font-style:italic;font-weight:400 900;font-display:swap;
  src:url(fonturi/bodoni-italic-lat.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:'Figtree';font-style:normal;font-weight:300 800;font-display:swap;
  src:url(fonturi/figtree-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:'Figtree';font-style:normal;font-weight:300 800;font-display:swap;
  src:url(fonturi/figtree-lat.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:#1A0716;
  --pruna:#2A0C24;
  --pruna-2:#3B1231;
  --magenta:#6E0F5B;
  --arama:#E0956D;
  --arama-inchis:#A8532A;
  --crem:#F6EFEA;
  --crem-2:#EDE2DC;
  --text-crem:#F3E9EE;
  --text-crem-slab:rgba(243,233,238,.84);
  --text-noapte:#25091F;
  --text-noapte-slab:rgba(37,9,31,.82);

  --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, 2.2rem + 8vw, 7.5rem);

  --radius:4px;
  --radius-lg:2px;
  --lat:1180px;
  --lat-text:64ch;
  --tranzitie:200ms cubic-bezier(.2,.7,.3,1);
  --focalizare:820ms cubic-bezier(.18,.72,.24,1);

  /* gradienturi — o singură familie, folosită peste tot */
  --grad-accent:linear-gradient(102deg,#F0B187 0%,#DF8F63 48%,#C9749E 100%);
  --grad-accent-hover:linear-gradient(102deg,#F7C0A0 0%,#EA9E73 48%,#D888AF 100%);
  --grad-text:linear-gradient(98deg,#F2BC97 0%,#E0956D 38%,#D67FAE 100%);
  --fir-clar:linear-gradient(90deg,rgba(243,233,238,.30),rgba(243,233,238,.10) 45%,transparent);
  --fir-inchis:linear-gradient(90deg,rgba(37,9,31,.28),rgba(37,9,31,.09) 45%,transparent);

  --pas:clamp(1rem, .95rem + .25vw, 1.075rem);
  --mic:clamp(.845rem, .81rem + .16vw, .92rem);
  --h4:clamp(1.05rem, .98rem + .4vw, 1.25rem);
  --h3:clamp(1.3rem, 1.1rem + 1vw, 1.7rem);
  --h2:clamp(1.85rem, 1.35rem + 2.5vw, 3rem);
  --h1:clamp(2.1rem, 1.15rem + 2.55vw, 3.15rem);
}

/* ---------- Bază ---------- */
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;
  background:var(--noapte);
  color:var(--text-crem);
  font-family:'Figtree',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:var(--pas);
  font-weight:440;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,h4{
  font-family:'Bodoni Moda',Georgia,'Times New Roman',serif;
  font-weight:500;
  font-variation-settings:'opsz' 16;
  line-height:1.1;
  margin:0;
  letter-spacing:-.005em;
}
/* cu cât titlul e mai mic, cu atât are nevoie de un desen mai robust */
h3,h4{font-weight:600;font-variation-settings:'opsz' 10}
h1{font-size:var(--h1)}
h2{font-size:var(--h2)}
h3{font-size:var(--h3)}
h4{font-size:var(--h4)}
p{margin:0 0 var(--sp-4)}
p:last-child{margin-bottom:0}
:focus-visible{outline:2px solid var(--arama);outline-offset:3px;border-radius:2px}

.container{width:100%;max-width:var(--lat);margin-inline:auto;padding-inline:var(--sp-5)}
.text-lat{max-width:var(--lat-text)}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* eticheta mică de deasupra titlurilor */
.eticheta{
  font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;
  font-weight:600;color:var(--arama);margin:0 0 var(--sp-4);
  display:flex;align-items:center;gap:var(--sp-3);
}
.eticheta::after{content:"";flex:1;height:1px;max-width:92px;background:linear-gradient(90deg,currentColor,transparent);opacity:.6}
.banda-crem .eticheta{color:var(--arama-inchis)}

/* ---------- Benzi ---------- */
.banda{padding-block:var(--sectiune);position:relative;isolation:isolate}

/* Fiecare bandă are altă sursă de lumină, ca două benzi închise consecutive
   să nu arate identic. Toate sunt straturi de fundal, fără elemente în plus. */
.banda-noapte{
  background:
    radial-gradient(115% 80% at 8% 0%, rgba(110,15,91,.42), transparent 58%),
    radial-gradient(85% 65% at 96% 34%, rgba(224,149,109,.11), transparent 60%),
    var(--noapte);
  background-color:var(--noapte);
}
.banda-pruna{
  background:
    radial-gradient(100% 75% at 88% 4%, rgba(142,17,119,.42), transparent 62%),
    radial-gradient(120% 90% at 4% 92%, rgba(224,149,109,.09), transparent 58%),
    linear-gradient(178deg, #2E0E28 0%, var(--pruna) 45%, #240A1E 100%);
  background-color:var(--pruna);
}
.banda-crem{
  color:var(--text-noapte);
  background:
    radial-gradient(90% 60% at 92% 0%, rgba(224,149,109,.20), transparent 60%),
    radial-gradient(70% 55% at 0% 100%, rgba(142,17,119,.09), transparent 62%),
    linear-gradient(180deg, #F2E7E1 0%, var(--crem) 30%, var(--crem) 72%, #EFE2DB 100%);
  background-color:var(--crem);
}
/* muchia dintre o bandă închisă și una deschisă, ca să nu fie o tăietură seacă */
.banda-crem::before,.banda-noapte::before,.banda-pruna::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;z-index:2;
  background:linear-gradient(90deg,transparent,rgba(224,149,109,.42) 22%,rgba(224,149,109,.42) 78%,transparent);
}

/* ---------- Butoane ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);
  min-height:48px;padding:var(--sp-3) var(--sp-6);
  font-family:'Figtree',sans-serif;font-size:.95rem;font-weight:600;
  letter-spacing:.02em;text-decoration:none;cursor:pointer;
  border-radius:var(--radius);border:1px solid transparent;
  transition:background var(--tranzitie),color var(--tranzitie),border-color var(--tranzitie);
}
.btn-arama{
  background-image:var(--grad-accent);
  background-color:var(--arama);
  color:#26091F;border-color:transparent;
  box-shadow:0 10px 30px -14px rgba(224,149,109,.75);
}
.btn-arama:hover{background-image:var(--grad-accent-hover);box-shadow:0 12px 34px -12px rgba(224,149,109,.9)}
.btn-contur{background:transparent;color:var(--text-crem);border-color:rgba(243,233,238,.35)}
.btn-contur:hover{border-color:var(--arama);color:var(--arama)}
.banda-crem .btn-contur{color:var(--text-noapte);border-color:rgba(37,9,31,.28)}
.banda-crem .btn-contur:hover{border-color:var(--arama-inchis);color:var(--arama-inchis)}
.btn-plin-inchis{background:var(--noapte);color:var(--text-crem);border-color:var(--noapte)}
.btn-plin-inchis:hover{background:var(--magenta);border-color:var(--magenta)}

.legatura-arama{
  color:var(--arama);text-decoration:none;font-weight:600;
  border-bottom:1px solid rgba(224,149,109,.4);padding-bottom:2px;
  transition:border-color var(--tranzitie);
}
.legatura-arama:hover{border-bottom-color:var(--arama)}
.banda-crem .legatura-arama{color:var(--arama-inchis);border-bottom-color:rgba(168,83,42,.4)}
.banda-crem .legatura-arama:hover{border-bottom-color:var(--arama-inchis)}

/* ---------- Antet ---------- */
.antet{
  position:sticky;top:0;z-index:60;
  background:linear-gradient(180deg,#1E0819 0%,var(--noapte) 100%);
  border-bottom:0;
}
/* fără backdrop-filter: ar rupe panoul de meniu position:fixed */
.antet::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(224,149,109,.40) 25%,rgba(224,149,109,.40) 75%,transparent);
}
.antet-rand{
  display:flex;align-items:center;justify-content:space-between;
  gap:var(--sp-4);min-height:62px;
}
.marca{display:flex;align-items:center;gap:var(--sp-3);text-decoration:none;color:var(--text-crem)}
.marca-semn{
  width:132px;flex:0 0 132px;aspect-ratio:3000/913;
  background-color:currentColor;
  -webkit-mask-image:url(nadine-wordmark.svg);mask-image:url(nadine-wordmark.svg);
  -webkit-mask-size:contain;mask-size:contain;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:left center;mask-position:left center;
}
.antet-actiuni{display:flex;align-items:center;gap:var(--sp-2)}
.nav-desktop{display:none}

.buton-meniu{
  display:inline-flex;align-items:center;justify-content:center;
  width:46px;height:46px;padding:0;
  background:transparent;border:1px solid rgba(243,233,238,.28);
  border-radius:var(--radius);color:var(--text-crem);cursor:pointer;
}
.buton-meniu svg{width:20px;height:20px;display:block}
.tel-antet{
  display:inline-flex;align-items:center;justify-content:center;
  width:46px;height:46px;border:1px solid rgba(243,233,238,.28);
  border-radius:var(--radius);color:var(--arama);text-decoration:none;
}
.tel-antet svg{width:19px;height:19px;display:block}

/* panoul de meniu — fără backdrop-filter, altfel se rupe la derulare */
.panou-meniu{
  position:fixed;inset:0;z-index:200;
  background:
    radial-gradient(90% 60% at 100% 0%, rgba(142,17,119,.42), transparent 62%),
    radial-gradient(80% 55% at 0% 100%, rgba(224,149,109,.13), transparent 60%),
    linear-gradient(165deg,#280B22 0%,var(--noapte) 60%,#150510 100%);
  display:flex;flex-direction:column;
  padding:var(--sp-5);
  overflow-y:auto;
  background-color:var(--noapte);
}
.panou-cap{display:flex;align-items:center;justify-content:space-between;min-height:62px}
.panou-inchide{
  width:46px;height:46px;background:transparent;cursor:pointer;
  border:1px solid rgba(243,233,238,.28);border-radius:var(--radius);
  color:var(--text-crem);display:inline-flex;align-items:center;justify-content:center;
}
.panou-inchide svg{width:20px;height:20px;display:block}
.panou-nav{display:flex;flex-direction:column;margin-top:var(--sp-8);gap:var(--sp-1)}
.panou-nav a{
  font-family:'Bodoni Moda',Georgia,serif;font-size:2rem;line-height:1.25;
  text-decoration:none;color:var(--text-crem);
  padding:var(--sp-3) 0;border-bottom:1px solid rgba(243,233,238,.10);
}
.panou-nav a[aria-current="page"]{color:var(--arama)}
.panou-jos{margin-top:auto;padding-top:var(--sp-8);display:grid;gap:var(--sp-3)}

/* ---------- Hero ---------- */
.hero{
  position:relative;isolation:isolate;
  /* aura de sub poză iese lateral din figure; fără asta, la ~820 px pagina
     capătă 10 px de derulare orizontală (overflow-x pe body nu oprește html) */
  overflow:hidden;
  padding-block:var(--sp-8) var(--sp-12);
  background:
    radial-gradient(75% 55% at 6% 8%, rgba(142,17,119,.50), transparent 62%),
    radial-gradient(60% 50% at 88% 78%, rgba(224,149,109,.16), transparent 62%),
    linear-gradient(168deg, #240A1E 0%, var(--noapte) 55%, #150510 100%);
  background-color:var(--noapte);
}
/* aura de sub poza din hero */
.hero-poza::before{
  content:"";position:absolute;z-index:-1;
  inset:-14% -10% -6%;
  background:radial-gradient(60% 55% at 50% 45%, rgba(224,149,109,.24), transparent 68%);
  filter:blur(28px);
}
.hero-titlu{margin-bottom:var(--sp-5)}
.hero-titlu em{font-style:italic;color:var(--arama)}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .hero-titlu em{
    background-image:var(--grad-text);
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
}
.hero-sub{color:var(--text-crem-slab);max-width:44ch;margin-bottom:var(--sp-6)}
.hero-actiuni{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-bottom:var(--sp-6)}
.hero-actiuni .btn{flex:1 1 auto;min-width:150px}
.hero-poza{position:relative}
.hero-poza img{width:100%;aspect-ratio:5/6;object-fit:cover;border-radius:var(--radius-lg)}
.hero-nota{
  margin:var(--sp-4) 0 0;padding-top:var(--sp-4);
  border-top:1px solid rgba(243,233,238,.14);
  font-size:var(--mic);color:var(--text-crem-slab);
  display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-5);
}
.hero-nota span{display:inline-flex;align-items:center;gap:var(--sp-2);white-space:nowrap}
.hero-nota span::before{content:"";width:14px;height:1px;background:var(--arama);flex:0 0 14px}

/* ---------- Mozaic asimetric (exteriorul) ---------- */
.mozaic{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3)}
.mozaic figure{margin:0;position:relative;overflow:hidden;border-radius:var(--radius-lg)}
.mozaic figure::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to top,rgba(26,7,22,.30),transparent 46%);
}
.mozaic img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/5;transition:transform 600ms cubic-bezier(.2,.7,.3,1)}
.mozaic figure:hover img{transform:scale(1.05)}
.mozaic .lat{grid-column:span 2}
.mozaic .lat img{aspect-ratio:3/2}
.mozaic figcaption{
  position:absolute;left:0;right:0;bottom:0;
  padding:var(--sp-6) var(--sp-3) var(--sp-3);
  font-size:var(--mic);font-weight:600;letter-spacing:.02em;color:#fff;
  background:linear-gradient(to top,rgba(26,7,22,.88),rgba(26,7,22,.35) 55%,rgba(26,7,22,0));
  z-index:1;
}

/* ---------- Interiorul: fâșie de felii ---------- */
.felii{
  display:flex;gap:var(--sp-3);overflow-x:auto;
  scroll-snap-type:x mandatory;
  padding-bottom:var(--sp-2);
  margin-inline:calc(var(--sp-5) * -1);padding-inline:var(--sp-5) 0;
  scroll-padding-inline-start:var(--sp-5);
  overscroll-behavior-x:contain;
  scrollbar-width:none;-ms-overflow-style:none;
}
.felii::-webkit-scrollbar{display:none}
.felii::after{content:"";flex:0 0 var(--sp-5)}
.felii figure{margin:0;flex:0 0 70%;scroll-snap-align:start;max-width:320px}
.felii figure{position:relative}
/* scrimul acoperă exact poza, nu și legenda de sub ea */
.felii figure::before{
  content:"";position:absolute;left:0;right:0;top:0;aspect-ratio:4/5;
  pointer-events:none;z-index:1;border-radius:var(--radius-lg);
  background:linear-gradient(to top,rgba(26,7,22,.30),transparent 44%);
}
.felii img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius-lg)}
.felii figcaption{margin-top:var(--sp-3);font-size:var(--mic);color:var(--text-crem-slab)}

/* pista proprie de derulare — bara nativă e ascunsă */
.pista{display:flex;align-items:center;gap:var(--sp-4);margin-top:var(--sp-6)}
.pista-linie{position:relative;flex:1;height:2px;background:rgba(243,233,238,.16);border-radius:2px}
.pista-portiune{position:absolute;top:0;left:0;height:100%;width:30%;background:var(--arama);border-radius:2px;transition:left 120ms linear,width 120ms linear}
.banda-crem .pista-linie{background:rgba(37,9,31,.14)}
.banda-crem .pista-portiune{background:var(--arama-inchis)}
.pista-butoane{display:flex;gap:var(--sp-2)}
.pista-butoane button{
  width:44px;height:44px;border-radius:50%;cursor:pointer;
  background:transparent;border:1px solid rgba(243,233,238,.28);color:var(--text-crem);
  display:inline-flex;align-items:center;justify-content:center;
  transition:border-color var(--tranzitie),color var(--tranzitie);
}
.pista-butoane button:hover{border-color:var(--arama);color:var(--arama)}
.pista-butoane button svg{width:16px;height:16px;display:block}
.banda-crem .pista-butoane button{border-color:rgba(37,9,31,.24);color:var(--text-noapte)}
.banda-crem .pista-butoane button:hover{border-color:var(--arama-inchis);color:var(--arama-inchis)}

/* ---------- Briefingul: cele 5 lucruri ---------- */
.brief{display:grid;gap:var(--sp-8);margin-top:var(--sp-10)}
.brief-pas{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-5);align-items:start}
.brief-cifra{
  font-family:'Bodoni Moda',Georgia,serif;font-size:3.25rem;line-height:.85;
  color:var(--arama-inchis);font-weight:400;
}
.banda-noapte .brief-cifra,.banda-pruna .brief-cifra{color:var(--arama)}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .brief-cifra{
    background-image:linear-gradient(160deg,#C4703F 0%,#A8532A 55%,rgba(168,83,42,.35) 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .banda-noapte .brief-cifra,.banda-pruna .brief-cifra{
    background-image:linear-gradient(160deg,#F2BC97 0%,#E0956D 50%,rgba(224,149,109,.30) 100%);
    color:transparent;
  }
}
.brief-pas h3{margin-bottom:var(--sp-2)}
.brief-pas p{color:var(--text-noapte-slab);margin:0}
.banda-noapte .brief-pas p,.banda-pruna .brief-pas p{color:var(--text-crem-slab)}

/* ---------- Reguli (cutii cu fir) ---------- */
.reguli{display:grid;gap:0;margin-top:var(--sp-8);border-top:1px solid transparent;
  border-image:var(--fir-inchis) 1}
.banda-noapte .reguli,.banda-pruna .reguli,.cap-pagina .reguli{border-image:var(--fir-clar) 1}
.regula{
  display:grid;grid-template-columns:1fr;gap:var(--sp-1);
  padding-block:var(--sp-5);border-bottom:1px solid transparent;
  border-image:var(--fir-inchis) 1;
}
.banda-noapte .regula,.banda-pruna .regula,.cap-pagina .regula{border-image:var(--fir-clar) 1}
.regula dt{font-weight:600;font-size:var(--mic);letter-spacing:.12em;text-transform:uppercase;color:var(--arama-inchis)}
.banda-noapte .regula dt,.banda-pruna .regula dt{color:var(--arama)}
.regula dd{margin:0;color:var(--text-noapte-slab)}
.banda-noapte .regula dd,.banda-pruna .regula dd{color:var(--text-crem-slab)}

/* ---------- Carduri de produs ---------- */
.grila-produse{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3)}
.produs{min-width:0;display:flex;flex-direction:column;gap:var(--sp-3)}
.produs-poza{overflow:hidden;border-radius:var(--radius-lg);position:relative}
.produs-poza::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to top,rgba(26,7,22,.34),rgba(26,7,22,.05) 38%,transparent 62%);
}
.banda-crem .produs-poza::after{background:linear-gradient(to top,rgba(37,9,31,.20),transparent 48%)}
.produs-poza img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform 600ms cubic-bezier(.2,.7,.3,1)}
.produs:hover .produs-poza img{transform:scale(1.05)}
.produs h3{font-size:var(--h4)}
.produs p{font-size:var(--mic);color:var(--text-crem-slab);margin:0}
.banda-crem .produs p{color:var(--text-noapte-slab)}
.produs.larg{grid-column:span 2}
.produs.larg .produs-poza img{aspect-ratio:3/2}

/* ---------- Locul nou ---------- */
.loc-poze{display:grid;grid-template-columns:1fr;gap:var(--sp-3);margin-top:var(--sp-8)}
.loc-poze img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-lg)}
.loc-poze figure{margin:0}
.loc-poze figcaption{margin-top:var(--sp-2);font-size:var(--mic);color:var(--text-crem-slab)}
.banda-crem .loc-poze figcaption,
.banda-crem .felii figcaption,
.banda-crem .hero-nota{color:var(--text-noapte-slab)}

/* ---------- Recenzii ---------- */
.recenzii{display:grid;gap:var(--sp-6);margin-top:var(--sp-8)}
.recenzie{position:relative;padding-left:var(--sp-5)}
.recenzie::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:2px;border-radius:2px;
  background:linear-gradient(180deg,var(--arama),rgba(224,149,109,.15));
}
.recenzie blockquote{margin:0 0 var(--sp-3);font-family:'Bodoni Moda',Georgia,serif;font-size:var(--h4);line-height:1.4;font-style:italic}
.recenzie cite{font-style:normal;font-size:var(--mic);color:var(--text-crem-slab);letter-spacing:.06em}
.banda-crem .recenzie::before{background:linear-gradient(180deg,var(--arama-inchis),rgba(168,83,42,.12))}
.banda-crem .recenzie cite{color:var(--text-noapte-slab)}

/* ---------- Cap de pagină interioară ---------- */
.cap-pagina{
  position:relative;isolation:isolate;
  padding-block:var(--sp-10) var(--sp-12);
  background:
    radial-gradient(80% 70% at 100% 0%, rgba(142,17,119,.48), transparent 62%),
    radial-gradient(70% 60% at 0% 100%, rgba(224,149,109,.13), transparent 60%),
    linear-gradient(170deg, #300F2A 0%, var(--pruna) 52%, #200919 100%);
  background-color:var(--pruna);
}
.cap-grila{display:grid;gap:var(--sp-8)}
.cap-poza img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-lg)}
.firimituri{font-size:var(--mic);color:var(--text-crem-slab);margin-bottom:var(--sp-5)}
.firimituri a{color:var(--text-crem-slab);text-decoration:none}
.firimituri a:hover{color:var(--arama)}

/* ---------- Formular ---------- */
.formular{display:grid;gap:var(--sp-5)}
.camp{display:grid;gap:var(--sp-2)}
.camp label{font-size:var(--mic);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-crem-slab)}
.banda-crem .camp label{color:var(--text-noapte-slab)}
.camp .ajutor{font-size:var(--mic);color:var(--text-crem-slab);font-weight:400;text-transform:none;letter-spacing:0}
.banda-crem .camp .ajutor{color:var(--text-noapte-slab)}
input[type=text],input[type=tel],input[type=date],input[type=time],select,textarea{
  width:100%;font-family:inherit;font-size:16px;line-height:1.5;color:inherit;
  background-color:rgba(243,233,238,.05);
  background-image:linear-gradient(180deg,rgba(243,233,238,.06),transparent);
  border:1px solid rgba(243,233,238,.22);border-radius:var(--radius);
  padding:var(--sp-3) var(--sp-4);min-height:48px;
  transition:border-color var(--tranzitie),background var(--tranzitie);
  -webkit-appearance:none;appearance:none;
}
.banda-crem input[type=text],.banda-crem input[type=tel],.banda-crem input[type=date],
.banda-crem input[type=time],.banda-crem select,.banda-crem textarea{
  background-color:#fff;border-color:rgba(37,9,31,.20);color:var(--text-noapte);
}
select{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23E0956D' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right var(--sp-4) center;background-size:12px 8px;
  padding-right:var(--sp-10);
}
.banda-crem select{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23A8532A' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");
}
input:focus,select:focus,textarea:focus{border-color:var(--arama);outline:none;background-color:rgba(243,233,238,.09)}
.banda-crem input:focus,.banda-crem select:focus,.banda-crem textarea:focus{background-color:#fff}
textarea{min-height:110px;resize:vertical}
.doua{display:grid;gap:var(--sp-5)}
.eroare{color:#FFB4A1;font-size:var(--mic);font-weight:600;min-height:0}
.banda-crem .eroare{color:#A4231A}
.camp.gresit input,.camp.gresit select,.camp.gresit textarea{border-color:#FFB4A1}
.banda-crem .camp.gresit input,.banda-crem .camp.gresit select,.banda-crem .camp.gresit textarea{border-color:#A4231A}
.bifa{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-3);align-items:start}
.bifa input{width:22px;height:22px;margin:2px 0 0;accent-color:var(--arama-inchis);flex:0 0 22px}
.bifa label{text-transform:none;letter-spacing:0;font-weight:400;font-size:var(--mic)}

/* ---------- Subsol ---------- */
.subsol{
  position:relative;isolation:isolate;
  padding-block:var(--sp-12) var(--sp-8);
  background:
    radial-gradient(85% 70% at 50% 0%, rgba(142,17,119,.28), transparent 62%),
    var(--noapte);
  background-color:var(--noapte);
}
.subsol::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(224,149,109,.45),transparent);
}
.subsol-grila{display:grid;gap:var(--sp-8)}
.subsol h4{font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;font-family:'Figtree',sans-serif;font-weight:600;color:var(--arama);margin-bottom:var(--sp-4)}
.subsol ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-2)}
.subsol a{color:var(--text-crem-slab);text-decoration:none;transition:color var(--tranzitie)}
.subsol a:hover{color:var(--arama)}
.subsol-marca{width:170px;aspect-ratio:3000/913;background-color:var(--text-crem);
  -webkit-mask-image:url(nadine-wordmark.svg);mask-image:url(nadine-wordmark.svg);
  -webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  margin-bottom:var(--sp-4)}
.subsol-fin{
  margin-top:var(--sp-10);padding-top:var(--sp-5);
  border-top:1px solid rgba(243,233,238,.10);
  font-size:var(--mic);color:var(--text-crem-slab);
  display:grid;gap:var(--sp-2);
}
.subsol-demo{color:rgba(243,233,238,.45)}


/* ---------- Grosimi: textul mic și cel decorativ nu are voie să se subțieze ----------
   Litera deschisă pe fundal închis pare mai subțire decât e; sub ~15 px la
   greutate 400 arată spălăcit. Toate cele de mai jos urcă la 500+. */
.produs p,
.mozaic figcaption,
.felii figcaption,
.loc-poze figcaption,
.hero-nota,
.firimituri,
.recenzie cite,
.camp .ajutor,
.camp label,
.bifa label,
.subsol p,
.subsol ul,
.subsol-fin,
.eroare,
.subsol-demo{font-weight:500}

.eticheta{font-weight:700}
.regula dt{font-weight:700}
.subsol h4{font-weight:700}
.nav-desktop a{font-weight:600}

/* cifrele briefingului și citatele: acum au italic real, nu unul sintetic */
.brief-cifra{font-weight:500;font-variation-settings:'opsz' 40}
.recenzie blockquote{font-weight:500;font-variation-settings:'opsz' 14}
.hero-titlu em{font-weight:500}
.panou-nav a{font-weight:500;font-variation-settings:'opsz' 20}

/* pe benzile deschise litera pare mai groasă decât pe cele închise;
   o iau înapoi puțin ca să arate la fel de greu peste tot */
.banda-crem{font-weight:430}
.banda-crem h1,.banda-crem h2{font-weight:480}

/* ---------- Granulație ----------
   Gradienturile mari pe fundal închis fac benzi vizibile. Un strat de zgomot
   la 3,5% le sparge și dă textură de hârtie. Nu prinde clicuri și stă sub antet. */
body::after{
  content:"";position:fixed;inset:0;z-index:1;pointer-events:none;
  opacity:.038;
  background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:180px 180px;
}

/* ---------- Gestul: focalizarea ----------
   Conținutul intră neclar, ca o poză scoasă din developare, și se așază în
   focus. Un singur gest, folosit peste tot; nimic altceva nu se mișcă. */
.apare{
  transition:
    opacity   480ms ease-out,
    filter    var(--focalizare),
    transform var(--focalizare);
  transition-delay:var(--d,0ms);
}
html.js .apare:not(.vazut){
  opacity:0;
  filter:blur(11px);
  transform:scale(1.025);
  will-change:filter,opacity,transform;
}
html.js .apare.vazut{opacity:1;filter:blur(0);transform:none}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  html.js .apare:not(.vazut){opacity:1;filter:none;transform:none;will-change:auto}
}

/* ==========================================================================
   În sus de la 390
   ========================================================================== */
@media (min-width:560px){
  .doua{grid-template-columns:1fr 1fr}
  .felii figure{flex:0 0 46%}
  .loc-poze{grid-template-columns:repeat(2,1fr)}
  .loc-poze figure:first-child{grid-column:span 2}
  .regula{grid-template-columns:200px 1fr;gap:var(--sp-5);align-items:baseline}
}

@media (min-width:860px){
  .container{padding-inline:var(--sp-8)}
  .antet-rand{min-height:74px}
  .marca-semn{width:158px;flex-basis:158px}
  .buton-meniu{display:none}
  .nav-desktop{display:flex;align-items:center;gap:var(--sp-6)}
  .nav-desktop a{
    text-decoration:none;color:var(--text-crem-slab);font-size:.9rem;font-weight:600;
    letter-spacing:.04em;padding-block:var(--sp-2);
    border-bottom:1px solid transparent;transition:color var(--tranzitie),border-color var(--tranzitie);
  }
  .nav-desktop a:hover{color:var(--text-crem)}
  .nav-desktop a[aria-current="page"]{color:var(--arama);border-bottom-color:var(--arama)}
  .tel-antet{width:auto;padding-inline:var(--sp-4);gap:var(--sp-2)}
  .tel-antet::after{content:attr(data-tel);font-size:.9rem;font-weight:600;letter-spacing:.02em}

  .hero{padding-block:var(--sp-16) var(--sp-20)}
  .hero-actiuni{margin-bottom:var(--sp-8)}
  .hero-actiuni .btn{flex:0 0 auto}
  .hero-poza img{aspect-ratio:16/11}

  .mozaic{grid-template-columns:repeat(6,1fr);gap:var(--sp-4)}
  .mozaic figure:nth-child(1){grid-column:span 3;grid-row:span 2}
  .mozaic figure:nth-child(1) img{aspect-ratio:auto;height:100%}
  .mozaic figure:nth-child(2){grid-column:span 3}
  .mozaic figure:nth-child(2) img{aspect-ratio:3/2}
  .mozaic figure:nth-child(3){grid-column:span 3}
  .mozaic figure:nth-child(3) img{aspect-ratio:3/2}
  .mozaic figure:nth-child(4){grid-column:span 2}
  .mozaic figure:nth-child(5){grid-column:span 2}
  .mozaic figure:nth-child(6){grid-column:span 2}
  .mozaic .lat{grid-column:span 6}

  .felii figure{flex:0 0 300px}
  .brief{grid-template-columns:repeat(2,1fr);gap:var(--sp-12) var(--sp-10)}
  .grila-produse{grid-template-columns:repeat(3,1fr);gap:var(--sp-6)}
  .produs.larg{grid-column:span 3}
  .loc-poze{grid-template-columns:repeat(3,1fr)}
  .loc-poze figure:first-child{grid-column:span 1}
  .recenzii{grid-template-columns:repeat(2,1fr);gap:var(--sp-10)}
  .subsol-grila{grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:var(--sp-8)}
  .subsol-fin{grid-template-columns:1fr auto;align-items:center}
  .cap-pagina{padding-block:var(--sp-16) var(--sp-16)}
  .cap-grila{grid-template-columns:1.1fr .9fr;gap:var(--sp-12);align-items:center}
  .doua-larg{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-16);align-items:center}
  .doua-larg.sus{align-items:start}
}

/* hero-ul se desface în două coloane abia aici: între 860 și 1000 coloana de
   text ar fi prea îngustă și titlul ar cădea pe trei rânduri */
@media (min-width:1000px){
  .hero-grila{display:grid;grid-template-columns:1.12fr .88fr;gap:var(--sp-12);align-items:center}
  .hero-poza img{aspect-ratio:4/5}
}

@media (min-width:1100px){
  .brief{grid-template-columns:repeat(2,1fr);gap:var(--sp-16) var(--sp-16)}
  .grila-produse{gap:var(--sp-8)}
}