/* ============================================================
   SPIC&PÂINE — Galați
   Concept: „Cartonașul de la raft". În magazin, în fața fiecărei tăvi stă un
   cartonaș alb cu ramă și câmp de mușchi verde. Prăjiturile lor au nume de om
   și sunt anunțate ca niște oameni care ajung la raft. Site-ul e construit în
   jurul acestor două lucruri.
   Șasiul (coș, checkout, GDPR, subsol, butoane) e copiat din kovacs-demo.
   ============================================================ */

:root{
  /* --- suprafețe --- */
  --hartie:#FAF7EE;
  --hartie-jos:#F0EBDC;
  --faina:#FFFDF7;
  --cerneala:#1E1B15;
  --cerneala-moale:#4A4437;
  --cerneala-stinsa:#847A69;

  /* --- accentul: verdele panoului de mușchi din pozele lor --- */
  --muschi:#4C6C25;
  --muschi-adanc:#31461A;
  --muschi-viu:#6E9B33;
  --muschi-fum:rgba(76,108,37,.10);

  /* --- al doilea, folosit rar: grâul din siglă --- */
  --grau:#B07C33;
  --grau-moale:#D8B784;

  --linie:rgba(30,27,21,.14);
  --linie-fina:rgba(30,27,21,.07);
  --umbra-mica:0 6px 18px rgba(30,27,21,.08);
  --umbra:0 18px 44px -16px rgba(30,27,21,.26);
  --umbra-mare:0 34px 80px -28px rgba(30,27,21,.40);

  --raza:10px;
  --raza-mare:18px;
  --lat:1200px;

  --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;
  --sectiune:clamp(3.5rem, 2rem + 7vw, 7rem);

  --ff-display:'Young Serif', Georgia, 'Times New Roman', serif;
  --ff-text:'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --ff-mono:'Spline Sans Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  --pas:clamp(1rem, .94rem + .28vw, 1.09rem);
  --h4:clamp(1.05rem, 1rem + .3vw, 1.2rem);
  --h3:clamp(1.3rem, 1.1rem + 1vw, 1.7rem);
  --h2:clamp(1.85rem, 1.35rem + 2.4vw, 2.9rem);
  --h1:clamp(2.3rem, 1.5rem + 4.4vw, 4.05rem);

  --antet-h:66px;
  --tranzitie:200ms cubic-bezier(.2,.7,.3,1);
  --lent:620ms cubic-bezier(.16,.8,.24,1);
}

/* --------------------------------------------------- fonturi locale */
@font-face{font-family:'Young Serif';src:url(fonturi/youngserif-400.woff2) format('woff2');
  font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Figtree';src:url(fonturi/figtree-var.woff2) format('woff2-variations');
  font-weight:300 900;font-style:normal;font-display:swap;}
@font-face{font-family:'Spline Sans Mono';src:url(fonturi/splinemono-var.woff2) format('woff2-variations');
  font-weight:300 700;font-style:normal;font-display:swap;}

/* --------------------------------------------------- reset */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
html,body{background:var(--hartie);color:var(--cerneala);overflow-x:clip}
body{font-family:var(--ff-text);font-size:16px;line-height:1.62;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
/* Iconițele se injectează într-un <span>. Un <svg> inline stă pe linia de bază,
   deci învelișul iese mai înalt decât desenul (19px devin 25px) și iconița urcă
   3px față de mijlocul butonului rotund. */
svg{display:block}
[data-icon]{display:inline-flex;align-items:center;justify-content:center;line-height:0}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input,textarea,select{font:inherit;color:inherit}
::selection{background:var(--muschi);color:var(--faina)}
:focus-visible{outline:2.5px solid var(--muschi);outline-offset:3px;border-radius:4px}

h1,h2,h3,h4{font-family:var(--ff-display);font-weight:400;line-height:1.06;
  letter-spacing:-.012em;color:var(--cerneala);text-wrap:balance}
h1{font-size:var(--h1)} h2{font-size:var(--h2)} h3{font-size:var(--h3)} h4{font-size:var(--h4)}
p{font-size:var(--pas)}

.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}

.container{max-width:var(--lat);margin:0 auto;padding:0 clamp(20px,5vw,48px)}
/* paginile de text lung: termeni, confidențialitate */
.container-text{max-width:760px;margin:0 auto;padding:0 clamp(20px,5vw,48px)}
.container-text h1{margin:14px 0 0}
.container-text h2{font-size:clamp(1.2rem,1.05rem + .7vw,1.5rem);margin:var(--sp-10) 0 var(--sp-3)}
.container-text p{color:var(--cerneala-moale);margin-bottom:var(--sp-3);max-width:68ch}
.container-text a{color:var(--muschi-adanc);text-decoration:underline}
.container-text strong{color:#A3341F;font-weight:700}
.lege-actualizat{font-family:var(--ff-mono);font-size:12px;color:var(--cerneala-stinsa);
  margin-top:var(--sp-4)!important}

/* --------------------------------------------------- supratitlu + spic */
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--ff-mono);
  font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:var(--muschi)}
.eyebrow::before{content:'';width:0;height:1.5px;background:var(--muschi);
  transition:width var(--lent)}
.reveal.is-in .eyebrow::before,.eyebrow.is-drawn::before{width:28px}
.eyebrow.pe-inchis{color:var(--grau-moale)}
.eyebrow.pe-inchis::before{background:var(--grau-moale)}

.spic{width:26px;height:26px;flex-shrink:0;color:var(--grau);opacity:.85}
.hero-nota .spic{width:16px;height:16px;color:var(--muschi);opacity:1}

/* --------------------------------------------------- butoane */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-height:48px;padding:13px 26px;border-radius:999px;font-weight:650;
  font-size:14.5px;letter-spacing:.005em;white-space:nowrap;
  transition:background var(--tranzitie),color var(--tranzitie),
    border-color var(--tranzitie),transform var(--tranzitie),box-shadow var(--tranzitie)}
