/* 3ACLEAN — единая система иллюстраций для 15 корневых категорий.
   Активируется только внутри контейнера .ac-category-icons. */

.ac-category-icons a[href$="/catalog/polomoechnye-mashiny/"] { --ac-category-icon: url("../category-icons/webp/floor-scrubbers.webp"); }
.ac-category-icons a[href$="/catalog/apparaty-vysokogo-davleniya/"] { --ac-category-icon: url("../category-icons/webp/pressure-washers.webp"); }
.ac-category-icons a[href$="/catalog/aksessuaryi-dlya-apparatov-vyisokogo-davleniya/"] { --ac-category-icon: url("../category-icons/webp/pressure-accessories.webp"); }
.ac-category-icons a[href$="/catalog/barabanyi-katushki/"] { --ac-category-icon: url("../category-icons/webp/hose-reels.webp"); }
.ac-category-icons a[href$="/catalog/professionalnye-pylesosy/"] { --ac-category-icon: url("../category-icons/webp/professional-vacuums.webp"); }
.ac-category-icons a[href$="/catalog/nasosy-vysokogo-davleniya/"] { --ac-category-icon: url("../category-icons/webp/high-pressure-pumps.webp"); }
.ac-category-icons a[href$="/catalog/oborudovanie-dlya-avtomojki/"] { --ac-category-icon: url("../category-icons/webp/car-wash-equipment.webp"); }
.ac-category-icons a[href$="/catalog/ochistnye-sooruzheniya-aros/"] { --ac-category-icon: url("../category-icons/webp/water-treatment.webp"); }
.ac-category-icons a[href$="/catalog/kliningovoe-oborudovanie/"] { --ac-category-icon: url("../category-icons/webp/cleaning-equipment.webp"); }
.ac-category-icons a[href$="/catalog/dezinfektsionnoe-i-moechnoe-oborudovanie/"] { --ac-category-icon: url("../category-icons/webp/industrial-washing.webp"); }
.ac-category-icons a[href$="/catalog/kommunalnaya-tehnika/"] { --ac-category-icon: url("../category-icons/webp/municipal-equipment.webp"); }
.ac-category-icons a[href$="/catalog/komplektuyuschie-dlya-s-h-opryskivateley/"] { --ac-category-icon: url("../category-icons/webp/sprayer-components.webp"); }
.ac-category-icons a[href$="/catalog/dvigateli/"] { --ac-category-icon: url("../category-icons/webp/engines.webp"); }
.ac-category-icons a[href$="/catalog/generatoryi/"] { --ac-category-icon: url("../category-icons/webp/generators.webp"); }
.ac-category-icons a[href$="/catalog/sadovaya_tehnika_tehnika_dlya_sada/"] { --ac-category-icon: url("../category-icons/webp/garden-equipment.webp"); }

