/* VOLZAR — Industry pages (целлюлозно-бумажная · нефтехимия) */

/* ---- Параметрическая сетка серии (ОСНОВНЫЕ ПАРАМЕТРЫ) ---- */
/* Overlap-border technique: per-cell top+left borders, pulled -1px under a
   clipped wrapper. Renders clean grid lines for any column count / partial row. */
function ParamGrid({ params, wide }) {
  return (
    <div style={{ border: "1px solid var(--border-subtle)", borderRadius: "var(--radius-lg)", overflow: "hidden", background: "var(--white)" }}>
      <div className={"param-grid" + (wide ? " param-grid--wide" : "")} style={{ display: "grid", marginTop: -1, marginLeft: -1 }}>
        {params.map(([k, v], i) => (
          <div key={i} style={{
            borderTop: "1px solid var(--border-subtle)", borderLeft: "1px solid var(--border-subtle)",
            padding: "15px 18px", display: "flex", flexDirection: "column", justifyContent: "space-between", gap: 8, minHeight: 92,
          }}>
            <div style={{ fontSize: 11, letterSpacing: "var(--ls-caps)", textTransform: "uppercase", color: "var(--text-muted)", fontWeight: 600, lineHeight: 1.35 }}>{k}</div>
            <div className="display num" style={{ fontSize: "clamp(16px,1.4vw,20px)", color: "var(--graphite-900)", letterSpacing: "0.01em" }}>{v}</div>
          </div>
        ))}
      </div>
    </div>
  );
}

function ParamLabel() {
  return (
    <div style={{ display: "flex", alignItems: "center", gap: 10, marginBottom: 12 }}>
      <span style={{ width: 22, height: 2, background: "var(--blue-500)" }} />
      <span className="display" style={{ fontSize: 12.5, letterSpacing: "var(--ls-caps)", color: "var(--graphite-700)" }}>Основные параметры</span>
    </div>
  );
}

function SeriesHeader({ index, eq, name }) {
  return (
    <React.Fragment>
      <div style={{ display: "flex", alignItems: "center", gap: 14, flexWrap: "wrap" }}>
        <span className="display num" style={{ fontSize: 13, color: "var(--blue-500)", letterSpacing: "0.06em" }}>{index}</span>
        <Badge variant="teal">{eq}</Badge>
      </div>
      <h3 className="display" style={{ fontSize: "clamp(25px,2.8vw,34px)", letterSpacing: "var(--ls-heading)" }}>{name}</h3>
    </React.Fragment>
  );
}

/* ---- Компактная полоса доверия для отраслевых страниц (без наложения) ---- */
const TRUST_MINI = [
  ["API 610", "ISO 2858 / 5199"],
  ["100%", "взаимозаменяемость с Sulzer"],
  ["12–14 недель", "срок поставки"],
  ["Актобе", "гарантия и сервис"],
];
function TrustStrip() {
  return (
    <section className="sec-sand" style={{ marginTop: -32, padding: "0 0 clamp(28px,3.5vw,36px)" }}>
      <div className="wrap">
        <BlueIsland arrow={false} radius="lg" padding="clamp(22px,3vw,30px)" className="reveal">
          <div className="trust-strip" style={{ display: "grid", gridTemplateColumns: "repeat(4, 1fr)" }}>
            {TRUST_MINI.map(([v, l], i) => (
              <div key={l} style={{ display: "flex", flexDirection: "column", gap: 6, alignItems: "center", textAlign: "center", padding: "4px clamp(12px,2vw,24px)", borderLeft: i > 0 ? "1px solid rgba(255,255,255,.22)" : "none" }}>
                <span className="display num" style={{ fontSize: "clamp(18px,1.6vw,24px)", color: "#fff", letterSpacing: "0.01em" }}>{v}</span>
                <span style={{ fontSize: 13, color: "var(--text-on-blue-soft)", lineHeight: 1.3 }}>{l}</span>
              </div>
            ))}
          </div>
        </BlueIsland>
      </div>
    </section>
  );
}

/* ---- Серия с фото: фото-карточка + описание + параметры (ЦБП) ---- */
function SeriesRow({ index, eq, name, desc, params, photo, slotId, flip, target }) {
  const { go } = useNav();
  const media = (
    <div className="reveal" style={{ order: flip ? 2 : 0 }}>
      <Card tone="white" radius="xl" padding="clamp(20px,2.4vw,30px)"
        style={{ height: "100%", display: "flex", alignItems: "center", justifyContent: "center" }}>
        {photo ? (
          <img src={photo} alt={"Насос VOLZAR " + name} loading="lazy"
            style={{ width: "100%", maxWidth: 440, height: "auto", display: "block" }} />
        ) : (
          <image-slot id={slotId} style={{ width: "100%", height: "clamp(220px,24vw,300px)", borderRadius: "var(--radius-lg)" }}
            shape="rounded" radius="16" placeholder={"Фото насоса " + name}></image-slot>
        )}
      </Card>
    </div>
  );
  return (
    <div className="series-row" style={{ display: "grid", gridTemplateColumns: "0.92fr 1.08fr", gap: "clamp(28px,4vw,52px)", alignItems: "center" }}>
      {media}
      <div className="reveal" style={{ display: "flex", flexDirection: "column", gap: 16 }}>
        <SeriesHeader index={index} eq={eq} name={name} />
        <p className="body" style={{ maxWidth: "56ch" }}>{desc}</p>
        <div style={{ marginTop: 4 }}>
          <ParamLabel />
          <ParamGrid params={params} />
        </div>
        {target && (
          <div><Button variant="secondary" size="sm" arrow onClick={() => go("product", null, target)}>Подробнее о серии</Button></div>
        )}
      </div>
    </div>
  );
}

