/* Product/fixture tabs: animate the illustration, never the tab pane, copy
   or surrounding border.  The same rule covers every existing tab variant. */
html body .short-char .tab-content .photo-profile > img,
html body .used-prof-char .tab-content .photo-profile > img,
html body .chars-block .tab-content .photo-profile > img {
    display: block;
    position: relative;
    z-index: 1;
    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(30, 48, 45, 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;
}

html body .short-char .tab-content .photo-profile > img:hover,
html body .used-prof-char .tab-content .photo-profile > img:hover,
html body .chars-block .tab-content .photo-profile > img:hover,
html body .short-char .tab-content .photo-profile > img.vo-tab-photo-active,
html body .used-prof-char .tab-content .photo-profile > img.vo-tab-photo-active,
html body .chars-block .tab-content .photo-profile > img.vo-tab-photo-active {
    z-index: 3;
    transform: translateZ(0) scale(1.14) !important;
    filter: drop-shadow(0 11px 17px rgba(30, 48, 45, .20)) !important;
}

@media (prefers-reduced-motion: reduce) {
    html body .short-char .tab-content .photo-profile > img,
    html body .used-prof-char .tab-content .photo-profile > img,
    html body .chars-block .tab-content .photo-profile > img {
        transition: transform .15s linear, filter .15s linear !important;
    }
}