

/* Start:/local/templates/iblock_catalog_test/components/bitrix/catalog/compare_catalog/style.css?17889621762861*/
.products__header {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 25px;
}
.products__header .section-title,
.products__title {
    color: var(--text-heading);
    margin: 0;
}

.products__count {
    font-size: 14px;
    color: var(--text-secondary);
}

.sort {
    /*margin-left: auto;*/
    background: var(--bg-surface);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-m);
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 18px;
    font-size: 14px;
}

.sort span:first-child {
    color: var(--text-primary);
}

.sort__chevron {
    color: var(--brand-blue);
    font-weight: 500;
}

.products__header .btn--filters-mobile,
.products__header .btn--sort-mobile {
    display: none;
}

.seo {
    font-family: var(--font);
    background: var(--bg-surface);
    padding-top: 72px;
    padding-bottom: 72px;
}
.seo__title{ font-size: 38px; font-weight: 600; color: var(--text-heading); max-width: 900px; margin-bottom: 32px; }
.seo__columns{ display: flex; gap: 56px; font-size: 16px; line-height: 1.6; color: #3d454f; }
.seo__columns p{ flex: 1; }
.seo__text{
    font-size: 16px;
    line-height: 1.6;
}
.seo__text h2{
    font-size: 38px; font-weight: 600; color: var(--text-heading); max-width: 900px; margin-bottom: 32px;
}

@media (max-width: 992px) {
    .products__header {
        flex-wrap: wrap;
    }

    .products__title {
        font-size: 26px;
        color: var(--mobile-text-heading);
    }

    .products__count {
        margin-left: auto;
        font-size: 13px;
        color: var(--mobile-text-secondary);
    }

    .sort {
        display: none;
    }

    .products__header .btn--filters-mobile,
    .products__header .btn--sort-mobile {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 1 1 0;
        height: 46px;
        border-radius: 10px;
        border: none;
        font-size: 14px;
        font-weight: 500;
    }

    .btn--filters-mobile {
        background: #0a63cc;
        color: #fff;
    }

    .btn--sort-mobile {
        background: #fff;
        border: 1px solid #d1d9e5;
        color: #171f2e;
    }

    .products__header {
        gap: 12px;
    }

    .products__header > .btn--filters-mobile,
    .products__header > .btn--sort-mobile {
        flex-basis: 100%;
        margin-top: 4px;
    }

    .products__header {
        row-gap: 12px;
    }


    .seo{ background: #fff; padding: 38px 0 42px; }
    .seo__title{ font-size: 26px; color: var(--mobile-text-heading); margin-bottom: 20px; }
    .seo__columns{ flex-direction: column; gap: 20px; font-size: 15px; color: #404a5c; }
}
@media(max-width: 600px){
    .products__header > .btn--filters-mobile,
    .products__header > .btn--sort-mobile {
        max-width: calc(50% - 6px);
    }
}


/* End */


/* Start:/local/templates/iblock_catalog_test/components/bitrix/catalog.section.list/catalog_root/style.css?17890260043510*/
.categories {
    font-family: var(--font);
    background: var(--bg-section);
    padding-top: 48px;
    padding-bottom: 52px;
}


.categories .section-title {
    font-size: 34px;
    font-weight: 600;
    color: var(--text-heading);
    line-height: 1.35;
    text-align: left
}

.categories .section-subtitle {
    font-size: 16px;
    color: var(--text-secondary);
    margin-top: 8px;
}

.categories__grid{
    margin-top: 24px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}
.categories__grid > :nth-child(1),
.categories__grid > :nth-child(2){
    grid-column: span 5;
}
.categories__grid{
    grid-template-columns: repeat(10, 1fr);
}
.category-card{
    position: relative;
    border-radius: var(--radius-l);
    overflow: hidden;
    background-size: cover;
    background-position: center;
    color: #fff;
    display: block;
}
.category-card:hover{
    color: #fff;
}
.category-card--featured{ height: 240px; }

.category-card--square {
    aspect-ratio: 1 / 1;
    grid-column: span 2;
}
.category-card__overlay{
    position: absolute; inset: 0;
    background: rgba(7,17,28,.48);
}
.category-card--featured .category-card__overlay{ background: rgba(7,17,28,.48); }
.category-card__overlay--light{ background: rgba(7,17,28,.18); }
.category-card__overlay--medium{ background: rgba(7,17,28,.3); }
.category-card--blue{ background: #045fc3; }
.category-card--pale{ background: #deedff; color: var(--text-heading); }
.category-card--pale .category-card__arrow,
.category-card--blue .category-card__arrow{ color: inherit; }

.category-card__title{
    position: absolute; left: 14px; bottom: 40px;
    font-size: 15px; font-weight: 600; line-height: 1.3; max-width: 75%;
}
.category-card--featured .category-card__title{ font-size: 28px; bottom: 33px; max-width: 85%; }
.category-card__count{
    position: absolute; left: 14px; bottom: 20px;
    font-size: 10px; opacity: .82;
}
.category-card--featured .category-card__count{ font-size: 13px; bottom: 13px; }
.category-card__arrow{
    position: absolute; right: 14px; bottom: 32px;
    font-size: 18px;
}
.category-card--featured .category-card__arrow{ font-size: 20px; bottom: 44px; }
.category-card--pale .category-card__arrow,
.category-card--pale .category-card__count,
.category-card--pale .category-card__title{ color: var(--text-heading); }
.category-card--pale .category-card__arrow{ color: var(--brand-blue); }


@media (max-width: 992px){
    .categories{ background: #fff; padding: 28px 0 32px; }
    .section-title{ font-size: 25px; color: var(--mobile-text-heading); }
    .section-subtitle{ color: #616b80; font-size: 14px; }
    .categories__grid{ grid-template-columns: repeat(2, 1fr); gap: 14px; }
    .categories__grid > :nth-child(1),
    .categories__grid > :nth-child(2){ grid-column: 1 / -1; }
    .category-card--featured{ height: auto; aspect-ratio: 350 / 141; }
    .category-card__title{ font-size: 11px; bottom: 24px; }
    .category-card--featured .category-card__title {
        font-size: 16px;
        bottom: 25px;
    }
    .category-card__count{ font-size: 7px; bottom: 12px; }
    .category-card--featured .category-card__count{
        font-size: 10px;
    }
    .category-card__arrow{ font-size: 13px; bottom: 20px; }
    .category-card--featured .category-card__arrow{ font-size: 12px; bottom: 27px; }
    .category-card--square{
        grid-column: span 1;
    }
}
/* End */


/* Start:/local/templates/iblock_catalog_test/components/bitrix/catalog.smart.filter/vertical_filter/style.css?178896058010513*/
.bx_filter{
	--f-bg-surface:      #eef1f4;
	--f-text-heading:    #07111c;
	--f-text-primary:    #1f2328;
	--f-text-secondary:  #737373;
	--f-brand-blue:      #2377f1;
	--f-border:          #dee3eb;
	--f-border-light:    #d9dee5;

	--f-mobile-bg:            #f6f8fb;
	--f-mobile-text-heading:  #0e131f;
	--f-mobile-text-primary:  #404a5c;
	--f-mobile-text-secondary:#6b758a;

	--f-radius-m: 8px;
	--f-radius-l: 14px;
	--f-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;

	font-family: var(--f-font);
	box-sizing: border-box;
}
.bx_filter *, .bx_filter *::before, .bx_filter *::after{ box-sizing: border-box; }
.bx_filter button{ font-family: inherit; cursor: pointer; }
.bx_filter input{ font-family: inherit; }
.bx_filter ul{ margin: 0; padding: 0; list-style: none; }
.bx_filter img{ max-width: 100%; display: block; }

.filters{
	font-family: var(--font);
	flex: 0 0 250px;
	width: 250px;
	background: #fff;
	border: 1px solid var(--f-border);
	border-radius: var(--f-radius-l);
	box-shadow: 0 3px 10px rgba(8,18,28,.05);
	padding: 20px 20px 18px;
	position: sticky;
	top: 20px;
}
.filters__title{ font-size: 20px; font-weight: 600; color: var(--f-text-heading); margin: 0 0 4px; }
.filters__mobile-header{ display: none; }

.filter{ border-bottom: 1px solid var(--f-border); padding: 18px 0; }
.filter:last-of-type{ border-bottom: none; }
.filter__header{
	width: 100%;
	background: none;
	border: none;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	font-weight: 500;
	color: var(--f-text-primary);
	text-align: left;
}
.filter__toggle{ color: var(--f-brand-blue); font-size: 17px; line-height: 1; width: 12px; text-align: center; flex-shrink: 0; }
.filter__content{
	display: none;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	margin-top: 14px;
}
.filter.is-open .filter__content{ display: flex; }
.filter.is-open .filter__toggle{ font-size: 18px; }

.filter__more{
	align-self: flex-start;
	background: none; border: none; padding: 0;
	color: var(--f-brand-blue); font-size: 12px; font-weight: 500;
}
.filter__extra-item[hidden]{ display: none; }

.filter__content .checkbox{
	display: flex; align-items: center; gap: 10px;
	font-size: 13px; color: var(--f-text-heading);
	cursor: pointer;
	width: 100%;
	font-weight: 400;
}
.checkbox input{ position: absolute; opacity: 0; width: 16px; height: 16px; margin: 0; cursor: pointer; }
.checkbox__box{
	display: block;
	width: 16px; height: 16px; flex-shrink: 0;
	border: 1px solid #b8bfc9; border-radius: 3px;
	background: #fff;
	position: relative;
}
.checkbox input:checked + .checkbox__box{
	background: var(--f-brand-blue);
	border-color: var(--f-brand-blue);
}
.checkbox input:checked + .checkbox__box::after{
	content: "✓";
	position: absolute; inset: 0;
	color: #fff; font-size: 10px; font-weight: 600;
	display: flex; align-items: center; justify-content: center;
}
.checkbox input:focus-visible + .checkbox__box{ outline: 2px solid var(--f-brand-blue); outline-offset: 2px; }
.checkbox.disabled{ opacity: .4; pointer-events: none; }

.checkbox--radio .checkbox__box{ border-radius: 50%; }
.checkbox--radio input:checked + .checkbox__box::after{
	content: "";
	width: 8px; height: 8px; border-radius: 50%;
	background: #fff; inset: auto;
	position: static;
	margin: 3px auto;
}

.price-inputs{ display: flex; gap: 10px; width: 100%; }
.price-input{
	width: 50%; height: 40px;
	border: 1px solid var(--f-border);
	border-radius: var(--f-radius-m);
	padding: 0 12px;
	font-size: 13px;
	color: var(--f-text-secondary);
	min-width: 0;
}
.price-input::placeholder{ color: var(--f-text-secondary); }
.price-input--calendar{ padding: 0; display: flex; }
.price-input--calendar input{ width: 100%; height: 100%; border: none; padding: 0 12px; font-size: 13px; color: var(--f-text-secondary); }

.price-range{ position: relative; width: 100%; margin: 20px 6px 8px; }
.filters .price-range.noUi-target{
	height: 4px;
	background: #dde3ea;
	border: none;
	border-radius: 2px;
	box-shadow: none;
}
.filters .price-range .noUi-connects{ border-radius: 2px; }
.filters .price-range .noUi-connect{ background: var(--f-brand-blue); }
.filters .price-range .noUi-handle{
	width: 16px; height: 16px;
	top: -6px; right: -8px;
	border-radius: 50%;
	border: 2px solid var(--f-brand-blue);
	background: #fff;
	box-shadow: 0 1px 3px rgba(8,18,28,.25);
	cursor: pointer;
}
.filters .price-range .noUi-handle:before,
.filters .price-range .noUi-handle:after{ display: none; }
.filters .price-range .noUi-handle:focus{ outline: none; box-shadow: 0 0 0 3px rgba(35,119,241,.25); }
.filters .price-range.noUi-target[disabled]{ opacity: .5; }

.color-options{ display: flex; flex-wrap: wrap; gap: 10px; }
.color-option__wrap{ position: relative; display: inline-flex; }
.color-option__input{ position: absolute; opacity: 0; width: 26px; height: 26px; margin: 0; cursor: pointer; }
.color-option{
	display: block;
	width: 26px; height: 26px;
	border-radius: 50%;
	border: 1px solid var(--f-border);
	cursor: pointer;
}
.color-option.is-active{ outline: 2px solid var(--f-brand-blue); outline-offset: 2px; }
.color-option.disabled{ opacity: .35; pointer-events: none; }

.swatch-options{ display: flex; flex-wrap: wrap; gap: 10px; width: 100%; }
.swatch-option{
	display: flex; align-items: center; gap: 8px;
	border: 1px solid var(--f-border);
	border-radius: var(--f-radius-m);
	padding: 6px 10px;
	font-size: 12px;
	color: var(--f-text-primary);
	cursor: pointer;
}
.swatch-option__icon{ width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.swatch-option__icon img{ width: 100%; height: 100%; object-fit: contain; }
.swatch-option.is-active{ border-color: var(--f-brand-blue); background: #eaf2fe; }
.swatch-option.disabled{ opacity: .4; pointer-events: none; }

.filter-select{ position: relative; width: 100%; }
.filter-select__control{
	display: flex; align-items: center; justify-content: space-between; gap: 8px;
	height: 40px; padding: 0 12px;
	border: 1px solid var(--f-border);
	border-radius: var(--f-radius-m);
	font-size: 13px; color: var(--f-text-primary);
	cursor: pointer;
}
.filter-select__value{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: flex; align-items: center; gap: 6px; }
.filter-select__icon{ width: 18px; height: 18px; }
.filter-select__arrow{
	flex-shrink: 0; width: 8px; height: 8px;
	border-right: 2px solid var(--f-brand-blue); border-bottom: 2px solid var(--f-brand-blue);
	transform: rotate(45deg); margin-top: -3px;
}
.filter-select__popup{
	background: #fff;
	border: 1px solid var(--f-border);
	border-radius: var(--f-radius-m);
	box-shadow: 0 8px 24px rgba(8,18,28,.12);
	padding: 6px;
	min-width: 200px;
}
.filter-select__list{ max-height: 260px; overflow-y: auto; }
.filter-select__item{
	display: flex; align-items: center; gap: 8px;
	padding: 8px 10px; border-radius: 6px;
	font-size: 13px; color: var(--f-text-primary);
	cursor: pointer;
}
.filter-select__item:hover{ background: var(--f-bg-surface); }
.filter-select__item.is-selected{ color: var(--f-brand-blue); font-weight: 500; }
.filter-select__item.disabled{ opacity: .4; pointer-events: none; }

.bx_filter .btn{
	border: none;
	border-radius: var(--f-radius-m);
	cursor: pointer;
	font-weight: 500;
	font-family: inherit;
}
.bx_filter .btn--primary{ background: var(--f-brand-blue); color: #eef1f4; }
.bx_filter .btn--primary:hover{ background: #1c66d6; }
.bx_filter .btn--block{ width: 100%; padding: 14px 18px; font-size: 14px; text-align: center; display: block; }
.bx_filter .btn--link{ background: none; color: var(--f-brand-blue); font-size: 13px; padding: 8px 0; width: 100%; text-align: center; }

.filters__footer--desktop {
	margin-top: 16px;
	/*padding-top: 16px;*/
	/*border-top: 1px solid var(--f-border);*/
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.filters__found{ font-size: 12px; color: #6b7887; margin: 0; }
.filters__found strong{ color: var(--f-brand-blue); font-weight: 600; }
.filters__footer--mobile{ display: none; }

.filters__backdrop{ display: none; }

@media (max-width: 1023px){

	.filters{
		position: fixed;
		top: 0; right: 0;
		height: 100%;
		width: min(390px, 100%);
		max-width: 100%;
		border-radius: 0;
		border: none;
		box-shadow: none;
		padding: 0;
		display: flex;
		flex-direction: column;
		transform: translateX(100%);
		transition: transform .25s ease;
		z-index: 210;
		overflow-y: auto;
	}
	.filters.is-open{ transform: translateX(0); }
	.filters__title{ display: none; }
	.filters__mobile-header{
		display: flex; align-items: center; justify-content: space-between;
		padding: 20px 20px 16px;
		border-bottom: 1px solid #e0e5ed;
	}
	.filters__mobile-header h3{ margin: 0; font-size: 24px; font-weight: 600; color: var(--f-mobile-text-heading); }
	.filters__close{ background: none; border: none; font-size: 30px; line-height: 1; color: var(--f-mobile-text-heading); padding: 0; }

	.filters__body {
		padding: 8px 20px 0;
		flex: 1;
	}
	.filter{ padding: 18px 0; }
	.filters__footer--desktop{ display: none; }
	.filters__footer--mobile{
		display: flex; flex-direction: column; gap: 10px;
		padding: 12px 20px 14px;
		border-top: 1px solid #e0e5ed;
	}
	.filters__footer-row{ display: flex; gap: 10px; }
	.bx_filter .btn--reset-mobile{ flex: 0 0 105px; background: #f2f5fa; color: #3d4757; border-radius: 10px; padding: 14px; font-size: 13px; font-weight: 500; }
	.bx_filter .btn--show-mobile{ flex: 1; border-radius: 10px; padding: 14px; font-size: 14px; font-weight: 600; }
	.filters__selected{ font-size: 11px; color: var(--f-mobile-text-secondary); margin: 0; }

	.filters__backdrop{
		display: block;
		position: fixed; inset: 0;
		background: rgba(7,17,28,.5);
		z-index: 200;
		opacity: 0; pointer-events: none;
		transition: opacity .25s ease;
	}
	.filters__backdrop.is-open{ opacity: 1; pointer-events: auto; }
}

/* Bootstrap и другие фреймворки задают .btn{display:...} как авторский стиль,
   который по правилам каскада перекрывает стандартное [hidden]{display:none}
   у браузера (авторские стили всегда важнее стилей user-agent, независимо
   от специфичности). Поэтому для элементов фильтра принудительно
   гарантируем скрытие через [hidden]. */
.bx_filter [hidden]{ display: none !important; }

/* End */


/* Start:/local/templates/.default/components/bitrix/catalog/compare_catalog/bitrix/catalog.compare.list/.default/style.css?16617627401265*/
.bx_catalog-compare-list{
    font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size:12px;
    z-index:998;
    overflow:hidden;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
    width:270px;
    max-height:100%;
    padding:10px 8px 0;
    white-space:normal;
    color:#404040;
    border:1px solid #b7b7b7;
    border-radius:3px;
    background:#fff;
    box-shadow:0 2px 5px 0 rgba(0,0,0,.18);
	margin-bottom: 10px;
}
.bx_catalog-compare-list.fix{
	position:fixed;
}
.bx_catalog-compare-list.top{
    top:5px;
}
.bx_catalog-compare-list.right{
    right:5px;
}
.bx_catalog-compare-list.bottom{
    bottom:5px;
}
.bx_catalog-compare-list.left{
    left:5px;
}
.bx_catalog-compare-list .bx_catalog_compare_form {  }
.bx_catalog-compare-list:hover .bx_catalog_compare_form {  }
.bx_catalog-compare-list a{
    font-size:11px;
    color:#327ab7;
}
.bx_catalog-compare-list a:hover{
    text-decoration:none;
}
.bx_catalog_compare_count p{
    margin:0 0 10px 0;
}
.bx_catalog_compare_count p.compare-redirect{
	text-align: center;
	font-weight: bold;
}
.bx_catalog-compare-list .compare-items td{
    font-size:12px;
    font-weight:bold;
    padding-bottom:10px;
	vertical-align: top;
}
/* End */


/* Start:/local/templates/iblock_catalog_test/components/bitrix/system.pagenavigation/iblocks_pagination/style.css?17889437901100*/
.pagination-1{
    margin-top: 24px;
    /*padding-left: 274px;*/
    display: flex;
    justify-content: center;
    gap: 8px;
}

.pagination__item{
    width: 40px;
    height: 40px;
    border-radius: 8px;
    border: 1px solid #dbe1e9;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #141c29;
    background: #fff;
    text-decoration: none;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
}

a.pagination__item:hover{
    border-color: #2774f0;
    color: #2774f0;
}

.pagination__item--active{
    background: #2774f0;
    border-color: #2774f0;
    color: #fff;
    font-weight: 500;
}

.pagination__item--disabled{
    color: #9ea6b2;
    pointer-events: none;
}

.pagination__item--dots{
    border: none;
    background: none;
}

.pagination__item--text{
    width: auto;
    padding: 0 16px;
}

@media (max-width: 1023px){
    .pagination{
        padding-left: 0;
        justify-content: center;
        flex-wrap: wrap;
    }
}

/* End */


/* Start:/local/templates/iblock_catalog_test/components/bitrix/catalog/compare_catalog/bitrix/catalog.section/list_new/style.css?17889596523346*/
.products.list_new{
    font-family: var(--font);
}
.products.list_new .products-block__item{
    background-color: var(--bg-surface);
    padding: 30px 14px 22px;
    border-radius: 7px;
}

.products.list_new .products-block__list._grid .products-block__item{
    width: calc(33.3333333333% - 16px);
    margin: 0 8px 16px;
}

.products.list_new .product-labels{
    top: 14px;
    left: 14px;
    width: calc(100% - 14px);
}

.products.list_new .product-labels-item{
    border-radius: 7px;
    font-weight: 600;
}
.products.list_new .product-labels-item-stock{
    color: white;
    background-color: var(--black);
}
.products.list_new .product-labels-item-hit{
    color: white;
    background-color: var(--gold);
}
.products.list_new .product-labels-item-out-of-stock{
    background-color: #FFFFFF;
    border: 1px solid #E1E7F0
}

.products.list_new .products-block__item-title a{
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
}
.products.list_new .products-block__item-price{
    margin-bottom: 12px;
}
.products.list_new .products-block__item-price .new-price{
    font-size: 19px;
    font-weight: 600;
    color: var(--text-heading);
}
.products.list_new  .products-block__item-detail{
    width: 100%;
}
.products.list_new  .products-block__item-detail .btn{
    border: none;
    border-radius: var(--radius-m);
    cursor: pointer;
    font-weight: 500;
    background: var(--brand-blue);
    color: var(--bg-surface);
    width: 100%;
    padding: 14px 18px;
    font-size: 14px;
    text-align: center;
    display: block;
}
.products.list_new  .products-block__item-detail .btn:hover{
    background: #1c66d6;
}

@media(max-width: 1200px){
    .products.list_new .products-block__list._grid .products-block__item{
        width: calc(50% - 16px);
    }
}
@media(max-width: 600px){
    .products.list_new .products-block__list._grid .products-block__item{
        width: 100%;
        margin: 0 0 16px;
    }
}

@media(max-width: 600px){
    .products.list_new .list_products.slick-initialized{
        display: block;
        position: relative;
        padding-bottom: 34px;
    }
    .products.list_new .list_products.slick-initialized .products-block__item{
        margin: 0;
        margin-right: 12px;
    }

    .products.list_new .list_products.slick-initialized .slick-list{
        box-sizing: border-box;
        padding-right: 28px;
    }

    .products.list_new .list_products .slick-dots{
        bottom: 0;
        line-height: 0;
    }
    .products.list_new .list_products .slick-dots li{
        width: 8px;
        height: 8px;
        margin: 0 4px;
    }
    .products.list_new .list_products .slick-dots li button{
        width: 8px;
        height: 8px;
        padding: 0;
    }
    .products.list_new .list_products .slick-dots li button:before{
        content: " ";
        width: 8px;
        height: 8px;
        font-size: 8px;
        line-height: 8px;
        /*opacity: .25;*/
        color: var(--black);
        border-radius: 8px;
        background-color: #B8C2D1;
    }
    .products.list_new .list_products .slick-dots li.slick-active button:before{
        opacity: 1;
        color: var(--black);
        background-color: #0A63CC;
    }
}
/* End */


/* Start:/local/templates/iblock_catalog_test/components/bitrix/form.result.new/catalog/style.css?17890169142845*/

.help{
    font-family: var(--font);
    background: var(--text-link);
    color: #fff;
    padding-top: 48px;
    padding-bottom: 48px;
}
.help>.container{
    display: flex;
    gap: 46px;

}

.help>.container:before,
.help>.container:after{
    content: unset;
}
.help__intro{ flex: 1 1 420px; display: flex; flex-direction: column; gap: 10px; }
.help__eyebrow{ font-size: 11px; font-weight: 600; letter-spacing: .8px; text-transform: uppercase; color: #a6d1ff; }
.help__title {
    font-family: var(--font);
    font-size: 28px;
    font-weight: 600;
    line-height: 1.22;
    color: #fff;
}
.help__text{ font-size: 15px; line-height: 1.4; opacity: .82; max-width: 400px; }


.help .help__form{
    flex: 1 1 734px;
    background: var(--bg-surface);
    border-radius: 12px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.help__fields{ display: flex; gap: 10px; }
.help__field{
    height: 48px;
    border: none;
    border-radius: 7px;
    background: var(--bg-section);
    padding: 0 14px;
    font-size: 13px;
    color: var(--black);
}
.help__field::placeholder{ color: var(--text-secondary); }
.help__field:nth-child(1){ flex: 0 0 190px; }
.help__field:nth-child(2){ flex: 0 0 220px; }

.help__submit {
    flex: 1;
    height: 48px;

    border: none;
    border-radius: var(--radius-m);
    cursor: pointer;
    font-weight: 500;

    background: var(--brand-blue);
    color: var(--bg-surface);
}
.help__agreement{ font-size: 12px; color: var(--text-secondary); }

.help .help__form.form-success{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
}

.help .help__form.form-success .icon{
    width: 44px;
    height: 44px;
    background-image: url('/local/templates/iblock_catalog_test/components/bitrix/form.result.new/catalog/../../../../img/icons/success-icon.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
.help .help__form.form-success .text{
    font-size: 32px;
    line-height: 38px;
    color: #0D3D5E;
}
.help .help__form.form-success .subtext{
    font-size: 17px;
    line-height: 24px;
    color: #576175;
}

@media(max-width: 992px){

    .help{
        flex-direction: column; padding: 36px 0 ; gap: 24px;
    }
    .help>.container{
        flex-direction: column;
        gap: 24px;
    }
    .help__intro{ flex-basis: auto; width: 100%; }
    .help__eyebrow{
        margin: 0;
    }
    .help__title{
        margin: 0;
    }
    .help__title br{ display: inline; }
    .help .help__form{
        width: 100%; padding: 20px;
        flex-basis: auto;
    }
    .help__fields{ flex-direction: column; }
    .help__field{ width: 100% !important; flex: none !important; }
    .help__submit{
        width: 100%;
        line-height: 48px;
    }
}
/* End */
/* /local/templates/iblock_catalog_test/components/bitrix/catalog/compare_catalog/style.css?17889621762861 */
/* /local/templates/iblock_catalog_test/components/bitrix/catalog.section.list/catalog_root/style.css?17890260043510 */
/* /local/templates/iblock_catalog_test/components/bitrix/catalog.smart.filter/vertical_filter/style.css?178896058010513 */
/* /local/templates/.default/components/bitrix/catalog/compare_catalog/bitrix/catalog.compare.list/.default/style.css?16617627401265 */
/* /local/templates/iblock_catalog_test/components/bitrix/system.pagenavigation/iblocks_pagination/style.css?17889437901100 */
/* /local/templates/iblock_catalog_test/components/bitrix/catalog/compare_catalog/bitrix/catalog.section/list_new/style.css?17889596523346 */
/* /local/templates/iblock_catalog_test/components/bitrix/form.result.new/catalog/style.css?17890169142845 */