/* ---- Серия (нефтехимия): фото/загрузка + описание + параметры ---- */
function IndustrySeriesCard({ index, eq, name, desc, params, photo, slotId }) {
  const { go } = useNav();
  return (
    <Card tone="white" radius="xl" padding="clamp(24px,3vw,34px)" className="reveal"
      style={{ display: "flex", flexDirection: "column", gap: 20 }}>
      <div className="series-card-top" style={{ display: "grid", gridTemplateColumns: "0.82fr 1.18fr", gap: "clamp(22px,3vw,44px)", alignItems: "center" }}>
        <div className="series-card-media" style={{
          display: "flex", alignItems: "center", justifyContent: "center",
          background: "var(--sand-100)", border: "1px solid var(--border-subtle)", borderRadius: "var(--radius-lg)",
          padding: "clamp(14px,1.8vw,22px)", minHeight: "clamp(190px,20vw,240px)",
        }}>
          {photo ? (
            <img src={photo} alt={"Насос VOLZAR " + name} loading="lazy"
              style={{ width: "100%", maxWidth: 360, height: "auto", display: "block" }} />
          ) : (
            <image-slot id={slotId} style={{ width: "100%", height: "clamp(170px,18vw,210px)", borderRadius: "var(--radius-md)" }}
              shape="rounded" radius="12" placeholder={"Загрузить фото · " + name}></image-slot>
          )}
        </div>
        <div style={{ display: "flex", flexDirection: "column", gap: 14 }}>
          <SeriesHeader index={index} eq={eq} name={name} />
          <p className="body" style={{ maxWidth: "58ch" }}>{desc}</p>
        </div>
      </div>
      <div>
        <ParamLabel />
        <ParamGrid params={params} wide />
      </div>
      <div><Button variant="secondary" size="sm" arrow onClick={() => go(null, "lead")}>Запросить КП и подбор</Button></div>
    </Card>
  );
}

/* ===================== ДАННЫЕ ===================== */
const CBP_SERIES = [
  {
    index: "01", eq: "Аналог Sulzer MCE", name: "Серия АКМ", photo: "assets/pump-akm.png", flip: false, target: "akm",
    desc: "Центробежные насосы, специально разработанные для перекачки среднеконсистентных суспензий до консистенции 18% сухого вещества. Применяются для волокнистых, абразивных смесей с высоким газосодержанием.",
    params: [
      ["Производительность", "до 940 л/с"], ["Напор, H", "до 250 м"], ["Рабочее давление", "до 25 бар"],
      ["Температура среды", "до 180 °C"], ["Напорный патрубок", "50–400 мм"], ["Частота вращения", "до 3600 об/мин"],
    ],
  },
  {
    index: "02", eq: "Аналог Sulzer WPP", name: "Серия AKW", photo: "assets/pump-akw.png", flip: true, target: "akw",
    desc: "Горизонтальные одноступенчатые центробежные насосы с осевым входом для абразивных, вязких, волокнистых и газонасыщенных жидкостей. Износостойкая конструкция устойчива к эрозии и подходит даже для самовсасывающих применений.",
    params: [
      ["Производительность", "до 7000 м³/ч"], ["Напор, H", "до 110 м"], ["Рабочее давление", "до 16 бар"],
      ["Температура среды", "до 180 °C"], ["Напорный патрубок", "32–600 мм"], ["Частота вращения", "до 3600 об/мин"],
    ],
  },
  {
    index: "03", eq: "Аналог Sulzer MBN", name: "Серия DMBN", slotId: "dmbn-photo", flip: false, target: "dmbn",
    desc: "Многоступенчатый насос секционного типа для работы в условиях высокого давления. Широко применяется в энергетике, водоснабжении, промышленности и системах обратного осмоса.",
    params: [
      ["Производительность", "до 700 м³/ч"], ["Напор, H", "до 900 м"], ["Рабочее давление", "до 100 бар"],
      ["Температура среды", "до 180 °C"], ["Напорный патрубок", "от 150 мм"], ["Частота вращения", "до 6000 об/мин"],
    ],
  },
];

