/* =========================================
   МОБИЛЬНАЯ ВЕРСИЯ POPUP
   ========================================= */

@media only screen and (max-width: 800px) {

    .popup-feedback {
        width: calc(100vw - 30px);
        max-width: 500px;

        height: auto;
        max-height: calc(100vh - 20px);

        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);

        box-sizing: border-box;

        overflow-y: auto;
        overflow-x: hidden;

        z-index: 999999;
    }

    .popup-feedback-content {
        padding: 25px;
        box-sizing: border-box;
    }

    .popup-feedback form .checkbox-policy {
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

    .popup-feedback form .checkbox-policy span {
        padding-right: 2px;
    }

    .popup-feedback form .checkbox-policy a {
        margin: 0 !important;
    }

    .btn_form_feedback {
        display: flex;
        align-items: center;
        justify-content: center;

        position: relative;

        width: 100%;
        height: 60px;

        background-color: var(--main-links-color);
        border: 1px solid var(--main-links-color);

        margin: 0;
        gap: 10px;
    }

    .btn_form_feedback input[type="submit"] {
        display: block;

        background: transparent;
        border: none;

        color: white;

        font-size: 16px;
        cursor: pointer;

        padding: 0;

        letter-spacing: 1px;
        text-transform: uppercase;

        width: auto;
        height: auto;

        position: relative;
    }

    .btn_form_feedback span.icon {
        font-size: 18px;

        color: white;
        pointer-events: none;

        position: relative;

        top: 0;
        right: 0;

        transform: none;
    }

    .btn_form_feedback:active {
        border: 1px solid white;
        border-radius: 0;
    }

    .btn_form_feedback:hover {
        background-color: var(--main-links-color);
        border: 1px solid white;
    }
}


/* =========================================
   МОБИЛЬНЫЙ LANDSCAPE
   ========================================= */

@media only screen and (orientation: landscape) and (max-width: 900px) {

    .popup-feedback {
        width: min(500px, calc(100vw - 30px));

        max-width: 500px;
        max-height: calc(100vh - 20px);

        height: auto;

        top: 50%;
        left: 50%;

        transform: translate(-50%, -50%);

        overflow-y: auto;
        overflow-x: hidden;

        box-sizing: border-box;

        z-index: 999999;
    }

    .popup-feedback-content {
        padding: 20px 25px;
    }

    .btn_form_feedback {
        height: 60px;
    }
}