.btn-verde{background:var(--muschi);color:#fff;box-shadow:0 12px 26px -14px rgba(76,108,37,.85)}
.btn-verde:hover{background:var(--muschi-adanc);transform:translateY(-2px)}
.btn-ghost{border:1.5px solid var(--cerneala);color:var(--cerneala)}
.btn-ghost:hover{border-color:var(--muschi);color:var(--muschi)}
.btn-ghost.pe-inchis{border-color:rgba(250,247,238,.45);color:var(--hartie)}
.btn-ghost.pe-inchis:hover{border-color:var(--grau-moale);color:var(--grau-moale)}
.btn-sm{min-height:40px;padding:9px 18px;font-size:13px}
.btn-block{width:100%}
.btn[disabled]{opacity:.4;pointer-events:none}

/* --------------------------------------------------- sigla (mască) */
.sigla{display:block;background-color:currentColor;
  -webkit-mask-image:url(sigla.svg?v=1);mask-image:url(sigla.svg?v=1);
  -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;
  width:152px;height:41px;aspect-ratio:3200/870}
.sigla-subsol{width:230px;height:63px;color:var(--hartie)}

/* --------------------------------------------------- antet */
.site-header{position:sticky;top:0;z-index:500;background:var(--hartie);
  border-bottom:1px solid var(--linie)}
.header-row{display:flex;align-items:center;justify-content:space-between;gap:20px;
  max-width:var(--lat);margin:0 auto;padding:12px clamp(20px,5vw,48px)}
.brand{display:flex;align-items:center;gap:12px;flex-shrink:0;color:var(--cerneala)}
.brand-oras{font-family:var(--ff-mono);font-size:10.5px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:var(--cerneala-stinsa);
  padding-left:12px;border-left:1px solid var(--linie)}
.main-nav{display:flex;align-items:center;gap:2px}
.main-nav a{padding:9px 14px;font-size:14.5px;font-weight:600;border-radius:999px;
  transition:background var(--tranzitie),color var(--tranzitie)}
.main-nav a:hover{background:var(--muschi-fum);color:var(--muschi-adanc)}
.main-nav a.e-activ{background:var(--cerneala);color:var(--hartie)}
.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.tel-mic{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--ff-mono);font-size:13px;font-weight:600;min-height:42px;
  padding:9px 15px;border-radius:999px;border:1.5px solid var(--linie);
  color:var(--cerneala)}
.tel-mic:hover{border-color:var(--muschi);color:var(--muschi-adanc);background:var(--muschi-fum)}
.tel-mic svg{width:16px;height:16px;color:var(--muschi-adanc)}

.cart-fab{position:relative;display:inline-flex;align-items:center;gap:8px;
  min-height:42px;padding:9px 15px 9px 12px;border-radius:999px;background:var(--cerneala);
  color:var(--hartie);font-weight:700;font-size:13.5px;transition:background var(--tranzitie)}
.cart-fab:hover{background:var(--muschi)}
.cart-fab svg{width:18px;height:18px}
.cart-fab.sare{animation:sareFab .5s cubic-bezier(.16,.8,.24,1)}
@keyframes sareFab{0%{transform:scale(1)}32%{transform:scale(1.15)}100%{transform:scale(1)}}
.cart-badge{display:inline-flex;align-items:center;justify-content:center;min-width:19px;
  height:19px;padding:0 5px;border-radius:999px;background:var(--muschi-viu);color:#fff;
  font-family:var(--ff-mono);font-size:11px;font-weight:700}
.cart-badge[data-zero="1"]{display:none}

.burger{display:none;flex-direction:column;justify-content:center;gap:5px;
  width:46px;height:46px;align-items:center}
.burger .bara{display:block;width:22px;height:2px;background:var(--cerneala);
  transition:transform var(--tranzitie),opacity var(--tranzitie)}

/* --------------------------------------------------- meniu mobil */
.mobile-nav{position:fixed;inset:0;z-index:900;visibility:hidden}
.mobile-nav.e-deschis{visibility:visible}
.mobile-nav-fundal{position:absolute;inset:0;background:rgba(30,27,21,.55);opacity:0;
  transition:opacity 320ms cubic-bezier(.2,.7,.3,1)}
.mobile-nav.e-deschis .mobile-nav-fundal{opacity:1}
.mobile-nav-panou{position:absolute;top:0;right:0;bottom:0;width:min(88vw,370px);
  background:var(--hartie);padding:18px 24px calc(28px + env(safe-area-inset-bottom));
  display:flex;flex-direction:column;gap:2px;transform:translateX(100%);
  transition:transform 380ms cubic-bezier(.16,.8,.24,1);box-shadow:var(--umbra-mare);
  overflow-y:auto}
.mobile-nav.e-deschis .mobile-nav-panou{transform:translateX(0)}
.mobile-nav-inchide{align-self:flex-end;width:46px;height:46px;display:flex;
  align-items:center;justify-content:center;border:1.5px solid var(--linie);
  border-radius:50%;margin-bottom:10px}
.mobile-nav-inchide svg{width:18px;height:18px}
.mobile-nav-panou a{padding:14px 2px;font-family:var(--ff-display);font-size:22px;
  border-bottom:1px solid var(--linie-fina)}
.mobile-nav-tel{margin-top:20px}

/* --------------------------------------------------- secțiuni */
.sectiune{padding:var(--sectiune) 0}
.sectiune-stransa{padding:calc(var(--sectiune) * .62) 0}
.sectiune-jos{background:var(--hartie-jos)}
.section-head{max-width:640px;margin-bottom:var(--sp-10)}
.section-head h2{margin-top:14px}
.section-head p{color:var(--cerneala-moale);margin-top:14px;max-width:56ch}
.section-head.la-mijloc{margin-left:auto;margin-right:auto;text-align:center}
.section-head.la-mijloc .eyebrow{justify-content:center}
.cap-rand{display:flex;align-items:flex-end;justify-content:space-between;
  gap:var(--sp-8);margin-bottom:var(--sp-10);flex-wrap:wrap}
.cap-rand .section-head{margin-bottom:0}

/* --------------------------------------------------- HERO */
.hero{position:relative;padding:clamp(28px,5vw,52px) 0 clamp(20px,4vw,36px)}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(28px,5vw,56px);
  align-items:center}
.hero-copy h1{margin-top:18px}
.hero-copy h1 .verde{color:var(--muschi);display:inline-block;position:relative}
.hero-copy h1 .verde::after{content:'';position:absolute;left:0;right:0;bottom:.06em;
  height:3px;background:var(--muschi);opacity:.28;border-radius:3px}
.hero-lead{font-size:clamp(1.02rem,.96rem + .4vw,1.18rem);color:var(--cerneala-moale);
  max-width:44ch;margin:20px 0 26px}
