:root{
  --verde-terra:#1B4332;
  --verde-lumina:#4F9D6E;
  --antracit:#20262B;
  --antracit-2:#333D44;
  --auriu:#C9A24B;
  --fundal-alt:#EEF3ED;
  --bordura:#E1E8E1;
  --cat-erbicide:#1B4332;
  --cat-fungicide:#1F6F78;
  --cat-insecticide:#B5502A;
  --cat-nutritie:#9C7A2E;
  --cat-samanta:#7C5A3A;
  --cat-deratizare:#4A5D6B;
  --text:#20262B;
  --text-muted:#5B6B63;
  --radius:10px;
  --radius-mic:6px;
  --font-display:'Space Grotesk', sans-serif;
  --font-corp:'Inter', system-ui, sans-serif;
  --font-mono:'JetBrains Mono', monospace;
}
*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; scroll-padding-top:88px; }
body{
  margin:0;
  font-family:var(--font-corp);
  color:var(--text);
  background:#fff;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img,video{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
ul{ list-style:none; margin:0; padding:0; }
h1,h2,h3{ font-family:var(--font-display); margin:0; line-height:1.15; color:inherit; }
p{ margin:0; }
button{ font-family:inherit; cursor:pointer; }
input{ font-family:inherit; }
:focus-visible{ outline:2px solid var(--verde-lumina); outline-offset:3px; }

.container{ max-width:1280px; margin-inline:auto; padding-inline:clamp(1.25rem,4vw,3rem); }

.eyebrow{
  display:inline-block; font-family:var(--font-mono); font-size:0.8rem;
  letter-spacing:0.14em; text-transform:uppercase; font-weight:600;
  color:var(--verde-terra); margin-bottom:0.9rem;
}
.hero .eyebrow, .sectiune-ghid .eyebrow{ color:var(--auriu); }
.hero-brand{ display:block; font-family:var(--font-display); font-weight:700; font-size:clamp(2.75rem,8vw,4.25rem); letter-spacing:-0.01em; color:var(--auriu); margin-bottom:1.25rem; }
.hero-brand .brand-ext{ color:#fff; }

.sectiune{ padding-block:clamp(3.5rem,8vw,6rem); }

@media (min-width:961px){
  #categorii .sectiune-titlu{ max-width:none; }
  #categorii .sectiune-titlu h2{ white-space:nowrap; }
  #categorii .sectiune-subtitlu{ white-space:nowrap; }
  #categorii{ padding-top:clamp(1.5rem,3vw,2.5rem); }
  #produse .sectiune-titlu{ max-width:none; }
  #produse .sectiune-titlu h2{ white-space:nowrap; }
  #produse .sectiune-subtitlu{ white-space:nowrap; }
  #produse{ padding-top:clamp(1.5rem,3vw,2.5rem); }
  #ghid .sectiune-titlu{ max-width:none; }
  #ghid .sectiune-titlu h2{ white-space:nowrap; }
  #ghid .sectiune-subtitlu{ max-width:850px; }
  #ghid{ padding-top:clamp(1.5rem,3vw,2.5rem); }
}
.sectiune-alt{ background:var(--fundal-alt); }
.sectiune-titlu{ max-width:640px; margin-bottom:2.5rem; }
.sectiune-titlu.centrat{ margin-inline:auto; text-align:center; }
.sectiune-titlu h2{ font-size:clamp(1.75rem,3vw + 1rem,2.6rem); font-weight:700; margin-bottom:1rem; }
.sectiune-subtitlu{ color:var(--text-muted); font-size:1.05rem; line-height:1.65; }

/* Butoane */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:0.6rem;
  padding:0.95rem 1.9rem; border-radius:var(--radius-mic);
  font-weight:600; font-size:0.95rem; border:1.5px solid transparent;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease, border-color .2s ease;
  white-space:nowrap;
}
.btn-primar{ background:var(--verde-terra); color:#fff; }
.btn-primar:hover{ background:#163828; transform:translateY(-2px); box-shadow:0 10px 24px rgba(27,67,50,0.28); }
.btn-auriu{ background:var(--auriu); color:var(--antracit); }
.btn-auriu:hover{ transform:translateY(-2px); box-shadow:0 10px 24px rgba(201,162,75,0.32); }
.btn-contur{ background:#fff; border-color:#fff; color:var(--verde-terra); }
.btn-contur:hover{ background:var(--fundal-alt); transform:translateY(-2px); box-shadow:0 10px 24px rgba(0,0,0,0.22); }
.btn-contur-verde{ background:transparent; border-color:var(--verde-terra); color:var(--verde-terra); }
.btn-contur-verde:hover{ background:var(--verde-terra); color:#fff; }
.btn-mic{ padding:0.65rem 1.1rem; font-size:0.85rem; width:100%; }

/* ===== Bara utilitara ===== */
.bara-utilitara{ background:var(--antracit-2); color:#D7DEDA; font-size:0.8125rem; }
.bara-utilitara-inner{ display:flex; justify-content:space-between; gap:1rem; padding-block:0.55rem; flex-wrap:wrap; }
.bara-utilitara a{ color:#fff; }
.tel-evidentiat{ font-size:0.8125rem; font-weight:400; }
.tel-evidentiat a{ font-weight:400; }
.randuri-centrate{ display:flex; flex-direction:column; align-items:center; gap:0.2rem; text-align:center; }
.link-whatsapp{ display:inline-flex; align-items:center; gap:0.3rem; font-weight:700; margin-left:0.5rem; vertical-align:-2px; }
.bara-utilitara .link-whatsapp{ color:#25D366; }
.link-whatsapp:hover{ text-decoration:underline; }
.bara-utilitara a:hover{ color:var(--auriu); }
.social-utilitara{ display:flex; align-items:center; justify-content:center; gap:0.7rem; flex:1 1 100%; }
.social-utilitara a{ display:flex; opacity:0.85; transition:opacity .2s ease, color .2s ease; }
.social-utilitara a:hover{ opacity:1; }
.social-utilitara-mobil{ display:none; }

/* ===== Antet ===== */
.antet{
  position:sticky; top:0; z-index:80;
  background:var(--antracit);
  transition:box-shadow .3s ease;
}
.antet.scrolled{ box-shadow:0 6px 20px rgba(0,0,0,0.18); }
.antet-inner{ display:flex; align-items:center; justify-content:space-between; gap:1.5rem; padding-block:1rem; }

.brand{ display:flex; align-items:center; gap:0.65rem; flex-shrink:0; }
.brand-text{ font-family:var(--font-display); font-weight:700; font-size:1.6rem; letter-spacing:-0.01em; color:#fff; }
.brand-ext{ color:var(--auriu); font-weight:500; }

.nav-principal ul{ display:flex; gap:clamp(0.85rem,1.6vw,1.6rem); flex-wrap:wrap; }
.nav-principal a{ color:#fff; font-size:1.15rem; font-weight:600; padding-block:0.35rem; border-bottom:2px solid transparent; transition:border-color .2s ease, color .2s ease; }
.nav-principal a:hover{ border-color:var(--auriu); color:var(--auriu); }

.antet-actiuni{ display:flex; align-items:center; gap:0.5rem; flex-shrink:0; }
.icon-btn{ position:relative; width:42px; height:42px; border-radius:50%; border:1.5px solid rgba(255,255,255,0.35); background:rgba(255,255,255,0.16); color:#fff; display:flex; align-items:center; justify-content:center; transition:background .2s ease, border-color .2s ease; }
.icon-btn:hover{ background:rgba(255,255,255,0.28); border-color:rgba(255,255,255,0.6); }
.cos-contor{ position:absolute; top:-4px; right:-4px; background:var(--auriu); color:var(--antracit); font-size:0.65rem; font-weight:700; width:17px; height:17px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:var(--font-mono); }

.hamburger{ display:none; width:38px; height:38px; border:none; background:rgba(255,255,255,0.12); border-radius:8px; flex-direction:column; align-items:center; justify-content:center; gap:5px; }
.hamburger span{ width:18px; height:2px; background:#fff; transition:transform .25s ease, opacity .25s ease; }
.hamburger.activ span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.hamburger.activ span:nth-child(2){ opacity:0; }
.hamburger.activ span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

.panou-cautare{ position:absolute; top:100%; left:0; right:0; background:var(--antracit); padding-block:1rem; transform:translateY(-8px); opacity:0; pointer-events:none; transition:transform .25s ease, opacity .25s ease; }
.panou-cautare.deschis{ transform:translateY(0); opacity:1; pointer-events:auto; }
#input-cautare{ width:100%; padding:0.85rem 1.1rem; border-radius:var(--radius-mic); border:1.5px solid rgba(255,255,255,0.25); background:rgba(255,255,255,0.08); color:#fff; font-size:1rem; }
#input-cautare::placeholder{ color:#9FADA6; }

.panou-cos{ position:absolute; top:100%; right:clamp(1.25rem,4vw,3rem); width:min(320px,90vw); background:#fff; color:var(--text); border-radius:var(--radius); box-shadow:0 20px 45px rgba(0,0,0,0.22); padding:1.25rem; transform:translateY(-8px); opacity:0; pointer-events:none; transition:transform .25s ease, opacity .25s ease; z-index:70; }
.panou-cos.deschis{ transform:translateY(0); opacity:1; pointer-events:auto; }
.panou-cos{ max-height:calc(100vh - 5.5rem); overflow-y:auto; }
.panou-cos::-webkit-scrollbar{ width:6px; }
.panou-cos::-webkit-scrollbar-thumb{ background:var(--bordura); border-radius:3px; }
.panou-cos h4{ font-family:var(--font-display); margin-bottom:0.75rem; }
.cos-gol{ color:var(--text-muted); font-size:0.9rem; line-height:1.6; }
.cos-gol a{ color:var(--verde-terra); font-weight:600; text-decoration:underline; }
.cos-produs{ padding-block:0.7rem; border-bottom:1px solid var(--bordura); font-size:0.875rem; }
.cos-produs-nume{ display:block; margin-bottom:0.5rem; line-height:1.35; }
.cos-produs-rand{ display:flex; align-items:center; justify-content:space-between; gap:0.5rem; }
.cos-stepper{ display:flex; align-items:center; gap:0.5rem; border:1px solid var(--bordura); border-radius:999px; padding:0.15rem 0.4rem; }
.cos-cant-btn{ width:20px; height:20px; border:none; background:none; font-size:0.95rem; line-height:1; color:var(--verde-terra); cursor:pointer; font-weight:700; }
.cos-cant-btn:hover{ color:var(--verde-lumina); }
.cos-cant-numar{ font-family:var(--font-mono); font-size:0.8rem; min-width:1.1rem; text-align:center; }
.cos-produs-subtotal{ font-weight:700; font-family:var(--font-mono); font-size:0.85rem; }
.cos-elimina{ border:none; background:none; color:var(--text-muted); cursor:pointer; font-size:0.85rem; padding:0.2rem; line-height:1; }
.cos-elimina:hover{ color:#B5502A; }
.cos-total{ display:flex; justify-content:space-between; font-weight:600; padding-top:0.85rem; margin-top:0.4rem; border-top:1px solid var(--bordura); font-size:0.9rem; color:var(--text-muted); }
.cos-transport{ display:flex; justify-content:space-between; font-weight:700; margin-top:0.5rem; padding:0.5rem 0.65rem; background:rgba(201,162,75,0.12); border:1px solid var(--auriu); border-radius:8px; color:var(--auriu); }
.cos-total-final{ display:flex; justify-content:space-between; font-weight:700; font-size:1.1rem; padding-top:0.75rem; margin-top:0.6rem; border-top:2px solid var(--verde-terra); color:var(--verde-terra); }
.cos-finalizare{ display:flex; flex-direction:column; gap:0.6rem; margin-top:1rem; }
.cos-finalizare .btn{ width:100%; text-align:center; }
.btn-whatsapp{ background:#25D366; color:#fff; }
.btn-whatsapp:hover{ background:#1EBE57; }

@media (max-width:960px){
  .nav-principal{ display:none; }
  .hamburger{ display:flex; }
  .brand img{ width:44px; height:44px; }
  .brand-text{ font-size:1.15rem; }
  .antet-inner{ gap:0.5rem; padding-block:0.7rem; }
  .social-utilitara{ display:none; }
  .social-utilitara-mobil{ display:flex; align-items:center; gap:0.6rem; }
  .bara-utilitara-inner{ padding-block:0.4rem; }
  .tel-evidentiat{ font-size:0.75rem; }
}

/* ===== Meniu mobil ===== */
.meniu-mobil-fundal{ position:fixed; inset:0; background:rgba(10,14,12,0.55); z-index:90; opacity:0; pointer-events:none; transition:opacity .3s ease; }
.meniu-mobil-fundal.activ{ opacity:1; pointer-events:auto; }
.meniu-mobil{ position:fixed; top:0; right:0; bottom:0; width:min(320px,85vw); background:var(--antracit); z-index:95; padding:2rem 1.75rem; transform:translateX(100%); transition:transform .35s ease; overflow-y:auto; }
.meniu-mobil.activ{ transform:translateX(0); }
.inchide-meniu{ background:none; border:none; color:#fff; font-size:2rem; line-height:1; position:absolute; top:1.1rem; right:1.35rem; padding:0.25rem 0.5rem; }
.meniu-mobil ul{ margin-top:2.5rem; display:flex; flex-direction:column; gap:0.2rem; }
.meniu-mobil a{ display:block; color:#fff; font-size:1.05rem; font-weight:500; padding:0.85rem 0; border-bottom:1px solid rgba(255,255,255,0.1); }
.meniu-mobil-contact{ margin-top:2rem; padding-top:1.5rem; border-top:1px solid rgba(255,255,255,0.15); color:#B9C2C2; font-size:0.9rem; line-height:2; }
.meniu-mobil-contact a{ color:#fff; }

/* ===== Hero ===== */
.hero{ position:relative; min-height:clamp(560px,88vh,860px); display:flex; align-items:center; overflow:hidden; background:var(--antracit); }
.hero-media{ position:absolute; inset:0; overflow:hidden; }
.hero-fallback-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; }
.hero-video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity 1.8s ease; z-index:1; }
.hero-video.activ{ opacity:1; }
.hero-poster{ animation:heroZoom 14s ease-in-out infinite alternate; }
@keyframes heroZoom{ from{ transform:scale(1); } to{ transform:scale(1.08); } }
.hero-overlay{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(15,25,20,0.55) 0%, rgba(15,25,20,0.72) 55%, rgba(19,28,24,0.93) 100%); z-index:2; }
.hero-content{ position:relative; z-index:3; padding-block:6rem 4.5rem; max-width:760px; text-align:center; }
.hero-slogan{ font-size:clamp(1.5rem,2.6vw + 1rem,2.35rem); font-weight:600; color:#fff; margin-bottom:1.25rem; line-height:1.25; }
.hero-misiune{ font-size:1.05rem; color:#D7DEDA; line-height:1.7; max-width:600px; margin-bottom:2rem; margin-inline:auto; }

@media (min-width:961px){
  .hero-content{ max-width:900px; }
  .hero-slogan{ font-size:clamp(2.4rem, 1.6rem + 1.8vw, 3rem); font-weight:700; }
  .hero-misiune{ font-size:clamp(1.1rem, 0.95rem + 0.4vw, 1.25rem); max-width:720px; }
}

@media (min-width:1400px){
  .hero-content{ max-width:1500px; }
  .hero-slogan{ font-size:clamp(3rem, 2rem + 1.4vw, 3.6rem); white-space:nowrap; }
  .hero-misiune{ font-size:clamp(1.1rem, 0.95rem + 0.3vw, 1.3rem); max-width:none; white-space:nowrap; }
}
.hero-actiuni{ display:flex; flex-wrap:wrap; justify-content:center; gap:1rem; margin-bottom:1.75rem; }
.hero-actiuni .btn{ padding:1.4rem 3rem; font-size:1.2rem; }
.hero-badge{ display:inline-flex; align-items:center; gap:0.6rem; font-family:var(--font-mono); font-size:0.8rem; color:#fff; background:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.22); padding:0.6rem 1.1rem; border-radius:999px; }
.hero-badge .punct{ width:6px; height:6px; border-radius:50%; background:var(--verde-lumina); flex-shrink:0; }
.scroll-indicator{ position:absolute; bottom:1.75rem; left:50%; transform:translateX(-50%); z-index:3; color:#fff; opacity:0.75; animation:sageata 2s ease-in-out infinite; }
@keyframes sageata{ 0%,100%{ transform:translate(-50%,0); } 50%{ transform:translate(-50%,8px); } }

/* ===== Categorii rapide ===== */
.categorii-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:1.25rem; }

@media (min-width:961px){
  .categorii-grid{ grid-template-columns:repeat(6,1fr); }
}
.categorie-tile{ position:relative; display:flex; flex-direction:column; align-items:flex-start; background:var(--verde-terra); border-radius:var(--radius); padding:1.75rem 1.5rem 2rem; overflow:hidden; perspective:700px; transition:transform .25s ease, box-shadow .25s ease; }
.categorie-tile:hover{ transform:translateY(-4px); box-shadow:0 16px 32px rgba(0,0,0,0.22); }
.categorie-tile h3{ font-size:1.15rem; font-weight:700; color:#fff; margin-bottom:0.5rem; }
.categorie-tile p{ font-size:0.875rem; color:rgba(255,255,255,0.85); line-height:1.6; margin-bottom:1rem; }
.categorie-tile .sageata-link{ font-family:var(--font-mono); font-size:0.8rem; color:#fff; font-weight:600; }
.categorie-icon-mica{ align-self:center; width:84px; height:84px; margin-top:auto; padding-top:1.5rem; color:#fff; opacity:0.92; }
.categorie-icon-mica svg{ width:100%; height:100%; }
.categorie-bidon{ align-self:center; width:170px; margin-top:auto; padding-top:1.5rem; opacity:0.98; transform-style:preserve-3d; filter:drop-shadow(0 8px 10px rgba(0,0,0,0.28)); transition:transform .45s cubic-bezier(.2,.8,.3,1), filter .45s ease; }
.categorie-bidon svg, .categorie-bidon img{ width:100%; height:auto; display:block; }
.categorie-tile:hover .categorie-bidon{ transform:translateY(-8px) scale(1.2) rotateY(-10deg); filter:drop-shadow(0 22px 24px rgba(0,0,0,0.42)); }

.cat-erbicide{ background:var(--cat-erbicide); }
.cat-fungicide{ background:var(--cat-fungicide); }
.cat-insecticide{ background:var(--cat-insecticide); }
.cat-nutritie{ background:var(--auriu); }
.cat-nutritie h3, .cat-nutritie p, .cat-nutritie .sageata-link{ color:var(--antracit); }
.cat-nutritie p{ color:rgba(32,38,43,0.75); }
.cat-nutritie .categorie-icon-mica{ color:var(--antracit); }
.cat-nutritie .categorie-bidon{ color:var(--antracit); }
.cat-samanta{ background:var(--cat-samanta); }
.cat-deratizare{ background:var(--cat-deratizare); }

/* ===== Banner central ===== */
.banner-central{
  position:relative; overflow:hidden; padding-block:clamp(5rem,14vw,9rem);
  color:#fff;
}
.banner-central-media{ position:absolute; inset:0; z-index:0; }
.banner-slide{ position:absolute; inset:0; background-size:cover; background-position:center; opacity:0; transition:opacity 1.8s ease; }
.banner-slide.activ{ opacity:1; }
.banner-central-overlay{
  position:absolute; inset:0; z-index:1;
  background:linear-gradient(120deg, rgba(18,24,21,0.9) 0%, rgba(27,67,50,0.75) 45%, rgba(18,24,21,0.55) 100%);
}
.banner-central-inner{ position:relative; z-index:2; max-width:620px; text-align:center; margin-inline:auto; }
.banner-central h2{ font-size:clamp(1.9rem,3.4vw + 1rem,3rem); margin-bottom:1.1rem; font-weight:700; }
.banner-marca{ color:var(--auriu); }
.banner-central p{ font-size:1.05rem; color:#E4EAE5; margin-bottom:2rem; line-height:1.65; }
.banner-central-inner .btn{ display:flex; width:fit-content; margin-inline:auto; padding:1.4rem 3rem; font-size:1.2rem; }

/* ===== Produse ===== */
.filtre-produse{ display:flex; flex-wrap:nowrap; gap:0.55rem; margin-bottom:1.5rem; }
.controale-produse{ display:flex; flex-wrap:wrap; gap:1.5rem; margin-bottom:2.5rem; padding-block:1.25rem; border-block:1px solid var(--bordura); }
.control-produse-grup{ display:flex; align-items:center; gap:0.65rem; font-size:0.875rem; color:var(--text-muted); }
.control-produse-grup span{ font-weight:600; color:var(--text); white-space:nowrap; }
.control-produse-grup select{ font-family:inherit; font-size:0.875rem; padding:0.5rem 0.75rem; border:1px solid var(--bordura); border-radius:8px; background:#fff; color:var(--text); cursor:pointer; }
.control-produse-grup select:focus-visible{ outline:2px solid var(--verde-terra); outline-offset:1px; }
.control-cautare-produse{ flex:1 1 220px; }
.control-cautare-produse input{ flex:1; font-family:inherit; font-size:0.875rem; padding:0.5rem 0.75rem; border:1px solid var(--bordura); border-radius:8px; background:#fff; color:var(--text); min-width:0; }
.control-cautare-produse input:focus-visible{ outline:2px solid var(--verde-terra); outline-offset:1px; }
.filtru-chip{ flex:1 1 0; min-width:0; display:flex; align-items:center; justify-content:center; text-align:center; font-size:0.95rem; font-weight:700; padding:0.75rem 0.6rem; border-radius:999px; border:2.5px solid var(--bordura); background:#fff; color:var(--text); transition:transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease, border-color .2s ease; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.filtru-chip:hover{ transform:translateY(-3px) scale(1.04); box-shadow:0 10px 18px rgba(20,26,23,0.16); }
.filtru-chip.activ{ background:var(--verde-terra); border-color:var(--verde-terra); color:#fff; }

@media (max-width:760px){
  .filtre-produse{ flex-wrap:wrap; }
  .filtru-chip{ flex:1 1 calc(50% - 0.3rem); white-space:normal; min-height:4.75rem; line-height:1.25; }
}

.chip-erbicide{ border-color:var(--cat-erbicide); color:var(--cat-erbicide); }
.chip-erbicide:hover, .chip-erbicide.activ{ background:var(--cat-erbicide); border-color:var(--cat-erbicide); color:#fff; }
.chip-fungicide{ border-color:var(--cat-fungicide); color:var(--cat-fungicide); }
.chip-fungicide:hover, .chip-fungicide.activ{ background:var(--cat-fungicide); border-color:var(--cat-fungicide); color:#fff; }
.chip-insecticide{ border-color:var(--cat-insecticide); color:var(--cat-insecticide); }
.chip-insecticide:hover, .chip-insecticide.activ{ background:var(--cat-insecticide); border-color:var(--cat-insecticide); color:#fff; }
.chip-nutritie{ border-color:var(--auriu); color:var(--cat-nutritie); }
.chip-nutritie:hover, .chip-nutritie.activ{ background:var(--auriu); border-color:var(--auriu); color:var(--antracit); }
.chip-samanta{ border-color:var(--cat-samanta); color:var(--cat-samanta); }
.chip-samanta:hover, .chip-samanta.activ{ background:var(--cat-samanta); border-color:var(--cat-samanta); color:#fff; }
.chip-deratizare{ border-color:var(--cat-deratizare); color:var(--cat-deratizare); }
.chip-deratizare:hover, .chip-deratizare.activ{ background:var(--cat-deratizare); border-color:var(--cat-deratizare); color:#fff; }

.produse-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:1.5rem; }
.produs-card{ background:#fff; border:1px solid var(--bordura); border-radius:var(--radius); padding:1.5rem; display:flex; flex-direction:column; transition:box-shadow .25s ease, transform .25s ease; cursor:pointer; }
.produs-card:hover{ box-shadow:0 18px 36px rgba(20,26,23,0.1); transform:translateY(-3px); border-color:var(--verde-terra); }
.produs-tag{ align-self:flex-start; font-family:var(--font-mono); font-size:0.7rem; letter-spacing:0.08em; text-transform:uppercase; background:var(--fundal-alt); color:var(--verde-terra); padding:0.3rem 0.65rem; border-radius:5px; margin-bottom:0.9rem; }
.produs-imagine{ width:100%; aspect-ratio:1/1; object-fit:contain; background:var(--fundal-alt); border-radius:10px; margin-bottom:1rem; }
.produs-imagine-lipsa{ padding:1.75rem; object-fit:contain; }
.produs-card h3{ font-size:1.1rem; margin-bottom:0.4rem; }
.produs-spec{ font-size:0.825rem; color:var(--text-muted); margin-bottom:1.1rem; line-height:1.55; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.produs-meta{ display:flex; justify-content:space-between; align-items:baseline; margin-bottom:1.1rem; margin-top:auto; gap:0.5rem; }
.produs-ambalaj{ font-size:0.8rem; color:var(--text-muted); }
.produs-detalii-link{ font-size:0.8rem; color:var(--verde-terra); font-weight:600; }
.produs-pret{ font-family:var(--font-mono); font-weight:700; font-size:1.15rem; color:var(--verde-terra); white-space:nowrap; }

.incarca-mai-multe-wrap{ display:flex; justify-content:center; margin-top:2.5rem; }

.modal-produs-fundal{ position:fixed; inset:0; background:rgba(10,14,12,0.72); z-index:200; display:none; align-items:flex-start; justify-content:center; padding:6vh 1rem; overflow-y:auto; }
.modal-produs-fundal.deschis{ display:flex; }
.modal-produs{ background:#fff; border-radius:var(--radius); max-width:660px; width:100%; padding:clamp(1.5rem,4vw,2.5rem); position:relative; }
.modal-produs-inchide{ position:absolute; top:1rem; right:1rem; width:36px; height:36px; border-radius:50%; border:1px solid var(--bordura); background:#fff; cursor:pointer; font-size:1rem; line-height:1; color:var(--text); transition:background .2s ease; }
.modal-produs-inchide:hover{ background:var(--fundal-alt); }
.modal-produs-imagine{ width:100%; max-width:220px; aspect-ratio:1/1; object-fit:contain; background:var(--fundal-alt); border-radius:10px; margin:0 auto; }
.modal-produs-imagine img{ width:100%; height:100%; object-fit:contain; border-radius:10px; }
.modal-produs h3{ font-size:1.4rem; margin-block:0.6rem 0.75rem; padding-right:2.5rem; }
.modal-produs-meta{ margin-bottom:1.25rem; }
.modal-produs-descriere{ font-size:0.925rem; line-height:1.4; color:var(--text-muted); max-height:38vh; overflow-y:auto; margin-bottom:1.5rem; padding-right:0.5rem; border-top:1px solid var(--bordura); padding-top:1.25rem; }
.modal-produs-descriere p{ margin:0 0 0.6rem; }
.modal-produs-descriere p:last-child{ margin-bottom:0; }
.modal-fisa-link{ display:inline-flex; align-items:center; gap:0.4rem; font-size:0.875rem; font-weight:600; color:var(--verde-terra); margin-bottom:1.25rem; }
.modal-fisa-link:hover{ text-decoration:underline; }
.modal-produse-asemanatoare h4{ font-size:0.95rem; margin-bottom:1rem; padding-top:1.5rem; border-top:1px solid var(--bordura); }
.modal-asemanatoare-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:0.65rem; }
.modal-asemanator-item{ display:block; width:100%; text-align:left; padding:0.8rem 0.9rem; border:1px solid var(--bordura); border-radius:10px; font-size:0.8rem; line-height:1.4; background:#fff; cursor:pointer; transition:border-color .2s ease, background .2s ease; font-family:inherit; color:var(--text); }
.modal-asemanator-item:hover{ border-color:var(--verde-terra); background:var(--fundal-alt); }
.modal-asemanator-item span{ display:block; font-family:var(--font-mono); font-size:0.75rem; color:var(--verde-terra); font-weight:700; margin-top:0.3rem; }
.fara-rezultate{ text-align:center; color:var(--text-muted); padding-block:3rem; display:none; }

/* ===== Ghidul Fermierului ===== */
.sectiune-ghid{ background:var(--antracit); color:#fff; }
.sectiune-ghid .sectiune-subtitlu{ color:#B9C2C2; }
.pachete-track{ position:relative; display:flex; gap:1.75rem; margin-top:4rem; }
.pachete-linie{ position:absolute; top:0; left:4%; right:4%; height:2px; background:linear-gradient(90deg, transparent, var(--auriu) 8%, var(--auriu) 92%, transparent); }
.pachet-card{ position:relative; flex:1 1 0; background:var(--antracit-2); border:1px solid rgba(201,162,75,0.25); border-radius:12px; padding:2.75rem 1.5rem 1.75rem; text-align:center; }
.pachet-nod{ position:absolute; top:-28px; left:50%; transform:translateX(-50%); width:56px; height:56px; border-radius:50%; background:var(--auriu); color:var(--antracit); display:flex; align-items:center; justify-content:center; font-family:var(--font-mono); font-weight:700; font-size:1.05rem; box-shadow:0 0 0 6px var(--antracit); z-index:2; }
.pachet-sezon{ display:block; font-family:var(--font-mono); font-size:0.72rem; letter-spacing:0.14em; color:var(--auriu); margin-bottom:0.75rem; }
.pachet-bbch{ letter-spacing:0; text-transform:none; font-weight:500; color:#8A9490; }
.pachet-card h3{ font-size:1.1rem; margin-bottom:0.75rem; }
.pachet-card p{ color:#C7CFCE; font-size:0.9rem; line-height:1.6; margin-bottom:1.4rem; }
.pachet-link{ display:inline-block; color:var(--verde-lumina); font-weight:600; font-size:0.875rem; }
.ghid-nota{ margin-top:2.5rem; font-size:0.85rem; color:#8A9490; text-align:center; }

/* ===== Incredere ===== */
.sectiune-incredere{ background:var(--antracit); }
.incredere-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1.75rem; }
.incredere-item{ display:flex; align-items:flex-start; gap:1rem; }
.incredere-icon{ flex-shrink:0; width:48px; height:48px; border-radius:50%; background:rgba(255,255,255,0.1); color:var(--auriu); display:flex; align-items:center; justify-content:center; }
.incredere-item h4{ font-family:var(--font-display); font-size:1rem; color:#fff; margin-bottom:0.35rem; }
.incredere-item p{ font-size:0.85rem; color:#B9C2C2; line-height:1.55; }

/* ===== Parteneri (marquee) ===== */
.marquee-wrap{ overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); margin-top:1rem; }
.marquee-track{ display:flex; width:max-content; gap:4rem; animation:derulare 32s linear infinite; }
.marquee-track .marca-item{ display:inline-flex; align-items:center; gap:0.55rem; font-family:var(--font-display); font-weight:600; font-size:1.4rem; color:var(--text-muted); letter-spacing:0.02em; white-space:nowrap; opacity:0.85; }

.banda-parteneri-top{ padding-block:1.5rem 1.75rem; background:var(--fundal-alt); }
.banda-parteneri-top .sectiune-titlu{ margin-bottom:0.85rem; }
.banda-parteneri-top h2{ font-size:1.05rem; }
.banda-parteneri-top .eyebrow{ margin-bottom:0.3rem; }

@media (min-width:961px){
  .banda-parteneri-top{ padding-block:0.75rem 0.9rem; }
  .banda-parteneri-top .sectiune-titlu{ margin-bottom:0.5rem; }
  .banda-parteneri-top h2{ margin-bottom:0.3rem; }
  .banda-parteneri-top .marquee-wrap{ margin-top:0.5rem; }
}
@keyframes derulare{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }

/* ===== Newsletter ===== */
.banda-newsletter{ background:var(--verde-terra); color:#fff; padding-block:3rem; }
.newsletter-inner{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:2rem; }
.newsletter-text{ flex:1 1 300px; }
.newsletter-text h3{ font-size:1.4rem; margin-bottom:0.4rem; }
.newsletter-text p{ color:#CFE3D6; font-size:0.925rem; }
.newsletter-form-col{ flex:1 1 360px; max-width:460px; }
.newsletter-form{ display:flex; gap:0.75rem; flex-wrap:wrap; }
.newsletter-form input{ flex:1 1 220px; padding:0.85rem 1.1rem; border-radius:var(--radius-mic); border:1.5px solid rgba(255,255,255,0.35); background:rgba(255,255,255,0.1); color:#fff; }
.newsletter-form input::placeholder{ color:#CFE3D6; }
.newsletter-msg{ font-size:0.85rem; margin-top:0.7rem; color:#F4E7C4; display:none; }
.newsletter-msg.vizibil{ display:block; }

/* ===== Footer ===== */
.footer{ background:var(--antracit); color:#B9C2C2; padding-top:clamp(3rem,7vw,5rem); }
.footer-grid{ display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr; gap:2.5rem; padding-bottom:3rem; border-bottom:1px solid rgba(255,255,255,0.1); }
.footer-brand p{ margin-top:1rem; font-size:0.9rem; line-height:1.65; max-width:280px; }
.footer-social{ display:flex; align-items:center; gap:1rem; margin-top:1.5rem; }
.footer-social a{ display:flex; opacity:0.9; transition:opacity .2s ease, transform .2s ease; }
.footer-social a:hover{ opacity:1; transform:translateY(-2px); }
.footer-social{ display:flex; gap:1rem; margin-top:1.25rem; font-size:0.85rem; flex-wrap:wrap; }
.footer-social a:hover{ color:#fff; }
.footer-col h5{ font-family:var(--font-display); color:#fff; font-size:0.95rem; margin-bottom:1.1rem; }
.footer-col ul{ display:flex; flex-direction:column; gap:0.65rem; }
.footer-col a{ font-size:0.9rem; }
.footer-adresa{ color:var(--auriu); }
.footer-adresa a{ color:var(--auriu); }
.footer-adresa a:hover{ color:#fff; text-decoration:underline; }
.footer-whatsapp{ color:#25D366 !important; font-weight:600; margin-left:0.5rem; }
.footer-whatsapp:hover{ color:#fff !important; }
@media (max-width:600px){
  .footer-whatsapp{ display:block; margin-left:0; margin-top:0.4rem; }
}
.footer-col a:hover{ color:#fff; }
.footer-avertisment{ text-align:center; font-size:0.78rem; font-style:italic; line-height:1.4; color:#8B978F; padding-block:0.35rem; max-width:760px; margin-inline:auto; }
.footer-avertisment:first-of-type{ padding-top:1.5rem; }
.footer-avertisment:last-of-type{ padding-bottom:1.5rem; }
.footer-bottom{ display:flex; flex-wrap:wrap; justify-content:space-between; gap:1rem; padding-block:1.5rem; font-size:0.8125rem; border-top:1px solid rgba(255,255,255,0.08); }
.footer-legal{ display:flex; flex-wrap:wrap; gap:1.1rem 1.25rem; }
.footer-legal a:hover{ color:#fff; }
.footer-badge-uri{ display:flex; flex-wrap:wrap; align-items:center; gap:0.75rem; padding-block:1.5rem; border-top:1px solid rgba(255,255,255,0.08); }
.badge-legal{ display:flex; align-items:center; gap:0.5rem; padding:0.5rem 0.9rem; border:1px solid rgba(255,255,255,0.15); border-radius:8px; font-size:0.78rem; font-weight:600; color:#B9C2C2; transition:border-color .2s ease, color .2s ease; }
.badge-legal:hover{ border-color:var(--auriu); color:var(--auriu); }

/* ===== Reveal la scroll ===== */
.reveal{ opacity:0; transform:translateY(28px); transition:opacity .7s ease, transform .7s ease; }
.reveal.vizibil{ opacity:1; transform:none; }

@media (prefers-reduced-motion:reduce){
  .reveal{ opacity:1; transform:none; transition:none; }
  .scroll-indicator{ animation:none; }
  .marquee-track{ animation:none; flex-wrap:wrap; width:auto; }
}

@media (max-width:960px){
  .footer-grid{ grid-template-columns:1fr 1fr; }
}
@media (max-width:760px){
  .bara-utilitara-inner{ flex-direction:column; gap:0.2rem; text-align:center; }
  .hero-content{ padding-block:1rem 3.5rem; }
  .hero-brand{ margin-bottom:2rem; }
  .hero .eyebrow{ margin-bottom:0.5rem; }
  .hero-slogan{ line-height:1.15; margin-bottom:0.75rem; }
  .hero-misiune{ line-height:1.35; margin-bottom:1.25rem; }
  .pachete-track{ flex-direction:column; gap:2.75rem; margin-top:3rem; margin-left:30px; }
  .pachete-linie{ top:0; bottom:0; left:-30px; right:auto; width:2px; height:auto; background:linear-gradient(180deg, transparent, var(--auriu) 6%, var(--auriu) 94%, transparent); }
  .pachet-card{ text-align:left; padding:1.75rem 1.5rem; }
  .pachet-nod{ top:50%; left:-30px; transform:translate(-50%,-50%); }
  .footer-grid{ grid-template-columns:1fr; gap:2rem; }
  .newsletter-inner{ flex-direction:column; align-items:flex-start; }
}
@media (max-width:400px){
  .brand-text{ display:none; }
}
@media (max-width:480px){
  .hero-actiuni{ flex-direction:column; align-items:stretch; }
  .container{ padding-inline:1.1rem; }
}

/* ===== Modal formular de comandă ===== */
.modal-comanda-fundal{ position:fixed; inset:0; background:rgba(10,14,12,0.75); z-index:300; display:none; align-items:flex-start; justify-content:center; padding:5vh 1rem; overflow-y:auto; }
.modal-comanda-fundal.deschis{ display:flex; }
.modal-comanda{ background:#fff; border-radius:var(--radius); max-width:660px; width:100%; padding:clamp(1.4rem,4vw,2.4rem); position:relative; }
.modal-comanda h3{ font-size:clamp(1.25rem,3.5vw,1.6rem); padding-right:2.75rem; margin-bottom:0.4rem; }
.comanda-intro{ color:var(--text-muted); font-size:0.95rem; margin-bottom:1.5rem; line-height:1.45; }

.comanda-tip-grid{ display:grid; gap:1rem; grid-template-columns:1fr 1fr; margin-bottom:1.75rem; }
@media (max-width:560px){ .comanda-tip-grid{ grid-template-columns:1fr; } }
.comanda-tip-btn{ display:flex; flex-direction:column; align-items:center; gap:0.35rem; text-align:center; padding:1.5rem 1rem; border:2px solid var(--bordura); border-radius:var(--radius); background:#fff; color:var(--text); transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.comanda-tip-btn:hover{ border-color:var(--verde-lumina); transform:translateY(-2px); box-shadow:0 12px 26px rgba(27,67,50,0.14); }
.comanda-tip-ico{ font-size:1.75rem; line-height:1; }
.comanda-tip-btn strong{ font-family:var(--font-display); font-size:0.95rem; letter-spacing:0.02em; }
.comanda-tip-btn small{ color:var(--text-muted); font-size:0.78rem; }

.comanda-eticheta-tip{ display:inline-block; font-family:var(--font-mono); font-size:0.72rem; letter-spacing:0.1em; text-transform:uppercase; font-weight:600; color:var(--verde-terra); background:var(--fundal-alt); border-radius:100px; padding:0.35rem 0.8rem; margin-bottom:1.1rem; }
.comanda-inapoi{ background:none; border:none; padding:0; color:var(--text-muted); font-size:0.85rem; text-decoration:underline; margin-bottom:1rem; }
.comanda-inapoi:hover{ color:var(--verde-terra); }

.comanda-grid{ display:grid; gap:1rem; grid-template-columns:1fr 1fr; }
@media (max-width:560px){ .comanda-grid{ grid-template-columns:1fr; } }
.camp{ display:flex; flex-direction:column; gap:0.35rem; }
.camp.lat{ grid-column:1 / -1; }
.camp label{ font-size:0.78rem; font-weight:600; letter-spacing:0.05em; text-transform:uppercase; color:var(--text-muted); }
.camp label .oblig{ color:#C0392B; }
.camp input, .camp select{ padding:0.72rem 0.85rem; border:1px solid var(--bordura); border-radius:var(--radius-mic); font-size:0.95rem; background:#fff; color:var(--text); width:100%; }
.camp input:focus, .camp select:focus{ border-color:var(--verde-lumina); outline:none; box-shadow:0 0 0 3px rgba(79,157,110,0.16); }
.camp.eroare input, .camp.eroare select{ border-color:#C0392B; background:#FDF5F4; }
.camp-mesaj{ font-size:0.75rem; color:#C0392B; display:none; }
.camp.eroare .camp-mesaj{ display:block; }
.camp-ajutor{ font-size:0.74rem; color:var(--text-muted); }

.comanda-sectiune-titlu{ grid-column:1 / -1; font-family:var(--font-mono); font-size:0.75rem; letter-spacing:0.12em; text-transform:uppercase; font-weight:600; color:var(--verde-terra); border-top:1px solid var(--bordura); padding-top:1.25rem; margin-top:0.35rem; }
#comanda-bloc-firma{ display:contents; }
#comanda-bloc-firma[hidden]{ display:none; }

.comanda-rezumat{ background:var(--fundal-alt); border:1px solid var(--bordura); border-radius:var(--radius-mic); padding:1rem 1.1rem; margin-top:1.5rem; }
.comanda-rezumat h4{ font-family:var(--font-display); font-size:0.9rem; margin-bottom:0.75rem; }
.comanda-rezumat-rand{ display:flex; justify-content:space-between; gap:1rem; font-size:0.85rem; padding:0.28rem 0; color:var(--text-muted); }
.comanda-rezumat-rand span:last-child{ white-space:nowrap; font-weight:600; color:var(--text); }
.comanda-rezumat-total{ display:flex; justify-content:space-between; gap:1rem; font-family:var(--font-display); font-weight:700; font-size:1.05rem; border-top:1px solid var(--bordura); margin-top:0.6rem; padding-top:0.7rem; }

.comanda-eroare-generala{ display:none; background:#FDF5F4; border:1px solid #E8C3BE; color:#8E2C1E; border-radius:var(--radius-mic); padding:0.8rem 1rem; font-size:0.85rem; margin-top:1.25rem; line-height:1.45; }
.comanda-eroare-generala.vizibil{ display:block; }
.comanda-trimite{ margin-top:1.5rem; }
.comanda-trimite .btn{ width:100%; text-align:center; }
.comanda-trimite .btn[disabled]{ opacity:0.6; cursor:progress; transform:none; }
.comanda-nota{ font-size:0.76rem; color:var(--text-muted); text-align:center; margin-top:0.85rem; line-height:1.5; }

.comanda-succes{ text-align:center; }
.comanda-succes-ico{ font-size:3rem; line-height:1; }
.comanda-succes h3{ padding-right:0; margin:0.85rem 0 0.4rem; color:var(--verde-terra); }
.comanda-succes-nr{ font-family:var(--font-mono); font-size:0.85rem; letter-spacing:0.08em; color:var(--text-muted); margin-bottom:1.35rem; }
.comanda-succes-detalii{ text-align:left; background:var(--fundal-alt); border:1px solid var(--bordura); border-radius:var(--radius-mic); padding:1rem 1.1rem; font-size:0.85rem; line-height:1.6; white-space:pre-wrap; max-height:38vh; overflow-y:auto; }
.comanda-succes-mesaj{ font-size:0.88rem; color:var(--text-muted); margin-top:1.2rem; line-height:1.55; }


/* ============================================================
   OPTIMIZARI PENTRU TELEFON
   ============================================================ */

/* Hero: inaltime care tine cont de bara browserului pe mobil */
@supports (height:100svh){
  .hero{ min-height:clamp(520px, 88svh, 860px); }
}

@media (max-width:700px){
  /* --- Produse: doua pe rand, carduri compacte --- */
  .produse-grid{ grid-template-columns:repeat(2,1fr); gap:0.75rem; }
  .produs-card{ padding:0.9rem; border-radius:12px; }
  .produs-card h3{ font-size:0.92rem; line-height:1.25; overflow-wrap:anywhere; }
  .produs-tag{ font-size:0.6rem; padding:0.2rem 0.45rem; }
  .produs-imagine{ margin-bottom:0.65rem; }
  .produs-spec{ font-size:0.75rem; -webkit-line-clamp:2; margin-bottom:0.7rem; }
  .produs-meta{ margin-bottom:0.7rem; gap:0.25rem; flex-wrap:wrap; }
  .produs-pret{ font-size:1rem; }
  .produs-ambalaj, .produs-detalii-link{ font-size:0.72rem; }
  .produs-card .btn-mic{ padding:0.6rem 0.5rem; font-size:0.78rem; }

  /* --- Butoane mari, usor de atins cu degetul --- */
  .icon-btn{ width:44px; height:44px; }
  .hamburger{ width:44px; height:44px; }
  .modal-produs-inchide{ width:44px; height:44px; font-size:1.1rem; }
  .cos-cant-btn{ width:34px; height:34px; font-size:1.15rem; border-radius:6px; }
  .cos-elimina{ padding:0.55rem; font-size:1rem; }
  .cos-stepper{ gap:0.15rem; }
  .hero-actiuni .btn{ padding:1rem 1.5rem; font-size:1rem; }
  .banner-central-inner .btn{ padding:1rem 1.5rem; font-size:1rem; max-width:100%; }

  /* --- Cosul: panou lat, lipit de marginile ecranului --- */
  .panou-cos{ left:0.6rem; right:0.6rem; width:auto; max-height:calc(100svh - 6rem); padding:1rem; }

  /* --- Bara de filtre si cautare --- */
  .controale-produse{ gap:0.85rem; padding-block:1rem; margin-bottom:1.5rem; }
  .control-produse-grup{ flex:1 1 100%; }
  .control-produse-grup select{ flex:1; min-width:0; }
  .filtru-chip{ font-size:0.85rem; min-height:4rem; padding:0.6rem 0.4rem; }

  /* --- Formularul de comanda ca foaie pe tot ecranul --- */
  .modal-comanda-fundal{ padding:0; align-items:stretch; }
  .modal-comanda{ border-radius:0; min-height:100%; padding:1.5rem 1.15rem 2.5rem; }
  .comanda-tip-btn{ padding:1.15rem 1rem; }
  .comanda-succes-detalii{ font-size:0.8rem; max-height:45vh; }

  /* --- Modalul de produs --- */
  .modal-produs-fundal{ padding:0; align-items:stretch; }
  .modal-produs{ border-radius:0; min-height:100%; }
  .modal-produs-descriere{ max-height:none; }
}

/* Sub 380px: o singura coloana de produse, ca sa ramana lizibil */
@media (max-width:379px){
  .produse-grid{ grid-template-columns:1fr; }
}

/* iOS mareste automat pagina cand se scrie intr-un camp mai mic de 16px.
   Fortam 16px pe ecrane mici ca sa nu sara layout-ul. */
@media (max-width:820px){
  input, select, textarea,
  .camp input, .camp select,
  .control-cautare-produse input,
  .control-produse-grup select,
  #input-cautare{ font-size:16px !important; }
}

/* Fara evidentiere albastra la atingere si fara text taiat */
@media (hover:none){
  *{ -webkit-tap-highlight-color:rgba(27,67,50,0.12); }
  .produs-card:hover, .filtru-chip:hover, .btn:hover, .categorie-card:hover{ transform:none; box-shadow:none; }
}
.produs-card h3, .cos-produs-nume, .modal-produs h3{ overflow-wrap:anywhere; }

/* SEO architecture additions */
.produs-page-link{display:block;color:inherit;text-decoration:none;}
.produs-card .produs-page-link:focus-visible{outline:2px solid var(--verde-lumina);outline-offset:4px;border-radius:8px;}

/* Fit all six catalog categories in the desktop header */
@media (min-width:961px){.nav-principal ul{gap:clamp(.55rem,1vw,1rem)}.nav-principal a{font-size:1rem}}

/* ===== Header V7 – catalog comercial ===== */
.antet-v7{position:sticky;top:0;background:#101a1d;overflow:visible}
.antet-main-v7{display:grid;grid-template-columns:auto minmax(320px,1fr) auto;align-items:center;gap:2rem;padding-block:.9rem}
.brand-v7 img{width:72px;height:72px;border-radius:50%;object-fit:contain}.brand-v7>span{display:flex;flex-direction:column}.brand-v7 small{color:#d8dfdc;font-size:.63rem;letter-spacing:.22em;margin-top:.18rem;white-space:nowrap}
.header-search-v7{position:static!important;transform:none!important;opacity:1!important;pointer-events:auto!important;background:transparent!important;padding:0!important}
.header-search-v7 .search-box-v7{display:grid;grid-template-columns:42px 1fr 96px;background:#fff;border-radius:9px;overflow:hidden;min-height:52px;box-shadow:0 2px 10px rgba(0,0,0,.12)}
.search-icon-v7{display:grid;place-items:center;color:#39474a;font-size:1.5rem}.header-search-v7 #input-cautare{border:0!important;background:#fff!important;color:#20262b!important;padding:.8rem .2rem!important;font-size:.95rem!important;outline:0}.header-search-v7 #input-cautare::placeholder{color:#6b7477}.header-search-v7 #btn-cautare{border:0;background:var(--auriu);font-weight:800;color:#172126;font-size:.95rem}
.header-actions-v7 .cart-v7{width:auto;height:52px;border-radius:9px;padding:0 1rem;gap:.5rem}.cart-icon-v7{font-size:1.25rem}.cart-label-v7{font-weight:700;white-space:nowrap}.header-actions-v7 .cos-contor{top:-5px;right:-5px}
.category-bar-v7{background:#142427;border-top:1px solid rgba(255,255,255,.06);padding:.62rem 0}.category-bar-v7 ul{display:grid;grid-template-columns:1.35fr .82fr .85fr .9fr 1.55fr 1.4fr 1.55fr .9fr;gap:.5rem}.category-bar-v7 a{min-height:48px;padding:.55rem .7rem;border-radius:8px;background:#183f32;color:#fff;display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.86rem;font-weight:700;text-align:center;line-height:1.15;transition:.2s}.category-bar-v7 a:hover{background:#245b47;transform:translateY(-1px)}.category-bar-v7 .all-products-v7{background:#2e8654}.category-bar-v7 .contact-v7{background:var(--auriu);color:#172126}.category-bar-v7 .contact-v7:hover{background:#d9b457}
@media(max-width:1180px){.antet-main-v7{gap:1rem}.brand-v7 .brand-text{font-size:1.25rem}.category-bar-v7 a{font-size:.78rem;padding:.45rem .4rem}.category-bar-v7 ul{gap:.35rem}}
@media(max-width:960px){.antet-main-v7{grid-template-columns:1fr auto;padding-block:.65rem}.antet-main-v7 .header-search-v7{grid-column:1/-1;grid-row:2}.brand-v7 img{width:48px;height:48px}.brand-v7 small{display:none}.header-actions-v7 .cart-label-v7{display:none}.category-bar-v7{display:none}.header-search-v7 .search-box-v7{min-height:44px;grid-template-columns:36px 1fr 58px}.header-search-v7 #btn-cautare{font-size:0;color:transparent}.header-search-v7 #btn-cautare:after{content:'⌕';font-size:1.35rem;color:#172126}.hamburger{display:flex}}

/* ===== Header V9 – remodelare aprobată ===== */
.bara-utilitara{background:linear-gradient(90deg,#0f4d34,#07583a)!important;border-bottom:1px solid rgba(255,255,255,.12)}
.bara-utilitara-inner{min-height:44px;font-size:.86rem}.bara-utilitara a{color:#fff}.bara-utilitara .link-whatsapp{color:#2ee47d!important;font-weight:800}
.antet-v7{background:linear-gradient(135deg,#08171a,#0d2021 58%,#102a26)!important;box-shadow:0 8px 24px rgba(0,0,0,.16)}
.antet-main-v7{grid-template-columns:minmax(300px,auto) minmax(420px,1fr) auto;gap:clamp(1.25rem,2.4vw,3rem);padding-block:1rem!important}
.brand-v7{gap:.85rem}.brand-v7 img{width:78px!important;height:78px!important;filter:drop-shadow(0 3px 8px rgba(0,0,0,.3))}.brand-v7 .brand-text{font-size:1.65rem!important;font-weight:800;letter-spacing:-.02em}.brand-v7 small{font-size:.66rem!important;letter-spacing:.24em!important}
.header-search-v7 .search-box-v7{min-height:58px!important;grid-template-columns:52px 1fr 112px!important;border-radius:10px!important;box-shadow:0 4px 16px rgba(0,0,0,.22)!important;border:1px solid rgba(255,255,255,.5)}
.search-icon-v7{font-size:1.65rem!important}.header-search-v7 #input-cautare{font-size:1rem!important;padding:.9rem .35rem!important}.header-search-v7 #btn-cautare{font-size:1rem!important;cursor:pointer;transition:.18s}.header-search-v7 #btn-cautare:hover{filter:brightness(1.08)}
.header-actions-v7 .cart-v7{height:58px!important;min-width:142px!important;justify-content:center;border:1px solid rgba(255,255,255,.22)!important;background:rgba(255,255,255,.08)!important}.header-actions-v7 .cart-v7:hover{background:rgba(255,255,255,.14)!important}.cart-icon-v7{font-size:1.45rem!important}.cart-label-v7{font-size:.98rem!important}
.category-bar-v7{background:#0d2420!important;padding:.72rem 0!important;border-top:1px solid rgba(255,255,255,.08)!important;border-bottom:1px solid rgba(255,255,255,.08)}
.category-bar-v7 ul{grid-template-columns:1.35fr .82fr .85fr .9fr 1.55fr 1.4fr 1.55fr .9fr!important;gap:.62rem!important}
.category-bar-v7 a{min-height:56px!important;padding:.7rem .75rem!important;border-radius:9px!important;background:#124a36!important;font-size:.9rem!important;box-shadow:inset 0 1px rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.04)}
.category-bar-v7 a:hover{background:#1b6649!important;transform:translateY(-2px)!important;box-shadow:0 6px 14px rgba(0,0,0,.18)}
.category-bar-v7 .all-products-v7{background:linear-gradient(135deg,#15965c,#268653)!important;font-size:.94rem!important}
.category-bar-v7 .contact-v7{background:linear-gradient(135deg,#e2b23e,#d39a25)!important;color:#14201d!important;font-size:.96rem!important}
@media(max-width:1280px) and (min-width:961px){.antet-main-v7{grid-template-columns:auto minmax(330px,1fr) auto;gap:1rem}.brand-v7 img{width:66px!important;height:66px!important}.brand-v7 .brand-text{font-size:1.35rem!important}.category-bar-v7 a{font-size:.79rem!important;padding:.55rem .4rem!important}.category-bar-v7 ul{gap:.38rem!important}.header-actions-v7 .cart-v7{min-width:116px!important}}
@media(max-width:960px){.bara-utilitara-inner{min-height:auto;padding-block:.4rem}.antet-main-v7{grid-template-columns:1fr auto!important}.brand-v7 img{width:52px!important;height:52px!important}.brand-v7 .brand-text{font-size:1.2rem!important}.header-search-v7 .search-box-v7{min-height:48px!important;grid-template-columns:42px 1fr 64px!important}.header-actions-v7 .cart-v7{min-width:52px!important;height:50px!important}.category-bar-v7{display:none!important}}


/* ===== HERO V10 — homepage only ===== */
.hero.hero-v10{
  min-height:0;
  height:auto;
  display:block;
  position:relative;
  overflow:hidden;
  background:#071b14;
  isolation:isolate;
}
.hero-v10 .hero-media{position:absolute;inset:0;z-index:0;overflow:hidden}
.hero-v10 .hero-fallback-img{
  width:100%;height:100%;object-fit:cover;object-position:58% 50%;
  transform:scale(1.02);filter:saturate(1.12) contrast(1.04) brightness(.92);
}
.hero-v10 .hero-video{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% 50%;
  z-index:1;opacity:1;filter:saturate(1.08) contrast(1.03) brightness(.93);
}
@media (prefers-reduced-motion: reduce){
  .hero-v10 .hero-video{display:none}
}
.hero-v10 .hero-overlay{
  z-index:2;
  background:
    linear-gradient(90deg,rgba(2,18,12,.96) 0%,rgba(3,22,14,.90) 24%,rgba(3,20,13,.62) 48%,rgba(3,16,10,.12) 73%,rgba(3,16,10,.16) 100%),
    linear-gradient(0deg,rgba(1,14,9,.82) 0%,rgba(1,14,9,0) 39%,rgba(1,14,9,.08) 100%);
}
.hero-v10-grid{
  position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);
  gap:3.25rem;align-items:center;min-height:485px;padding-top:2.1rem;padding-bottom:1.5rem;
}
.hero-v10-copy{max-width:850px;padding-top:.2rem}
.hero-v10-eyebrow{display:block;color:#e6b441;font-size:.76rem;font-weight:800;letter-spacing:.27em;margin-bottom:.9rem;text-transform:uppercase}
.hero-v10-copy h1{font-family:var(--font-display);font-size:clamp(2.6rem,4.35vw,4.9rem);line-height:.98;letter-spacing:-.035em;color:#fff;margin:0 0 1rem;font-weight:800;text-wrap:balance}
.hero-v10-copy h1 span{color:#e7b23d}
.hero-v10-copy>p{font-size:clamp(1rem,1.18vw,1.25rem);line-height:1.5;color:#fff;font-weight:600;margin:0 0 1.35rem;text-shadow:0 1px 18px rgba(0,0,0,.3)}
.hero-v10-actions{display:flex;gap:.85rem;flex-wrap:wrap;margin-bottom:1.45rem}
.hero-v10-btn{min-height:56px;padding:0 1.45rem;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;font-size:1rem;font-weight:800;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;text-decoration:none}
.hero-v10-btn svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hero-v10-btn:hover{transform:translateY(-2px)}
.hero-v10-primary{background:linear-gradient(135deg,#f2c249,#dca128);color:#101811;box-shadow:0 9px 28px rgba(218,163,46,.2)}
.hero-v10-primary:hover{box-shadow:0 12px 32px rgba(218,163,46,.32)}
.hero-v10-primary b{font-size:1.25rem;margin-left:.15rem}
.hero-v10-secondary{background:rgba(5,28,19,.58);border:2px solid rgba(255,255,255,.88);color:#fff;backdrop-filter:blur(3px)}
.hero-v10-secondary:hover{background:rgba(255,255,255,.10)}
.hero-v10-crops{display:flex;align-items:flex-start;gap:1.15rem;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.10);padding-top:1rem}
.hero-v10-crops a{min-width:55px;display:flex;flex-direction:column;align-items:center;gap:.28rem;color:#fff;text-decoration:none;font-size:.72rem;text-align:center;opacity:.94;transition:opacity .2s ease,transform .2s ease}
.hero-v10-crops a:hover{opacity:1;transform:translateY(-2px)}
.hero-v10-crops span{font-size:1.75rem;line-height:1;filter:saturate(.9)}
.hero-v10-crops b{font-weight:700;white-space:nowrap}
.hero-v10-benefits{justify-self:end;display:flex;flex-direction:column;gap:1rem;width:min(100%,310px);padding:1rem 0}
.hero-v10-benefit{display:grid;grid-template-columns:54px 1fr;gap:.85rem;align-items:center;color:#092015}
.hero-v10-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#075331;color:#fff;border:2px solid rgba(255,255,255,.72);font-weight:900;font-size:1.25rem;box-shadow:0 8px 22px rgba(0,0,0,.12)}
.hero-v10-benefit div{background:rgba(255,255,255,.55);border-radius:8px;padding:.42rem .58rem;backdrop-filter:blur(4px);box-shadow:0 3px 12px rgba(0,0,0,.05)}
.hero-v10-benefit strong{display:block;font-size:.92rem;line-height:1.15}
.hero-v10-benefit small{display:block;font-size:.76rem;margin-top:.18rem;line-height:1.25}
.hero-v10-signature{margin-top:.3rem;color:#fff;font-family:cursive;font-size:1.45rem;font-style:italic;text-align:center;text-shadow:0 2px 12px rgba(0,0,0,.55);transform:rotate(-3deg)}
.hero-v10-signature::after{content:"";display:block;width:72%;height:2px;background:#dfad36;margin:.3rem auto 0;transform:skewX(-28deg)}
.hero-v10-dots{position:absolute;z-index:3;left:50%;bottom:1.05rem;transform:translateX(-50%);display:flex;gap:.45rem}
.hero-v10-dots span{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.42)}
.hero-v10-dots span.active{background:#e2ac30}

@media(max-width:1100px){
  .hero-v10-grid{grid-template-columns:1fr minmax(230px,.45fr);gap:1.25rem;min-height:470px}
  .hero-v10-crops{gap:.8rem}.hero-v10-crops a{font-size:.66rem}.hero-v10-crops span{font-size:1.5rem}
  .hero-v10-benefits{width:255px}.hero-v10-benefit{grid-template-columns:46px 1fr;gap:.6rem}.hero-v10-icon{width:46px;height:46px}
}
@media(max-width:820px){
  .hero-v10 .hero-fallback-img{object-position:68% center}
  .hero-v10 .hero-overlay{background:linear-gradient(90deg,rgba(2,18,12,.94) 0%,rgba(2,18,12,.82) 55%,rgba(2,18,12,.42) 100%),linear-gradient(0deg,rgba(2,18,12,.76),rgba(2,18,12,.08))}
  .hero-v10-grid{grid-template-columns:1fr;min-height:auto;padding-top:3.2rem;padding-bottom:4rem}
  .hero-v10-copy{max-width:700px}.hero-v10-benefits{display:none}
  .hero-v10-copy h1{font-size:clamp(2.45rem,9vw,4rem)}
  .hero-desktop-br{display:none}
  .hero-v10-crops{gap:1rem;justify-content:flex-start}
}
@media(max-width:560px){
  .hero-v10-grid{padding-top:2.4rem;padding-bottom:3.8rem}
  .hero-v10-eyebrow{font-size:.62rem;letter-spacing:.2em;line-height:1.45}
  .hero-v10-copy h1{font-size:clamp(2.15rem,12vw,3.4rem)}
  .hero-v10-copy>p{font-size:.96rem}
  .hero-v10-actions{flex-direction:column}.hero-v10-btn{width:100%;min-height:52px}
  .hero-v10-crops{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem .35rem}
  .hero-v10-crops a{min-width:0}.hero-v10-crops b{white-space:normal}
}
\n/* V11 — HERO simplificat conform machetei aprobate. Doar homepage HERO. */
.hero.hero-v10 .hero-v10-grid{
  grid-template-columns:minmax(0, 1fr);
  position:relative;
}
.hero.hero-v10 .hero-v10-copy{max-width:850px;position:relative;z-index:2}
.hero.hero-v10 .hero-v11-signature{
  position:absolute;
  z-index:3;
  right:clamp(2rem,7vw,8rem);
  top:clamp(3rem,8vw,6rem);
  color:#fff;
  font-family:cursive;
  font-size:clamp(1.6rem,2.25vw,2.65rem);
  line-height:1.05;
  font-style:italic;
  text-align:center;
  text-shadow:0 3px 16px rgba(0,0,0,.65);
  transform:rotate(-4deg);
}
.hero.hero-v10 .hero-v11-signature::after{
  content:"";
  display:block;
  width:105%;
  height:3px;
  background:#dfad36;
  margin:.5rem auto 0;
  transform:skewX(-28deg);
  box-shadow:0 1px 5px rgba(0,0,0,.25);
}
@media(max-width:980px){
  .hero.hero-v10 .hero-v11-signature{right:2rem;top:2.2rem;font-size:1.65rem}
}
@media(max-width:760px){
  .hero.hero-v10 .hero-v11-signature{display:none}
}

/* V14 — desktop: headerul nu mai ramane fix/sticky.
   Elibereaza inaltimea viewportului pentru continutul fiecarei sectiuni.
   Comportamentul mobil ramane neschimbat. */
@media (min-width: 961px){
  .antet.antet-v7,
  .antet-v7{
    position:relative !important;
    top:auto !important;
  }
  .antet.scrolled{
    box-shadow:none;
  }
}


/* V16 — category image cards; scoped only to homepage category section */
#categorii.categorii-v16{background:#fff;padding-top:clamp(2rem,4vw,3.5rem);padding-bottom:clamp(2.4rem,5vw,4.5rem)}
#categorii .categorii-grid-v16{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;align-items:stretch}
#categorii .categorie-card-v16{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #edf0ec;border-radius:16px;overflow:hidden;text-decoration:none;box-shadow:0 10px 28px rgba(20,55,42,.08);transition:transform .22s ease,box-shadow .22s ease;color:#12272b}
#categorii .categorie-card-v16:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(20,55,42,.15)}
#categorii .categorie-card-v16>img{width:100%;height:170px;object-fit:cover;display:block}
#categorii .categorie-card-body-v16{display:flex;flex-direction:column;flex:1;padding:1.15rem 1rem 1rem}
#categorii .categorie-card-body-v16 h3{font-size:1.12rem;line-height:1.08;margin:0 0 .7rem;color:#10252a;font-weight:800}
#categorii .categorie-card-body-v16 p{font-size:.86rem;line-height:1.48;color:#53656a;margin:0 0 1rem}
#categorii .categorie-card-body-v16 span{margin-top:auto;display:flex;align-items:center;justify-content:space-between;background:#f0f7ef;border-radius:9px;padding:.72rem .8rem;color:#075a36;font-weight:800;font-size:.85rem}
@media(max-width:1180px){#categorii .categorii-grid-v16{grid-template-columns:repeat(3,1fr)}#categorii .categorie-card-v16>img{height:190px}}
@media(max-width:700px){#categorii .sectiune-titlu h2{white-space:normal!important}#categorii .categorii-grid-v16{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}#categorii .categorie-card-v16>img{height:130px}#categorii .categorie-card-body-v16{padding:.85rem .75rem}#categorii .categorie-card-body-v16 h3{font-size:.98rem}#categorii .categorie-card-body-v16 p{font-size:.78rem}#categorii .categorie-card-body-v16 span{font-size:.76rem;padding:.6rem}}
@media(max-width:430px){#categorii .categorii-grid-v16{grid-template-columns:1fr}#categorii .categorie-card-v16>img{height:180px}}


/* ===== V19: compact UX / mobile / newsletter ===== */
.banda-newsletter{padding-block:1.35rem!important}
.newsletter-inner{gap:1rem!important;align-items:center!important}
.newsletter-text h3{margin:0 0 .2rem!important;font-size:1.18rem!important;line-height:1.2}
.newsletter-text p{margin:0!important;line-height:1.35}
.newsletter-form{gap:.55rem!important}
.newsletter-form input{padding:.7rem .9rem!important}
.newsletter-form .btn{padding:.7rem 1rem!important}
.newsletter-msg{margin-top:.35rem!important}

@media(max-width:960px){
  .header-search-v7 #btn-cautare{display:grid!important;place-items:center!important;padding:0!important;line-height:1!important}
  .header-search-v7 #btn-cautare:after{display:block!important;line-height:1!important;transform:translateY(-1px)}
}
@media(max-width:700px){
  #produse.sectiune{padding-top:1.5rem!important;padding-bottom:2.5rem!important}
  #produse .sectiune-titlu{margin-bottom:.8rem!important}
  #produse .sectiune-titlu .eyebrow{margin-bottom:.2rem!important;font-size:.68rem!important}
  #produse .sectiune-titlu h2{font-size:1.45rem!important;line-height:1.12!important;margin:0 0 .35rem!important;white-space:normal!important}
  #produse .sectiune-subtitlu{font-size:.88rem!important;line-height:1.35!important;margin:0!important;white-space:normal!important}
  #produse .filtre-produse{margin-bottom:.65rem!important;gap:.4rem!important}
  #produse .filtru-chip{padding:.5rem .65rem!important;font-size:.76rem!important}
  #produse .controale-produse{padding-block:.65rem!important;margin-bottom:1rem!important;gap:.6rem!important}
  .banda-newsletter{padding-block:1rem!important}
  .newsletter-inner{gap:.65rem!important}
  .newsletter-text h3{font-size:1.05rem!important}
  .newsletter-text p{font-size:.82rem!important}
  .newsletter-form{width:100%;flex-wrap:nowrap!important}
  .newsletter-form input{min-width:0!important;padding:.62rem .75rem!important}
  .newsletter-form .btn{white-space:nowrap;padding:.62rem .78rem!important;font-size:.82rem!important}
}

/* V20: cautare mobila - lupa stanga dispare doar dupa inceperea cautarii; lupa din buton ramane */
.search-icon-v7{transition:opacity .16s ease}
.search-icon-v7.ascunsa-la-cautare{opacity:0;pointer-events:none}

/* V21: newsletter mobil compact - neutralizeaza flex-basis vertical din layout-ul desktop */
@media(max-width:700px){
  .banda-newsletter{padding-block:.85rem!important}
  .newsletter-inner{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:.65rem!important}
  .newsletter-text,.newsletter-form-col{flex:0 0 auto!important;width:100%!important;max-width:none!important;min-height:0!important}
  .newsletter-text h3{margin:0 0 .18rem!important;font-size:1.05rem!important;line-height:1.18!important}
  .newsletter-text p{margin:0!important;font-size:.82rem!important;line-height:1.3!important}
  .newsletter-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:.5rem!important;width:100%!important;align-items:stretch!important}
  .newsletter-form input{width:100%!important;min-width:0!important;padding:.62rem .75rem!important}
  .newsletter-form .btn{width:auto!important;white-space:nowrap!important;padding:.62rem .82rem!important;font-size:.82rem!important}
  .newsletter-msg{margin-top:.3rem!important}
}
@media(max-width:430px){
  .newsletter-form{grid-template-columns:1fr!important}
  .newsletter-form .btn{width:100%!important}
}