/* Home page: the benefit badges, payment terminal and work-order icons use
   self-contained PNG artwork.  Transform does not recalculate layout, so the
   illustration grows smoothly without the old width/height jump. */
html body .our-preim .line .col-md-3 > img.vo-root-hover-target,
html body .pay-block .col-md-4 > img.vo-root-hover-target,
html body .work-order .i > img.vo-root-hover-target {
    display: inline-block;
    max-width: 100%;
    cursor: zoom-in;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    transform: translateZ(0) scale(1) !important;
    transform-origin: 50% 50%;
    filter: drop-shadow(0 0 0 rgba(28, 47, 43, 0)) !important;
    transition: transform 1.3s cubic-bezier(.22, 1, .36, 1), filter 1.3s cubic-bezier(.22, 1, .36, 1) !important;
    will-change: transform, filter;
}

/* This direct hover state is deliberately present alongside the JS class.
   It cannot be bypassed when legacy scripts change pointer-event handling. */
html body .our-preim .line .col-md-3 > img.vo-root-hover-target:hover,
html body .pay-block .col-md-4 > img.vo-root-hover-target:hover,
html body .work-order .i > img.vo-root-hover-target:hover,
html body .our-preim .line .col-md-3 > img.vo-root-hover-target.vo-root-hover-active,
html body .pay-block .col-md-4 > img.vo-root-hover-target.vo-root-hover-active,
html body .work-order .i > img.vo-root-hover-target.vo-root-hover-active {
    transform: translateZ(0) scale(1.14) !important;
    filter: drop-shadow(0 12px 16px rgba(35, 55, 51, .20)) !important;
}

/* In the service templates the first and third benefit pictures are
   deliberately positioned beside a decorative grey strip.  Keep the picture
   above that strip, while the text remains at its original position. */
html body .preimuschestva .item > img.item-1,
html body .preimuschestva .item > img.item-3 {
    z-index: 4;
}

@media (prefers-reduced-motion: reduce) {
    html body .our-preim .line .col-md-3 > img.vo-root-hover-target,
    html body .pay-block .col-md-4 > img.vo-root-hover-target,
    html body .work-order .i > img.vo-root-hover-target {
        transition: transform .15s linear, filter .15s linear !important;
    }
}