/* The window drawings are backgrounds; move them to a dedicated layer so inputs never scale. */
html body #calc.calc_pvh .okno1,
html body #calc.calc_pvh .okno2,
html body #calc.calc_pvh .okno3,
html body #calc.calc_pvh .okno4,
html body #calc.calc_pvh .okno5,
html body #calc.calc_pvh .okno6 {
    isolation: isolate;
    background-image: none !important;
    cursor: zoom-in;
}

html body #calc.calc_pvh .okno1::before,
html body #calc.calc_pvh .okno2::before,
html body #calc.calc_pvh .okno3::before,
html body #calc.calc_pvh .okno4::before,
html body #calc.calc_pvh .okno5::before,
html body #calc.calc_pvh .okno6::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translateZ(0) scale(1);
    transform-origin: center top;
    transition: transform 1.3s cubic-bezier(.22, 1, .36, 1);
    will-change: transform;
    pointer-events: none;
}

html body #calc.calc_pvh .okno1::before { background-image: url("/images/calc/pvh/1.png"); }
html body #calc.calc_pvh .okno2::before { background-image: url("/images/calc/pvh/2.png"); }
html body #calc.calc_pvh .okno3::before { background-image: url("/images/calc/pvh/3.png"); }
html body #calc.calc_pvh .okno4::before { background-image: url("/images/calc/pvh/4.png"); }
html body #calc.calc_pvh .okno5::before { background-image: url("/images/calc/pvh/5.png"); }
html body #calc.calc_pvh .okno6::before { background-image: url("/images/calc/pvh/6.png"); }

html body #calc.calc_pvh .okno1 > *,
html body #calc.calc_pvh .okno2 > *,
html body #calc.calc_pvh .okno3 > *,
html body #calc.calc_pvh .okno4 > *,
html body #calc.calc_pvh .okno5 > *,
html body #calc.calc_pvh .okno6 > * {
    position: relative;
    z-index: 1;
}

@media (min-width: 992px) {
    html body #calc.calc_pvh .okno1:hover::before,
    html body #calc.calc_pvh .okno2:hover::before,
    html body #calc.calc_pvh .okno3:hover::before,
    html body #calc.calc_pvh .okno4:hover::before,
    html body #calc.calc_pvh .okno5:hover::before,
    html body #calc.calc_pvh .okno6:hover::before {
        transform: translateZ(0) scale(1.08);
    }
}

@media (prefers-reduced-motion: reduce) {
    html body #calc.calc_pvh .okno1::before,
    html body #calc.calc_pvh .okno2::before,
    html body #calc.calc_pvh .okno3::before,
    html body #calc.calc_pvh .okno4::before,
    html body #calc.calc_pvh .okno5::before,
    html body #calc.calc_pvh .okno6::before { transition: none; }
}