/* ==========================================================================
   New Seeds — Агрокалькулятор насіння (ns-agro)
   Скоуп: усе всередині .nsagro. Жодних глобальних селекторів.
   Тема: Codazon fastest. Блок живе всередині .product.attribute.description,
   тому базові теги (table, ul, p) скидаємо явно.
   ========================================================================== */

.nsagro {
  --nsa-green: #519342;
  --nsa-green-d: #3c7331;
  --nsa-green-dd: #2c5726;
  --nsa-tint: #eef5ea;
  --nsa-tint-2: #f6faf4;
  --nsa-ink: #1e2a1c;
  --nsa-text: #2b3a2a;
  --nsa-muted: #6e7d6b;
  --nsa-line: #e2eade;
  --nsa-line-2: #eef2ec;
  --nsa-white: #fff;
  --nsa-amber: #c8861a;
  --nsa-r: 16px;
  --nsa-r-sm: 10px;
  --nsa-shadow: 0 1px 2px rgba(30, 42, 28, .05), 0 8px 28px -12px rgba(30, 42, 28, .18);
  --nsa-font: TTSmalls, "Helvetica Neue", Arial, sans-serif;
  --nsa-font-h: PFBagueRoundPro, TTSmalls, "Helvetica Neue", Arial, sans-serif;
  --nsa-num: "Golos Text", TTSmalls, -apple-system, "Segoe UI", sans-serif;

  display: block;
  clear: both;
  box-sizing: border-box;
  margin: 28px 0 8px;
  padding: 0;
  border: 1px solid var(--nsa-line);
  border-radius: var(--nsa-r);
  background: var(--nsa-white);
  box-shadow: var(--nsa-shadow);
  color: var(--nsa-text);
  font-family: var(--nsa-font);
  font-size: 14px;
  line-height: 1.45;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
}

.nsagro *,
.nsagro *::before,
.nsagro *::after { box-sizing: border-box; }

.nsagro p,
.nsagro ul,
.nsagro ol,
.nsagro li,
.nsagro h2,
.nsagro h3,
.nsagro h4,
.nsagro table,
.nsagro figure { margin: 0; padding: 0; }

.nsagro ul,
.nsagro ol,
.nsagro li { list-style: none; }

/* тема робить uppercase для button/th і ховає caption — скидаємо в межах блоку */
.nsagro button,
.nsagro th,
.nsagro td,
.nsagro caption,
.nsagro label,
.nsagro select { text-transform: none; letter-spacing: normal; }

.nsagro table.nsagro__tbl caption {
  position: static;
  clip: auto;
  clip-path: none;
  width: auto;
  height: auto;
  overflow: visible;
  margin: 0;
  border: 0;
}

.nsagro a { color: var(--nsa-green-d); }

/* ---------- 1. Шапка ---------- */

.nsagro__head {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  margin: 0;
  padding: 16px 20px;
  border: 0;
  border-bottom: 1px solid var(--nsa-line-2);
  background: linear-gradient(180deg, #f7fbf5 0%, #fff 100%);
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: default;
}

/* іконка й «шеврон» — фонові SVG: інлайновий <svg> в описі товару
   ламає HTML-процесор вітрини (DOMDocument), тому тримаємо їх у CSS */
.nsagro__icon {
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background-color: var(--nsa-green-d);
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21v-9'/%3E%3Cpath d='M12 12c0-3.3 2.4-5.6 5.8-5.6C17.8 9.7 15.4 12 12 12z'/%3E%3Cpath d='M12 14.6C12 11.8 10 9.8 7.1 9.8c0 2.8 2 4.8 4.9 4.8z'/%3E%3Cpath d='M5 21h14'/%3E%3C/svg%3E"),
    linear-gradient(145deg, var(--nsa-green) 0%, var(--nsa-green-dd) 100%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px, cover;
  box-shadow: 0 4px 12px -4px rgba(60, 115, 49, .55);
}

.nsagro__titles { flex: 1 1 auto; min-width: 0; }

.nsagro h2.nsagro__title {
  margin: 0;
  color: var(--nsa-ink);
  font-family: var(--nsa-font-h);
  font-size: 19px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.01em;
}

/* це <span> у розмітці — робимо блоком, інакше margin-top не працює */
.nsagro__sub {
  display: block;
  margin-top: 4px;
  color: var(--nsa-muted);
  font-size: 13px;
  line-height: 1.38;
}

.nsagro__sub b { color: var(--nsa-green-d); font-weight: 600; }

.nsagro__toggle {
  flex: 0 0 auto;
  display: none;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 1px solid var(--nsa-line);
  border-radius: 50%;
  background: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%233c7331' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round' d='M1 1.5 6 6.5l5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 8px;
  cursor: pointer;
  transition: transform .22s ease, background-color .2s ease;
}

/* видимий фокус для клавіатури — тема свій прибирає */
.nsagro__head:focus-visible,
.nsagro__toggle:focus-visible,
.nsagro__seg button:focus-visible,
.nsagro__units button:focus-visible,
.nsagro__chips button:focus-visible,
.nsagro details.nsagro__how > summary:focus-visible {
  outline: 2px solid var(--nsa-green);
  outline-offset: 2px;
  border-radius: 10px;
}

.nsagro__out-note:focus-visible {
  outline: 2px solid rgba(255, 255, 255, .8);
  outline-offset: 2px;
}

/* ---------- 2. Тіло ---------- */

.nsagro__body { padding: 18px 20px 20px; }

.nsagro__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
  gap: 18px;
  align-items: start;
}

/* ---------- 3. Панель керування ---------- */

.nsagro__pane {
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--nsa-line);
  border-radius: 14px;
  background: var(--nsa-tint-2);
}

