/* AgrosilPRO — стили сайта. Палитра взята из логотипа. */

:root {
  --field: #0e4a24;        /* тёмно-зелёный из логотипа */
  --field-deep: #0a3319;
  --leaf: #8fd45e;         /* листья */
  --sprout: #cdf08e;       /* верхний лист */
  --gold: #d6991b;         /* PRO в логотипе */
  --gold-soft: #f1d58a;
  --mist: #eef3ee;         /* холодный серебристо-зелёный фон */
  --silver: #dde7df;
  --ink: #0b2415;          /* текст, зелёный чёрный */
  --ink-soft: #3d5646;
  --white: #ffffff;

  --font-display: "Montserrat", "Segoe UI", system-ui, sans-serif;
  --font-heading: "Montserrat", "Segoe UI", system-ui, sans-serif;
  --font-body: "Golos Text", "Segoe UI", system-ui, sans-serif;

  --gutter: clamp(16px, 4vw, 40px);
  --maxw: 1240px;
  --radius: 18px;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 88px; }
body {
  margin: 0;
  font-family: var(--font-body);
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--ink);
  background: var(--white);
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; display: block; }
a { color: inherit; }
h1, h2, h3, p { margin: 0; }
:focus-visible { outline: 3px solid var(--gold); outline-offset: 3px; border-radius: 4px; }

.wrap { width: 100%; max-width: var(--maxw); margin-inline: auto; padding-inline: var(--gutter); }
.section { padding-block: clamp(64px, 9vw, 120px); }
.section--mist { background: var(--mist); }
.section--field { background: var(--field); color: var(--white); overflow: hidden; }

.h2 {
  font-family: var(--font-heading);
  font-weight: 800;
  font-size: clamp(1.8rem, 3.6vw, 3rem);
  line-height: 1.12;
  letter-spacing: -0.02em;
  max-width: 22ch;
  text-wrap: balance;
}
.lead { font-size: 1.15rem; color: var(--ink-soft); max-width: 60ch; margin-top: 20px; }
.section--field .lead { color: rgba(255, 255, 255, 0.78); }

/* ---------- Кнопки ---------- */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 52px; padding: 0 28px;
  font: 700 1rem/1 var(--font-body);
  border-radius: 999px; border: 2px solid transparent;
  text-decoration: none; cursor: pointer;
  transition: background-color .2s, color .2s, border-color .2s, transform .2s;
}
.btn--gold { background: var(--gold); color: var(--field-deep); }
.btn--gold:hover { background: #e6aa2e; }
.btn--line { border-color: var(--field); color: var(--field); background: transparent; }
.btn--line:hover { background: var(--field); color: var(--white); }
.btn:active { transform: translateY(1px); }

/* ---------- Шапка ---------- */
.header {
  position: sticky; top: 0; z-index: 50;
  background: rgba(255, 255, 255, 0.92);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--silver);
}
.header__bar { display: flex; align-items: center; gap: 28px; min-height: 76px; }
.header__logo img { height: 46px; width: auto; }
.nav { display: flex; gap: 26px; margin-left: auto; }
.nav a { text-decoration: none; font-weight: 600; font-size: 0.97rem; color: var(--ink-soft); padding: 8px 0; }
.nav a:hover { color: var(--field); }
.header__tools { display: flex; align-items: center; gap: 14px; }
.lang { display: flex; background: var(--mist); border-radius: 999px; padding: 3px; }
.lang button {
  font: 700 0.85rem/1 var(--font-body); color: var(--ink-soft);
  background: none; border: 0; border-radius: 999px; padding: 8px 12px; cursor: pointer;
}
.lang button[aria-pressed="true"] { background: var(--field); color: var(--white); }
.header__phone { font-weight: 800; text-decoration: none; color: var(--field); white-space: nowrap; }
.burger { display: none; width: 44px; height: 44px; border: 0; background: none; cursor: pointer; padding: 10px; }
.burger span { display: block; height: 3px; background: var(--field); border-radius: 2px; margin: 5px 0; transition: transform .2s, opacity .2s; }

/* ---------- Главный экран ---------- */
.hero { background: var(--mist); overflow: hidden; }
.hero__grid {
  display: grid; grid-template-columns: 1.05fr 0.95fr; align-items: center;
  gap: clamp(24px, 5vw, 72px); padding-block: clamp(40px, 6vw, 88px);
}
.hero__title {
  font-family: var(--font-heading); font-weight: 800;
  font-size: clamp(2.2rem, 5vw, 4.3rem); line-height: 1.08; letter-spacing: -0.025em;
  color: var(--field); text-wrap: balance;
}
.hero__lead { font-size: 1.2rem; color: var(--ink-soft); max-width: 52ch; margin-top: 24px; }
.hero__actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 36px; }
.hero__who { margin-top: 36px; font-weight: 700; color: var(--field); display: flex; align-items: center; gap: 12px; }
.hero__who::before { content: ""; width: 36px; height: 3px; background: var(--gold); border-radius: 2px; }

.hero__stage { position: relative; justify-self: center; width: min(100%, 540px); aspect-ratio: 1; }
.hero__emblem {
  position: absolute; inset: 0; border-radius: 50%; overflow: hidden;
  box-shadow: 0 0 0 10px var(--mist), 0 0 0 14px var(--gold);
}
.hero__emblem img { width: 100%; height: 100%; object-fit: cover; object-position: 38% 50%; }
.tile {
  position: absolute; left: -4%; bottom: 4%;
  width: clamp(124px, 15vw, 168px); aspect-ratio: 1;
  background: var(--field); color: var(--white);
  border-radius: 16px; border: 3px solid var(--gold);
  padding: 12px 14px; display: flex; flex-direction: column; justify-content: space-between;
  box-shadow: 0 18px 40px rgba(10, 51, 25, 0.28);
}
.tile__num { font: 700 0.95rem/1 var(--font-body); color: var(--sprout); }
.tile__sym { font: 700 clamp(2.4rem, 4.6vw, 3.6rem)/1 var(--font-display); letter-spacing: -0.02em; }
.tile__name { font: 600 0.82rem/1.2 var(--font-body); display: flex; justify-content: space-between; gap: 6px; }
.tile__name small { color: var(--sprout); font-size: inherit; }

/* Единственный анимационный момент: появление главного экрана */
@media (prefers-reduced-motion: no-preference) {
  .hero__title, .hero__lead, .hero__actions, .hero__who { animation: rise .8s cubic-bezier(.2,.7,.2,1) both; }
  .hero__lead { animation-delay: .1s; }
  .hero__actions { animation-delay: .2s; }
  .hero__who { animation-delay: .3s; }
  .hero__emblem { animation: iris 1.1s cubic-bezier(.2,.7,.2,1) both; }
  .tile { animation: tile-in .7s .5s cubic-bezier(.2,.9,.3,1.2) both; }
}
@keyframes rise { from { opacity: 0; transform: translateY(18px); } }
@keyframes iris { from { clip-path: circle(0% at 50% 50%); } to { clip-path: circle(72% at 50% 50%); } }
@keyframes tile-in { from { opacity: 0; transform: scale(.7) rotate(-6deg); } }