const CHEM_SERIES = [
  {
    index: "01", eq: "Аналог Sulzer ZA", name: "Серия SY", photo: "assets/pump-sy.png",
    desc: "Одноступенчатый консольный центробежный насос по стандарту API 610 для промышленных предприятий: нефтехимия, НПЗ, энергетика, опреснение, морские конструкции. Может работать в режиме турбины-регенератора.",
    params: [
      ["Производительность", "до 3000 м³/ч"], ["Напор, H", "до 300 м"], ["Рабочее давление", "до 25 бар"],
      ["Температура среды", "−80…+300 °C"], ["Напорный патрубок", "25–400 мм"], ["Частота вращения", "до 3600 об/мин"],
    ],
  },
  {
    index: "02", eq: "Аналог Sulzer ZE / ZF", name: "Серия SE/SF", slotId: "chem-sesf",
    desc: "Серия консольных центробежных насосов для чистых, холодных или горячих жидкостей, включая углеводороды и лёгкие химикаты. Модульная конструкция обеспечивает максимальную взаимозаменяемость запасных частей.",
    params: [
      ["Производительность", "до 2600 м³/ч"], ["Напор, H", "до 300 м"], ["Рабочее давление", "до 100 бар"],
      ["Температура среды", "до 425 °C"], ["Частота вращения", "до 3600 об/мин"],
    ],
  },
  {
    index: "03", eq: "Аналог Sulzer CZ", name: "Серия BH", slotId: "chem-bh",
    desc: "Горизонтальные одноступенчатые центробежные насосы с консольным корпусом по DIN 24256 / ISO 2858. Для чистых и слегка загрязнённых, нейтральных или агрессивных химических жидкостей, включая нефтепродукты и высокотемпературные среды. Повышенная эффективность, низкий NPSHr.",
    params: [
      ["Производительность", "3,2–2000 м³/ч"], ["Напор, H", "до 300 м"], ["Рабочее давление", "до 25 бар"],
      ["Температура среды", "−80…+300 °C"], ["Напорный патрубок", "32–300 мм"], ["Частота вращения", "до 3600 об/мин"],
    ],
  },
  {
    index: "04", eq: "Аналог Sulzer SM / ZPP", name: "Серия DSM", slotId: "chem-dsm",
    desc: "Одноступенчатый центробежный насос с осевым разделением и двойным всасыванием для промышленных условий с высокими требованиями к надёжности и эффективности. Применяется в ЦБП, водоснабжении, системах отопления и охлаждения, на электростанциях.",
    params: [
      ["Производительность", "до 25 000 м³/ч"], ["Напор, H", "до 160 м"], ["Рабочее давление", "до 20 бар"],
      ["Температура среды", "до 120 °C"], ["Частота вращения", "до 3600 об/мин"],
    ],
  },
  {
    index: "05", eq: "Аналог Sulzer GSG", name: "Серия DSG", slotId: "chem-dsg",
    desc: "Многоступенчатый насос типа BB5 по стандарту API 610 (ISO 13709). Для работы в условиях высокого давления и экстремальных температур; широко применяется в нефтегазовой, энергетической и химической промышленности.",
    params: [
      ["Производительность", "900 м³/ч"], ["Напор, H", "до 2600 м"], ["Рабочее давление", "до 300 бар"],
      ["Температура среды", "−50…+425 °C"], ["Напорный патрубок", "40–200 мм"], ["Частота вращения", "до 3600 об/мин"],
    ],
  },
  {
    index: "06", eq: "Аналог Sulzer MC", name: "Серия DMC", slotId: "chem-dmc",
    desc: "Многоступенчатый насос с корпусом секционного типа для работы в условиях высокого давления. Применяется в энергетике, водоснабжении, обратном осмосе и промышленных процессах со значительными перепадами давления.",
    params: [
      ["Производительность", "до 1000 м³/ч"], ["Напор, H", "до 1750 м"], ["Рабочее давление", "до 180 бар"],
      ["Температура среды", "до 180 °C"], ["Напорный патрубок", "до 200 мм"], ["Частота вращения", "до 4000 об/мин"],
    ],
  },
];

const ENERGY_SERIES = [
  {
    index: "01", eq: "Аналог Sulzer SM / ZPP", name: "Серия DSM", slotId: "energy-dsm",
    desc: "Одноступенчатый центробежный насос с осевым разделением и двойным всасыванием для промышленных условий с высокими требованиями к надёжности и эффективности. Применяется на электростанциях, в системах отопления и охлаждения, водоснабжении.",
    params: [
      ["Производительность", "до 25 000 м³/ч"], ["Напор, H", "до 160 м"], ["Рабочее давление", "до 20 бар"],
      ["Температура среды", "до 120 °C"], ["Частота вращения", "до 3600 об/мин"],
    ],
  },
  {
    index: "02", eq: "Аналог Sulzer MSD", name: "Серия DMSD", slotId: "energy-dmsd",
    desc: "Многоступенчатый насос с осевым разъёмом корпуса для работы в условиях высоких давлений и температур. Широко применяется в нефтегазовой, энергетической и химической промышленности, а также в системах водоснабжения и водоочистки.",
    params: [
      ["Производительность", "до 3200 м³/ч"], ["Напор, H", "до 2900 м"], ["Рабочее давление", "до 300 бар"],
      ["Температура среды", "до 200 °C"], ["Напорный патрубок", "150–350 мм"], ["Частота вращения", "до 6000 об/мин"],
    ],
  },
  {
    index: "03", eq: "Аналог Sulzer ME", name: "Серия DME", slotId: "energy-dme",
    desc: "Питательные насосы для установок тепловых электростанций с высоким уровнем давления. Оптимизированный гидравлический дизайн обеспечивает максимальный КПД и низкие эксплуатационные затраты; модульное построение позволяет варьировать конструкцию под технологические задачи.",
    params: [
      ["Производительность", "до 1750 м³/ч"], ["Напор, H", "до 4000 м"], ["Рабочее давление", "до 430 бар"],
      ["Температура среды", "до 220 °C"], ["Напорный патрубок", "до 300 мм"], ["Частота вращения", "до 5500 об/мин"],
    ],
  },
  {
    index: "04", eq: "Аналог Sulzer MD", name: "Серия DMD", slotId: "energy-dmd",
    desc: "Многоступенчатые насосы высокого давления для перекачивания чистой и слегка загрязнённой воды. Оптимизированный дизайн и улучшенные рабочие характеристики дают максимальный КПД и минимальные эксплуатационные затраты в самых различных условиях.",
    params: [
      ["Производительность", "до 1200 м³/ч"], ["Напор, H", "до 2800 м"], ["Рабочее давление", "до 350 бар"],
      ["Температура среды", "до 210 °C"], ["Напорный патрубок", "до 200 мм"], ["Частота вращения", "до 4000 об/мин"],
    ],
  },
  {
    index: "05", eq: "Аналог Sulzer MC", name: "Серия DMC", slotId: "energy-dmc",
    desc: "Многоступенчатый насос с корпусом секционного типа для работы в условиях высокого давления. Применяется в энергетике, водоснабжении, обратном осмосе и промышленных процессах со значительными перепадами давления.",
    params: [
      ["Производительность", "до 1000 м³/ч"], ["Напор, H", "до 1750 м"], ["Рабочее давление", "до 180 бар"],
      ["Температура среды", "до 180 °C"], ["Напорный патрубок", "до 200 мм"], ["Частота вращения", "до 4000 об/мин"],
    ],
  },
];

