/* RU visual layer only: no layout, content, calculator or Chinese changes. */
@media (min-width: 1181px) {
  /* Fade the image itself into the existing navy field below the header. */
  html[lang="ru"] .ru-home-wide .hero > .hero-bg {
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, rgba(0,0,0,.12) 28px, rgba(0,0,0,.55) 78px, #000 150px);
    mask-image: linear-gradient(to bottom, transparent 0, rgba(0,0,0,.12) 28px, rgba(0,0,0,.55) 78px, #000 150px);
  }
}

@media (min-width: 761px) {
  /* Interior desktop/tablet heroes use the same complete warehouse + map art. */
  html[lang="ru"] .landing-page .hero > .hero-bg {
    background:
      linear-gradient(90deg, rgba(2,8,18,.86) 0%, rgba(2,8,18,.62) 26%, rgba(2,8,18,.06) 55%, rgba(2,8,18,.12) 100%),
      linear-gradient(180deg, #020815 0, rgba(2,8,21,.78) 80px, transparent 190px, transparent 78%, #020815 100%),
      url("/assets/hero-warehouse-map-wide-ru-20260914.webp") center 100px / max(100%, 1280px) auto no-repeat,
      #020815 !important;
    filter: none;
    opacity: 1;
  }
  html[lang="ru"] .landing-page .hero > .hero-bg::before,
  html[lang="ru"] .landing-page .hero > .hero-bg::after,
  html[lang="ru"] .landing-page .hero > .hero-map,
  html[lang="ru"] .landing-page .hero > .warehouse-labels,
  html[lang="ru"] .landing-page .hero > .truck-brand-mark {
    display: none !important;
  }
  html[lang="ru"] .corporate-page .corporate-hero {
    background-image:
      linear-gradient(90deg, rgba(3,11,23,.94) 0%, rgba(3,11,23,.8) 40%, rgba(3,11,23,.2) 76%, rgba(3,11,23,.32) 100%),
      linear-gradient(180deg, #061323 0, transparent 22%, transparent 78%, #061323 100%),
      url("/assets/hero-warehouse-map-wide-ru-20260914.webp");
    background-position: center, center, center 45%;
    background-size: cover;
  }
}

/* The compact mobile scene already uses this image: leave its order and size intact. */
html[lang="ru"] .service-shot {
  background-image: url("/assets/hero-warehouse-map-wide-ru-20260914.webp");
}