/*
 * EBM temporary launch backgrounds.
 * Replace these variables when final branded photography is approved.
 */
:root {
  --ebm-hero-home-desktop: url("/assets/img/temp-launch-2026/hero/desktop/01-hero-field-sunrise-desktop-2560x1440.webp");
  --ebm-hero-dark-desktop: url("/assets/img/temp-launch-2026/hero/desktop/02-hero-dark-industrial-green-desktop-2560x1440.webp");
  --ebm-hero-zsm-desktop: url("/assets/img/temp-launch-2026/hero/desktop/03-hero-zsm-solid-fuel-desktop-2560x1440.webp");
  --ebm-hero-zsg-desktop: url("/assets/img/temp-launch-2026/hero/desktop/04-hero-zsg-gas-desktop-2560x1440.webp");
  --ebm-hero-horynych-desktop: url("/assets/img/temp-launch-2026/hero/desktop/05-hero-horynych-clean-air-desktop-2560x1440.webp");
  --ebm-hero-straw-desktop: url("/assets/img/temp-launch-2026/hero/desktop/06-hero-straw-biomass-desktop-2560x1440.webp");
  --ebm-hero-direct-combustion-desktop: url("/assets/img/temp-launch-2026/hero/desktop/07-hero-direct-combustion-desktop-2560x1440.webp");
  --ebm-hero-transport-desktop: url("/assets/img/temp-launch-2026/hero/desktop/08-hero-transport-grain-flow-desktop-2560x1440.webp");
  --ebm-hero-cleaning-desktop: url("/assets/img/temp-launch-2026/hero/desktop/09-hero-cleaning-air-separation-desktop-2560x1440.webp");
  --ebm-hero-modernization-desktop: url("/assets/img/temp-launch-2026/hero/desktop/10-hero-modernization-engineering-desktop-2560x1440.webp");

  --ebm-hero-home-tablet: url("/assets/img/temp-launch-2026/hero/tablet/01-hero-field-sunrise-tablet-1600x1200.webp");
  --ebm-hero-dark-tablet: url("/assets/img/temp-launch-2026/hero/tablet/02-hero-dark-industrial-green-tablet-1600x1200.webp");
  --ebm-hero-zsm-tablet: url("/assets/img/temp-launch-2026/hero/tablet/03-hero-zsm-solid-fuel-tablet-1600x1200.webp");
  --ebm-hero-zsg-tablet: url("/assets/img/temp-launch-2026/hero/tablet/04-hero-zsg-gas-tablet-1600x1200.webp");
  --ebm-hero-horynych-tablet: url("/assets/img/temp-launch-2026/hero/tablet/05-hero-horynych-clean-air-tablet-1600x1200.webp");
  --ebm-hero-straw-tablet: url("/assets/img/temp-launch-2026/hero/tablet/06-hero-straw-biomass-tablet-1600x1200.webp");
  --ebm-hero-direct-combustion-tablet: url("/assets/img/temp-launch-2026/hero/tablet/07-hero-direct-combustion-tablet-1600x1200.webp");
  --ebm-hero-transport-tablet: url("/assets/img/temp-launch-2026/hero/tablet/08-hero-transport-grain-flow-tablet-1600x1200.webp");
  --ebm-hero-cleaning-tablet: url("/assets/img/temp-launch-2026/hero/tablet/09-hero-cleaning-air-separation-tablet-1600x1200.webp");
  --ebm-hero-modernization-tablet: url("/assets/img/temp-launch-2026/hero/tablet/10-hero-modernization-engineering-tablet-1600x1200.webp");

  --ebm-hero-home-mobile: url("/assets/img/temp-launch-2026/hero/mobile/01-hero-field-sunrise-mobile-1080x1920.webp");
  --ebm-hero-dark-mobile: url("/assets/img/temp-launch-2026/hero/mobile/02-hero-dark-industrial-green-mobile-1080x1920.webp");
  --ebm-hero-zsm-mobile: url("/assets/img/temp-launch-2026/hero/mobile/03-hero-zsm-solid-fuel-mobile-1080x1920.webp");
  --ebm-hero-zsg-mobile: url("/assets/img/temp-launch-2026/hero/mobile/04-hero-zsg-gas-mobile-1080x1920.webp");
  --ebm-hero-horynych-mobile: url("/assets/img/temp-launch-2026/hero/mobile/05-hero-horynych-clean-air-mobile-1080x1920.webp");
  --ebm-hero-straw-mobile: url("/assets/img/temp-launch-2026/hero/mobile/06-hero-straw-biomass-mobile-1080x1920.webp");
  --ebm-hero-direct-combustion-mobile: url("/assets/img/temp-launch-2026/hero/mobile/07-hero-direct-combustion-mobile-1080x1920.webp");
  --ebm-hero-transport-mobile: url("/assets/img/temp-launch-2026/hero/mobile/08-hero-transport-grain-flow-mobile-1080x1920.webp");
  --ebm-hero-cleaning-mobile: url("/assets/img/temp-launch-2026/hero/mobile/09-hero-cleaning-air-separation-mobile-1080x1920.webp");
  --ebm-hero-modernization-mobile: url("/assets/img/temp-launch-2026/hero/mobile/10-hero-modernization-engineering-mobile-1080x1920.webp");

  --ebm-hero-home: var(--ebm-hero-home-desktop);
  --ebm-hero-dark: var(--ebm-hero-dark-desktop);
  --ebm-hero-zsm: var(--ebm-hero-zsm-desktop);
  --ebm-hero-zsg: var(--ebm-hero-zsg-desktop);
  --ebm-hero-horynych: var(--ebm-hero-horynych-desktop);
  --ebm-hero-straw: var(--ebm-hero-straw-desktop);
  --ebm-hero-direct-combustion: var(--ebm-hero-direct-combustion-desktop);
  --ebm-hero-transport: var(--ebm-hero-transport-desktop);
  --ebm-hero-cleaning: var(--ebm-hero-cleaning-desktop);
  --ebm-hero-modernization: var(--ebm-hero-modernization-desktop);

  --ebm-card-zsm: url("/assets/img/temp-launch-2026/categories/fix01/01-category-zsm-solid-fuel-1200x1200.webp");
  --ebm-card-zsg: url("/assets/img/temp-launch-2026/categories/fix01/02-category-zsg-gas-1200x1200.webp");
  --ebm-card-horynych: url("/assets/img/temp-launch-2026/categories/fix01/03-category-horynych-clean-hot-air-1200x1200.webp");
  --ebm-card-straw: url("/assets/img/temp-launch-2026/categories/fix01/04-category-straw-1200x1200.webp");
  --ebm-card-direct-combustion: url("/assets/img/temp-launch-2026/categories/fix01/05-category-direct-combustion-1200x1200.webp");
  --ebm-card-transport: url("/assets/img/temp-launch-2026/categories/fix01/06-category-transport-grain-flow-1200x1200.webp");
  --ebm-card-cleaning: url("/assets/img/temp-launch-2026/categories/fix01/07-category-grain-cleaning-1200x1200.webp");
  --ebm-card-modernization: url("/assets/img/temp-launch-2026/categories/fix01/08-category-modernization-1200x1200.webp");
  --ebm-card-service: url("/assets/img/temp-launch-2026/categories/fix01/09-category-service-1200x1200.webp");
  --ebm-card-spare-parts: url("/assets/img/temp-launch-2026/categories/fix01/10-category-spare-parts-1200x1200.webp");
}