/* ---------- Продукция ---------- */
.products__head { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: clamp(24px, 5vw, 72px); align-items: center; }
.products__photo { border-radius: var(--radius); overflow: hidden; aspect-ratio: 1; max-width: 420px; justify-self: end; width: 100%; }
.products__photo img { width: 100%; height: 100%; object-fit: cover; }
.stages { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 56px; border-top: 3px solid var(--field); }
.stage { padding: 32px clamp(16px, 2.4vw, 36px) 8px; border-right: 1px solid var(--silver); }
.stage:first-child { padding-left: 0; }
.stage:last-child { border-right: 0; padding-right: 0; }
.stage__plant { width: 110px; height: 110px; margin-bottom: 20px; }
.plant .soil, .plant .leaf { fill: var(--silver); transition: fill .2s; }
.plant .stem { stroke: var(--silver); }
.stage--soil .soil, .stage--both .soil { fill: var(--gold); }
.stage--leaf .leaf, .stage--both .leaf { fill: var(--leaf); }
.stage--leaf .stem, .stage--both .stem { stroke: var(--leaf); }
.stage__name { font: 700 1.7rem/1.1 var(--font-display); color: var(--field); letter-spacing: -0.01em; }
.stage__where { margin-top: 10px; font-weight: 800; color: var(--ink); }
.stage__text { margin-top: 10px; color: var(--ink-soft); max-width: 34ch; }

.apply { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: clamp(24px, 5vw, 72px); align-items: center; margin-top: clamp(56px, 8vw, 96px); }
.apply__photo { border-radius: var(--radius); overflow: hidden; aspect-ratio: 4 / 3.2; }
.apply__photo img { width: 100%; height: 100%; object-fit: cover; }
.apply__title { font: 800 clamp(1.5rem, 2.6vw, 2.2rem)/1.2 var(--font-heading); letter-spacing: -0.015em; max-width: 18ch; color: var(--field); }
.apply__list { list-style: none; padding: 0; margin: 24px 0 0; display: grid; gap: 16px; }
.apply__list li { padding-left: 34px; position: relative; max-width: 52ch; }
.apply__list li::before {
  content: ""; position: absolute; left: 0; top: 6px; width: 18px; height: 18px; border-radius: 50%;
  background: var(--gold); box-shadow: inset 0 0 0 5px var(--white);
  outline: 2px solid var(--gold); outline-offset: -2px;
}
.section--mist .apply__list li::before { box-shadow: inset 0 0 0 5px var(--mist); }
.apply__list b { color: var(--field); }