.nsagro__field + .nsagro__field { margin-top: 14px; }

.nsagro .nsagro__label {
  display: block;
  margin: 0 0 7px;
  color: var(--nsa-muted);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
}

/* сегментований перемикач */
.nsagro__seg {
  display: flex;
  align-items: stretch;
  gap: 4px;
  padding: 4px;
  border: 1px solid var(--nsa-line);
  border-radius: 12px;
  background: #fff;
}

.nsagro__seg button {
  display: flex;
  flex: 1 1 0;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: 9px 10px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: var(--nsa-text);
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 500;
  line-height: 1.25;
  text-align: center;
  cursor: pointer;
  transition: background-color .18s ease, color .18s ease, box-shadow .18s ease;
}

.nsagro__seg button:hover:not([disabled]):not([aria-pressed="true"]) { background: var(--nsa-tint); }

.nsagro__seg button[aria-pressed="true"] {
  background: linear-gradient(145deg, var(--nsa-green) 0%, var(--nsa-green-d) 100%);
  color: #fff;
  box-shadow: 0 3px 10px -4px rgba(60, 115, 49, .7);
}

.nsagro__seg button[disabled] { color: #b3bdb0; cursor: not-allowed; }

/* єдиний доступний спосіб — кнопка не клікабельна, працює як позначка */
.nsagro__seg[data-single="1"] button { cursor: default; }

/* поле вводу + одиниці */
.nsagro__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: stretch;
}

.nsagro__row[data-units="0"] { grid-template-columns: minmax(0, 1fr); gap: 0; }

.nsagro input.nsagro__num {
  width: 100%;
  height: 46px;
  padding: 0 14px;
  border: 1px solid var(--nsa-line);
  border-radius: 11px;
  background: #fff;
  color: var(--nsa-ink);
  font-family: var(--nsa-num);
  font-size: 19px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  line-height: 46px;
  transition: border-color .18s ease, box-shadow .18s ease;
  -moz-appearance: textfield;
  appearance: textfield;
}

.nsagro input.nsagro__num::-webkit-outer-spin-button,
.nsagro input.nsagro__num::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.nsagro input.nsagro__num:focus {
  outline: 0;
  border-color: var(--nsa-green);
  box-shadow: 0 0 0 3px rgba(81, 147, 66, .16);
}

.nsagro select.nsagro__sel {
  width: 100%;
  height: 46px;
  padding: 0 34px 0 13px;
  border: 1px solid var(--nsa-line);
  border-radius: 11px;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%233c7331' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M1 1.5 6 6.5l5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 13px center;
  color: var(--nsa-ink);
  font-family: inherit;
  font-size: 14.5px;
  line-height: 46px;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: border-color .18s ease, box-shadow .18s ease;
}

.nsagro select.nsagro__sel:focus {
  outline: 0;
  border-color: var(--nsa-green);
  box-shadow: 0 0 0 3px rgba(81, 147, 66, .16);
}

/* iOS/iPadOS Safari зумить сторінку, коли фокусується поле з шрифтом < 16px.
   Прив'язуємось до типу вказівника, а не до ширини: планшет має 768+ px */