body .hero-bg {
  background-image:
    linear-gradient(90deg, rgba(239, 245, 241, .98) 0%, rgba(239, 245, 241, .91) 38%, rgba(239, 245, 241, .42) 62%, rgba(239, 245, 241, .08) 82%),
    var(--ebm-hero-home);
  background-position: center;
}

body .hero h1,
body .hero .fact b {
  color: #14221d;
}

body .hero .lead,
body .hero .fact span {
  color: #43534c;
}

body .hero .eyebrow {
  color: #0f5d43;
}

body .hero .btn.alt {
  background: #fff;
  border-color: #cbd6d0;
  color: #14221d;
}

a.category-card[href="/zernosusharky.html"] { --ebm-category-background: var(--ebm-card-zsm); }
a.category-card[href="/gazovi-zernosusharky.html"] { --ebm-category-background: var(--ebm-card-zsg); }
a.category-card[href="/teplogeneratory-gorynych.html"] { --ebm-category-background: var(--ebm-card-horynych); }
a.category-card[href="/zernosusharky-na-solomi.html"] { --ebm-category-background: var(--ebm-card-straw); }
a.category-card[href="/teplogeneratory-priamoho-horinnia.html"] { --ebm-category-background: var(--ebm-card-direct-combustion); }
a.category-card[href="/avtomatyzovani-palyvni-systemy.html"] { --ebm-category-background: var(--ebm-card-straw); }
a.category-card[href="/transportne-obladnannia.html"] { --ebm-category-background: var(--ebm-card-transport); }
a.category-card[href="/bunkery-ta-dopomizhne-obladnannia.html"] { --ebm-category-background: var(--ebm-card-transport); }
a.category-card[href="/ochystka-zerna.html"] { --ebm-category-background: var(--ebm-card-cleaning); }
a.category-card[href="/modernizatsiia-zernosusharok.html"] { --ebm-category-background: var(--ebm-card-modernization); }
a.category-card[href="/montazh-ta-servis.html"] { --ebm-category-background: var(--ebm-card-service); }
a.category-card[href="/zapchastyny.html"] { --ebm-category-background: var(--ebm-card-spare-parts); }