.hero-actiuni{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.hero-nota{font-family:var(--ff-mono);font-size:11.5px;color:var(--cerneala-stinsa);
  margin-top:18px;display:flex;align-items:center;gap:8px}
.hero-nota b{color:var(--muschi-adanc);font-weight:700}

.hero-vizual{position:relative}
.hero-foto{border-radius:var(--raza-mare);overflow:hidden;box-shadow:var(--umbra);
  aspect-ratio:16/10;background:var(--hartie-jos)}
.hero-foto img{width:100%;height:100%;object-fit:cover}
.hero-foto-mica{position:absolute;left:-26px;bottom:-34px;width:38%;max-width:190px;
  border-radius:var(--raza);overflow:hidden;border:5px solid var(--hartie);
  box-shadow:var(--umbra);aspect-ratio:4/5;background:var(--hartie-jos)}
.hero-foto-mica img{width:100%;height:100%;object-fit:cover}
.hero-cartonas{position:absolute;right:-14px;top:-22px;width:min(46%,232px);z-index:3;
  transform:rotate(2.4deg)}

/* ============================================================
   CARTONAȘUL DE LA RAFT — semnătura.
   Reproduce plăcuța pe care o pun în fața tăvilor: ramă albă,
   câmp de mușchi verde, numele cu alb.
   ============================================================ */
.cartonas{background:#fff;border-radius:6px;padding:7px;box-shadow:var(--umbra);
  border:1px solid rgba(30,27,21,.10)}
.cartonas-camp{position:relative;border-radius:3px;padding:14px 16px 16px;
  background:
    radial-gradient(circle at 18% 22%, rgba(146,190,86,.55) 0 8%, transparent 9%),
    radial-gradient(circle at 62% 14%, rgba(52,73,27,.55) 0 6%, transparent 7%),
    radial-gradient(circle at 84% 42%, rgba(146,190,86,.4) 0 7%, transparent 8%),
    radial-gradient(circle at 34% 74%, rgba(52,73,27,.45) 0 9%, transparent 10%),
    radial-gradient(circle at 72% 82%, rgba(146,190,86,.45) 0 6%, transparent 7%),
    radial-gradient(circle at 8% 58%, rgba(52,73,27,.4) 0 5%, transparent 6%),
    linear-gradient(155deg, var(--muschi-viu), var(--muschi) 46%, var(--muschi-adanc));
  color:#fff;text-align:center;overflow:hidden}
.cartonas-sus{font-family:var(--ff-mono);font-size:9.5px;letter-spacing:.14em;
  text-transform:uppercase;color:rgba(255,255,255,.82);margin-bottom:6px}
.cartonas-nume{font-family:var(--ff-display);font-size:clamp(20px,3.4vw,27px);
  line-height:1.02;color:#fff;letter-spacing:-.01em}
.cartonas-jos{font-family:var(--ff-mono);font-size:10px;letter-spacing:.08em;
  color:rgba(255,255,255,.86);margin-top:8px;padding-top:8px;
  border-top:1px solid rgba(255,255,255,.28)}

/* --------------------------------------------------- marchiză */
.banda{background:var(--cerneala);color:var(--hartie);padding:15px 0;overflow:hidden;
  position:relative;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.banda-track{display:flex;width:max-content;gap:0;
  animation:bandaMerge 42s linear infinite}
.banda-grup{display:flex;align-items:center;gap:0;flex-shrink:0}
.banda-item{display:inline-flex;align-items:center;gap:18px;padding:0 22px;
  font-family:var(--ff-display);font-size:clamp(15px,1.9vw,19px);white-space:nowrap;
  color:var(--hartie)}
.banda-item .spic{color:var(--grau-moale);opacity:.9}
@keyframes bandaMerge{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.banda:hover .banda-track{animation-play-state:paused}

/* --------------------------------------------------- rosterul cu nume */
.roster{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6)}
.roster-item{background:var(--faina);border:1px solid var(--linie);border-radius:var(--raza);
  overflow:hidden;display:flex;flex-direction:column;
  transition:transform var(--tranzitie),box-shadow var(--tranzitie)}
.roster-item:hover{transform:translateY(-4px);box-shadow:var(--umbra)}
.roster-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--hartie-jos)}
.roster-media img{width:100%;height:100%;object-fit:cover;transition:transform var(--lent)}
.roster-item:hover .roster-media img{transform:scale(1.05)}
.roster-plac{position:absolute;left:14px;bottom:14px;right:14px;max-width:210px}
.roster-corp{padding:18px 20px 20px;display:flex;flex-direction:column;gap:10px;flex:1}
.roster-compo{font-size:14.5px;color:var(--cerneala-moale);line-height:1.55}
.roster-vorba{font-family:var(--ff-display);font-size:15.5px;line-height:1.42;
  color:var(--cerneala);border-left:2px solid var(--muschi);padding-left:14px}
.roster-cand{font-family:var(--ff-mono);font-size:10.5px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--cerneala-stinsa)}
.roster-pret{font-family:var(--ff-mono);font-size:14px;font-weight:700;color:var(--muschi-adanc)}
.roster-rand-jos{display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-top:auto;padding-top:12px;border-top:1px dashed var(--linie)}

/* cardul care explică practica — al șaselea din roster */
.roster-explic{background:var(--hartie-jos);border-style:dashed}
.roster-explic:hover{transform:none;box-shadow:none}
.roster-explic-corp{padding:26px 24px;display:flex;flex-direction:column;
  align-items:flex-start;gap:18px;height:100%;justify-content:center}
.cartonas-mare{width:100%;max-width:230px;align-self:center}
.cartonas-mare .cartonas-camp{padding:20px 18px 22px}
.roster-explic p{font-size:14.5px;color:var(--cerneala-moale);line-height:1.55}

/* --------------------------------------------------- maiaua (proces) */
.maia{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-8)}
.maia-pas{position:relative;padding-top:var(--sp-6);border-top:2px solid var(--linie)}
.maia-pas.e-verde{border-top-color:var(--muschi)}
.maia-num{font-family:var(--ff-mono);font-size:11px;letter-spacing:.16em;
  color:var(--muschi);font-weight:700;display:block;margin-bottom:10px}
.maia-pas h3{font-size:var(--h3);margin-bottom:10px}
.maia-pas p{color:var(--cerneala-moale);font-size:15.5px}
.maia-fapt{font-family:var(--ff-mono);font-size:12px;color:var(--cerneala-stinsa);
  margin-top:12px;display:block}