const MINING_SERIES = [
  {
    index: "01", eq: "Аналог Sulzer PLR", name: "Серия DLR", slotId: "mining-dlr",
    desc: "Профессиональный насос для сложных суспензий и шламов, рассчитанный на абразивные и коррозионные среды, аммиачную селитру, пенные и газонасыщенные жидкости. Солидная конструкция, специальные материалы и модульная компоновка обеспечивают максимальную надёжность и минимальные расходы на обслуживание.",
    params: [
      ["Производительность", "до 3900 м³/ч"], ["Напор, H", "до 80 м"], ["Рабочее давление", "до 50 бар"],
      ["Температура среды", "до 150 °C"], ["Напорный патрубок", "50–400 мм"], ["Частота вращения", "до 2500 об/мин"],
    ],
  },
  {
    index: "02", eq: "Аналог Sulzer EMW(M)", name: "Серия DMW", slotId: "mining-dmw",
    desc: "Вертикальные и горизонтальные центробежные насосы для сложных, абразивных и коррозионных шламов. Рассчитаны на тяжёлые условия в горной добыче, переработке минералов, золотодобыче и агрессивных потоках. Усовершенствованная гидравлика, прочные материалы и простое обслуживание снижают эксплуатационные расходы.",
    params: [
      ["Производительность", "до 4000 м³/ч"], ["Напор, H", "до 95 м"], ["Рабочее давление", "до 16 бар"],
      ["Температура среды", "до 110 °C"], ["Частота вращения", "до 3000 об/мин"],
    ],
  },
  {
    index: "03", eq: "Аналог Sulzer ME", name: "Серия DME", slotId: "mining-dme",
    desc: "Многоступенчатые насосы высокого давления с оптимизированным гидравлическим дизайном. Высокий КПД и низкие эксплуатационные затраты; модульное построение позволяет варьировать конструкцию под технологические задачи производства.",
    params: [
      ["Производительность", "до 1750 м³/ч"], ["Напор, H", "до 4000 м"], ["Рабочее давление", "до 430 бар"],
      ["Температура среды", "до 220 °C"], ["Напорный патрубок", "до 300 мм"], ["Частота вращения", "до 5500 об/мин"],
    ],
  },
  {
    index: "04", eq: "Аналог Sulzer MD", name: "Серия DMD", slotId: "mining-dmd",
    desc: "Многоступенчатые насосы высокого давления для перекачивания чистой и слегка загрязнённой воды. Оптимизированный дизайн и улучшенные рабочие характеристики дают максимальный КПД и минимальные эксплуатационные затраты в самых различных условиях.",
    params: [
      ["Производительность", "до 1200 м³/ч"], ["Напор, H", "до 2800 м"], ["Рабочее давление", "до 350 бар"],
      ["Температура среды", "до 210 °C"], ["Напорный патрубок", "до 200 мм"], ["Частота вращения", "до 4000 об/мин"],
    ],
  },
  {
    index: "05", eq: "Аналог Sulzer GSG", name: "Серия DSG", slotId: "mining-dsg",
    desc: "Многоступенчатый насос типа BB5 по стандарту API 610 (ISO 13709) для работы в условиях высокого давления и экстремальных температур. Широко применяется в нефтегазовой, энергетической и химической промышленности.",
    params: [
      ["Производительность", "900 м³/ч"], ["Напор, H", "до 2600 м"], ["Рабочее давление", "до 300 бар"],
      ["Температура среды", "−50…+425 °C"], ["Напорный патрубок", "40–200 мм"], ["Частота вращения", "до 3600 об/мин"],
    ],
  },
];

