/* Homepage performance overrides.  The original Quix declarations remain as
   fallbacks, so a browser without WebP support keeps the existing JPG image. */
#qx-slider-pro-1049 .qx-slide-1,
#qx-slider-pro-324398 .qx-slide-1 {
  background-image: image-set(url("/images/banners/Бан5.webp") 1x type("image/webp")) !important;
}

#qx-slider-pro-1049 .qx-slide-2,
#qx-slider-pro-324398 .qx-slide-2 {
  background-image: image-set(url("/images/banners/IMG_34211.webp") 1x type("image/webp")) !important;
}

#qx-slider-pro-1049 .qx-slide-3,
#qx-slider-pro-324398 .qx-slide-3 {
  background-image: image-set(url("/images/banners/slider344.webp") 1x type("image/webp")) !important;
}

/* The lower "About us" carousel receives compact WebP backgrounds only when
   it is close to view; performance.js adds the state class immediately then. */
#qx-slider-pro-63193:not(.performance-backgrounds-loaded) .qx-slide {
  background-image: none !important;
}