/* --------------------------------------------------- cifre */
.cifre{border-top:1px solid var(--linie);border-bottom:1px solid var(--linie)}
.cifre-inner{display:grid;grid-template-columns:repeat(4,1fr);max-width:var(--lat);
  margin:0 auto;padding:0 clamp(20px,5vw,48px)}
.cifra{padding:24px 14px;text-align:center;border-left:1px solid var(--linie)}
.cifra:first-child{border-left:0}
.cifra-num{font-family:var(--ff-display);font-size:clamp(26px,3.2vw,38px);
  color:var(--muschi);display:block;line-height:1}
.cifra-eticheta{font-size:12.5px;color:var(--cerneala-stinsa);margin-top:6px;display:block}

/* --------------------------------------------------- categorii */
.cat-lista{display:flex;flex-direction:column;border-top:1px solid var(--linie)}
.cat-rand{display:grid;grid-template-columns:64px 1fr auto;gap:var(--sp-5);
  align-items:center;padding:var(--sp-5) 0;border-bottom:1px solid var(--linie);
  transition:padding-left var(--tranzitie)}
.cat-rand:hover{padding-left:10px}
.cat-rand-media{width:64px;height:64px;border-radius:var(--raza);overflow:hidden;
  background:var(--hartie-jos)}
.cat-rand-media img{width:100%;height:100%;object-fit:cover}
.cat-rand-text h3{font-size:clamp(1.15rem,1rem + .8vw,1.5rem)}
.cat-rand-text span{display:block;font-size:14px;color:var(--cerneala-stinsa);margin-top:4px}
.cat-rand-nr{font-family:var(--ff-mono);font-size:13px;font-weight:700;color:var(--muschi);
  display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.cat-rand-nr svg{width:16px;height:16px}

/* --------------------------------------------------- panou de poveste */
.poveste{background:var(--cerneala);color:rgba(250,247,238,.78);border-radius:var(--raza-mare);
  overflow:hidden}
.poveste-grid{display:grid;grid-template-columns:.86fr 1.14fr}
.poveste-media{position:relative;min-height:380px}
.poveste-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.poveste-corp{padding:clamp(30px,4vw,54px)}
.poveste-corp h2{color:var(--hartie);margin:14px 0 18px}
.poveste-corp p{color:rgba(250,247,238,.74);margin-bottom:12px}
.poveste-citat{font-family:var(--ff-display);font-size:clamp(1.05rem,1rem + .5vw,1.3rem);
  line-height:1.45;color:var(--grau-moale);border-left:2px solid var(--muschi-viu);
  padding-left:18px;margin:22px 0}

/* --------------------------------------------------- recenzii */
.recenzii{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6)}
.recenzie{background:var(--faina);border:1px solid var(--linie);border-radius:var(--raza);
  padding:24px 24px 22px;display:flex;flex-direction:column;gap:14px}
.recenzie-stele{display:flex;gap:3px;color:var(--grau)}
.recenzie-stele svg{width:15px;height:15px}
.cifra-stele{display:inline-flex;gap:2px;color:var(--grau);vertical-align:.06em;margin-left:6px}
.cifra-stele svg{width:17px;height:17px}
.recenzie p{font-family:var(--ff-display);font-size:16.5px;line-height:1.45;flex:1}
.recenzie-autor{font-family:var(--ff-mono);font-size:11.5px;letter-spacing:.06em;
  color:var(--cerneala-stinsa)}

/* --------------------------------------------------- canale */
.canale{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}
.canal{display:flex;gap:14px;align-items:flex-start;padding:20px 22px;
  background:var(--faina);border:1px solid var(--linie);border-radius:var(--raza)}
.canal svg{width:22px;height:22px;color:var(--muschi);flex-shrink:0;margin-top:2px}
.canal strong{display:block;font-size:15px;margin-bottom:3px}
.canal span{font-size:13.5px;color:var(--cerneala-stinsa);line-height:1.5}

/* --------------------------------------------------- program */
.program-tabel{border-top:1px solid var(--linie)}
.program-rand{display:flex;justify-content:space-between;gap:16px;padding:13px 0;
  border-bottom:1px solid var(--linie-fina);font-size:15px}
.program-rand span:last-child{font-family:var(--ff-mono);font-size:13.5px;color:var(--cerneala-moale)}
.program-rand.e-azi{color:var(--muschi-adanc);font-weight:700}
.program-rand.e-azi span:last-child{color:var(--muschi-adanc);font-weight:700}

/* --------------------------------------------------- carduri contact */
.contact-carduri{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}
.contact-card{background:var(--faina);border:1px solid var(--linie);border-radius:var(--raza);
  padding:24px 24px 22px}
.contact-card h4{font-size:16px;margin-bottom:8px}
.contact-card p,.contact-card a{font-size:14.5px;color:var(--cerneala-moale);line-height:1.6}
.contact-card a:hover{color:var(--muschi)}
.contact-card .mono{font-family:var(--ff-mono);font-size:15px;color:var(--cerneala);font-weight:600}

/* --------------------------------------------------- capul paginilor interioare */
.pagina-cap{padding:clamp(26px,4vw,46px) 0 0}
.pagina-cap-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4vw,48px);
  align-items:center}
.pagina-cap h1{margin-top:14px}
.pagina-cap p{color:var(--cerneala-moale);margin-top:16px;max-width:52ch}
.pagina-cap-media{border-radius:var(--raza-mare);overflow:hidden;aspect-ratio:16/10;
  box-shadow:var(--umbra);background:var(--hartie-jos)}
.pagina-cap-media img{width:100%;height:100%;object-fit:cover}
.firimituri{font-family:var(--ff-mono);font-size:11.5px;letter-spacing:.06em;
  color:var(--cerneala-stinsa);margin-bottom:14px}
.firimituri a:hover{color:var(--muschi)}

/* --------------------------------------------------- meniu: filtre */
.meniu-bara{position:sticky;top:var(--antet-h);z-index:200;background:var(--hartie);
  border-bottom:1px solid var(--linie);padding:14px 0 12px;margin-bottom:var(--sp-10)}