const WATER_SERIES = [
  {
    index: "01", eq: "Аналог Sulzer A", name: "Серия АК", slotId: "water-ak",
    desc: "Одноступенчатый горизонтальный центробежный насос промышленного назначения для надёжной перекачки чистых, загрязнённых, абразивных и волокнистых жидкостей. Соответствует ISO 5199 / ISO 2858, широко применяется в ЦБП, химической, пищевой и энергетической промышленности.",
    params: [
      ["Производительность", "до 11 000 м³/ч"], ["Напор, H", "до 160 м"], ["Рабочее давление", "до 16 бар"],
      ["Температура среды", "до 180 °C"], ["Напорный патрубок", "32–700 мм"], ["Частота вращения", "до 3600 об/мин"],
    ],
  },
  {
    index: "02", eq: "Аналог Sulzer APP", name: "Серия АКА", slotId: "water-aka",
    desc: "Горизонтальный одноступенчатый центробежный насос с торцевым всасыванием по ISO 5199 / ISO 2858. Разработан для промышленных задач, где нужны высокая надёжность, энергоэффективность и минимальные эксплуатационные расходы.",
    params: [
      ["Производительность", "до 9000 м³/ч"], ["Напор, H", "до 160 м"], ["Рабочее давление", "16–25 бар"],
      ["Температура среды", "до 180 °C"], ["Напорный патрубок", "32–600 мм"], ["Частота вращения", "до 3600 об/мин"],
    ],
  },
  {
    index: "03", eq: "Аналог Sulzer NPP", name: "Серия АКN", slotId: "water-akn",
    desc: "Горизонтальные одноступенчатые центробежные насосы для жидкостей с крупными твёрдыми частицами, волокнами или абразивными суспензиями, а также в условиях самовсасывания. Защита от засорения благодаря специальной конструкции рабочего колеса.",
    params: [
      ["Производительность", "до 2000 м³/ч"], ["Напор, H", "до 90 м"], ["Рабочее давление", "до 16 бар"],
      ["Температура среды", "до 180 °C"], ["Напорный патрубок", "50–250 мм"], ["Частота вращения", "до 3600 об/мин"],
    ],
  },
  {
    index: "04", eq: "Аналог Sulzer ASP", name: "Серия АКS", slotId: "water-aks",
    desc: "Горизонтальный одноступенчатый центробежный насос с функцией самовсасывания для промышленных задач. Перекачивает жидкости с содержанием газа, воду из колодцев и резервуаров; экономичная альтернатива вертикальным насосам с удлинённым валом.",
    params: [
      ["Производительность", "до 2000 м³/ч"], ["Напор, H", "до 90 м"], ["Рабочее давление", "до 16 бар"],
      ["Температура среды", "до 180 °C"], ["Напорный патрубок", "50–250 мм"], ["Частота вращения", "до 3600 об/мин"],
    ],
  },
  {
    index: "05", eq: "Аналог Sulzer PLR", name: "Серия DLR", slotId: "water-dlr",
    desc: "Профессиональный насос для сложных суспензий и шламов, рассчитанный на абразивные и коррозионные среды, аммиачную селитру, пенные и газонасыщенные жидкости. Солидная конструкция и специальные материалы обеспечивают максимальную надёжность и минимальные расходы на обслуживание.",
    params: [
      ["Производительность", "до 3900 м³/ч"], ["Напор, H", "до 80 м"], ["Рабочее давление", "до 50 бар"],
      ["Температура среды", "до 150 °C"], ["Напорный патрубок", "50–400 мм"], ["Частота вращения", "до 2500 об/мин"],
    ],
  },
  {
    index: "06", eq: "Аналог Sulzer EMW(M)", name: "Серия DMW", slotId: "water-dmw",
    desc: "Вертикальные и горизонтальные центробежные насосы для сложных, абразивных и коррозионных шламов. Усовершенствованная гидравлика, прочные материалы и простое обслуживание снижают эксплуатационные расходы в тяжёлых условиях.",
    params: [
      ["Производительность", "до 4000 м³/ч"], ["Напор, H", "до 95 м"], ["Рабочее давление", "до 16 бар"],
      ["Температура среды", "до 110 °C"], ["Частота вращения", "до 3000 об/мин"],
    ],
  },
  {
    index: "07", eq: "Аналог Sulzer ME", name: "Серия DME", slotId: "water-dme",
    desc: "Многоступенчатые насосы высокого давления с оптимизированным гидравлическим дизайном. Высокий КПД и низкие эксплуатационные затраты; модульное построение позволяет варьировать конструкцию под технологические задачи.",
    params: [
      ["Производительность", "до 1750 м³/ч"], ["Напор, H", "до 4000 м"], ["Рабочее давление", "до 430 бар"],
      ["Температура среды", "до 220 °C"], ["Напорный патрубок", "до 300 мм"], ["Частота вращения", "до 5500 об/мин"],
    ],
  },
  {
    index: "08", eq: "Аналог Sulzer VA", name: "Серия DVA", slotId: "water-dva",
    desc: "Вертикальный осевой насос для перекачки больших объёмов жидкости при малом напоре. Применяется там, где нужна высокая производительность и стабильность при низком напоре — дренаж, ирригация, водоснабжение и охлаждение.",
    params: [
      ["Производительность", "до 3500 м³/ч"], ["Напор, H", "до 100 м"], ["Рабочее давление", "до 20 бар"],
      ["Температура среды", "до 120 °C"], ["Частота вращения", "до 3000 об/мин"],
    ],
  },
  {
    index: "09", eq: "Аналог Sulzer VM", name: "Серия DVM", slotId: "water-dvm",
    desc: "Вертикальный многоступенчатый центробежный насос для перекачки жидкостей под высоким давлением в условиях ограниченного пространства по горизонтали. Применяется в энергетике, водоснабжении, нефтехимии и промышленных процессах.",
    params: [
      ["Производительность", "до 3500 м³/ч"], ["Напор, H", "до 100 м"], ["Рабочее давление", "до 20 бар"],
      ["Температура среды", "до 120 °C"], ["Частота вращения", "до 6000 об/мин"],
    ],
  },
];

