/* Keep editable controls readable without disabling the visitor's own zoom. */
input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]),
select,
textarea {
    font-size: max(18px, 1em) !important;
}

@media (max-width: 999px) {
    #box-v-detaile select.velkost {
        width: 80px !important;
        min-width: 80px;
        max-width: 100%;
    }

    .product-modal-popup #prod-frame .mfp-close {
        width: 44px;
        height: 44px;
        padding: 0;
        font-size: 44px;
        line-height: 44px;
        text-align: center;
        opacity: 1;
    }

    #box-v-detaile input[name=kusov],
    #box-v-detaile select,
    #dokosika-spodok .kusov input {
        min-height: 36px;
    }

    #box-v-detaile input[name=kusov],
    #dokosika-spodok .kusov input {
        min-width: 44px;
    }
}

@media (max-width: 499px) {
    #box-v-detaile .dokosika form {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px 12px;
    }

    #box-v-detaile .personalizovat,
    #box-v-detaile .upresnenie1 {
        display: inline-flex;
        align-items: center;
        vertical-align: top;
        float: none;
        gap: 8px;
        min-height: 36px;
        margin: 0;
    }

    #box-v-detaile .personalizovat {
        flex: 1 1 140px;
        min-width: 0;
    }

    #box-v-detaile .upresnenie1 {
        flex: none;
    }

    #box-v-detaile .upresnenie2,
    #box-v-detaile #dokosika-spodok {
        flex-basis: 100%;
    }

    #box-v-detaile .personalizovat input,
    #box-v-detaile select.velkost {
        height: 36px;
        margin: 0;
    }

    #box-v-detaile .personalizovat input.meno {
        flex: 1;
        width: 0;
        min-width: 0;
        margin-right: 0;
    }

    #box-v-detaile .personalizovat .cislo {
        flex: 0 0 44px;
        min-width: 44px;
    }

    .product-modal #box-v-detaile .tab-rozmerov {
        top: 40px;
    }

    .product-modal #box-v-detaile {
        bottom: 0;
    }

    #box-v-detaile {
        background-color: #0073aa;
        box-shadow: 0 -8px 28px rgba(0, 0, 0, .24);
    }
}