/* ---------- Результаты ---------- */
.results { margin-top: 56px; border-top: 1px solid rgba(255, 255, 255, 0.25); }
.result {
  display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: clamp(16px, 4vw, 56px); align-items: baseline;
  padding-block: 36px; border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.result__fig { font: 700 clamp(2.4rem, 5vw, 4.2rem)/1 var(--font-display); letter-spacing: -0.03em; color: var(--gold); white-space: nowrap; }
.result__fig small { font-size: 0.4em; letter-spacing: 0; font-weight: 700; }
.result__crop { font: 800 1.5rem/1.2 var(--font-heading); }
.result__text { margin-top: 10px; color: rgba(255, 255, 255, 0.82); max-width: 56ch; }
.result__sub { margin-top: 14px; padding-top: 14px; border-top: 1px dashed rgba(255, 255, 255, 0.3); max-width: 56ch; color: var(--sprout); font-weight: 700; }
.note { margin-top: 32px; max-width: 70ch; color: rgba(255, 255, 255, 0.7); font-size: 0.95rem; }

/* ---------- Наука ---------- */
.science { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: clamp(32px, 6vw, 88px); align-items: start; }
.spec { margin: 36px 0 0; display: grid; gap: 0; border-top: 3px solid var(--field); }
.spec div { display: flex; justify-content: space-between; align-items: baseline; gap: 24px; padding: 16px 0; border-bottom: 1px solid var(--silver); }
.spec dt { color: var(--ink-soft); max-width: 30ch; }
.spec dd { margin: 0; font: 700 1.5rem/1 var(--font-display); color: var(--field); white-space: nowrap; letter-spacing: -0.02em; }
.science__more { margin-top: 28px; max-width: 56ch; color: var(--ink-soft); }
.science__media { position: relative; padding-bottom: 80px; }
.science__lab { border-radius: var(--radius); overflow: hidden; aspect-ratio: 4 / 3.4; }
.science__lab img { width: 100%; height: 100%; object-fit: cover; object-position: 30% 50%; }
.science__crystal {
  position: absolute; right: 6%; bottom: 0; width: clamp(150px, 20vw, 220px); aspect-ratio: 1; border-radius: 50%;
  overflow: hidden; background: var(--white);
  box-shadow: 0 0 0 8px var(--white), 0 0 0 11px var(--gold);
}
.science__crystal img { width: 100%; height: 100%; object-fit: cover; }

/* ---------- Культуры ---------- */
.chips { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 40px; padding: 0; list-style: none; }
.chips li { background: var(--white); border: 1px solid var(--silver); border-radius: 999px; padding: 10px 20px; font-weight: 700; color: var(--field); }
.crops__more { margin-top: 28px; color: var(--ink-soft); }

/* ---------- Контакты ---------- */
.contact { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: clamp(32px, 6vw, 88px); align-items: start; }
.contact__lines { margin-top: 36px; display: grid; gap: 14px; }
.contact__phone { font: 700 clamp(1.5rem, 2.6vw, 2rem)/1.1 var(--font-display); color: var(--field); text-decoration: none; letter-spacing: -0.01em; }
.contact__phone:hover { text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 3px; }
.contact__buttons { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px; }
.form { background: var(--white); border-radius: 24px; padding: clamp(24px, 4vw, 44px); border: 1px solid var(--silver); display: grid; gap: 20px; }
.field { display: grid; gap: 8px; }
.field label { font-weight: 800; color: var(--field); }
.field input, .field textarea {
  font: 500 1.05rem/1.4 var(--font-body); color: var(--ink);
  border: 2px solid var(--silver); border-radius: 12px; padding: 14px 16px; background: var(--mist); width: 100%;
}
.field input:focus, .field textarea:focus { border-color: var(--field); outline: none; background: var(--white); }
.field input[aria-invalid="true"] { border-color: #b3261e; }
.field__error { color: #b3261e; font-weight: 700; font-size: 0.92rem; min-height: 1.2em; }
.form__hint { color: var(--ink-soft); font-size: 0.93rem; }

/* ---------- Подвал ---------- */
.footer { background: var(--field-deep); color: rgba(255, 255, 255, 0.78); padding-block: 48px; font-size: 0.95rem; }
.footer__grid { display: flex; flex-wrap: wrap; gap: 32px; justify-content: space-between; align-items: flex-start; }
.footer__logo { display: block; background: var(--white); border-radius: 14px; padding: 12px 20px; }
.footer__logo img { width: 180px; height: auto; }
.footer p + p { margin-top: 8px; }
.footer a { color: var(--white); font-weight: 700; }

/* ---------- Адаптив ---------- */
@media (max-width: 1020px) {
  .nav { gap: 18px; }
  .header__phone { display: none; }
}
@media (max-width: 860px) {
  .burger { display: block; margin-left: auto; order: 3; }
  .header__tools { margin-left: 0; }
  .header__bar { gap: 12px; }
  .nav {
    position: absolute; left: 0; right: 0; top: 100%;
    flex-direction: column; gap: 0; margin: 0; padding: 8px var(--gutter) 20px;
    background: var(--white); border-bottom: 1px solid var(--silver); display: none;
  }
  .nav.is-open { display: flex; }
  .nav a { padding: 14px 0; border-bottom: 1px solid var(--mist); font-size: 1.05rem; }
  .header__tools { margin-left: auto; }
  .hero__grid, .science, .contact, .apply, .products__head { grid-template-columns: 1fr; }
  .products__photo { justify-self: start; max-width: 320px; }
  .hero__stage { width: min(88%, 440px); margin-top: 16px; }
  .stages { grid-template-columns: 1fr; border-top: 0; }
  .stage, .stage:first-child, .stage:last-child { border-right: 0; border-top: 3px solid var(--field); padding: 28px 0 20px; }
  .result { grid-template-columns: 1fr; gap: 12px; }
  .result__fig { font-size: clamp(2.6rem, 14vw, 4rem); }
  .science__media { padding-bottom: 60px; }
}
@media (max-width: 480px) {
  .header__logo img { height: 38px; }
  .lang button { padding: 8px 9px; }
  .btn { width: 100%; }
  .spec div { flex-direction: column; gap: 6px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { transition-duration: 0.01ms !important; }
}

/* =====================================================================
   v2: бренд-блок, анимированная эмблема, полоса с полем, подвал, движение
   ===================================================================== */

/* ---------- Бренд ---------- */
.brand { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; }
.brand__mark { width: 46px; height: 46px; flex: none; }
.brand__word { font: 700 1.35rem/1 "Montserrat", var(--font-body); letter-spacing: 0.01em; color: var(--field); }
.brand__word b { color: var(--gold); font-weight: 700; }
.brand--light .brand__word { color: var(--white); }
.brand--light .brand__mark { width: 56px; height: 56px; }
.header.is-scrolled { box-shadow: 0 6px 24px rgba(10, 51, 25, 0.1); }

/* Подчёркивание пунктов меню */
.nav a { position: relative; }
.nav a::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 2px; height: 2px; background: var(--gold);
  transform: scaleX(0); transform-origin: left; transition: transform .25s;
}
.nav a:hover::after { transform: scaleX(1); }
.btn--gold:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(214, 153, 27, 0.35); }

/* ---------- Главный экран: эмблема ---------- */
.hero { position: relative; }
.hero::before {
  content: ""; position: absolute; inset: auto -10% -45% 35%; height: 90%;
  background: radial-gradient(closest-side, rgba(143, 212, 94, 0.28), transparent);
  pointer-events: none;
}
.hero__grid { position: relative; }
.emblem { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; filter: drop-shadow(0 28px 44px rgba(10, 51, 25, 0.28)); }
.emblem * { transform-box: fill-box; }

/* Конечное состояние (без анимации): росток вырос, семя и лейка скрыты */
.e-seed, .e-sprayer, .e-ripple, .e-mist { opacity: 0; }
.e-drops .dr { opacity: 0; }
.e-ring { stroke-dasharray: 553; stroke-dashoffset: 0; }
.e-roots path { stroke-dasharray: 60; }
.emblem { --t: 0; }

/* Появление эмблемы при загрузке */
@media (prefers-reduced-motion: no-preference) {
  .emblem .e-disc { animation: e-disc .9s cubic-bezier(.2,.8,.2,1) both; transform-origin: center; }
  .emblem .e-ring { animation: e-ring 1.2s .1s ease-out both; }
}

/* История «посадка, полив, росток» играет один раз, когда блок появляется на экране.
   Класс .play ставит JS. Пока класса нет, части растения скрыты, чтобы не было «мигания». */
.js .emblem--story:not(.play) :is(.e-roots, .e-stem, .e-sway) { opacity: 0; }
@media (prefers-reduced-motion: no-preference) {
  .emblem.play .e-seed    { animation: e-seed 2.3s .9s linear both; }
  .emblem.play .e-sprayer { animation: e-sprayer 3.4s 1.1s ease-in-out both; transform-origin: 75% 90%; }
  .emblem.play .e-mist    { animation: e-mist 2.8s 1.7s ease-in-out both; }
  .emblem.play .e-drops .dr { animation: e-drop .85s calc(1.8s + var(--i) * .11s) 2 ease-in both; }
  .emblem.play .e-ripple  { animation: e-ripple 1s 2.6s 2 ease-out both; transform-origin: center; }
  .emblem.play .e-roots path { animation: e-draw .9s 3s ease-out both; }
  .emblem.play .e-stem    { animation: e-grow .9s 3.2s cubic-bezier(.3,.9,.3,1) both; transform-origin: 50% 100%; }
  .emblem.play .e-bud     { animation: e-pop .7s 3.7s cubic-bezier(.2,1.4,.4,1) both; transform-origin: 50% 100%; }
  .emblem.play .e-leaf-l  { animation: e-pop .8s 3.9s cubic-bezier(.2,1.4,.4,1) both; transform-origin: 100% 100%; }
  .emblem.play .e-leaf-r  { animation: e-pop .8s 4.1s cubic-bezier(.2,1.4,.4,1) both; transform-origin: 0% 100%; }
  .emblem.play .e-sway, .emblem.done .e-sway { animation: e-sway 5s 5.1s ease-in-out infinite alternate; transform-origin: 50% 100%; }
}
@keyframes e-disc    { from { opacity: 0; transform: scale(.55); } }
@keyframes e-ring    { from { stroke-dashoffset: 553; } }
@keyframes e-seed {
  0%   { opacity: 0; transform: translateY(-120px); }
  10%  { opacity: 1; }
  38%  { opacity: 1; transform: translateY(0); animation-timing-function: ease-out; }
  46%  { transform: translateY(-5px); }
  54%  { transform: translateY(0); }
  82%  { opacity: 1; transform: translateY(0) scale(1); }
  100% { opacity: 0; transform: translateY(2px) scale(.3); }
}
@keyframes e-sprayer {
  0%   { opacity: 0; transform: translate(40px, -20px) rotate(14deg); }
  12%  { opacity: 1; transform: translate(0, 0) rotate(0); }
  20%  { transform: rotate(-4deg); }
  28%  { transform: rotate(0); }
  36%  { transform: rotate(-4deg); }
  44%  { transform: rotate(0); }
  52%  { transform: rotate(-4deg); }
  60%  { transform: rotate(0); }
  86%  { opacity: 1; transform: translate(0, 0) rotate(0); }
  100% { opacity: 0; transform: translate(40px, -20px) rotate(14deg); }
}
@keyframes e-mist { 0% { opacity: 0; } 15% { opacity: 1; } 35% { opacity: .45; } 50% { opacity: 1; } 65% { opacity: .45; } 80% { opacity: 1; } 100% { opacity: 0; } }
@keyframes e-drop {
  0%   { opacity: 0; transform: translate(0, 0); }
  15%  { opacity: 1; }
  55%  { opacity: 1; transform: translate(calc(var(--dx) * .5), calc(var(--dy) * .22)); }
  100% { opacity: 0; transform: translate(var(--dx), var(--dy)); }
}
@keyframes e-ripple { 0% { opacity: .8; transform: scale(.2); } 100% { opacity: 0; transform: scale(1.2); } }
@keyframes e-draw   { from { stroke-dashoffset: 60; } to { stroke-dashoffset: 0; } }
@keyframes e-grow   { from { transform: scaleY(0); } }
@keyframes e-pop    { from { transform: scale(0); } }
@keyframes e-sway   { from { transform: rotate(-1.6deg); } to { transform: rotate(1.6deg); } }

.hero { overflow: clip; }

/* ---------- Поле и факты ---------- */
.band-wrap { padding-block: clamp(32px, 5vw, 64px) 0; }
.band {
  position: relative; border-radius: 28px; overflow: hidden; isolation: isolate;
  min-height: clamp(380px, 52vw, 600px); display: flex; align-items: flex-end;
}
.band__img { position: absolute; inset: -8% 0; width: 100%; height: 116%; object-fit: cover; z-index: -2; }
.band::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(10,51,25,0) 35%, rgba(10,51,25,.72)); }
.band__facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; width: 100%; padding: clamp(14px, 2.4vw, 28px); }
.fact {
  display: grid; gap: 6px; padding: clamp(14px, 2vw, 24px); color: var(--white); border-radius: 18px;
  background: rgba(10, 51, 25, 0.38); border: 1px solid rgba(255, 255, 255, 0.28);
  -webkit-backdrop-filter: blur(14px) saturate(1.2); backdrop-filter: blur(14px) saturate(1.2);
}
.fact__n { font: 700 clamp(2rem, 4.4vw, 3.4rem)/1 var(--font-display); letter-spacing: -0.03em; color: var(--sprout); }
.fact__l { font-weight: 700; font-size: 0.98rem; line-height: 1.35; max-width: 24ch; }

