/* =========================================================
   AFAFKA TRY-ON SAFE ZOOM
   No toolbar / no zoom buttons.
   ========================================================= */

.afafka-tryon-safe-zoom {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    overflow: hidden !important;

    user-select: none !important;
    -webkit-user-select: none !important;
}


.afafka-tryon-safe-zoom-image {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    transform-origin:
        center center !important;

    will-change:
        transform;

    user-select: none !important;
    -webkit-user-select: none !important;

    -webkit-user-drag:
        none;

    touch-action:
        manipulation;
}


.afafka-tryon-safe-zoom.is-zoomed
.afafka-tryon-safe-zoom-image {
    touch-action:
        none;
}


.afafka-tryon-safe-zoom.is-dragging
.afafka-tryon-safe-zoom-image {
    transition:
        none !important;
}


@media (hover: hover) and (pointer: fine) {

    .afafka-tryon-safe-zoom[data-zoom="1"]
    .afafka-tryon-safe-zoom-image,

    .afafka-tryon-safe-zoom[data-zoom="2"]
    .afafka-tryon-safe-zoom-image {
        cursor:
            zoom-in !important;
    }


    .afafka-tryon-safe-zoom[data-zoom="3"]
    .afafka-tryon-safe-zoom-image {
        cursor:
            grab !important;
    }


    .afafka-tryon-safe-zoom.is-dragging
    .afafka-tryon-safe-zoom-image {
        cursor:
            grabbing !important;
    }
}


/*
 * Старі кнопки попередніх версій
 * ніколи не показуємо.
 */
.afafka-tryon-zoom-toolbar,
.afafka-tryon-zoom-button,
.afafka-tryon-zoom-button--zoom,
.afafka-tryon-zoom-button--reset {
    display: none !important;
}