@media (pointer: coarse) {
  .nsagro select.nsagro__sel { font-size: 16px; }
  .nsagro input.nsagro__num { font-size: 19px; }
}

/* одиниці виміру */
.nsagro__units {
  display: flex;
  gap: 4px;
  padding: 4px;
  border: 1px solid var(--nsa-line);
  border-radius: 11px;
  background: #fff;
}

.nsagro__units button {
  padding: 0 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--nsa-muted);
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color .18s ease, color .18s ease;
}

.nsagro__units button[aria-pressed="true"] { background: var(--nsa-tint); color: var(--nsa-green-dd); font-weight: 600; }

/* швидкі підказки */
.nsagro__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 9px;
}

.nsagro__chips button {
  padding: 6px 11px;
  border: 1px dashed #cfdcc9;
  border-radius: 999px;
  background: #fff;
  color: var(--nsa-green-d);
  font-family: inherit;
  font-size: 12.5px;
  cursor: pointer;
  transition: border-color .18s ease, background-color .18s ease;
}

.nsagro__chips button:hover { border-style: solid; background: var(--nsa-tint); }

/* запас */
.nsagro__check {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--nsa-line-2);
  color: var(--nsa-text);
  font-size: 13px;
  line-height: 1.4;
  cursor: pointer;
}

.nsagro__check input { flex: 0 0 auto; width: 17px; height: 17px; margin: 1px 0 0; accent-color: var(--nsa-green); cursor: pointer; }

.nsagro__check span small { display: block; margin-top: 2px; color: var(--nsa-muted); font-size: 12px; }

/* ---------- 4. Результат ---------- */

.nsagro__out {
  min-width: 0;
  padding: 20px;
  border-radius: 14px;
  background:
    radial-gradient(120% 120% at 100% 0%, rgba(81, 147, 66, .55) 0%, rgba(81, 147, 66, 0) 55%),
    linear-gradient(160deg, #2b3d28 0%, #1b2718 100%);
  color: #fff;
  box-shadow: 0 10px 30px -18px rgba(27, 39, 24, .9);
}

.nsagro .nsagro__out-cap {
  color: rgba(255, 255, 255, .62);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.nsagro__out-main {
  margin-top: 6px;
  color: #fff;
  font-family: var(--nsa-num);
  font-size: 34px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  line-height: 1.1;
  letter-spacing: -.015em;
  overflow-wrap: anywhere;
  transition: opacity .18s ease;
}

.nsagro__out-main u { text-decoration: none; color: rgba(255, 255, 255, .55); font-size: .58em; font-weight: 500; margin-left: 4px; }

.nsagro__out-alt {
  margin-top: 5px;
  overflow-wrap: anywhere;
  color: rgba(255, 255, 255, .78);
  font-family: var(--nsa-num);
  font-size: 15px;
  font-variant-numeric: tabular-nums;
}

.nsagro__out-note {
  margin-top: 12px;
  padding: 9px 12px;
  border-radius: 10px;
  background: rgba(255, 255, 255, .09);
  color: rgba(255, 255, 255, .88);
  font-size: 12.5px;
  line-height: 1.4;
}

.nsagro__out-note b { color: #fff; font-weight: 600; }

.nsagro .nsagro__go {
  display: block;
  margin-top: 4px;
  color: #b8e0a6;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

.nsagro .nsagro__go::after { content: " →"; }

.nsagro__out-note:has(.nsagro__go) { cursor: pointer; }

.nsagro ul.nsagro__facts {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, .14);
}

.nsagro .nsagro__facts li {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 7px 0;
  font-size: 13.5px;
}

.nsagro .nsagro__facts li + li { border-top: 1px solid rgba(255, 255, 255, .08); }

.nsagro__facts .nsagro__k {
  min-width: 0;
  color: rgba(255, 255, 255, .66);
  overflow-wrap: anywhere;
}

.nsagro__facts .nsagro__v {
  flex: 0 1 auto;
  min-width: 0;
  color: #fff;
  font-family: var(--nsa-num);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  text-align: right;
  overflow-wrap: break-word;
}

.nsagro--empty .nsagro__out-main { color: rgba(255, 255, 255, .35); }

/* ---------- 5. Довідка (server-rendered, SEO) ---------- */

.nsagro__ref { margin-top: 20px; }

.nsagro h3.nsagro__ref-title {
  margin: 0 0 10px;
  color: var(--nsa-ink);
  font-family: var(--nsa-font-h);
  font-size: 16px;
  font-weight: 600;
}

/* Контейнер прокрутки обрізає рівно по своєму краю, а підпис таблиці починається
   саме там — у першої літери «О» зрізався найлівіший піксель. Даємо 4 px повітря
   і компенсуємо від'ємним відступом, тож положення таблиці не змінюється. */
.nsagro__scroll {
  width: auto;
  margin: 0 -4px;
  padding: 0 4px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.nsagro table.nsagro__tbl {
  width: 100%;
  min-width: 520px;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--nsa-line);
  border-radius: 12px;
  background: #fff;
  font-size: 13.5px;
  overflow: hidden;
}

.nsagro table.nsagro__tbl caption {
  padding: 0 0 8px;
  color: #5f6d5c;
  font-size: 13px;
  text-align: left;
  caption-side: top;
}

.nsagro table.nsagro__tbl th,
.nsagro table.nsagro__tbl td {
  padding: 9px 12px;
  border: 0;
  border-bottom: 1px solid var(--nsa-line-2);
  color: var(--nsa-text);
  font-size: 13.5px;
  text-align: right;
  vertical-align: middle;
  background: transparent;
}

.nsagro table.nsagro__tbl thead th {
  background: var(--nsa-tint-2);
  color: var(--nsa-muted);
  font-family: var(--nsa-font);
  font-weight: 600;
  font-size: 12.5px;
  letter-spacing: .02em;
}

.nsagro table.nsagro__tbl th:first-child,
.nsagro table.nsagro__tbl td:first-child { text-align: left; }

.nsagro table.nsagro__tbl tbody th {
  font-weight: 500;
  color: var(--nsa-ink);
}

.nsagro table.nsagro__tbl tbody tr:last-child th,
.nsagro table.nsagro__tbl tbody tr:last-child td { border-bottom: 0; }

.nsagro table.nsagro__tbl td b {
  font-family: var(--nsa-num);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--nsa-ink);
}

.nsagro table.nsagro__tbl td i { font-style: normal; color: var(--nsa-muted); }

/* картки-факти */
.nsagro ul.nsagro__cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(162px, 1fr));
  gap: 8px;
  margin-top: 14px;
}

