/* Тема «Гербарій» — одне ботанічне фонове зображення на весь сайт (як Pavumi),
   скляні напівпрозорі картки поверх. Світла, повітряна, «дорога». */
@import url('base.css');

:root{
  --acc:#6f8163;          /* шавлія (лишаємо зелень — Тарас просив зберегти) */
  --acc-deep:#54634a;
  --acc-soft:rgba(111,129,99,.14);
  --clay:#c0895e;

  --bg:transparent;       /* фон дає картинка body::before */
  --card:rgba(255,255,255,.9);
  --ink:#232a1d;
  --ink2:#3c4433;
  --mut:#5f6753;
  --line:rgba(42,48,36,.14);
  --nav:rgba(249,248,242,.82);
  --shadow:0 24px 60px rgba(60,66,44,.14);
  --shadow-sm:0 10px 30px rgba(60,66,44,.10);
}

/* ── Одне фонове зображення на весь сайт (fixed) + світлий скрим для читабельності ── */
body{background:#f2f0e8}
body::before{content:'';position:fixed;inset:0;z-index:-2;background:url('img/bg_herbarium.webp') center center/cover no-repeat}
body::after{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(246,244,238,.74),rgba(246,244,238,.82))}

/* декоративні плями hero не потрібні — фон уже ботанічний */
.leaf-blob{display:none}

/* ── Секції прозорі — фон просвічує наскрізь ── */
.section{background:transparent}
.section.tint{background:rgba(255,255,255,.5)}

/* ── Скляні картки (glassmorphism; непрозорі як fallback без backdrop-filter) ── */
.prod,.feat,.ben,.quote,.faq-item{
  background:rgba(255,255,255,.9);
  backdrop-filter:blur(10px) saturate(120%);
  -webkit-backdrop-filter:blur(10px) saturate(120%);
  border-color:rgba(255,255,255,.7);
  box-shadow:0 12px 34px rgba(60,66,44,.12);
}
.prod:hover,.feat:hover,.ben:hover{border-color:rgba(111,129,99,.4)}
.prod-body{background:transparent}

/* хедер-скло світле */
.nav.scrolled{background:var(--nav);border-bottom-color:var(--line)}

/* поля форми / фільтр-чіпи / кроки — напівпрозорі скляні */
.field input,.field textarea{background:rgba(255,255,255,.82)}
.chip{background:rgba(255,255,255,.7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.step .num{background:rgba(255,255,255,.85)}
.info-row{border-bottom-color:var(--line)}

/* hero-картинка та її chip лишаються як є (фото продукту поверх фону) */

/* CTA-стрічка й футер лишаємо суцільними — якорі контрасту зверху/знизу */