@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .band__img { animation: parallax linear both; animation-timeline: view(); }
  }
}
@keyframes parallax { from { transform: translateY(-5%); } to { transform: translateY(5%); } }

/* ---------- Продукция: иллюстрация и рост ---------- */
.products__head { grid-template-columns: 1.1fr 0.9fr; }
.jugs { width: 100%; max-width: 440px; justify-self: end; height: auto; filter: drop-shadow(0 18px 30px rgba(10, 51, 25, 0.25)); }
.jug { transition: transform .35s cubic-bezier(.2,.9,.3,1.2); }
.jugs:hover .jug--1 { transform: translate(-6px, -4px) rotate(-3deg); }
.jugs:hover .jug--3 { transform: translate(6px, -4px) rotate(3deg); }
.jugs:hover .jug--2 { transform: translateY(-8px); }

.plant .leaf-l { transform-box: fill-box; transform-origin: 100% 100%; }
.plant .leaf-r { transform-box: fill-box; transform-origin: 0% 100%; }
.plant .stem   { transform-box: fill-box; transform-origin: 50% 100%; }
.js .stage .leaf { transform: scale(0); }
.js .stage .stem { transform: scaleY(0); }
.js .stage.in .leaf, .js .stage.in .stem { transform: none; transition: transform .8s cubic-bezier(.2,1.3,.4,1) var(--d, 0s); }
.js .stage.in .stem { transition-delay: var(--d, 0s); }
.js .stage.in .leaf-r { transition-delay: calc(var(--d, 0s) + .15s); }
.stages .stage:nth-child(2) { --d: .25s; }
.stages .stage:nth-child(3) { --d: .5s; }

/* ---------- Результаты: свет и зерно ---------- */
.grain { position: relative; isolation: isolate; }
.grain::before {
  content: ""; position: absolute; inset: 0; z-index: -1; opacity: .09; mix-blend-mode: overlay; pointer-events: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}
.section--field.grain::after {
  content: ""; position: absolute; z-index: -1; right: -12%; top: -20%; width: 60%; aspect-ratio: 1;
  background: radial-gradient(closest-side, rgba(143, 212, 94, 0.22), transparent); pointer-events: none;
}

/* ---------- Культуры: бегущие строки ---------- */
.marquee { margin-top: 40px; display: grid; gap: 12px; overflow: hidden; }
.marquee__mask { overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent); mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent); }
.marquee__row { display: flex; gap: 12px; width: max-content; animation: marq 55s linear infinite; }
.marquee__row--rev { animation-direction: reverse; animation-duration: 65s; }
.marquee__mask:hover .marquee__row { animation-play-state: paused; }
.marquee .chip { background: var(--white); border: 1px solid var(--silver); border-radius: 999px; padding: 12px 24px; font-weight: 800; color: var(--field); white-space: nowrap; }
@keyframes marq { to { transform: translateX(calc(-50% - 6px)); } }
@media (prefers-reduced-motion: reduce) {
  .marquee__mask { -webkit-mask-image: none; mask-image: none; }
  .marquee__row { animation: none; width: auto; flex-wrap: wrap; padding-inline: var(--gutter); }
  .marquee__row .chip[aria-hidden="true"] { display: none; }
}

/* ---------- Подвал ---------- */
.footer { position: relative; overflow: hidden; padding-block: clamp(48px, 7vw, 88px) 40px; background: var(--field-deep); }
.footer__mark { position: absolute; right: -6%; bottom: -30%; width: min(60vw, 560px); opacity: .07; pointer-events: none; z-index: -1; }
.footer__top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 28px; padding-bottom: 40px; border-bottom: 1px solid rgba(255, 255, 255, 0.16); }
.footer__who { margin-top: 12px; color: rgba(255, 255, 255, 0.72); }
.footer__cols { display: grid; grid-template-columns: 1fr 1fr 1.4fr; gap: 32px; padding-top: 36px; }
.footer__nav, .footer__contacts { display: grid; gap: 10px; align-content: start; }
.footer__nav a, .footer__contacts a { color: var(--white); font-weight: 700; text-decoration: none; width: fit-content; }
.footer__nav a:hover, .footer__contacts a:hover { color: var(--gold); }
.footer__legal { color: rgba(255, 255, 255, 0.62); font-size: 0.92rem; display: grid; gap: 8px; align-content: start; }