/* ===================== СТРАНИЦЫ ===================== */
function IndustryPage() {
  const { go } = useNav();
  return (
    <div>
      <div className="wrap"><div className="crumbs">
        <a onClick={() => go("home")}>Главная</a><span className="sep">/</span>
        <a onClick={() => go("home")}>Применения</a><span className="sep">/</span>Целлюлозно-бумажная промышленность
      </div></div>

      <PageHero eyebrow="Отрасль · 01" title="Насосы VOLZAR для целлюлозно-бумажной промышленности"
        lead="Стабильная и непрерывная работа на всех этапах — от подготовки волокна до химической обработки и водоочистки. Исполнение, рассчитанное на агрессивные среды и абразивные частицы."
        cta="Подобрать насос для производства" ctaSection="lead" />
      <TrustStrip />

      <section className="sec sec-white">
        <div className="wrap">
          <SectionHead eyebrow="Требования отрасли" title="Что закрывают насосы VOLZAR" />
          <div className="grid-2">
            <Card tone="white" radius="lg" padding="clamp(24px,3vw,32px)" className="reveal">
              <H3 style={{ marginBottom: 18 }}>Технологические задачи</H3>
              <BulletList items={[
                "Перекачка волокнистых и среднеконсистентных суспензий",
                "Химическая обработка и подача реагентов",
                "Водоподготовка и водоочистка",
                "Работа с абразивными и газонасыщенными средами",
              ]} />
            </Card>
            <BlueIsland radius="lg" arrow={false} padding="clamp(24px,3vw,32px)" className="reveal">
              <H3 tone="light" style={{ marginBottom: 18 }}>Гарантируем</H3>
              <BulletList tone="light" marker="arrow" items={[
                "Стойкость к абразиву и агрессивным средам",
                "Стабильный КПД на сложных суспензиях",
                "Взаимозаменяемость с установленным оборудованием",
                "Срок 12–14 недель и сервис в Казахстане",
              ]} />
            </BlueIsland>
          </div>
        </div>
      </section>

      <section className="sec sec-sand">
        <div className="wrap">
          <SectionHead eyebrow="Рекомендуемые серии" title="Подходящие модели"
            lead="Серии VOLZAR, закрывающие основные задачи целлюлозно-бумажного производства. Каждая — прямой совместимый аналог насосов Sulzer." />
          <div style={{ display: "flex", flexDirection: "column", gap: "clamp(48px,7vw,88px)", marginTop: "clamp(12px,2vw,24px)" }}>
            {CBP_SERIES.map((s) => <SeriesRow key={s.index} {...s} />)}
          </div>
        </div>
      </section>

      <LeadForm eyebrow="Заявка · ЦБП" title="Расчёт под ваше производство"
        lead="Пришлите параметры или модель — подберём исполнение, ЗИП и срок поставки."
        fields="point" showContacts={false} />
    </div>
  );
}
window.IndustryPage = IndustryPage;