.filtre{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.filtre::-webkit-scrollbar{display:none}
.filtru{flex-shrink:0;min-height:40px;padding:9px 16px;border-radius:999px;
  border:1.5px solid var(--linie);font-size:13.5px;font-weight:650;color:var(--cerneala-moale);
  background:var(--faina);transition:all var(--tranzitie);white-space:nowrap}
.filtru:hover{border-color:var(--muschi);color:var(--muschi)}
.filtru.e-activ{background:var(--cerneala);border-color:var(--cerneala);color:var(--hartie)}
.filtru .n{font-family:var(--ff-mono);opacity:.6;margin-left:6px;font-size:12px}
.filtru.e-activ .n{opacity:.7}
.cautare{position:relative;max-width:340px;margin-top:12px}
.cautare input{width:100%;min-height:44px;padding:11px 16px 11px 42px;border-radius:999px;
  border:1.5px solid var(--linie);background:var(--faina);font-size:16px}
.cautare input:focus{outline:none;border-color:var(--muschi)}
.cautare svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);
  width:17px;height:17px;color:var(--cerneala-stinsa)}

.grup-cap{display:flex;align-items:baseline;gap:14px;margin:var(--sp-12) 0 var(--sp-6);
  padding-bottom:12px;border-bottom:1.5px solid var(--cerneala)}
.grup-cap:first-of-type{margin-top:0}
.grup-cap{scroll-margin-top:calc(var(--antet-h) + 110px)}
.grup-cap h2{font-size:clamp(1.4rem,1.1rem + 1.2vw,2rem)}
.grup-cap span{font-family:var(--ff-mono);font-size:12px;color:var(--cerneala-stinsa);
  margin-left:auto;white-space:nowrap}

/* --------------------------------------------------- cardul de produs */
.grila-produse{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6)}
.p-card{position:relative;min-width:0;background:var(--faina);border:1px solid var(--linie);
  border-radius:var(--raza);overflow:hidden;display:flex;flex-direction:column;
  transition:transform var(--tranzitie),box-shadow var(--tranzitie),border-color var(--tranzitie)}
.p-card:hover{transform:translateY(-4px);box-shadow:var(--umbra);border-color:rgba(30,27,21,.2)}
.p-card-media{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--hartie-jos)}
.p-card-media img{width:100%;height:100%;object-fit:cover;transition:transform var(--lent)}
.p-card:hover .p-card-media img{transform:scale(1.05)}
.p-stea{position:absolute;top:10px;left:10px;z-index:1;font-family:var(--ff-mono);
  font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  background:var(--cerneala);color:var(--hartie);padding:5px 10px;border-radius:999px}
.p-nume-plac{position:absolute;top:10px;right:10px;z-index:1;font-family:var(--ff-mono);
  font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  background:var(--muschi);color:#fff;padding:5px 10px;border-radius:999px}
.p-card-corp{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
.p-card-corp h3{font-size:17px;line-height:1.2}
.p-card-desc{font-size:13.5px;color:var(--cerneala-stinsa);line-height:1.5;flex:1}
.p-card-variante{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.p-var{min-height:34px;padding:6px 11px;border-radius:999px;border:1.5px solid var(--linie);
  font-family:var(--ff-mono);font-size:11.5px;font-weight:600;color:var(--cerneala-moale);
  transition:all var(--tranzitie)}
.p-var:hover{border-color:var(--muschi)}
.p-var.e-activ{background:var(--muschi);border-color:var(--muschi);color:#fff}
.p-card-jos{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;
  margin-top:12px;padding-top:12px;border-top:1px dashed var(--linie)}
.p-card-pret-bloc{min-width:0}
.p-card-pret{display:block;font-family:var(--ff-mono);font-size:16px;font-weight:700;
  color:var(--muschi-adanc);white-space:nowrap}
.p-card-unitate{display:block;font-family:var(--ff-mono);font-size:11px;
  color:var(--cerneala-stinsa);margin-top:2px}
.p-card-adauga{flex-shrink:0;width:40px;height:40px;border-radius:50%;
  border:1.5px solid var(--cerneala);display:flex;align-items:center;justify-content:center;
  transition:all var(--tranzitie)}
.p-card-adauga svg{width:17px;height:17px}
.p-card-adauga:hover{background:var(--cerneala);color:var(--hartie)}
.p-card-stepper{flex-shrink:0;display:flex;align-items:center;gap:6px;
  border:1.5px solid var(--muschi);border-radius:999px;padding:3px}
.p-card-stepper button{width:32px;height:32px;border-radius:50%;font-size:17px;
  font-weight:700;color:var(--muschi-adanc);display:flex;align-items:center;justify-content:center}
.p-card-stepper button:hover{background:var(--muschi-fum)}
.p-card-stepper span{font-family:var(--ff-mono);font-size:13px;font-weight:700;
  min-width:16px;text-align:center}
.meniu-gol{text-align:center;padding:70px 20px;color:var(--cerneala-stinsa)}

.meniu-nota{margin:0 0 var(--sp-6)}
.filtru-fz{border-color:var(--muschi);color:var(--muschi-adanc)}
.filtru-fz.e-activ{background:var(--muschi);border-color:var(--muschi);color:var(--hartie)}

/* întrebări frecvente */
.faq{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6) var(--sp-8)}
.faq-item{padding-top:var(--sp-4);border-top:1px solid var(--linie)}
.faq-item h3{font-size:1.05rem;margin-bottom:5px}
.faq-item span{display:block;font-size:14px;color:var(--cerneala-stinsa);line-height:1.55}
.faq-item a{color:var(--muschi-adanc);text-decoration:underline}

/* --------------------------------------------------- arome de înghețată */
.arome-lista{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--sp-4)}
.aroma{font-family:var(--ff-mono);font-size:12.5px;padding:7px 14px;border-radius:999px;
  background:var(--muschi-fum);color:var(--muschi-adanc);font-weight:600}

/* --------------------------------------------------- galerie torturi */
.galerie{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4)}
.galerie-item{position:relative;border-radius:var(--raza);overflow:hidden;
  aspect-ratio:4/5;background:var(--hartie-jos);display:block;border:0;padding:0;width:100%}
.galerie-item img{width:100%;height:100%;object-fit:cover;transition:transform var(--lent)}
.galerie-item:hover img{transform:scale(1.06)}
.galerie-item figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 12px;
  background:linear-gradient(180deg,rgba(30,27,21,0),rgba(30,27,21,.82));
  color:var(--hartie);font-family:var(--ff-mono);font-size:11px;letter-spacing:.06em;
  text-transform:uppercase;text-align:left}

/* --------------------------------------------------- formular */
.formular{display:flex;flex-direction:column;gap:16px}
.formular > label,.camp-grid > label{display:block;font-size:13px;font-weight:700;
  color:var(--cerneala-moale);margin-bottom:16px}