.ac-category-icons a[style*="--ac-category-icon"] .rt-pic,
.ac-category-icons a[style*="--ac-category-icon"] .mi-ic,
.ac-category-icons a[style*="--ac-category-icon"] .cb-pic {
  background-image: var(--ac-category-icon);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

/* Attribute selectors above create custom properties through stylesheet rules;
   :where() keeps the replacement low-specificity and easy to override. */
.ac-category-icons :where(.rt-top, .mi)[href$="/catalog/polomoechnye-mashiny/"] :where(.rt-pic, .mi-ic),
.ac-category-icons :where(.rt-top, .mi)[href$="/catalog/apparaty-vysokogo-davleniya/"] :where(.rt-pic, .mi-ic),
.ac-category-icons :where(.rt-top, .mi)[href$="/catalog/aksessuaryi-dlya-apparatov-vyisokogo-davleniya/"] :where(.rt-pic, .mi-ic),
.ac-category-icons :where(.rt-top, .mi)[href$="/catalog/barabanyi-katushki/"] :where(.rt-pic, .mi-ic),
.ac-category-icons :where(.rt-top, .mi)[href$="/catalog/professionalnye-pylesosy/"] :where(.rt-pic, .mi-ic),
.ac-category-icons :where(.rt-top, .mi)[href$="/catalog/nasosy-vysokogo-davleniya/"] :where(.rt-pic, .mi-ic),
.ac-category-icons :where(.rt-top, .mi)[href$="/catalog/oborudovanie-dlya-avtomojki/"] :where(.rt-pic, .mi-ic),
.ac-category-icons :where(.rt-top, .mi)[href$="/catalog/ochistnye-sooruzheniya-aros/"] :where(.rt-pic, .mi-ic),
.ac-category-icons :where(.rt-top, .mi)[href$="/catalog/kliningovoe-oborudovanie/"] :where(.rt-pic, .mi-ic),
.ac-category-icons :where(.rt-top, .mi)[href$="/catalog/dezinfektsionnoe-i-moechnoe-oborudovanie/"] :where(.rt-pic, .mi-ic),
.ac-category-icons :where(.rt-top, .mi)[href$="/catalog/kommunalnaya-tehnika/"] :where(.rt-pic, .mi-ic),
.ac-category-icons :where(.rt-top, .mi)[href$="/catalog/komplektuyuschie-dlya-s-h-opryskivateley/"] :where(.rt-pic, .mi-ic),
.ac-category-icons :where(.rt-top, .mi)[href$="/catalog/dvigateli/"] :where(.rt-pic, .mi-ic),
.ac-category-icons :where(.rt-top, .mi)[href$="/catalog/generatoryi/"] :where(.rt-pic, .mi-ic),
.ac-category-icons :where(.rt-top, .mi)[href$="/catalog/sadovaya_tehnika_tehnika_dlya_sada/"] :where(.rt-pic, .mi-ic) {
  background-image: var(--ac-category-icon);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.ac-category-icons :where(.rt-top, .mi)[style] :where(.rt-pic, .mi-ic) > img,
.ac-category-icons :where(.rt-top, .mi) :where(.rt-pic, .mi-ic) > img {
  transition: opacity 160ms ease;
}

.ac-category-icons :where(.rt-top, .mi)[href$="/catalog/polomoechnye-mashiny/"] :where(.rt-pic, .mi-ic) > img,
.ac-category-icons :where(.rt-top, .mi)[href$="/catalog/apparaty-vysokogo-davleniya/"] :where(.rt-pic, .mi-ic) > img,
.ac-category-icons :where(.rt-top, .mi)[href$="/catalog/aksessuaryi-dlya-apparatov-vyisokogo-davleniya/"] :where(.rt-pic, .mi-ic) > img,
.ac-category-icons :where(.rt-top, .mi)[href$="/catalog/barabanyi-katushki/"] :where(.rt-pic, .mi-ic) > img,
.ac-category-icons :where(.rt-top, .mi)[href$="/catalog/professionalnye-pylesosy/"] :where(.rt-pic, .mi-ic) > img,
.ac-category-icons :where(.rt-top, .mi)[href$="/catalog/nasosy-vysokogo-davleniya/"] :where(.rt-pic, .mi-ic) > img,
.ac-category-icons :where(.rt-top, .mi)[href$="/catalog/oborudovanie-dlya-avtomojki/"] :where(.rt-pic, .mi-ic) > img,
.ac-category-icons :where(.rt-top, .mi)[href$="/catalog/ochistnye-sooruzheniya-aros/"] :where(.rt-pic, .mi-ic) > img,
.ac-category-icons :where(.rt-top, .mi)[href$="/catalog/kliningovoe-oborudovanie/"] :where(.rt-pic, .mi-ic) > img,
.ac-category-icons :where(.rt-top, .mi)[href$="/catalog/dezinfektsionnoe-i-moechnoe-oborudovanie/"] :where(.rt-pic, .mi-ic) > img,
.ac-category-icons :where(.rt-top, .mi)[href$="/catalog/kommunalnaya-tehnika/"] :where(.rt-pic, .mi-ic) > img,
.ac-category-icons :where(.rt-top, .mi)[href$="/catalog/komplektuyuschie-dlya-s-h-opryskivateley/"] :where(.rt-pic, .mi-ic) > img,
.ac-category-icons :where(.rt-top, .mi)[href$="/catalog/dvigateli/"] :where(.rt-pic, .mi-ic) > img,
.ac-category-icons :where(.rt-top, .mi)[href$="/catalog/generatoryi/"] :where(.rt-pic, .mi-ic) > img,
.ac-category-icons :where(.rt-top, .mi)[href$="/catalog/sadovaya_tehnika_tehnika_dlya_sada/"] :where(.rt-pic, .mi-ic) > img {
  opacity: 0;
}

.ac-category-icons .root-tiles .rt-top .rt-pic {
  width: clamp(104px, 9vw, 144px);
  height: clamp(104px, 9vw, 144px);
  flex: 0 0 auto;
}

.ac-category-icons .root-tiles .rt-top {
  min-height: 148px;
}

@media (max-width: 767px) {
  .ac-category-icons .root-tiles .rt-top .rt-pic {
    width: 92px;
    height: 92px;
  }

  .ac-category-icons .root-tiles .rt-top {
    min-height: 116px;
  }
}