/* картки в ряду мають однакову висоту, тож притискаємо значення до низу —
   так числа стоять на одній лінії навіть коли підпис займає два рядки */
.nsagro .nsagro__cards li {
  display: flex;
  flex-direction: column;
  padding: 10px 12px;
  border: 1px solid var(--nsa-line);
  border-radius: 11px;
  background: var(--nsa-tint-2);
}

.nsagro .nsagro__cards .nsagro__k {
  display: block;
  overflow-wrap: anywhere;
  color: var(--nsa-muted);
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .03em;
  text-transform: uppercase;
}

.nsagro__cards .nsagro__v {
  display: block;
  overflow-wrap: break-word;
  margin-top: auto;
  padding-top: 4px;
  color: var(--nsa-ink);
  font-family: var(--nsa-num);
  font-size: 14.5px;
  font-weight: 600;
}

.nsagro p.nsagro__sow {
  margin-top: 14px;
  padding: 12px 14px;
  border-left: 3px solid var(--nsa-green);
  border-radius: 0 10px 10px 0;
  background: var(--nsa-tint);
  color: var(--nsa-text);
  font-size: 13.5px;
  line-height: 1.5;
}

.nsagro__sow b { color: var(--nsa-green-dd); font-weight: 600; }

/* на сенсорних екранах дрібні елементи керування мають бути не менші за ~40px */
@media (pointer: coarse) {
  .nsagro__chips button { min-height: 38px; padding: 8px 12px; }
  .nsagro__units button { min-height: 38px; }
  .nsagro details.nsagro__how > summary { min-height: 40px; padding: 10px 0; }
  .nsagro__toggle { width: 40px; height: 40px; }
}

/* ---------- 6. Підвал ---------- */

.nsagro__foot {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--nsa-line-2);
}

.nsagro details.nsagro__how { margin: 0; }

.nsagro details.nsagro__how > summary {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  list-style: none;
  color: var(--nsa-green-d);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}

.nsagro details.nsagro__how > summary::-webkit-details-marker { display: none; }

.nsagro details.nsagro__how > summary::after {
  content: "";
  width: 7px;
  height: 7px;
  border: solid currentColor;
  border-width: 0 1.6px 1.6px 0;
  transform: rotate(45deg) translateY(-2px);
  transition: transform .2s ease;
}