.formular input,.formular select,.formular textarea{display:block;width:100%;
  font-weight:400;font-size:16px;margin-top:7px;
  min-height:48px;padding:12px 14px;border-radius:var(--raza);border:1.5px solid var(--linie);
  background:var(--faina);color:var(--cerneala)}
.formular textarea{min-height:104px;resize:vertical}
.formular input:focus,.formular select:focus,.formular textarea:focus{outline:none;
  border-color:var(--muschi);box-shadow:0 0 0 3px var(--muschi-fum)}
.formular input:user-invalid,.formular select:user-invalid{border-color:#A3341F}
.camp-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.camp-lat{grid-column:1/-1}
.camp-ajutor{display:inline;font-weight:400;font-size:12px;color:var(--cerneala-stinsa)}
.formular input + .camp-ajutor,.formular select + .camp-ajutor,
.formular textarea + .camp-ajutor{display:block;margin-top:5px}
.necesar{color:var(--muschi)}
.eroare-camp{font-size:12.5px;color:#A3341F;font-weight:600}
.formular > label.gdpr,.gdpr{display:flex;flex-direction:row;align-items:flex-start;gap:10px;
  font-size:12.5px;color:var(--cerneala-stinsa);font-weight:400;cursor:pointer;margin:2px 0 6px}
.gdpr input{display:inline-block;width:18px;height:18px;min-height:0;margin:2px 0 0;
  flex-shrink:0;accent-color:var(--muschi);padding:0}
.form-nota{font-size:12.5px;color:var(--cerneala-stinsa);margin-top:12px}

.oferta-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(28px,4vw,52px);
  align-items:start}
.oferta-panou{background:var(--faina);border:1px solid var(--linie);
  border-radius:var(--raza-mare);padding:clamp(24px,3.4vw,36px)}
.oferta-side{background:var(--hartie-jos);border-radius:var(--raza-mare);
  padding:clamp(24px,3.4vw,34px);position:sticky;top:calc(var(--antet-h) + 24px)}
.oferta-side h3{margin-bottom:14px}
.oferta-side ul{list-style:none;display:flex;flex-direction:column;gap:11px}
.oferta-side li{display:flex;gap:10px;font-size:14.5px;color:var(--cerneala-moale);
  line-height:1.5}
.oferta-side li svg{width:17px;height:17px;color:var(--muschi);flex-shrink:0;margin-top:3px}
.trimis-ok{background:var(--muschi-fum);border:1.5px solid var(--muschi);
  border-radius:var(--raza);padding:20px 22px;margin-top:16px}
.trimis-ok strong{display:block;margin-bottom:6px;color:var(--muschi-adanc)}
.trimis-ok p{font-size:14px;color:var(--cerneala-moale)}

/* --------------------------------------------------- coș (șasiu) */
.cart-overlay{position:fixed;inset:0;background:rgba(30,27,21,.5);z-index:800;opacity:0;
  visibility:hidden;transition:opacity 320ms cubic-bezier(.2,.7,.3,1)}
.cart-overlay.e-deschis{opacity:1;visibility:visible}
.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:min(94vw,430px);
  background:var(--hartie);z-index:801;display:flex;flex-direction:column;
  transform:translateX(100%);transition:transform 380ms cubic-bezier(.16,.8,.24,1);
  box-shadow:var(--umbra-mare)}
.cart-drawer.e-deschis{transform:translateX(0)}
.cart-drawer-cap{display:flex;align-items:center;justify-content:space-between;
  padding:20px 22px;border-bottom:1px solid var(--linie)}
.cart-drawer-inchide{width:44px;height:44px;border:1.5px solid var(--linie);border-radius:50%;
  display:flex;align-items:center;justify-content:center}
.cart-drawer-inchide svg{width:17px;height:17px}
.cart-drawer-corp{flex:1;overflow-y:auto;padding:6px 22px}
.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;
  height:100%;text-align:center;gap:14px;color:var(--cerneala-stinsa);padding:40px 20px}
.cart-empty svg{width:46px;height:46px;opacity:.35}
.cart-line{display:flex;align-items:center;gap:13px;padding:15px 0;
  border-bottom:1px solid var(--linie-fina)}
.cart-line-media{width:56px;height:56px;border-radius:8px;overflow:hidden;
  background:var(--hartie-jos);flex-shrink:0}
