/*NOTE: This file is intended for programmers. Aspro technical support is not advised to work with him.*/

/* Examples (uncomment to use):*/

/* Expand site width */
/* body .wrapper { max-width: 1400px !important;  } */

/* Set site background image */
/* body {  background: url(image_source) top no-repeat; }

/* Hide compare button */
/* a.compare_item { display: none !important;  }*/


/* ================================================================= */
/* ИСПРАВЛЕНИЕ ВЕРСТКИ КАПЧИ ДЛЯ ПК (ЭКРАНЫ СВЫШЕ 768px)            */
/* ================================================================= */

/* 1. Задаем жесткую высоту строке капчи, чтобы элементы не накладывались */
div.captcha-row.clearfix,
.captcha-row {
    display: block !important;
    position: relative !important;
    clear: both !important;
    width: 100% !important;
    height: 120px !important;       
    min-height: 120px !important;
    margin-top: 35px !important;    /* Зазор от поля подтверждения пароля */
    margin-bottom: 25px !important; /* Безопасный отступ до чекбокса согласия */
    padding: 0 !important;
}

/* 2. Центрируем синий виджет Яндекса ровно посередине формы */
div.captcha-row .smart-captcha,
div.captcha-row [data-testid="smartcaptcha-container"],
.smart-captcha {
    display: block !important;
    position: absolute !important;   /* Перебивает инлайновые ограничения скрипта */
    top: 0 !important;
    left: 50% !important;            /* Сдвиг к центру */
    width: 100% !important;
    max-width: 300px !important;     
    height: 100px !important;
    transform: translateX(-50%) !important; /* Финальное центрирование */
    margin: 0 !important;
}

/* Сбрасываем внутренние сдвиги фрейма Яндекса */
div.captcha_row iframe,
div.captcha-row iframe {
    transform: none !important;
    left: 0 !important;
    width: 100% !important;
    height: 100px !important;
}

/* 3. Выстраиваем блок согласия строго под капчей */
div.form-checkbox.form-checkbox--agreement.relative.licence_block,
.form-checkbox--agreement {
    display: block !important;
    position: relative !important;
    clear: both !important;
    width: 100% !important;
    margin-top: 20px !important;     
    transform: none !important;      
}

/* 4. Кнопка регистрации */
div.form-footer,
.form-footer {
    display: block !important;
    position: relative !important;
    clear: both !important;
    margin-top: 25px !important;
    transform: none !important;
}
/* ================================================================= */
/* Видео виджет          */
/* ================================================================= */
/* Код только для ПК-версии сайта */
button[class*="fbe-widget-banner-block"],
div[class*="fbe-widget-banner-block"],
.fbe-widget-banner-block:not(.-open) {
    width: 240px !important;  /* Желаемая ширина на ПК */
    height: 380px !important; /* Желаемая высота на ПК */
}

button[class*="fbe-widget-banner-block"] .fbe-widget-banner-inner,
div[class*="fbe-widget-banner-block"] .fbe-widget-banner-inner {
    width: 100% !important;
    height: 100% !important;
}

button[class*="fbe-widget-banner-block"] img,
button[class*="fbe-widget-banner-block"] video,
div[class*="fbe-widget-banner-block"] img,
div[class*="fbe-widget-banner-block"] video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 12px !important;
}