function ChemicalPage() {
  const { go } = useNav();
  return (
    <div>
      <div className="wrap"><div className="crumbs">
        <a onClick={() => go("home")}>Главная</a><span className="sep">/</span>
        <a onClick={() => go("home")}>Применения</a><span className="sep">/</span>Нефтехимия и химическая промышленность
      </div></div>

      <PageHero eyebrow="Отрасль · 02" title="Насосы VOLZAR для нефтехимии и химической промышленности"
        lead="Перекачка чистых, агрессивных и высокотемпературных сред — от лёгких углеводородов до химикатов под высоким давлением. Исполнения по API 610, DIN 24256 / ISO 2858 с полной взаимозаменяемостью."
        cta="Подобрать насос под процесс" ctaSection="lead" />
      <TrustStrip />

      <section className="sec sec-white">
        <div className="wrap">
          <SectionHead eyebrow="Требования отрасли" title="Что закрывают насосы VOLZAR" />
          <div className="grid-2">
            <Card tone="white" radius="lg" padding="clamp(24px,3vw,32px)" className="reveal">
              <H3 style={{ marginBottom: 18 }}>Технологические задачи</H3>
              <BulletList items={[
                "Перекачка углеводородов и лёгких химикатов",
                "Агрессивные и токсичные среды, кислоты и щёлочи",
                "Высокие температуры и давления, низкий NPSHr",
                "Соответствие API 610 / DIN 24256 / ISO 2858",
              ]} />
            </Card>
            <BlueIsland radius="lg" arrow={false} padding="clamp(24px,3vw,32px)" className="reveal">
              <H3 tone="light" style={{ marginBottom: 18 }}>Гарантируем</H3>
              <BulletList tone="light" marker="arrow" items={[
                "Среды от −80 °C до +425 °C и давление до 300 бар",
                "Материальные исполнения под конкретный процесс",
                "Взаимозаменяемость с установленным оборудованием",
                "Срок 12–14 недель и сервис в Казахстане",
              ]} />
            </BlueIsland>
          </div>
        </div>
      </section>

      <section className="sec sec-sand">
        <div className="wrap">
          <SectionHead eyebrow="Рекомендуемые серии" title="Подходящие модели"
            lead="Консольные, со осевым разбором и многоступенчатые серии VOLZAR для процессов нефтехимии и химии. Каждая — прямой совместимый аналог насосов Sulzer." />
          <div style={{ display: "flex", flexDirection: "column", gap: "clamp(20px,2.6vw,32px)", marginTop: "clamp(12px,2vw,24px)" }}>
            {CHEM_SERIES.map((s) => <IndustrySeriesCard key={s.index} {...s} />)}
          </div>
        </div>
      </section>

      <LeadForm eyebrow="Заявка · нефтехимия" title="Расчёт под ваш процесс"
        lead="Пришлите рабочую точку, среду и модель — подберём исполнение, материалы, ЗИП и срок поставки."
        fields="point" showContacts={false} />
    </div>
  );
}
window.ChemicalPage = ChemicalPage;

function EnergyPage() {
  const { go } = useNav();
  return (
    <div>
      <div className="wrap"><div className="crumbs">
        <a onClick={() => go("home")}>Главная</a><span className="sep">/</span>
        <a onClick={() => go("home")}>Применения</a><span className="sep">/</span>Энергетика
      </div></div>

      <PageHero eyebrow="Отрасль · 03" title="Насосы VOLZAR для энергетики"
        lead="Питательные, конденсатные, циркуляционные и сетевые насосы для ТЭС, ТЭЦ и АЭС. Высокое давление, горячая среда и непрерывная работа — исполнения под котельные и теплосетевые контуры."
        cta="Подобрать насос для станции" ctaSection="lead" />
      <TrustStrip />

      <section className="sec sec-white">
        <div className="wrap">
          <SectionHead eyebrow="Требования отрасли" title="Что закрывают насосы VOLZAR" />
          <div className="grid-2">
            <Card tone="white" radius="lg" padding="clamp(24px,3vw,32px)" className="reveal">
              <H3 style={{ marginBottom: 18 }}>Технологические задачи</H3>
              <BulletList items={[
                "Питание котлов и парогенераторов",
                "Конденсатные, сетевые и подпиточные контуры",
                "Циркуляция и охлаждение оборудования",
                "Работа на горячей воде под высоким давлением",
              ]} />
            </Card>
            <BlueIsland radius="lg" arrow={false} padding="clamp(24px,3vw,32px)" className="reveal">
              <H3 tone="light" style={{ marginBottom: 18 }}>Гарантируем</H3>
              <BulletList tone="light" marker="arrow" items={[
                "Давление до 430 бар и среды до +220 °C",
                "Высокий КПД и низкий NPSHr на номинале",
                "Взаимозаменяемость с установленным оборудованием",
                "Срок 12–14 недель и сервис в Казахстане",
              ]} />
            </BlueIsland>
          </div>
        </div>
      </section>

      <section className="sec sec-sand">
        <div className="wrap">
          <SectionHead eyebrow="Рекомендуемые серии" title="Подходящие модели"
            lead="Питательные и многоступенчатые серии VOLZAR высокого давления для тепловой и атомной энергетики. Каждая — прямой совместимый аналог насосов Sulzer." />
          <div style={{ display: "flex", flexDirection: "column", gap: "clamp(20px,2.6vw,32px)", marginTop: "clamp(12px,2vw,24px)" }}>
            {ENERGY_SERIES.map((s) => <IndustrySeriesCard key={s.index} {...s} />)}
          </div>
        </div>
      </section>

      <LeadForm eyebrow="Заявка · энергетика" title="Расчёт под вашу станцию"
        lead="Пришлите рабочую точку, контур и модель — подберём исполнение, материалы, ЗИП и срок поставки."
        fields="point" showContacts={false} />
    </div>
  );
}
window.EnergyPage = EnergyPage;