.cart-line-media img{width:100%;height:100%;object-fit:cover}
.cart-line-corp{flex:1;min-width:0}
.cart-line-sus{display:flex;justify-content:space-between;gap:8px}
.cart-line-sus h4{font-family:var(--ff-text);font-size:14px;font-weight:700;line-height:1.3}
.cart-line-var{font-family:var(--ff-mono);font-size:11px;color:var(--cerneala-stinsa)}
.cart-line-sterge{font-size:12px;color:var(--cerneala-stinsa);flex-shrink:0}
.cart-line-sterge:hover{color:#A3341F}
.cart-line-jos{display:flex;align-items:center;justify-content:space-between;margin-top:8px}
.cart-stepper{display:flex;align-items:center;gap:8px;border:1.5px solid var(--linie);
  border-radius:999px;padding:2px}
.cart-stepper button{width:28px;height:28px;border-radius:50%;font-size:15px;font-weight:700;
  display:flex;align-items:center;justify-content:center}
.cart-stepper button:hover{background:var(--muschi-fum);color:var(--muschi-adanc)}
.cart-stepper span{font-family:var(--ff-mono);font-size:12.5px;font-weight:700;
  min-width:14px;text-align:center}
.cart-line-pret{font-family:var(--ff-mono);font-weight:700;font-size:13.5px;color:var(--muschi-adanc)}
.cart-drawer-jos{padding:18px 22px calc(22px + env(safe-area-inset-bottom));
  border-top:1px solid var(--linie)}
.cart-total-row{display:flex;justify-content:space-between;align-items:baseline;
  margin-bottom:14px}
.cart-total-row strong{font-family:var(--ff-display);font-size:23px;color:var(--muschi-adanc)}

/* --------------------------------------------------- checkout (șasiu) */
.checkout-section{padding:36px 0 var(--sectiune)}
.checkout-head{max-width:640px;margin-bottom:var(--sp-10)}
.checkout-head h1{margin-top:12px;font-size:clamp(1.9rem,1.4rem + 2.2vw,2.9rem)}
.checkout-grid{display:grid;grid-template-columns:1.14fr .86fr;gap:var(--sp-10);align-items:start}
.co-bloc{background:var(--faina);border:1px solid var(--linie);border-radius:var(--raza-mare);
  padding:26px 28px;margin-bottom:18px}
.co-titlu{display:flex;align-items:center;gap:12px;font-size:17px;margin-bottom:18px}
.co-step{display:flex;align-items:center;justify-content:center;width:28px;height:28px;
  border-radius:50%;background:var(--cerneala);color:var(--hartie);font-family:var(--ff-mono);
  font-size:12.5px;font-weight:700;flex-shrink:0}
.co-items{display:flex;flex-direction:column}
.co-item{display:flex;align-items:center;gap:13px;padding:13px 0;
  border-bottom:1px solid var(--linie-fina)}
.co-item:last-child{border-bottom:0}
.co-item-media{width:52px;height:52px;border-radius:8px;overflow:hidden;
  background:var(--hartie-jos);flex-shrink:0}
.co-item-media img{width:100%;height:100%;object-fit:cover}
.co-item-corp{flex:1;min-width:0}
.co-item-corp h4{font-family:var(--ff-text);font-size:14.5px;font-weight:700}
.co-item-corp span{font-family:var(--ff-mono);font-size:11.5px;color:var(--cerneala-stinsa)}
.co-item-pret{font-family:var(--ff-mono);font-weight:700;font-size:13.5px;
  color:var(--muschi-adanc);white-space:nowrap;min-width:62px;text-align:right}
.co-item-sterge{font-size:15px;color:var(--cerneala-stinsa);width:32px;height:32px;
  display:flex;align-items:center;justify-content:center;flex-shrink:0}
.co-item-sterge:hover{color:#A3341F}
.co-eticheta{font-family:var(--ff-mono);font-size:11px;font-weight:600;
  color:var(--cerneala-stinsa);text-transform:uppercase;letter-spacing:.09em;margin-bottom:10px}
.mode-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mode-btn{display:flex;align-items:flex-start;gap:12px;text-align:left;padding:15px 16px;
  border:1.5px solid var(--linie);border-radius:var(--raza);background:var(--hartie);
  transition:all var(--tranzitie);min-height:48px}
.mode-btn:hover{border-color:var(--muschi)}
.mode-btn.e-activ{border-color:var(--muschi);background:var(--muschi-fum)}
.mode-btn svg{width:20px;height:20px;flex-shrink:0;color:var(--muschi);margin-top:2px}
.mode-t strong{display:block;font-size:14.5px}
.mode-t small{display:block;font-size:12px;color:var(--cerneala-stinsa);line-height:1.45}
.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.chip-row:last-child{margin-bottom:0}
.chip{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:48px;
  padding:8px 14px;border:1.5px solid var(--linie);border-radius:var(--raza);
  background:var(--hartie);font-size:13px;font-weight:700;color:var(--cerneala-moale);
  min-width:66px;transition:all var(--tranzitie);justify-content:center}
.chip span{font-family:var(--ff-mono);font-size:10.5px;font-weight:600;color:var(--cerneala-stinsa)}
.chip:hover{border-color:var(--muschi)}
.chip.e-activ{background:var(--cerneala);border-color:var(--cerneala);color:var(--hartie)}
.chip.e-activ span{color:rgba(250,247,238,.65)}
.chip-sm{flex-direction:row;min-width:0;font-family:var(--ff-mono);font-size:12.5px;
  min-height:44px}
.co-avertisment{font-size:13px;color:#A3341F;font-weight:600;margin-top:8px}
.checkout-summary{background:var(--hartie-jos);border-radius:var(--raza-mare);padding:28px;
  position:sticky;top:calc(var(--antet-h) + 24px)}
.checkout-summary h3{font-size:18px;margin-bottom:16px}
.checkout-line{display:flex;justify-content:space-between;gap:10px;padding:9px 0;
  border-bottom:1px solid var(--linie-fina);font-size:14px}
.checkout-line span:last-child{font-family:var(--ff-mono);white-space:nowrap}
.checkout-total{display:flex;justify-content:space-between;align-items:baseline;
  padding-top:16px;margin-top:6px;font-weight:700;font-size:15px}
.checkout-total strong{font-family:var(--ff-display);font-size:25px;color:var(--muschi-adanc)}
.sum-incredere{margin-top:20px;padding-top:16px;border-top:1px solid var(--linie);
  display:flex;flex-direction:column;gap:9px;font-size:13px;color:var(--cerneala-moale)}
.sum-incredere div{display:flex;gap:9px;align-items:flex-start}
.sum-incredere svg{width:16px;height:16px;color:var(--muschi);flex-shrink:0;margin-top:3px}
.checkout-empty{text-align:center;padding:60px 20px;max-width:480px;margin:0 auto}
.order-ok{text-align:center;max-width:560px;margin:0 auto;display:flex;flex-direction:column;
  align-items:center;gap:16px}
.ok-badge{width:58px;height:58px;border-radius:50%;background:var(--muschi);color:#fff;
  display:flex;align-items:center;justify-content:center}
.ok-badge svg{width:26px;height:26px}
.ok-card{background:var(--hartie-jos);border-radius:var(--raza-mare);padding:24px 26px;
  width:100%;text-align:left}
.ok-card p{display:flex;justify-content:space-between;gap:12px;padding:8px 0;
  border-bottom:1px solid var(--linie-fina);font-size:14px}
.ok-card p:last-child{border-bottom:0}
.ok-total{font-weight:700;font-size:16px}
.ok-total strong{font-family:var(--ff-display);font-size:20px;color:var(--muschi-adanc)}
.ok-meta{display:block!important;color:var(--cerneala-moale);font-size:13.5px;
  line-height:1.7;padding-top:14px}
.ok-actiuni{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%}
.ok-nota{font-size:12.5px;color:var(--cerneala-stinsa);max-width:420px}

/* --------------------------------------------------- subsol */
.site-footer{background:var(--cerneala);color:rgba(250,247,238,.7);padding:64px 0 26px;
  margin-top:var(--sectiune)}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;
  padding-bottom:44px;border-bottom:1px solid rgba(250,247,238,.14)}
.footer-brand p{margin-top:16px;font-size:14.5px;line-height:1.7;max-width:34ch;
  color:rgba(250,247,238,.6)}
.footer-col h5{font-family:var(--ff-mono);font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--grau-moale);margin-bottom:14px}
.footer-col a,.footer-col p{display:block;font-size:14.5px;margin-bottom:9px;
  color:rgba(250,247,238,.72)}
.footer-col a:hover{color:var(--hartie)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;
  font-size:12.5px;color:rgba(250,247,238,.44);flex-wrap:wrap;gap:12px}

html.js .reveal{opacity:0;transform:translateX(-18px)}
html.js .reveal.is-in{opacity:1;transform:none;
  transition:opacity var(--lent),transform var(--lent)}
html.js .reveal-serie > *{opacity:0;transform:translateX(-16px)}
html.js .reveal-serie.is-in > *{opacity:1;transform:none;
  transition:opacity var(--lent),transform var(--lent)}
html.js .reveal-serie.is-in > *:nth-child(1){transition-delay:.02s}
html.js .reveal-serie.is-in > *:nth-child(2){transition-delay:.07s}
html.js .reveal-serie.is-in > *:nth-child(3){transition-delay:.12s}
html.js .reveal-serie.is-in > *:nth-child(4){transition-delay:.17s}
html.js .reveal-serie.is-in > *:nth-child(5){transition-delay:.22s}
html.js .reveal-serie.is-in > *:nth-child(6){transition-delay:.27s}
html.js .reveal-serie.is-in > *:nth-child(n+7){transition-delay:.3s}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  html.js .reveal,html.js .reveal-serie > *{opacity:1!important;transform:none!important}
  .eyebrow::before{width:28px!important}
}