.nsagro details.nsagro__how[open] > summary::after { transform: rotate(-135deg) translateY(0); }

.nsagro__how-body {
  margin-top: 10px;
  color: var(--nsa-muted);
  font-size: 12.5px;
  line-height: 1.55;
}

.nsagro__how-body p + p { margin-top: 7px; }

.nsagro__how-body code {
  padding: 1px 5px;
  border-radius: 5px;
  background: var(--nsa-tint);
  color: var(--nsa-green-dd);
  font-family: "Golos Text", monospace;
  font-size: 12px;
}

.nsagro p.nsagro__disclaimer {
  margin-top: 12px;
  color: #8a9687;
  font-size: 11.5px;
  line-height: 1.5;
}

/* ---------- 7. Адаптив ---------- */

@media (max-width: 900px) {
  .nsagro__grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
}

@media (max-width: 767px) {
  .nsagro { margin: 22px 0 6px; border-radius: 14px; }
  /* на вузькому екрані заголовок і підпис займають 2-3 рядки, тож іконку
     ставимо до першого рядка, а не по центру всієї шапки */
  .nsagro__head { gap: 11px; padding: 13px 14px; align-items: flex-start; }
  .nsagro__icon { margin-top: 1px; }
  .nsagro__toggle { align-self: center; }
  .nsagro__icon { width: 38px; height: 38px; border-radius: 11px; background-size: 21px 21px, cover; }
  .nsagro h2.nsagro__title { font-size: 16.5px; }
  .nsagro__sub { margin-top: 3px; font-size: 12.5px; line-height: 1.34; }
  .nsagro__body { padding: 14px; }
  .nsagro__pane { padding: 13px; }
  .nsagro__out { padding: 16px; }
  .nsagro__out-main { font-size: 29px; }
  /* сам показ/приховання вмісту вмикає JS (див. injectCollapseRule),
     щоб без JS блок лишався розгорнутим і не «стрибав» при завантаженні */
  .nsagro:not([data-open="1"]) .nsagro__head { border-bottom-color: transparent; }
  .nsagro[data-open="1"] .nsagro__toggle { transform: rotate(180deg); }
}

/* на вузькому екрані ховаємо допоміжну колонку «Рослин» і стискаємо таблицю,
   щоб головні числа читались без горизонтальної прокрутки */
@media (max-width: 620px) {
  .nsagro .nsagro__cards .nsagro__v { font-size: 13.5px; }
  .nsagro table.nsagro__tbl { min-width: 0; font-size: 12.5px; }
  .nsagro table.nsagro__tbl th,
  .nsagro table.nsagro__tbl td { padding: 8px 9px; font-size: 12.5px; }
  .nsagro table.nsagro__tbl thead th { font-size: 11.5px; }
  .nsagro table.nsagro__tbl th:nth-child(2),
  .nsagro table.nsagro__tbl td:nth-child(2) { display: none; }
  .nsagro ul.nsagro__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 420px) {
  .nsagro__row { grid-template-columns: minmax(0, 1fr); }
  .nsagro__units { justify-content: space-between; }
  .nsagro__units button { flex: 1 1 0; padding: 8px 4px; }
  .nsagro__seg { flex-wrap: wrap; }
  .nsagro__seg button { flex: 1 1 120px; }
  .nsagro__out-main { font-size: 26px; }
  .nsagro .nsagro__facts li { font-size: 13px; }
  .nsagro__chips button { padding: 6px 9px; font-size: 12px; }
}

@media (max-width: 360px) {
  .nsagro ul.nsagro__cards { grid-template-columns: minmax(0, 1fr); }
  .nsagro__out-main { font-size: 23px; }
  .nsagro__body { padding: 12px; }
  .nsagro__pane { padding: 11px; }
  .nsagro__out { padding: 14px; }
}

/* друк */
@media print {
  .nsagro { box-shadow: none; page-break-inside: avoid; }
  .nsagro__out { background: #fff !important; color: #1e2a1c !important; border: 1px solid #ccc; }
  .nsagro__out-cap, .nsagro__out-alt, .nsagro__facts .nsagro__k { color: #555 !important; }
  .nsagro__out-main, .nsagro__facts .nsagro__v { color: #1e2a1c !important; }
}

@media (prefers-reduced-motion: reduce) {
  .nsagro * { transition: none !important; }
}