/* ---------- Адаптив v2 ---------- */
@media (max-width: 860px) {
  .brand__mark { width: 38px; height: 38px; }
  .brand__word { font-size: 1.15rem; }
  .products__head { grid-template-columns: 1fr; }
  .jugs { justify-self: start; max-width: 360px; }
  .band__facts { grid-template-columns: 1fr; gap: 10px; }
  .fact { grid-template-columns: auto 1fr; align-items: center; gap: 16px; }
  .fact__n { font-size: 2rem; min-width: 3.2ch; }
  .band { min-height: 560px; }
  .footer__cols { grid-template-columns: 1fr; }
  .replay { right: 6%; }
}
@media (max-width: 480px) {
  .brand__word { font-size: 1rem; }
  .brand { gap: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .js .stage .leaf, .js .stage .stem { transform: none; }
}

/* ---------- v3: настоящие канистры и фото культур ---------- */
.lineup { margin: 0; background: var(--mist); border-radius: 22px; padding: clamp(10px, 2vw, 22px); justify-self: end; width: 100%; max-width: 560px; }
.lineup img { width: 100%; height: auto; mix-blend-mode: multiply; }
.stage { --pc: var(--field); }
.stage--soil { --pc: #fbb44a; }
.stage--both { --pc: #77c486; }
.stage--leaf { --pc: #6dcde3; }
.stage__name::before { content: ""; display: block; width: 56px; height: 6px; border-radius: 3px; background: var(--pc); margin-bottom: 14px; }
.result { grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr) auto; }
.result__img {
  width: 132px; aspect-ratio: 1; border-radius: 50%; background: var(--white); overflow: hidden;
  box-shadow: 0 0 0 3px var(--gold); align-self: center; display: grid; place-items: center;
}
.result__img img { height: 88%; width: auto; max-width: 80%; object-fit: contain; }
@media (max-width: 860px) {
  .result { grid-template-columns: 1fr; }
  .result__img { width: 96px; justify-self: start; margin-top: 8px; }
  .lineup { justify-self: start; }
}


/* ---------- Три продукта с фото канистр ---------- */
.story { margin-top: 56px; }
.story__steps { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 3px solid var(--field); }
.step {
  display: flex; flex-direction: column; gap: 0; padding: 28px clamp(16px, 2.4vw, 36px) 12px;
  border-right: 1px solid var(--silver); --pc: var(--field);
}
.step:first-child { padding-left: 0; }
.step:last-child { border-right: 0; padding-right: 0; }
.step--soil { --pc: #fbb44a; }
.step--both { --pc: #77c486; }
.step--leaf { --pc: #6dcde3; }
.step__img { order: -1; width: min(100%, 170px); height: auto; mix-blend-mode: multiply; border-radius: 14px; background: var(--mist); margin-bottom: 22px; }
.step__name { font: 700 clamp(1.6rem, 2.6vw, 2.2rem)/1.1 var(--font-display); color: var(--field); letter-spacing: -0.01em; }
.step__name::before { content: ""; display: block; width: 56px; height: 6px; border-radius: 3px; background: var(--pc); margin-bottom: 14px; }
.step__where { margin-top: 12px; font-weight: 800; font-size: 1.1rem; }
.step__desc { margin-top: 8px; color: var(--ink-soft); max-width: 34ch; }
@media (max-width: 860px) {
  .story__steps { grid-template-columns: 1fr; border-top: 0; }
  .step, .step:first-child, .step:last-child {
    display: grid; grid-template-columns: 1fr 104px; column-gap: 16px; align-items: center;
    border-right: 0; border-top: 3px solid var(--field); padding: 24px 0;
  }
  .step__img { order: 0; width: 104px; margin: 0; grid-column: 2; grid-row: 1; }
  .step__text { grid-column: 1; grid-row: 1; }
}

.products__head { grid-template-columns: 1fr; }


/* ---------- v4: применение, испытание, документы, как заказать ---------- */
.step__pack { margin-top: 14px; display: inline-block; font-weight: 800; font-size: 0.9rem; color: var(--field); background: var(--mist); border-radius: 999px; padding: 6px 14px; width: fit-content; }

.rates { width: 100%; margin-top: 40px; border-collapse: collapse; background: var(--white); border-radius: 18px; overflow: hidden; box-shadow: 0 0 0 1px var(--silver); }
.rates th, .rates td { text-align: left; padding: 18px 22px; border-bottom: 1px solid var(--silver); vertical-align: top; }
.rates thead th { background: var(--field); color: var(--white); font-weight: 800; border-bottom: 0; }
.rates tbody th { font: 700 1.15rem/1.2 var(--font-display); color: var(--field); white-space: nowrap; }
.rates tbody th::before { content: ""; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: var(--pc, var(--field)); margin-right: 12px; }
.rate--soil { --pc: #fbb44a; } .rate--both { --pc: #77c486; } .rate--leaf { --pc: #6dcde3; }
.rates td { color: var(--ink-soft); }
.rates td:nth-child(2) { color: var(--ink); font-weight: 700; }
.rates tbody tr:last-child th, .rates tbody tr:last-child td { border-bottom: 0; }
.rates__note { margin-top: 20px; color: var(--ink-soft); max-width: 70ch; }

.trial { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: clamp(32px, 6vw, 88px); align-items: center; }
.trial__present { margin-top: 20px; font-weight: 800; color: var(--field); max-width: 52ch; }
.trial .btn { margin-top: 28px; }
.plots { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px; border-radius: 24px; background: var(--mist); box-shadow: 0 0 0 3px var(--gold); }
.plot { aspect-ratio: 1; border-radius: 16px; display: grid; align-content: end; gap: 4px; padding: 18px; color: var(--white); position: relative; overflow: hidden; }
.plot b { font: 700 clamp(1.6rem, 3.4vw, 2.4rem)/1 var(--font-display); letter-spacing: -0.02em; }
.plot span { font-weight: 800; font-size: 0.98rem; }
.plot--on { background: linear-gradient(160deg, #2e8f4a, #0e4a24); }
.plot--off { background: repeating-linear-gradient(135deg, #8a9a8c 0 14px, #7a8c7d 14px 28px); }
.plot::before { content: ""; position: absolute; inset: 0; opacity: .25; background-image: radial-gradient(circle at 20% 25%, #fff 2px, transparent 3px), radial-gradient(circle at 70% 45%, #fff 2px, transparent 3px), radial-gradient(circle at 40% 70%, #fff 2px, transparent 3px), radial-gradient(circle at 85% 80%, #fff 2px, transparent 3px); background-size: 90px 90px; }

.docs { list-style: none; padding: 0; margin: 40px 0 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.doc { background: var(--white); border-radius: 18px; padding: 24px; display: grid; gap: 16px; align-content: space-between; box-shadow: 0 0 0 1px var(--silver); }
.doc__name { font: 800 1.15rem/1.3 var(--font-body); color: var(--field); }
.doc__link { font-weight: 800; color: var(--field); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 3px; text-underline-offset: 4px; width: fit-content; }
.doc__link.is-pending { color: var(--ink-soft); text-decoration: none; cursor: default; display: inline-flex; align-items: center; gap: 8px; }
.doc__link.is-pending::before { content: ""; width: 10px; height: 10px; border-radius: 50%; border: 2px solid var(--gold); }
.docs__ask { margin-top: 24px; color: var(--ink-soft); }
.docs__ask a { color: var(--field); font-weight: 800; }

.how { list-style: none; counter-reset: how; padding: 0; margin: 28px 0 0; display: grid; gap: 14px; max-width: 46ch; }
.how li { counter-increment: how; display: grid; grid-template-columns: 36px 1fr; gap: 14px; align-items: start; font-weight: 700; }
.how li::before { content: counter(how); display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--field); color: var(--white); font: 700 0.95rem/1 var(--font-display); }
.contact__lines { margin-top: 32px; }
.check { display: flex; gap: 12px; align-items: center; font-weight: 700; color: var(--field); cursor: pointer; }
.check input { width: 22px; height: 22px; accent-color: var(--field); flex: none; }

@media (max-width: 860px) {
  .trial { grid-template-columns: 1fr; }
  .docs { grid-template-columns: 1fr; }
  .rates, .rates tbody, .rates tr, .rates th, .rates td { display: block; }
  .rates thead { display: none; }
  .rates tr { padding: 14px 18px; border-bottom: 1px solid var(--silver); }
  .rates tr:last-child { border-bottom: 0; }
  .rates th, .rates td { padding: 6px 0; border: 0; }
  .rates td::before { content: attr(data-label) ": "; font-weight: 800; color: var(--field); }
}


/* =====================================================================
   v5: многостраничный сайт
   ===================================================================== */
.nav a[aria-current="page"] { color: var(--field); }
.nav a[aria-current="page"]::after { transform: scaleX(1); }

/* шапка внутренних страниц */
.pagehead { background: var(--mist); padding-block: clamp(40px, 6vw, 84px) clamp(32px, 4.4vw, 56px); position: relative; overflow: clip; }
.pagehead::after { content: ""; position: absolute; right: -8%; top: -60%; width: 46%; aspect-ratio: 1; background: radial-gradient(closest-side, rgba(143, 212, 94, 0.28), transparent); pointer-events: none; }
.pagehead__title { font: 800 clamp(2rem, 4.6vw, 3.5rem)/1.08 var(--font-heading); letter-spacing: -0.025em; color: var(--field); max-width: 22ch; text-wrap: balance; }
.pagehead .lead { max-width: 64ch; }

/* ссылка «Подробнее» */
.more { display: inline-flex; align-items: center; gap: 10px; margin-top: 28px; font-weight: 800; color: var(--field); text-decoration: none; border-bottom: 3px solid var(--gold); padding-bottom: 4px; transition: gap .2s; }
.more::after { content: "›"; font-size: 1.3em; line-height: 1; }
.more:hover { gap: 16px; }
.more--light { color: var(--white); }
.btn--ghost { border-color: rgba(255, 255, 255, 0.55); color: var(--white); background: transparent; }
.btn--ghost:hover { background: var(--white); color: var(--field); }

/* главная: что даёт кремний */
.benefits { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(20px, 3vw, 44px); margin-top: 40px; }
.benefit { border-top: 3px solid var(--gold); padding-top: 22px; }
.benefit h3 { font: 800 1.3rem/1.25 var(--font-heading); color: var(--field); }
.benefit p { margin-top: 12px; color: var(--ink-soft); max-width: 36ch; }

/* главная: продукты кратко */
.minis { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(14px, 2vw, 28px); margin-top: 40px; }
.mini { display: grid; justify-items: start; align-content: start; gap: 6px; text-decoration: none; color: inherit; padding: 20px; background: var(--white); border-radius: 18px; box-shadow: 0 0 0 1px var(--silver); transition: transform .25s, box-shadow .25s; --pc: var(--field); }
.mini:hover { transform: translateY(-4px); box-shadow: 0 0 0 1px var(--silver), 0 16px 32px rgba(10, 51, 25, 0.12); }
.mini img { width: min(100%, 130px); height: auto; mix-blend-mode: multiply; background: var(--white); margin-bottom: 14px; }
.mini__name { font: 700 1.5rem/1.1 var(--font-display); color: var(--field); }
.mini__name::before { content: ""; display: block; width: 44px; height: 5px; border-radius: 3px; background: var(--pc); margin-bottom: 12px; }
.mini__where { font-weight: 800; }
.mini.step--soil { --pc: #fbb44a; } .mini.step--both { --pc: #77c486; } .mini.step--leaf { --pc: #6dcde3; }

/* главная: результаты кратко */
.figs { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(16px, 2.4vw, 36px); margin-top: 44px; }
.fig { border-top: 1px solid rgba(255, 255, 255, 0.28); padding-top: 22px; }
.fig__n { font: 700 clamp(1.9rem, 3.6vw, 3rem)/1 var(--font-display); letter-spacing: -0.03em; color: var(--gold); white-space: nowrap; }
.fig__n small { font-size: 0.42em; letter-spacing: 0; }
.fig__crop { margin-top: 12px; font-weight: 800; font-size: 1.1rem; }
.section--field .note { margin-top: 32px; }

/* главная: контроль и испытание */
.duo { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(24px, 5vw, 72px); }
.duo__item { border-top: 3px solid var(--field); padding-top: 26px; }
.duo__title { font: 800 clamp(1.4rem, 2.4vw, 1.9rem)/1.2 var(--font-heading); color: var(--field); max-width: 18ch; }
.duo__item p { margin-top: 14px; color: var(--ink-soft); max-width: 44ch; }

/* главная: призыв */
.cta { background: var(--field); color: var(--white); padding-block: clamp(48px, 7vw, 88px); position: relative; overflow: clip; }
.cta__inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 32px; }
.cta .h2 { color: var(--white); max-width: 18ch; }
.cta .lead { color: rgba(255, 255, 255, 0.78); }
.cta__buttons { display: flex; flex-wrap: wrap; gap: 12px; }

/* испытание: шахматное расположение */
.trial__fig { display: grid; gap: 14px; }
.plots { grid-template-columns: 1fr 1fr; max-width: 460px; justify-self: center; width: 100%; }
.plot--ghost { background: transparent; box-shadow: none; border: 2px dashed var(--silver); }
.plot--ghost::before { display: none; }
.plots__cap { color: var(--ink-soft); font-size: 0.95rem; text-align: center; }
.trial { align-items: start; }
.trial__present { margin-top: 0; }

@media (max-width: 860px) {
  .benefits, .minis, .duo { grid-template-columns: 1fr; }
  .figs { grid-template-columns: 1fr 1fr; }
  .mini { grid-template-columns: 96px 1fr; align-items: center; column-gap: 18px; }
  .mini img { grid-row: 1 / span 2; margin: 0; width: 96px; }
  .cta__buttons .btn { width: auto; }
}
@media (max-width: 480px) {
  .figs { grid-template-columns: 1fr; }
}

/* ---------- v6: новый круглый логотип в шапке и подвале ---------- */
.brand__mark { width: 58px; height: 58px; border-radius: 50%; object-fit: contain; filter: drop-shadow(0 4px 10px rgba(10, 51, 25, 0.25)); }
.brand--light .brand__mark { width: 76px; height: 76px; }
@media (max-width: 860px) { .brand__mark { width: 46px; height: 46px; } .brand--light .brand__mark { width: 64px; height: 64px; } }


.tile { left: -9%; }



/* ---------- v11: главная: культуры, схема испытания, контроль ---------- */
.control { margin-top: 56px; padding-top: 28px; border-top: 3px solid var(--field); display: grid; gap: 10px; max-width: 70ch; }
.control__title { font: 800 clamp(1.3rem, 2.2vw, 1.7rem)/1.2 var(--font-heading); color: var(--field); }
.control p { color: var(--ink-soft); }
.control .more { margin-top: 6px; width: fit-content; }
.trial__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 28px; margin-top: 28px; }
.trial__actions .btn, .trial__actions .more { margin-top: 0; }
#crops .more { margin-top: 24px; }


/* ---------- v12: хранение и безопасность ---------- */
.safety { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(18px, 2.4vw, 36px); margin-top: 40px; }
.safety__item { border-top: 3px solid var(--field); padding-top: 20px; }
.safety__item h3 { font: 800 1.15rem/1.25 var(--font-heading); color: var(--field); }
.safety__item p { margin-top: 10px; color: var(--ink-soft); }
@media (max-width: 1020px) { .safety { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) { .safety { grid-template-columns: 1fr; } }


/* ---------- v14: вся линейка производителя ---------- */
.p--seed { --pc: #2fa09a; } .p--max { --pc: #3a4640; } .p--grow { --pc: #77c486; } .p--grow-spf { --pc: #58acd0; } .p--finish { --pc: #aa3e7c; }
.line { display: grid; grid-template-columns: repeat(6, 1fr); gap: clamp(16px, 2vw, 28px); }
.pcard { grid-column: span 2; background: var(--white); border-radius: 22px; overflow: hidden; box-shadow: 0 0 0 1px var(--silver); display: flex; flex-direction: column; }
.pcard:nth-child(n+4) { grid-column: span 3; }
.pcard__img { width: 100%; aspect-ratio: 1; object-fit: cover; display: block; }
.pcard__body { padding: clamp(20px, 2.4vw, 30px); display: grid; gap: 12px; align-content: start; flex: 1; }
.pcard__name { font: 700 clamp(1.7rem, 2.6vw, 2.2rem)/1.1 var(--font-display); color: var(--field); letter-spacing: -0.01em; }
.pcard__name::before { content: ""; display: block; width: 52px; height: 6px; border-radius: 3px; background: var(--pc); margin-bottom: 14px; }
.pcard__type { font-weight: 800; color: var(--ink); }
.pcard__where { width: fit-content; background: var(--mist); color: var(--field); font-weight: 800; font-size: 0.92rem; border-radius: 999px; padding: 6px 14px; }
.pcard__x { color: var(--ink-soft); }
.pcard__list { margin: 6px 0 0; display: grid; gap: 14px; }
.pcard__list div { border-top: 1px solid var(--silver); padding-top: 12px; }
.pcard__list dt { font-weight: 800; color: var(--field); font-size: 0.95rem; }
.pcard__list dd { margin: 4px 0 0; color: var(--ink-soft); }
.pcard__note { font-weight: 800; color: var(--field); background: var(--sprout); border-radius: 10px; padding: 8px 12px; width: fit-content; }
.pcard__foot { margin-top: auto; padding-top: 12px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.pcard__si { color: var(--ink-soft); }
.pcard__si b { color: var(--field); font-weight: 800; }
.pcard .step__pack { margin-top: 0; }
.line__avail { margin-top: 24px; color: var(--ink-soft); }
.rates tbody th::before { background: var(--pc, var(--field)); }
.minis { grid-template-columns: repeat(5, 1fr); gap: clamp(12px, 1.6vw, 22px); }
.mini { padding: 0; overflow: hidden; gap: 0; }
.mini img { width: 100%; height: auto; mix-blend-mode: normal; margin: 0; border-radius: 0; aspect-ratio: 1; object-fit: cover; }
.mini__name, .mini__where { padding-inline: 16px; }
.mini__name { margin-top: 14px; font-size: 1.15rem; }
.mini__where { padding-bottom: 16px; margin-top: 6px; font-size: 0.92rem; }
@media (max-width: 1100px) { .minis { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 960px) {
  .line { grid-template-columns: 1fr 1fr; }
  .pcard, .pcard:nth-child(n+4) { grid-column: auto; }
  .pcard:last-child { grid-column: 1 / -1; }
}
@media (max-width: 860px) {
  .minis { grid-template-columns: 1fr 1fr; }
  .mini { grid-template-columns: 1fr; display: grid; align-items: start; }
  .mini img { width: 100%; grid-row: auto; }
}
@media (max-width: 640px) {
  .line { grid-template-columns: 1fr; }
  .pcard:last-child { grid-column: auto; }
}


/* ---------- v15: компактные блоки линейки и общая плашка «не пестицид» ---------- */
.badge { display: flex; align-items: center; gap: 12px; width: fit-content; max-width: 100%; margin: 28px 0 0; padding: 12px 18px; border-radius: 14px; background: #eaf7d6; border: 1px solid #bfe29a; color: var(--field); font-weight: 800; line-height: 1.35; }
.badge svg { flex: none; }
.line { grid-template-columns: repeat(3, 1fr); gap: clamp(14px, 1.6vw, 22px); margin-top: 28px; }
.pcard, .pcard:nth-child(n+4) { grid-column: auto; border-radius: 18px; }
.pcard__img { aspect-ratio: 6 / 5; object-position: 50% 55%; }
.pcard__body { padding: 18px 20px 20px; gap: 9px; }
.pcard__name { font-size: clamp(1.35rem, 2vw, 1.7rem); }
.pcard__name::before { width: 42px; height: 5px; margin-bottom: 10px; }
.pcard__type { font-size: 0.98rem; }
.pcard__where { font-size: 0.85rem; padding: 4px 12px; }
.pcard__x { font-size: 0.95rem; line-height: 1.5; }
.pcard__list { gap: 10px; margin-top: 2px; }
.pcard__list div { padding-top: 9px; }
.pcard__list dt { font-size: 0.88rem; }
.pcard__list dd { font-size: 0.92rem; line-height: 1.45; margin-top: 2px; }
.pcard__foot { padding-top: 6px; font-size: 0.92rem; }
.minis { margin-top: 28px; gap: clamp(10px, 1.2vw, 16px); }
.mini { border-radius: 14px; }
.mini img { aspect-ratio: 6 / 5; object-position: 50% 55%; }
.mini__name { margin-top: 10px; font-size: 1.05rem; padding-inline: 14px; }
.mini__name::before { width: 34px; height: 4px; margin-bottom: 8px; }
.mini__where { padding: 0 14px 12px; margin-top: 4px; font-size: 0.85rem; }
@media (max-width: 960px) {
  .line { grid-template-columns: 1fr 1fr; }
  .pcard:last-child { grid-column: auto; }
}
@media (max-width: 640px) {
  .line { grid-template-columns: 1fr; }
}
@media (max-width: 860px) {
  .mini img { aspect-ratio: 6 / 5; }
}

/* v15b: три карточки в ряд и на средней ширине */
@media (min-width: 761px) and (max-width: 960px) {
  .line { grid-template-columns: repeat(3, 1fr); gap: 12px; }
  .pcard__body { padding: 14px 14px 16px; gap: 7px; }
  .pcard__name { font-size: 1.25rem; }
  .pcard__x, .pcard__list dd { font-size: 0.84rem; }
  .pcard__list dt, .pcard__type { font-size: 0.84rem; }
  .pcard__foot { flex-direction: column; align-items: flex-start; font-size: 0.84rem; }
  .pcard .step__pack { font-size: 0.8rem; padding: 4px 10px; }
}
@media (max-width: 760px) and (min-width: 641px) { .line { grid-template-columns: 1fr 1fr; } }

/* v15c: высота из атрибута height="800" перебивала aspect-ratio, из-за этого карточки были слишком высокими */
.pcard__img, .mini img { height: auto; }


/* ---------- v16: плашка регистрации, блок «ещё по данным производителя» ---------- */
.trust-wrap { padding-block: clamp(28px, 4vw, 56px) 0; }
.trust { background: var(--field); color: var(--white); border-radius: 26px; padding: clamp(22px, 3.2vw, 40px); display: grid; grid-template-columns: 1fr 1.25fr; gap: clamp(20px, 3.4vw, 48px); align-items: center; position: relative; overflow: hidden; }
.trust::after { content: ""; position: absolute; right: -8%; top: -50%; width: 40%; aspect-ratio: 1; background: radial-gradient(closest-side, rgba(143, 212, 94, 0.25), transparent); pointer-events: none; }
.trust__lead { display: flex; gap: 16px; align-items: flex-start; }
.trust__lead svg { flex: none; }
.trust__title { font: 800 clamp(1.3rem, 2.4vw, 1.8rem)/1.2 var(--font-heading); letter-spacing: -0.015em; }
.trust__lead p { margin-top: 8px; color: rgba(255, 255, 255, 0.82); }
.trust__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; position: relative; z-index: 1; }
.trust__list li { border-top: 2px solid var(--gold); padding-top: 12px; display: grid; gap: 4px; align-content: start; }
.trust__list b { font-weight: 800; }
.trust__list span { color: rgba(255, 255, 255, 0.76); font-size: 0.92rem; line-height: 1.45; }
.trust__src { grid-column: 1 / -1; color: rgba(255, 255, 255, 0.6); font-size: 0.85rem; position: relative; z-index: 1; }

.result__img--photo img { width: 100%; height: 100%; max-width: none; object-fit: cover; }
.rcs { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(12px, 1.6vw, 20px); margin-top: 32px; }
.rc { background: var(--white); border-radius: 16px; overflow: hidden; box-shadow: 0 0 0 1px var(--silver); }
.rc__img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; display: block; }
.rc__body { padding: 14px 16px 16px; display: grid; gap: 6px; }
.rc__name { font: 800 1.02rem/1.25 var(--font-heading); color: var(--field); }
.rc__fig { font: 700 1.7rem/1 var(--font-display); letter-spacing: -0.03em; color: var(--field); white-space: nowrap; }
.rc__fig small { font-size: 0.42em; letter-spacing: 0; font-weight: 700; color: var(--ink-soft); }
.notes { margin-top: 36px; display: grid; gap: 8px; max-width: 80ch; }
.notes .note { margin-top: 0; color: var(--ink-soft); font-size: 0.95rem; }
@media (max-width: 1020px) { .rcs { grid-template-columns: repeat(3, 1fr); } .trust__list { grid-template-columns: 1fr; } }
@media (max-width: 860px) { .trust { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .rcs { grid-template-columns: 1fr 1fr; } }

/* =====================================================================
   v17: языковые адреса (ссылки вместо кнопок) и удобная мобильная версия
   ===================================================================== */
.lang a { font: 700 0.85rem/1 var(--font-body); color: var(--ink-soft); text-decoration: none; border-radius: 999px; padding: 8px 12px; display: inline-grid; place-items: center; }
.lang a[aria-current="true"] { background: var(--field); color: var(--white); }
.lang a:hover { color: var(--field); }
.lang a[aria-current="true"]:hover { color: var(--white); }
.pcard__toggle, .mbar { display: none; }
* { -webkit-tap-highlight-color: transparent; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

@media (max-width: 860px) {
  html { scroll-padding-top: 72px; }
  body { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }

  /* нижняя панель быстрых действий */
  .mbar {
    display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 60;
    padding: 10px var(--gutter) calc(10px + env(safe-area-inset-bottom));
    background: rgba(255, 255, 255, 0.96); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
    border-top: 1px solid var(--silver); box-shadow: 0 -8px 24px rgba(10, 51, 25, 0.1);
  }
  .mbar__btn { display: grid; place-items: center; min-height: 48px; border-radius: 14px; font-weight: 800; font-size: 0.95rem; text-decoration: none; border: 2px solid var(--field); color: var(--field); background: var(--white); }
  .mbar__btn--wa { background: var(--field); color: var(--white); }
  .mbar__btn--gold { background: var(--gold); border-color: var(--gold); color: var(--field-deep); }

  /* шапка и меню */
  .header__bar { min-height: 64px; }
  .lang a { min-width: 40px; min-height: 40px; padding: 0 8px; }
  .burger { width: 48px; height: 48px; }
  .nav { box-shadow: 0 16px 32px rgba(10, 51, 25, 0.16); max-height: calc(100svh - 64px); overflow-y: auto; }
  .nav a { padding: 16px 0; font-size: 1.1rem; }

  /* ритм страницы: плотнее */
  .section { padding-block: 44px; }
  .h2 { font-size: clamp(1.5rem, 6.4vw, 1.9rem); max-width: none; }
  .lead { font-size: 1.02rem; margin-top: 12px; }
  .pagehead { padding-block: 28px 24px; }
  .pagehead__title { font-size: clamp(1.7rem, 7.4vw, 2.2rem); }
  .band-wrap { padding-top: 24px; }
  .band { min-height: 440px; border-radius: 20px; }
  .hero__grid { padding-block: 24px 32px; gap: 20px; }
  .hero__title { font-size: clamp(1.85rem, 8vw, 2.35rem); }
  .hero__lead { font-size: 1.05rem; margin-top: 14px; }
  .hero__actions { margin-top: 22px; gap: 10px; }
  .hero__who { margin-top: 20px; }
  .hero__stage { width: min(74%, 300px); margin-top: 0; }
  .tile { width: 104px; }
  .trust-wrap { padding-top: 20px; }
  .trust { padding: 20px; border-radius: 20px; }

  /* продукты: карусель с «выглядывающей» следующей карточкой, подробности сворачиваются */
  .line, .minis {
    display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none;
    margin-inline: calc(var(--gutter) * -1); padding-inline: var(--gutter); padding-bottom: 6px;
  }
  .line::-webkit-scrollbar, .minis::-webkit-scrollbar { display: none; }
  .line > .pcard, .line > .pcard:last-child { flex: 0 0 82%; max-width: 340px; scroll-snap-align: center; grid-column: auto; }
  .minis > .mini { flex: 0 0 58%; max-width: 230px; scroll-snap-align: start; }
  .pcard__img { aspect-ratio: 6 / 5; }
  .pcard__toggle {
    display: inline-flex; align-items: center; justify-content: center; min-height: 44px; width: 100%;
    border: 2px solid var(--field); border-radius: 12px; background: var(--white); color: var(--field); font: 800 0.95rem/1 var(--font-body); cursor: pointer;
  }
  .pcard .pcard__list { display: none; }
  .pcard.is-open .pcard__list { display: grid; }
  .badge { font-size: 0.95rem; padding: 10px 14px; }

  /* результаты: цифра слева, фото справа */
  .result { grid-template-columns: 1fr 76px; gap: 6px 14px; padding-block: 22px; }
  .result > .result__fig { grid-column: 1; grid-row: 1; align-self: end; font-size: clamp(2rem, 9vw, 2.8rem); }
  .result > div:nth-child(2) { grid-column: 1; grid-row: 2; }
  .result > .result__img { grid-column: 2; grid-row: 1 / span 2; width: 76px; margin: 0; align-self: start; }
  .result__crop { font-size: 1.25rem; }
  .results { margin-top: 28px; }
  .rcs { gap: 10px; margin-top: 24px; }
  .rc__body { padding: 10px 12px 12px; }
  .rc__fig { font-size: 1.4rem; }
  .figs { gap: 18px 14px; margin-top: 28px; }

  /* таблица применения, культуры, испытание, форма */
  .rates { margin-top: 28px; }
  .marquee { margin-top: 24px; }
  .marquee .chip { padding: 10px 18px; }
  .plots { max-width: 300px; }
  .form { padding: 20px; border-radius: 20px; }
  .field input, .field textarea { font-size: 16px; }
  .contact__phone { font-size: 1.5rem; }
  .how { margin-top: 20px; }

  /* подвал */
  .footer { padding-block: 36px 24px; }
  .footer__top { padding-bottom: 24px; gap: 18px; }
  .footer__cols { gap: 22px; padding-top: 24px; }
  .footer__nav { grid-template-columns: 1fr 1fr; gap: 6px 16px; }
  .footer__nav a, .footer__contacts a { padding: 6px 0; }
}
@media (max-width: 480px) {
  .hero__actions .btn { width: 100%; }
  .cta__buttons { width: 100%; }
  .cta__buttons .btn { flex: 1 1 100%; width: 100%; }
}


/* ---------- v18: шрифты с полной поддержкой казахского (Montserrat + Golos Text) ---------- */
.brand__word { font-weight: 800; letter-spacing: 0; }
.fact__n, .result__fig, .fig__n, .rc__fig, .tile__sym, .pcard__name, .mini__name, .step__name, .contact__phone, .spec dd, .plot b, .rates tbody th { font-weight: 800; letter-spacing: -0.02em; }
.trust__list b { font-size: 1.02rem; }


/* ---------- v19: частые вопросы, Instagram ---------- */
.faq { margin-top: 32px; display: grid; gap: 10px; max-width: 900px; }
.faq__item { background: var(--white); border-radius: 16px; box-shadow: 0 0 0 1px var(--silver); }
.faq__item summary { cursor: pointer; list-style: none; padding: 18px 56px 18px 22px; font: 700 1.08rem/1.35 var(--font-heading); color: var(--field); position: relative; }
.faq__item summary::-webkit-details-marker { display: none; }
.faq__item summary::after { content: "+"; position: absolute; right: 22px; top: 50%; transform: translateY(-50%); font: 700 1.6rem/1 var(--font-heading); color: var(--gold); transition: transform .2s; }
.faq__item[open] summary::after { transform: translateY(-50%) rotate(45deg); }
.faq__item p { padding: 0 22px 20px; color: var(--ink-soft); max-width: 75ch; }
.nav a.nav__ig { color: var(--field); }
.mbar__btn--ig { display: none; }
@media (max-width: 860px) {
  .mbar { grid-template-columns: 1fr 1fr 48px 1fr; }
  .mbar__btn--ig { display: grid; }
  .faq__item summary { padding: 16px 48px 16px 16px; font-size: 1rem; }
  .faq__item summary::after { right: 16px; }
  .faq__item p { padding: 0 16px 16px; }
}

/* v20 — мобильная шапка и нижняя панель */
@media (max-width: 860px) {
  .burger { flex: none; width: 46px; height: 46px; padding: 11px 10px; }
  .lang { flex: none; }
  .brand { min-width: 0; }
  .mbar { gap: 6px; }
  .mbar__btn { font-size: 0.85rem; padding: 0 4px; letter-spacing: -0.01em; }
}
@media (max-width: 400px) {
  .lang a { min-width: 34px; padding: 0 6px; font-size: 0.8rem; }
  .brand__word { font-size: 0.92rem; }
  .brand img { width: 36px; height: 36px; }
}
@media (max-width: 350px) {
  .brand__word { display: none; }
}

/* v21 — без формы: карточка WhatsApp, блок доверия из двух пунктов */
.trust__list { grid-template-columns: repeat(2, 1fr); }
@media (max-width: 1020px) { .trust__list { grid-template-columns: 1fr; } }
.wacard { gap: 16px; align-content: start; }
.wacard__title { font: 800 clamp(1.3rem, 2.4vw, 1.7rem)/1.2 "Montserrat", var(--font-body); color: var(--field); margin: 0; }
.wacard p { margin: 0; color: var(--ink-soft); line-height: 1.5; }
.wacard .btn { width: 100%; text-align: center; justify-content: center; }