function MiningPage() {
  const { go } = useNav();
  return (
    <div>
      <div className="wrap"><div className="crumbs">
        <a onClick={() => go("home")}>Главная</a><span className="sep">/</span>
        <a onClick={() => go("home")}>Применения</a><span className="sep">/</span>Горнодобывающая и металлургическая промышленность
      </div></div>

      <PageHero eyebrow="Отрасль · 04" title="Насосы VOLZAR для горнодобычи и металлургии"
        lead="Перекачка шламов, пульпы и абразивных суспензий в тяжёлых условиях — переработка минералов, золотодобыча, гидротранспорт и агрессивные потоки. Износостойкие исполнения для непрерывной работы."
        cta="Подобрать насос под задачу" ctaSection="lead" />
      <TrustStrip />

      <section className="sec sec-white">
        <div className="wrap">
          <SectionHead eyebrow="Требования отрасли" title="Что закрывают насосы VOLZAR" />
          <div className="grid-2">
            <Card tone="white" radius="lg" padding="clamp(24px,3vw,32px)" className="reveal">
              <H3 style={{ marginBottom: 18 }}>Технологические задачи</H3>
              <BulletList items={[
                "Перекачка шламов, пульпы и абразивных суспензий",
                "Гидротранспорт и переработка минералов",
                "Работа с коррозионными и пенными средами",
                "Высоконапорные контуры обогащения и водоотлива",
              ]} />
            </Card>
            <BlueIsland radius="lg" arrow={false} padding="clamp(24px,3vw,32px)" className="reveal">
              <H3 tone="light" style={{ marginBottom: 18 }}>Гарантируем</H3>
              <BulletList tone="light" marker="arrow" items={[
                "Износостойкие материалы под абразив и коррозию",
                "Стабильный ресурс на пульпе и шламе",
                "Взаимозаменяемость с установленным оборудованием",
                "Срок 12–14 недель и сервис в Казахстане",
              ]} />
            </BlueIsland>
          </div>
        </div>
      </section>

      <section className="sec sec-sand">
        <div className="wrap">
          <SectionHead eyebrow="Рекомендуемые серии" title="Подходящие модели"
            lead="Шламовые и высоконапорные многоступенчатые серии VOLZAR для горнодобычи и металлургии. Каждая — прямой совместимый аналог насосов Sulzer." />
          <div style={{ display: "flex", flexDirection: "column", gap: "clamp(20px,2.6vw,32px)", marginTop: "clamp(12px,2vw,24px)" }}>
            {MINING_SERIES.map((s) => <IndustrySeriesCard key={s.index} {...s} />)}
          </div>
        </div>
      </section>

      <LeadForm eyebrow="Заявка · горнодобыча" title="Расчёт под ваш процесс"
        lead="Пришлите рабочую точку, среду и модель — подберём исполнение, материалы, ЗИП и срок поставки."
        fields="point" showContacts={false} />
    </div>
  );
}
window.MiningPage = MiningPage;

function WaterPage() {
  const { go } = useNav();
  return (
    <div>
      <div className="wrap"><div className="crumbs">
        <a onClick={() => go("home")}>Главная</a><span className="sep">/</span>
        <a onClick={() => go("home")}>Применения</a><span className="sep">/</span>Водоснабжение и водоотведение
      </div></div>

      <PageHero eyebrow="Отрасль · 05" title="Насосы VOLZAR для водоснабжения и водоотведения"
        lead="Подача, дренаж и перекачка сточных вод — от чистой воды до загрязнённых и абразивных стоков. Горизонтальные, самовсасывающие и вертикальные исполнения под любую рабочую точку."
        cta="Подобрать насос для сети" ctaSection="lead" />
      <TrustStrip />

      <section className="sec sec-white">
        <div className="wrap">
          <SectionHead eyebrow="Требования отрасли" title="Что закрывают насосы VOLZAR" />
          <div className="grid-2">
            <Card tone="white" radius="lg" padding="clamp(24px,3vw,32px)" className="reveal">
              <H3 style={{ marginBottom: 18 }}>Технологические задачи</H3>
              <BulletList items={[
                "Подача и распределение чистой воды",
                "Перекачка сточных и загрязнённых вод",
                "Дренаж, водоотлив и канализационные станции",
                "Работа с твёрдыми частицами, волокном и абразивом",
              ]} />
            </Card>
            <BlueIsland radius="lg" arrow={false} padding="clamp(24px,3vw,32px)" className="reveal">
              <H3 tone="light" style={{ marginBottom: 18 }}>Гарантируем</H3>
              <BulletList tone="light" marker="arrow" items={[
                "Защита от засорения и стойкость к абразиву",
                "Большие подачи и стабильный КПД",
                "Взаимозаменяемость с установленным оборудованием",
                "Срок 12–14 недель и сервис в Казахстане",
              ]} />
            </BlueIsland>
          </div>
        </div>
      </section>

      <section className="sec sec-sand">
        <div className="wrap">
          <SectionHead eyebrow="Рекомендуемые серии" title="Подходящие модели"
            lead="Горизонтальные, самовсасывающие, шламовые и вертикальные серии VOLZAR для водоснабжения и водоотведения. Каждая — прямой совместимый аналог насосов Sulzer." />
          <div style={{ display: "flex", flexDirection: "column", gap: "clamp(20px,2.6vw,32px)", marginTop: "clamp(12px,2vw,24px)" }}>
            {WATER_SERIES.map((s) => <IndustrySeriesCard key={s.index} {...s} />)}
          </div>
        </div>
      </section>

      <LeadForm eyebrow="Заявка · водоснабжение" title="Расчёт под вашу сеть"
        lead="Пришлите рабочую точку, среду и модель — подберём исполнение, материалы, ЗИП и срок поставки."
        fields="point" showContacts={false} />
    </div>
  );
}
window.WaterPage = WaterPage;