/* ============================================================
   RESPONSIVE — construit la 390, lărgit în sus
   ============================================================ */
@media (max-width:1080px){
  .hero-grid{grid-template-columns:1fr;gap:36px}
  .hero-cartonas{right:8px;top:auto;bottom:-26px;width:min(52%,210px)}
  .hero-foto-mica{left:-10px;bottom:-26px;width:34%}
  .roster{grid-template-columns:repeat(2,1fr)}
  .grila-produse{grid-template-columns:repeat(2,1fr)}
  .maia{grid-template-columns:1fr;gap:var(--sp-8)}
  .recenzii{grid-template-columns:1fr}
  .faq{grid-template-columns:1fr 1fr}
  .canale{grid-template-columns:1fr}
  .contact-carduri{grid-template-columns:1fr}
  .poveste-grid{grid-template-columns:1fr}
  .poveste-media{min-height:260px}
  .galerie{grid-template-columns:repeat(3,1fr)}
  .pagina-cap-grid{grid-template-columns:1fr;gap:26px}
  .oferta-grid{grid-template-columns:1fr}
  .oferta-side{position:static}
  .checkout-grid{grid-template-columns:1fr}
  .checkout-summary{position:static}
  .footer-grid{grid-template-columns:1fr 1fr}
}
/* ---- antetul, pe praguri proprii ----
   Cele cinci intrări de meniu plus butonul cu numărul întreg cer ~995px.
   Sub asta se pierde întâi numărul, apoi meniul. Măsurat: la 1024 antetul
   ieșea cu 11px din zona cu padding, la 320 butonul de meniu era tăiat de
   `overflow-x:clip` — exact ce se vede pe telefon. */
@media (max-width:1179px){
  .tel-mic .tel-text{display:none}
  .tel-mic{width:44px;height:44px;min-height:44px;padding:0;flex-shrink:0;
    background:var(--muschi);border-color:var(--muschi);color:#fff;
    box-shadow:0 8px 18px -10px rgba(76,108,37,.9)}
  .tel-mic svg{width:19px;height:19px;color:#fff}
  .tel-mic:hover{background:var(--muschi-adanc);border-color:var(--muschi-adanc)}
  .tel-mic:hover svg{color:#fff}
}
@media (max-width:1079px){
  .main-nav{display:none}
  .burger{display:flex}
}
@media (max-width:860px){
  .cifre-inner{grid-template-columns:1fr 1fr}
  .cifra:nth-child(odd){border-left:0}
  .cifra:nth-child(n+3){border-top:1px solid var(--linie)}
  .mode-row{grid-template-columns:1fr}
  .camp-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .hero{padding-bottom:52px}
  .hero-grid{gap:56px}
  .hero-foto-mica{width:38%;max-width:150px;left:-6px;bottom:-30px}
  .hero-cartonas{width:min(58%,200px);right:0;bottom:-34px}
  .roster{grid-template-columns:1fr}
  .faq{grid-template-columns:1fr}
  .grila-produse{grid-template-columns:1fr 1fr;gap:12px}
  .p-card-corp{padding:13px 13px 15px}
  .p-card-corp h3{font-size:15px}
  .p-card-desc{display:none}
  .p-card-jos{flex-direction:column;align-items:stretch;gap:10px}
  .p-card-adauga,.p-card-stepper{align-self:stretch;width:100%;border-radius:999px}
  .p-card-adauga{height:42px}
  .p-card-stepper{justify-content:space-between}
  .galerie{grid-template-columns:repeat(2,1fr);gap:10px}
  .grup-cap{flex-direction:column;align-items:flex-start;gap:4px}
  .grup-cap span{margin-left:0}
  .cat-rand{grid-template-columns:52px 1fr;row-gap:8px}
  .cat-rand-media{width:52px;height:52px}
  .cat-rand-nr{grid-column:2}
  .footer-grid{grid-template-columns:1fr;gap:26px}
  .co-bloc{padding:20px 18px}
  .checkout-summary{padding:22px 20px}
  .container{padding:0 20px}
  .brand-oras{display:none}
  /* la 390 sigla de 152px + cele trei butoane depășeau zona cu padding cu 5px,
     iar butonul de meniu ajungea la 15px de margine în loc de 20 */
  .header-row{gap:12px;padding-left:18px;padding-right:18px}
  .header-actions{gap:6px}
  .sigla{width:126px;height:34px}
  .burger{width:44px;height:44px}
}
@media (max-width:380px){
  .grila-produse{grid-template-columns:1fr}
  .p-card-desc{display:block}
  /* la 320px (SE, Fold închis) cele trei butoane + sigla nu mai încap */
  .header-row{gap:8px;padding-left:14px;padding-right:14px}
  .sigla{width:104px;height:28px}
  .cart-fab .cos-text{display:none}
  .cart-fab{padding:9px 12px}
  .container{padding:0 16px}
}