/* Start:/local/templates/redesign/components/bitrix/catalog.smart.filter/catalog/style.css?17905715246650*/
.popup-window.smartFilterDropDown {
    z-index: 10;
    border: 1px solid #3a8fc9 !important;
    overflow: hidden;
    border: none;

    background-color: #fff;
    top: 100%;
    margin-top: -1px;
    border-bottom-left-radius: 2.5px;
    border-bottom-right-radius: 2.5px;
    padding: 0;
}

.popup-window.smartFilterDropDown ul {
    list-style-type: none;
}

.popup-window.smartFilterDropDown ul:not([class]) > li:not([class]):before {
    display: none;
}

.popup-window.smartFilterDropDown li {
    color: #1f2a39;
    text-align: right;
    font-size: 14px;
    line-height: 1.286;
    margin-bottom: 0;
    background: #f2f5f7;
    padding: 0;
    position: relative;
}

.popup-window.smartFilterDropDown li label {
    display: block;
    padding: 9px 47px 9px 12px;
}

.popup-window.smartFilterDropDown li:hover {
    background: #fff;
}


.bx-filter-select-container {
    height: 40px;
    min-height: auto;
    color: #1f2a39;
    font-family: Ubuntu, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-align: right;
    background: #fff;
    border: 1px solid #3a8fc9;
    border-radius: 4px;
    position: relative;
}

.bx-filter-select-container:hover {
    cursor: pointer;
}

.bx-filter-select-container .bx-filter-select-block {
    padding: 10px 47px 10px 12px;
}

.bx-filter-select-container .bx-filter-select-block:after {
    content: '';
    top: 50%;
    right: 15px;
    margin: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 0;
    height: 0;
    padding: 0 !important;
    border-style: solid;
    border-width: 6px 4px 0 4px;
    border-color: #3a8fc9 transparent transparent transparent;
    position: absolute;
}

.bx-filter-parameters-box {
    display: block;
    margin: 0 0 17px;
}

.bx-filter-select-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bx-filter-select-title {
    position: absolute;
/ / max-width: 65 %;
/ / white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #1F2A39;
    font-family: Akrobat, Arial Narrow, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    padding-bottom: 10px;
}

.bx-filter-container-modef #modef.bx-filter-popup-result {
    position: absolute;
    display: flex !important;
    right: 0px;
    background: #a02231;
    border: 1px solid #a02231;
    gap: 2px;
    padding: 5px 7px;
    color: white;
    font-size: 12px;
    z-index: 10000;
    text-transform: uppercase;
}
.bx-filter-container-modef #modef.bx-filter-popup-result a{
    color: white;
    font-size: 12px;
    text-transform: uppercase;
}
.bx-filter-parameters-box{
    position: relative;
}
.bx-filter-parameters-box-container .choices__inner {
    background: #fff;
    border: 1px solid #3a8fc9;
}

.bx-filter-parameters-box-container .choices__input {
    background: #fff;
}

.bx-filter-parameters-box-container .choices__list--multiple .choices__item,
.bx-filter-parameters-box-container .choices__list--multiple .choices__item.is-highlighted {
    background-color: #1F2A39;
    border: 1px solid #1F2A39;
}

.bx-filter-parameters-box-container .choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button {
    border-left: 1px solid #ED6C0C;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSAwLjU1MzcxMUw3LjM5MjU4IDYuOTQ2MjkiIHN0cm9rZT0iI0VENkMwQyIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPHBhdGggZD0iTTcuMzkyNTggMC41NTM3MTFMMSA2Ljk0NjI5IiBzdHJva2U9IiNFRDZDMEMiIHN0cm9rZS13aWR0aD0iMS41Ii8+Cjwvc3ZnPgo=");
}

.bx-filter-parameters-box-container .choices .choices__inner::after {
    content: '';
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 19px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #000; /* Цвет треугольника */
    margin-left: 0.5em; /* Расстояние до текста */
}

.bx-filter-parameters-box-container .choices__list {
    color: #0c161f;
}
.bx-filter-parameters-box-container  .choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button
{
    padding-left: 20px;
    margin: 0 -2px 0 8px;
}

.bx-filter-param-text {
    font-family: Akrobat, Arial Narrow, sans-serif;
    font-size: 16px;
}

/* Скрываем стандартный чекбокс */
.bx-filter-input-checkbox input {
    display: none;
}

/* Стили для кастомного чекбокса */
.bx-filter-input-checkbox span {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    font-size: 16px;
    color: #333;
}

/* Создаем кастомный чекбокс */
.bx-filter-input-checkbox span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    border: 2px solid #ccc; /* Серый цвет для неактивного состояния */
    border-radius: 4px;
    background-color: white;
    transition: all 0.3s ease;
}

/* Стили для галочки */
.bx-filter-input-checkbox span:after {
    content: '';
    position: absolute;
    left: 7px;
    top: 3px;
    width: 4px;
    height: 9px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity 0.2s;
}

/* Стили для чекбокса в состоянии "checked" */
.bx-filter-input-checkbox input:checked + span:before {
    background-color: #0C161F; /* Зеленый цвет для активного состояния */
    border-color: #0C161F;
}

.bx-filter-input-checkbox input:checked + span:after {
    opacity: 1;
}

/* Эффект при наведении */
.bx-filter-input-checkbox span:hover:before {
    border-color: #0C161F; /* Зеленый цвет при наведении */
}

.bx-filter-btn-loading {
    position: relative;
    opacity: 0.7;
    cursor: not-allowed;
}

.bx-filter-btn-loading:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    border: 2px solid #fff;
    border-top-color: transparent;
    border-radius: 50%;
    animation: bx-filter-btn-spin 0.8s linear infinite;
}

@keyframes bx-filter-btn-spin {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 768px) {
    .bx-filter-select-title, .bx-filter-input-checkbox span {
        color: #ffffff;
    }
}

/* End */


/* Start:/local/templates/redesign/components/bitrix/system.pagenavigation/modern/style.min.css?1771760513675*/
div.modern-page-navigation{padding:.5em 0}div.modern-page-navigation a,span.modern-page-current,span.modern-page-dots{border-left-width:1px;border-left-style:solid;padding-left:.75em;padding-right:.5em;text-decoration:none}div.modern-page-navigation a.modern-page-previous{border-right-width:1px;border-right-style:solid;border-left:0}div.modern-page-navigation a.modern-page-first,div.modern-page-navigation span.modern-page-first{border-left:0;padding-left:.5em}span.modern-page-current{font-weight:var(--ui-font-weight-bold)}div.modern-page-navigation a,span.modern-page-current,div.modern-page-navigation a.modern-page-previous,span.modern-page-dots{border-color:#cdcdcd}
/* End */


/* Start:/local/templates/redesign/components/bitrix/catalog.item/model/style.css?177176051365*/
.product-snippet__image.has-placeholder
{
    object-fit: none;
}
/* End */
/* /local/templates/redesign/components/bitrix/catalog.smart.filter/catalog/style.css?17905715246650 */
/* /local/templates/redesign/components/bitrix/system.pagenavigation/modern/style.min.css?1771760513675 */
/* /local/templates/redesign/components/bitrix/catalog.item/model/style.css?177176051365 */