a.category-card .card-media {
  background-image: linear-gradient(180deg, rgba(5, 24, 18, .05), rgba(5, 24, 18, .28)), var(--ebm-category-background);
  background-position: center;
  background-size: cover;
}

a.category-card .card-media img {
  opacity: 1;
}

a.category-card:is(
  [href="/zernosusharky.html"],
  [href="/gazovi-zernosusharky.html"],
  [href="/teplogeneratory-gorynych.html"],
  [href="/zernosusharky-na-solomi.html"],
  [href="/teplogeneratory-priamoho-horinnia.html"],
  [href="/avtomatyzovani-palyvni-systemy.html"],
  [href="/transportne-obladnannia.html"],
  [href="/bunkery-ta-dopomizhne-obladnannia.html"],
  [href="/ochystka-zerna.html"],
  [href="/modernizatsiia-zernosusharok.html"],
  [href="/montazh-ta-servis.html"],
  [href="/zapchastyny.html"]
) .card-media img {
  visibility: hidden;
}

@media (max-width: 980px) {
  :root {
    --ebm-hero-home: var(--ebm-hero-home-tablet);
    --ebm-hero-dark: var(--ebm-hero-dark-tablet);
    --ebm-hero-zsm: var(--ebm-hero-zsm-tablet);
    --ebm-hero-zsg: var(--ebm-hero-zsg-tablet);
    --ebm-hero-horynych: var(--ebm-hero-horynych-tablet);
    --ebm-hero-straw: var(--ebm-hero-straw-tablet);
    --ebm-hero-direct-combustion: var(--ebm-hero-direct-combustion-tablet);
    --ebm-hero-transport: var(--ebm-hero-transport-tablet);
    --ebm-hero-cleaning: var(--ebm-hero-cleaning-tablet);
    --ebm-hero-modernization: var(--ebm-hero-modernization-tablet);
  }
}

@media (max-width: 640px) {
  :root {
    --ebm-hero-home: var(--ebm-hero-home-mobile);
    --ebm-hero-dark: var(--ebm-hero-dark-mobile);
    --ebm-hero-zsm: var(--ebm-hero-zsm-mobile);
    --ebm-hero-zsg: var(--ebm-hero-zsg-mobile);
    --ebm-hero-horynych: var(--ebm-hero-horynych-mobile);
    --ebm-hero-straw: var(--ebm-hero-straw-mobile);
    --ebm-hero-direct-combustion: var(--ebm-hero-direct-combustion-mobile);
    --ebm-hero-transport: var(--ebm-hero-transport-mobile);
    --ebm-hero-cleaning: var(--ebm-hero-cleaning-mobile);
    --ebm-hero-modernization: var(--ebm-hero-modernization-mobile);
  }

  body .hero-bg {
    background-image:
      linear-gradient(90deg, rgba(239, 245, 241, .98) 0%, rgba(239, 245, 241, .88) 66%, rgba(239, 245, 241, .30) 100%),
      var(--ebm-hero-home);
    background-position: center;
  }
}
