/* Start:/local/assets/css/catalog.css?171342499044*/
*{margin:0;padding:0;box-sizing:border-box}

/* End */


/* Start:/local/assets/css/blocks/discount-popup.css?17512715497844*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Блокировка скролла для body */
body.modal-open {
    overflow: hidden;
    height: 100vh;
}
/* Оверлей */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    opacity: 0;
    overflow-y: auto;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.modal-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* Основной контейнер модального окна */
.modal-container {
    background-color: #0A111D;
    border-radius: 10px;
    padding: 60px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
    max-width: 1234px;
    width: 90%;
    position: relative;
    transform: scale(0.8);
    transition: transform 0.3s ease;
    margin: auto;

}

.modal-overlay.active .modal-container {
    transform: scale(1);
}

/* Внутренний контейнер с колонками */
.modal-content {
    display: flex;
    gap: 20px;
    height: 100%;
}

/* Кнопка закрытия */
.close-button {
    position: absolute;
    top: 20px;
    right: 20px;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: white;
    z-index: 10;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background-color 0.2s ease;
}

.close-button:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

/* Левая часть с изображением */
.modal-image {
    flex: 0 0 60%;
    background: linear-gradient(135deg, #1e88e5 0%, #42a5f5 100%);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}
.person-image{
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

/* Правая часть с формой */
.modal-form {
    flex: 1;
    padding: 40px;
    background-color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 15px;
}

.form-title {
    font-family: "Bebas Neue", serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0.4px;
    vertical-align: middle;
    text-transform: uppercase;
    color: #0A111D;
}

.form-subtitle {
    font-size: 16px;
    color: #727786;
    margin-top: 10px;
}

/* Таймер */
.timer-container {
    margin-bottom: 20px;
}

.timer-display {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.timer-block {
    display: flex;
    min-width: 50px;
    flex-direction: column;
    gap: 2px;
}
.timer-block__inner{
    text-align: center;
    background-color: #0A111D;;
    color: white;
    padding: 11px 10px;
    border-radius: 4px;
    min-width: 50px;
}
.timer-number {
    font-family: "Bebas Neue", serif;
    font-weight: 400;
    font-size: 28px;
    line-height: 100%;
    letter-spacing: 0;
    vertical-align: middle;
    text-transform: uppercase;
    display: block;
}

.timer-label {
    font-family: Roboto, serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    color: #0A111D;
}

.timer-separator {
    display: flex;
    align-items: center;
    font-size: 28px;
    color: #0A111D;
    font-weight: bold;
}

/* Форма */
.form-group {
    margin-bottom: 10px;
}

.form-input {
    font-family: Roboto, serif;
    width: 100%;
    padding: 15px;
    border: 1px solid #71757C;
    border-radius: 7px;
    font-size: 14px;
    outline: none;
    transition: border-color 0.2s ease;
    color: #71757C;
}

.form-input:focus {
    border-color: #1e88e5;
}

.submit-button {
    font-family: Roboto, serif;
    width: 100%;
    padding: 15px;
    background-color: #ff5252;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    transition: background-color 0.2s ease;
    margin-bottom: 10px;
    margin-top: 10px;
}

.submit-button:hover {
    background-color: #f44336;
}

.cancel-button {
    font-family: Roboto, serif;
    width: 100%;
    padding: 15px;
    background-color: #bdbdbd;
    color: white;
    border: none;
    border-radius: 7px;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.2s ease;
    margin-bottom: 20px;
}

.cancel-button:hover {
    background-color: #9e9e9e;
}

.privacy-text {
    font-family: Roboto, serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0;
    color: #727786;
}
.privacy-text label{
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}
.privacy-text input[type="checkbox"] {
    margin-right: 8px;
}

.privacy-link {
    color: #ff5252;
    text-decoration: none;
}

.privacy-link:hover {
    text-decoration: underline;
}
/* Скрываем оригинальный чекбокс */
.custom-checkbox input {
    opacity: 0;
    position: absolute;
}

/* Создаем кастомный чекбокс */
.custom-checkbox .checkmark {
    display: inline-block;
    width: 30px;
    height: 20px;
    border: 1px solid #0A111D;
    border-radius: 4px;
    background-color: #ffffff;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
}

/* Изменяем стиль при выборе чекбокса */
.custom-checkbox input:checked + .checkmark {
    background-color: #ffffff; /* Цвет фона при выборе */
    border-color: #0A111D; /* Цвет границы при выборе */
}

/* Добавляем галочку внутри чекбокса */
.custom-checkbox input:checked + .checkmark::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 0;
    width: 6px;
    height: 12px;
    border: solid #0A111D;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* Стилизуем текст рядом с чекбоксом */
.custom-checkbox .checkbox-text {
    display: inline-block;
    vertical-align: middle;
    color: #727786;
    opacity: 0.7;
    font-family: Roboto, serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0;
}

.custom-checkbox .checkbox-text a {
    color: #F15454;
    text-decoration: none;
}

.custom-checkbox .checkbox-text a:hover {
    text-decoration: underline;
}
/* Адаптивность для экранов меньше 768px */
@media (max-width: 768px) {
    .modal-container {
        padding: 30px;
        max-width: 95%;
    }

    .modal-content {
        flex-direction: column;
        gap: 20px;
    }

    .modal-image {
        flex: none;

        min-width: auto;
    }

    .modal-form {
        flex: none;
        padding: 30px 20px;
        min-width: auto;
    }

    .form-title {
        font-size: 20px;
        text-align: center;
    }

    .timer-block {
        padding: 10px 8px;
        min-width: 50px;
    }

    .timer-number {
        font-size: 24px;
    }

    .timer-separator {
        font-size: 24px;
    }
    .custom-checkbox .checkmark {
        width: 45px;
        height: 20px;
    }
    .close-button {
        top: 5px;
        right: 5px;
    }
    #returnToModalButton{
        top: 90px !important;
    }
}
/* End */


/* Start:/local/templates/ledtehnology-2023/components/bitrix/news/catalog/style.css?17258231284594*/
.catalog{display:grid;grid-template-columns:274fr 918fr;gap:40px}@media(max-width: 1200px){.catalog{display:flex;flex-flow:column}}.catalog-breadcrumbs{margin-bottom:3rem}.catalog-breadcrumbs .breadcrumbs__item,.catalog-breadcrumbs .breadcrumbs__item *{color:#737787}.catalog__filter-call.btn{display:none;margin-bottom:32px;width:100%;border-radius:8px;border:1px solid #c5c4c4;color:#000;font-family:"Inter",sans-serif;font-size:16px;letter-spacing:0}.catalog__filter-call.btn::before{content:"";margin-right:11px;background:center no-repeat url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 2H5C4.20435 2 3.44129 2.31607 2.87868 2.87868C2.31607 3.44129 2 4.20435 2 5V6.17C1.99986 6.58294 2.08497 6.99147 2.25 7.37V7.43C2.39128 7.75097 2.59139 8.04266 2.84 8.29L9 14.41V21C8.99966 21.1699 9.04264 21.3372 9.12487 21.4859C9.20711 21.6346 9.32589 21.7599 9.47 21.85C9.62914 21.9486 9.81277 22.0006 10 22C10.1565 21.9991 10.3107 21.9614 10.45 21.89L14.45 19.89C14.6149 19.8069 14.7536 19.6798 14.8507 19.5227C14.9478 19.3656 14.9994 19.1847 15 19V14.41L21.12 8.29C21.3686 8.04266 21.5687 7.75097 21.71 7.43V7.37C21.8888 6.99443 21.9876 6.58578 22 6.17V5C22 4.20435 21.6839 3.44129 21.1213 2.87868C20.5587 2.31607 19.7956 2 19 2ZM13.29 13.29C13.1973 13.3834 13.124 13.4943 13.0742 13.6161C13.0245 13.7379 12.9992 13.8684 13 14V18.38L11 19.38V14C11.0008 13.8684 10.9755 13.7379 10.9258 13.6161C10.876 13.4943 10.8027 13.3834 10.71 13.29L5.41 8H18.59L13.29 13.29ZM20 6H4V5C4 4.73478 4.10536 4.48043 4.29289 4.29289C4.48043 4.10536 4.73478 4 5 4H19C19.2652 4 19.5196 4.10536 19.7071 4.29289C19.8946 4.48043 20 4.73478 20 5V6Z' fill='black'/%3E%3C/svg%3E%0A");width:24px;height:24px;display:block;transition:.25s}.catalog__filter-call.btn:hover::before{background:center no-repeat url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 2H5C4.20435 2 3.44129 2.31607 2.87868 2.87868C2.31607 3.44129 2 4.20435 2 5V6.17C1.99986 6.58294 2.08497 6.99147 2.25 7.37V7.43C2.39128 7.75097 2.59139 8.04266 2.84 8.29L9 14.41V21C8.99966 21.1699 9.04264 21.3372 9.12487 21.4859C9.20711 21.6346 9.32589 21.7599 9.47 21.85C9.62914 21.9486 9.81277 22.0006 10 22C10.1565 21.9991 10.3107 21.9614 10.45 21.89L14.45 19.89C14.6149 19.8069 14.7536 19.6798 14.8507 19.5227C14.9478 19.3656 14.9994 19.1847 15 19V14.41L21.12 8.29C21.3686 8.04266 21.5687 7.75097 21.71 7.43V7.37C21.8888 6.99443 21.9876 6.58578 22 6.17V5C22 4.20435 21.6839 3.44129 21.1213 2.87868C20.5587 2.31607 19.7956 2 19 2ZM13.29 13.29C13.1973 13.3834 13.124 13.4943 13.0742 13.6161C13.0245 13.7379 12.9992 13.8684 13 14V18.38L11 19.38V14C11.0008 13.8684 10.9755 13.7379 10.9258 13.6161C10.876 13.4943 10.8027 13.3834 10.71 13.29L5.41 8H18.59L13.29 13.29ZM20 6H4V5C4 4.73478 4.10536 4.48043 4.29289 4.29289C4.48043 4.10536 4.73478 4 5 4H19C19.2652 4 19.5196 4.10536 19.7071 4.29289C19.8946 4.48043 20 4.73478 20 5V6Z' fill='white'/%3E%3C/svg%3E%0A")}@media(max-width: 1200px){.catalog__filter-call.btn{display:flex;align-items:center;justify-content:center}}.catalog-offers-list .catalog-list__content{display:grid;grid-template-columns:repeat(4, 1fr);gap:24px 19px}@media(max-width: 1200px){.catalog-offers-list .catalog-list__content{grid-template-columns:repeat(3, 1fr)}}@media(max-width: 950px){.catalog-offers-list .catalog-list__content{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 650px){.catalog-offers-list .catalog-list__content{grid-template-columns:1fr}}.catalog-elem{border-radius:8px;background:#fbfbfb;overflow-y:hidden}.catalog-elem__content{padding:16px 8px 16px 16px;border:1px solid #e5e8f0;border-top:0}.catalog-elem__title{color:#262c35;font-weight:500;letter-spacing:.18px;line-height:120%;height:calc(2em * 1.2);overflow:hidden;text-overflow:ellipsis;width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.catalog-elem-prices{margin:4px 0;display:flex}.catalog-elem-prices__value{color:#262c35;margin-right:16px}.catalog-elem-prices__old{color:#767676;position:relative;width:fit-content}.catalog-elem-prices__old::before{content:"";width:calc(100% + 2px);height:1px;background:#767676;position:absolute;left:-1px;top:50%}.catalog-elem__btn.btn{width:100%;padding:14px;border-radius:4px;margin-top:1.5rem}.catalog-elem__img{height:192px;background:#212634;text-align:center;overflow:hidden;display:flex;align-items:center;justify-content:center}.catalog-elem__img img{width:auto;height:auto;max-width:100%;max-height:100%}

/* End */


/* Start:/local/components/ledtehnology/head/templates/.default/style.css?1671915977646*/
.head{background:url("/local/components/ledtehnology/head/templates/.default/./img/bg_head.png") #111822 right top no-repeat;min-height:195px;margin-bottom:48px}.head .title{margin:0;padding:16px 0}.head_sm{min-height:130px}.breadcrumbs{display:flex;font-size:14px;line-height:24px;color:#737787;padding:24px 0;margin:0;list-style:none;white-space:nowrap}.breadcrumbs__item{display:flex;align-items:center}.breadcrumbs__item:after{content:"|";display:inline-block;margin:0 15px}.breadcrumbs__item:last-child:after{display:none}.breadcrumbs a{color:#737787;text-decoration:none}.breadcrumbs__span{color:#fff;overflow:hidden;text-overflow:ellipsis;line-height:14px;max-width:300px;display:inline-block}

/* End */


/* Start:/local/templates/ledtehnology-2023/components/bitrix/news/catalog/bitrix/catalog.section.list/sections/style.css?1725823122985*/
.catalog-sections{display:grid;grid-template-columns:repeat(2, 1fr);border-top:1px solid #e2e0eb;border-left:1px solid #e2e0eb}@media(max-width: 900px){.catalog-sections{grid-template-columns:1fr;border-left:0;border-top:0}}.catalog-sections__elem{border-right:1px solid #e2e0eb;border-bottom:1px solid #e2e0eb;padding:48px;text-decoration:none;text-align:center}@media(max-width: 900px){.catalog-sections__elem{border-right:0}}@media(max-width: 1200px){.catalog-sections__elem{padding:24px}}.catalog-sections__elem:hover .catalog-sections__title{color:#c03a3a}.catalog-sections img{width:auto;height:auto;max-width:100%;max-height:100%}.catalog-sections__title{display:block;color:#605f66;font-family:"Inter",sans-serif;font-size:24px;text-align:center;margin-top:16px}@media(max-width: 1200px){.catalog-sections__title{font-size:20px}}@media(max-width: 900px){.catalog-sections__title{font-size:16px}}@media(max-width: 450px){.catalog-sections__title{font-size:12px;margin-top:5px}}

/* End */
/* /local/assets/css/catalog.css?171342499044 */
/* /local/assets/css/blocks/discount-popup.css?17512715497844 */
/* /local/templates/ledtehnology-2023/components/bitrix/news/catalog/style.css?17258231284594 */
/* /local/components/ledtehnology/head/templates/.default/style.css?1671915977646 */
/* /local/templates/ledtehnology-2023/components/bitrix/news/catalog/bitrix/catalog.section.list/sections/style.css?1725823122985 */