

/* Start:/bitrix/templates/autocompas_2025/components/autocompas/mcatalog1/.default/style.min.css?17466861091088*/
.page-blk{margin:20px 0 0}.page-blk-description{background:#fff;padding:15px}.page-blk-description:not(.show-more) .page-blk-description-more{max-height:1px;overflow:hidden}.page-blk-description-action-more-collapse,.page-blk-description.show-more .page-blk-description-action-more-expand{display:none}.page-blk-description-action-more-expand,.page-blk-description.show-more .page-blk-description-action-more-collapse{display:flex}.page-blk-description-action-more-collapse,.page-blk-description-action-more-expand{flex-direction:row;flex-wrap:nowrap;justify-content:center;padding:10px 0 0}.page-blk-description-action-more-collapse button,.page-blk-description-action-more-expand button{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:#4665d7;border:1px solid #4665d7;border-radius:2px;color:#fff;cursor:pointer;margin:0;outline:0 none;padding:5px 8px}.page-blk-description-action-more-collapse button:active,.page-blk-description-action-more-expand button:active{outline:2px solid #004f9a;outline-offset:4px}.page-blk-description img{height:auto;max-width:100%}
/* End */


/* Start:/bitrix/templates/autocompas_2025/components/autocompas/mcatalog1.section/.default/style.min.css?174660601620098*/
.d-none{display:none!important}.hide{display:none}.cat1{margin:0 0 20px}.cat1 .c-cell-subtitle{color:#111;font-family:Roboto,Arial,Helvetica,sans-serif;font-size:24px;font-weight:500;line-height:28px;margin:0 0 20px;padding:0;text-transform:uppercase}.c-vehicles{margin:0 0 20px}.c-vehicles-list{overflow:hidden}.c-vehicles.--more-enable .c-vehicles-list{margin:0 0 15px}.c-vehicles .filter-alphabet{display:flex;flex-direction:row;flex-wrap:wrap;list-style-type:none;margin:0 -5px 15px;padding:0}.c-vehicles .filter-alphabet>li{flex:0 1 auto;margin:0 0 10px;padding:0 5px}.c-vehicles .filter-alphabet>li>button[name=letter]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid #d2d3d7;border-radius:2px;color:#000;cursor:pointer;display:block;margin:0;outline:0 none;padding:5px 8px}.c-vehicles .filter-alphabet>li.selected button[name=letter]{background:#4665d7;border-color:#4665d7;color:#fff}.c-vehicles .filter-alphabet>li>button[name=letter]:hover{background:#e8eeff;border-color:#4665d7;color:#4665d7;transition:all .2s ease-in-out}.c-vehicles .filter-alphabet>li>button[name=letter]:active{outline:2px solid #4665d7;outline-offset:4px}.c-vehicles-list .list{margin:0 0 -1px}.c-vehicles-list .el{border-bottom:1px solid #ddd}@media only screen and (min-width:320px){.c-vehicles-list .list{display:flex;display:grid;flex-wrap:wrap;grid-template-columns:repeat(2,1fr);margin-right:-1px}.c-vehicles-list .el{-ms-flex-positive:1;border-right:1px solid #ddd;flex:0 1 50%}}@media only screen and (min-width:480px){.c-vehicles-list .list{grid-template-columns:repeat(3,1fr)}.c-vehicles-list .el{flex-basis:33.33%}}@media only screen and (min-width:768px){.c-vehicles-list .list{grid-template-columns:repeat(4,1fr)}.c-vehicles-list .el{flex-basis:25%}}@media only screen and (min-width:992px){.c-vehicles-list .list{grid-template-columns:repeat(5,1fr)}.c-vehicles-list .el{flex-basis:20%}}@media only screen and (min-width:1200px){.c-vehicles-list .list{grid-template-columns:repeat(6,1fr)}.c-vehicles-list .el{flex-basis:16.67%}}.--more-enable:not(.--more-expand):not(.--filtration) .c-vehicles-list .el:nth-child(n+13){border:0;height:0;margin:0;overflow:hidden;padding:0;visibility:hidden;width:0}.c-vehicles-list .list .wrap-item{background-color:#fff;height:100%}.c-vehicles-list .list .wrap-item:active{outline:2px solid #4665d7;outline-offset:-4px}.c-vehicles-list .list .wrap-item:hover{background:#e8eeff;color:#005bff;transition:all .2s ease-in-out}.c-vehicles-list .list .wrap-item:hover .item{color:#005bff}.c-vehicles-list .list .wrap-item .item{align-content:center;color:#212529;display:flex;flex-direction:column;flex-wrap:nowrap;font-size:16px;font-weight:600;height:100%;justify-content:center;line-height:20px;outline:0;overflow:hidden;padding:16px;text-align:center;text-decoration:none}.c-vehicles-list-makes .name2{order:2}.c-vehicles-list-makes .name2,.c-vehicles-list-makes .name3{flex:0 1 auto;font-size:14px;font-weight:500;line-height:18px;margin:3px 0 0}.c-vehicles-list-makes .name3{order:3}.c-vehicles .c-vehicles-list-more-btn{display:none}.c-vehicles.--more-enable:not(.--filtration) .c-vehicles-list-more-btn{display:flex;flex-direction:row;justify-content:center;padding:0 13px}.c-vehicles.--more-enable .c-vehicles-list-more-btn button{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:#4665d7;border:1px solid #4665d7;border-radius:2px;color:#fff;cursor:pointer;margin:0;outline:0 none;padding:5px 8px}.c-vehicles.--more-enable .c-vehicles-list-more-btn button:active{outline:2px solid #4665d7;outline-offset:4px}.c-vehicles.--more-enable .c-vehicles-list-more-btn button[value=more_collapse]{display:none}.c-vehicles.--more-enable.--more-expand .c-vehicles-list-more-btn button[value=more_collapse]{display:block}.c-vehicles.--more-enable.--more-expand .c-vehicles-list-more-btn button[value=more_expand]{display:none}.c-sections-body{height:0;overflow:hidden;position:absolute;visibility:hidden;z-index:-1}.c-sections-search{margin:0 0 15px;padding:0}.c-sections-search-wrap{align-content:stretch;align-items:stretch;border:2px solid #e0e0e0;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;padding:2px 6px;transition:border-color .5s}.c-sections-search-wrap.focus{border-color:#4665d7;outline:0}.c-sections.search-nothing-found .c-sections-search{margin-bottom:0}.c-sections-search-control-separator{margin-left:auto}button[type=button].c-sections-search-control-reset{align-content:center;align-items:center;background:none;border:0;display:none;flex-direction:row;flex-wrap:nowrap;justify-content:center;margin:0 0 0 5px;padding:0;width:26px}button[type=button].c-sections-search-control-reset svg{stroke:#9a9a9a;stroke-width:2px;transition:stroke .5s}.c-sections-search-init button[type=button].c-sections-search-control-reset{display:flex}.c-sections-search-init .c-sections-search-wrap.focus button[type=button].c-sections-search-control-reset svg{stroke:#4665d7}.c-sections-search input{border:0;display:block;flex:1;height:30px;margin:0;min-width:100px;padding:0}.c-sections-search input:focus{outline:0}.c-sections-search .nothing-found{font-style:italic;margin:15px 0 0}.c-sections-list-p,.c-sections-list-s{margin:0;padding:0}.c-sections-list-p ul,.c-sections-list-s ul{list-style-type:none;margin:0;padding:0}.c-sections-list-container-ul ul{margin:0 0 0 18px;padding:0}.c-section-children.c-section-open ul{height:auto;visibility:visible}.c-section-children.c-section-closed ul,.c-section-children.c-section-closed ul li{height:0;visibility:hidden}.c-section-node{background-image:url(/bitrix/templates/autocompas_2022/images/mcatalog/i.gif?v1);background-position:0 0;background-repeat:repeat-y;padding:2px 0}.c-section-node:nth-last-child(1 of :not(.c-section-hide)){background-image:url(/bitrix/templates/autocompas_2022/images/mcatalog/i_half.gif?v1);background-position:0 0;background-repeat:no-repeat}.c-section-wrap{align-content:flex-start;align-items:flex-start;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;padding:2px 0}.c-section-wrap .c-section-icon{background:transparent url(/bitrix/templates/autocompas_2022/images/mcatalog/expand_leaf.gif?v1) 50% no-repeat;display:block;height:18px;width:18px}.c-section-children.c-section-open>.c-section-wrap .c-section-icon{background:transparent url(/bitrix/templates/autocompas_2022/images/mcatalog/expand_minus.gif?v1) 50% no-repeat}.c-section-children.c-section-closed>.c-section-wrap .c-section-icon{background:transparent url(/bitrix/templates/autocompas_2022/images/mcatalog/expand_plus.gif?v1) 50% no-repeat}.c-sections-list-p a,.c-sections-list-s a{word-wrap:break-word;color:#212529;display:block;flex:1;font-size:16px;font-weight:400;line-height:22px;margin:0 0 0 3px;text-decoration:none;word-break:break-word}.c-sections-list-p a:hover,.c-sections-list-s a:hover{color:#005bff;text-decoration:none}.c-section-wrap span{display:block;flex:1;margin:0 0 0 3px}.c-section-node.c-section-current span{color:#005bff;font-size:16px;font-weight:600;line-height:22px}.c-section-hide{height:0;margin:0;padding:0;visibility:hidden}.c-sections-list-s,.c-sections-search-init .c-sections-list-p{display:none}.c-sections-search-init .c-sections-list-s{display:block}.smart-filter{position:relative}.smart-filter.loading{pointer-events:none}.smart-filter.loading:after{background:#a0a0a0;bottom:0;content:"";height:100%;left:0;opacity:.4;position:absolute;right:0;top:0;width:100%;z-index:994}.smart-filter .filter-groups{position:relative}.smart-filter .filter-groups .filter-group{border-bottom:1px solid #ddd;overflow:hidden}.smart-filter .filter-groups .filter-group+.filter-group{padding-top:5px}.smart-filter .filter-groups .filter-group .filter-header{margin:0 0 10px;padding:10px 0 0}.smart-filter .filter-groups .filter-group .filter-header .filter-title{cursor:pointer;padding:0 12px 0 0;position:relative}.smart-filter .filter-groups .filter-group .filter-header .filter-title:after{background:url(/bitrix/templates/autocompas_2022/images/catalog/filter-minus.svg) 50% 50% no-repeat;bottom:0;content:"";height:12px;margin:auto;position:absolute;right:0;top:0;width:12px}.smart-filter .filter-groups .filter-group.collapsed .filter-header .filter-title:after{background:url(/bitrix/templates/autocompas_2022/images/catalog/filter-plus.svg) 50% 50% no-repeat}.smart-filter .filter-groups .filter-group .filter-options-search{display:flex;flex-direction:row;flex-wrap:nowrap;margin:0 0 15px;padding:0;position:relative}.smart-filter .filter-groups .filter-group.collapsed .filter-options-search{display:none}.smart-filter .filter-groups .filter-group .filter-options-search input[type=text]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #e0e0e0;flex:1 1 auto;font-size:14px;line-height:18px;outline:0 none;padding:9px 34px 9px 6px;width:100%}.smart-filter .filter-groups .filter-group .filter-options-search input[type=text]:focus{border:2px solid #4665d7}.smart-filter .filter-groups .filter-group .filter-options-search button[type=reset]{background:transparent;border:0;bottom:1px;cursor:pointer;display:none;margin:0;padding:0;position:absolute;right:8px;top:1px;width:26px}.smart-filter .filter-groups .filter-group .filter-options-search button[type=reset] svg{stroke:#9a9a9a;stroke-width:2px;transition:stroke .5s}.smart-filter .filter-groups .filter-group .filter-options-search input[type=text]:focus+button[type=reset] svg{stroke:#4665d7}.smart-filter .filter-groups .filter-group.search_apply .filter-options-search button[type=reset]{display:block}.smart-filter .filter-groups .filter-group .filter-body{margin:0 0 15px;max-height:240px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:0;scrollbar-color:#d3d3d3 #f5f5f5;scrollbar-width:thin}.smart-filter .filter-groups .filter-group .filter-body .nothing-found,.smart-filter .filter-groups .filter-group.collapsed .filter-body{display:none}.smart-filter .filter-groups .filter-group.nothing_found .filter-body .nothing-found{display:block;font-style:italic}.smart-filter .filter-groups .filter-group.disabled{border-bottom:0;height:0;margin:0;padding:0;visibility:hidden}.smart-filter .filter-groups .filter-group.disabled>*{height:0;margin:0;padding:0;visibility:hidden}.smart-filter .filter-groups .filter-group .filter-body .filter-options{list-style-type:none;margin:0;padding:0}.smart-filter .filter-groups .filter-group .filter-body .filter-options .filter-option+.filter-option{margin-top:10px}.smart-filter .filter-groups .filter-group .filter-body .filter-options .filter-option.type-checkbox.disabled{display:none}.smart-filter .filter-groups .filter-group .filter-body .filter-options .filter-option.type-checkbox.disabled label{cursor:auto;opacity:.5;pointer-events:none}.smart-filter .filter-groups .filter-group .filter-body .filter-options .filter-option.type-checkbox label{cursor:pointer;display:inline-block;font-size:14px;line-height:18px;margin:0;padding:0 0 0 24px;position:relative;width:auto}.smart-filter .filter-groups .filter-group .filter-body .filter-options .filter-option.type-checkbox label input[type=checkbox]{display:none}.smart-filter .filter-groups .filter-group .filter-body .filter-options .filter-option.type-checkbox label i{display:inline-block;font-size:14px;font-style:normal;font-weight:500;line-height:18px;margin:0;padding:0;position:relative;text-decoration:none}.smart-filter .filter-groups .filter-group .filter-body .filter-options .filter-option.type-checkbox label i:before{background:#fff;border:1px solid #4665d7;border-radius:1px;content:"";height:16px;left:-24px;position:absolute;width:16px}.smart-filter .filter-groups .filter-group .filter-body .filter-options .filter-option.type-checkbox label .filter-data:checked+i:before{background:#4665d7;border:1px solid #4665d7}.smart-filter .filter-groups .filter-group .filter-body .filter-options .filter-option.type-checkbox label i:after{border:2px solid #fff;border-right:0;border-top:0;content:"";height:5px;left:-21px;position:absolute;top:4px;transform:rotate(-45deg) scale(0);width:10px}.smart-filter .filter-groups .filter-group .filter-body .filter-options .filter-option.type-checkbox label .filter-data:checked+i:after{transform:rotate(-45deg) scale(1)}.smart-filter .filter-groups .filter-group .filter-body .filter-options .filter-option.type-checkbox label i s{font-size:13px;line-height:18px;text-decoration:none}.smart-filter .filter-groups .filter-group .filter-body .filter-options .filter-option.type-checkbox label i s a{color:#212529;pointer-events:none;text-decoration:none}.smart-filter .popover-result{bottom:15px;left:0;overflow:hidden;padding:10px;position:sticky;right:0;width:100%;z-index:997}.smart-filter .popover-result .btn-apply{background:#4665d7;border-radius:3px;color:#fff;display:block;font-size:14px;line-height:18px;padding:10px;text-align:center;text-decoration:none;white-space:nowrap;width:100%}@media only screen and (min-width:0px) and (max-width:767px){.c-sections{background:#fff;margin:0 0 20px}.c-sections-title{background:#fff;cursor:pointer;font-size:1.125rem;line-height:1.375rem;margin:0;overflow:hidden;padding:10px 37px 10px 10px;position:relative;text-overflow:ellipsis;white-space:nowrap}.c-sections-title span{display:none}.c-sections-title:before{content:attr(title);display:block}.c-sections-title:after{background:transparent url(/bitrix/templates/autocompas_2022/images/icon-arrow-right.svg) 50% no-repeat;background-size:22px auto;content:"";display:block;height:22px;position:absolute;right:10px;top:9px;transform:rotate(90deg);width:22px}.c-sections.c-sections-show-list .c-sections-title{overflow:unset;text-overflow:unset;white-space:normal}.c-sections.c-sections-show-list .c-sections-title:after{transform:rotate(0)}.c-sections-body{height:0;overflow:hidden;padding:0 10px 10px;position:absolute;visibility:hidden;z-index:-1}.c-sections.c-sections-show-list .c-sections-body{height:auto;overflow:visible;position:relative;visibility:visible;z-index:1}.c-filter{margin:0 0 20px}.smart-filter .smart-filter-title{background:#fff;cursor:pointer;font-size:1.125rem;line-height:1.375rem;margin:0;overflow:hidden;padding:10px 37px 10px 10px;position:relative;text-overflow:ellipsis;white-space:nowrap}.smart-filter .smart-filter-title:after{background:transparent url(/bitrix/templates/autocompas_2022/images/icon-arrow-right.svg) 50% no-repeat;background-size:22px auto;content:"";display:block;height:22px;position:absolute;right:10px;top:9px;transform:rotate(90deg);width:22px}.c-filter.c-filter-show-list .smart-filter-title{overflow:unset;text-overflow:unset;white-space:normal}.c-filter.c-filter-show-list .smart-filter-title:after{transform:rotate(0)}.c-filter.c-filter-show-list .c-filter-body{display:block}.smart-filter .filter-groups{background:#fff;padding:0 10px 10px;position:absolute;visibility:hidden;z-index:-1}.c-filter.c-filter-show-list .smart-filter .filter-groups{position:relative;visibility:visible;z-index:1}.smart-filter .popover-result{bottom:75px}}@media only screen and (min-width:768px){.c-sections-title{border-bottom:2px solid #e0e0e0;font-size:1.125rem;font-weight:500;line-height:1.375rem;margin:0 0 15px;padding:0 0 10px}.c-sections-body{height:auto;overflow:visible;position:relative;visibility:visible;z-index:1}}@media (min-width:768px){.cat1 .c-grid{-ms-grid-columns:29% 71%;-ms-grid-rows:auto auto;display:grid;display:-ms-grid;grid-template-areas:"vehicles vehicles" "subtitle subtitle" "tags tags" "aside items";grid-template-columns:29% 71%;grid-template-rows:auto auto}.cat1 .c-cell-subtitle{-ms-grid-column-span:2;grid-area:subtitle;-ms-grid-column:1;-ms-grid-row:1}.cat1 .c-cell-tags{-ms-grid-column-span:2;grid-area:tags;-ms-grid-column:1;-ms-grid-row:1}.cat1 .c-cell-aside{grid-area:aside;-ms-grid-column:1;-ms-grid-row:2}.cat1 .c-cell-vehicles{-ms-grid-column-span:2;grid-area:vehicles;-ms-grid-column:1;-ms-grid-row:1}.cat1 .c-cell-items{grid-area:items;-ms-grid-column:2;-ms-grid-row:2}.c-sections{background-color:#fff;border-right:1px solid #ddd;padding:15px}.c-filter .smart-filter{background-color:#fff;border-right:1px solid #ddd;border-top:1px solid #ddd;padding:20px 0 0}.c-filter .smart-filter .smart-filter-title{border-bottom:2px solid #e0e0e0;font-size:1.125rem;font-weight:500;line-height:1.375rem;margin:0 15px 5px;padding:0 0 10px}.c-filter .smart-filter .filter-group{padding-left:15px;padding-right:15px}}@media (min-width:992px){.cat1 .c-grid{-ms-grid-columns:20% 80%;-ms-grid-rows:auto auto;display:grid;display:-ms-grid;grid-template-areas:"vehicles vehicles" "subtitle subtitle" "tags tags" "aside items";grid-template-columns:20% 80%;grid-template-rows:auto auto}}.c-brands{background:#fff;padding:15px 15px 0}.c-brands h4{font-size:18px;font-weight:400;line-height:22px;margin:0 0 15px}.c-brands ul{align-content:stretch;align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;list-style-type:none;margin:0;padding:0}.c-brands ul>li{margin:0 15px 15px 0}.c-brands ul>li>a{background:#f5f7fa;color:#3c270c;display:inline-block;padding:5px 15px;text-decoration:none}.c-brands ul>li>a:hover{background:#e2e7ec;color:#1e3eb4}.c-service-type{background:#fff;padding:15px 15px 10px}.c-service-type h4{font-size:18px;font-weight:400;line-height:22px;margin:0 0 15px}.c-service-type>ul{display:flex;flex-direction:row;flex-wrap:wrap;list-style:none;margin:0 -15px;overflow:hidden;padding:0;will-change:scroll-position}.c-service-type>ul>li{flex:0 0 auto;height:auto;margin:0;overflow:hidden;padding:0 15px 10px;position:relative;text-align:left;width:100%}.c-service-type>ul>li img{height:auto;left:15px;margin:auto;max-width:100%;position:absolute;top:4%;transition:opacity .5s;width:auto}.c-service-type>ul>li a{box-sizing:border-box;color:#111;display:flex;flex-direction:column;flex-flow:wrap;font-weight:400;left:auto;line-height:1.3;padding:140px 0 0;position:relative;text-decoration:none;width:100%}.c-service-type>ul>li a:hover{text-decoration:underline}@media (min-width:412px){.c-service-type>ul>li{width:50%}.c-service-type>ul>li img{width:164px}}@media (min-width:768px){.c-service-type>ul>li{width:33.33%}.c-service-type>ul>li img{width:187px}}@media (min-width:992px){.c-service-type>ul>li{width:25%}}@media (min-width:1200px){.c-service-type>ul>li{width:20%}}.c-texts{background:#fff;padding:15px 15px 10px}.c-texts h4{font-size:18px;font-weight:400;line-height:22px;margin:0 0 15px}.c-texts>ul{display:flex;flex-direction:row;flex-wrap:wrap;list-style:none;margin:0 -15px;overflow:hidden;padding:0;will-change:scroll-position}.c-texts>ul>li{flex:0 0 auto;height:auto;margin:0;overflow:hidden;padding:0 15px 10px;position:relative;text-align:left;width:100%}.c-texts>ul>li img{height:auto;left:15px;margin:auto;max-width:100%;position:absolute;top:4%;transition:opacity .5s;width:auto}.c-texts>ul>li a{box-sizing:border-box;color:#111;display:flex;flex-direction:column;flex-flow:wrap;font-weight:400;left:auto;line-height:1.3;padding:140px 0 0;position:relative;text-decoration:none;width:100%}.c-texts>ul>li a:hover{text-decoration:underline}@media (min-width:412px){.c-texts>ul>li{width:50%}.c-texts>ul>li img{width:164px}}@media (min-width:768px){.c-texts>ul>li{width:33.33%}.c-texts>ul>li img{width:187px}}@media (min-width:992px){.c-texts>ul>li{width:25%}}@media (min-width:1200px){.c-texts>ul>li{width:20%}}.smart-filter-loading-placeholder-wrap{padding:20px}.smart-filter-loading-placeholder{overflow:hidden}.tags-list{align-content:stretch;align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;list-style-type:none;margin:0 0 10px;padding:0}.tags-tag{flex:0 1 auto;margin:0 15px 10px 0;padding:0}.tags-tag a{background:#fff;border:1px solid #d2d3d7;border-radius:2px;color:#000;display:block;padding:5px 8px;text-decoration:none}.tags-tag a:hover,.tags-tag.tag-selected a{background:#f59c04;border:1px solid #f59c04;color:#fff}.tags-tag.tag-selected a:hover{background:#fff;border:2px solid orange;color:orange}
/* End */


/* Start:/bitrix/templates/autocompas_2025/components/autocompas/mcatalog.items/.default/style.css?175276496632009*/
.c-items {
	background: #fff;
}

.c-items-wrap {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
}

.c-items-top {
	border-bottom: 1px solid #ddd;
	flex: 0 1 auto;
	margin: 0;
	overflow: hidden;
}

.c-items-list {
	flex: 0 1 auto;
	overflow: hidden;
}

.c-items-bottom {
	flex: 0 1 auto;
	overflow: hidden;
}

.c-items-controls-wrap {
	align-content: center;
	align-items: unset;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 15px 15px 10px;
}

.c-items-control {
	align-self: center;
	flex: 0 1 auto;
	height: auto;
	margin: 0 10px 5px 0;
	padding: 0;
	width: auto;
}

.c-items-control:last-child {
	margin-right: 0;
}

.c-items-control-wrap {
	align-content: center;
	align-items: center;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
}

.c-items-control-text {
	flex: 0 1 auto;
	margin: 0 6px 0 0;
}

.c-items-control-els {
	flex: 0 1 auto;
}

.c-items-control-els-wrap {
	align-content: center;
	align-items: center;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	position: relative;
}

.c-items-control-el {
	background: transparent;
	border: 0 none;
	cursor: pointer;
	flex: 0 1 auto;
	outline: 0 none;
}

.c-items-controls-wrap[data-controls="main"] {
	
}

.c-items-control[data-control="separator"] {
	display: none;
}

.c-items-control[data-control="view"] {
	display: none;
}

.c-items-control[data-control="per-page"] {
	display: none;
}

.c-items-control[data-control="view"] .c-items-control-el {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 27px auto;
	height: 35px;
	margin: 0 10px 0 0;
	padding: 6px;
	position: relative;
	transition: .15s;
	width: 35px;
}

.c-items-control-view .c-items-control-el:last-child {
	margin-right: 0;
}

.c-items-control[data-control="separator"] {
	margin-left: auto;
}

.c-items-control[data-control="view"] .c-items-control-el[value="grid"] {
	background-color: #eee;
	background-image: url(/bitrix/templates/autocompas_2022/images/catalog/control-view-grid.svg);
}

.c-items-control[data-control="view"] .c-items-control-el.selected[value="grid"] {
	background-color: #0052BD;
}

.c-items-control[data-control="view"] .c-items-control-el[value="list"] {
	background-color: #eee;
	background-image: url(/bitrix/templates/autocompas_2022/images/catalog/control-view-list.svg);
}

.c-items-control[data-control="view"] .c-items-control-el.selected[value="list"] {
	background-color: #0052BD;
}

.c-items-control[data-control="per-page"] .c-items-control-els-wrap {
	border: 1px solid #ced4da;
}

.c-items-control[data-control="per-page"] .c-items-control-el {
	background-color: #fff;
	border-right: 1px solid #ced4da;
	height: 40px;
	padding: 0 14px;
	transition: .15s;
}

.c-items-control[data-control="per-page"] .c-items-control-el:last-child {
	border-right: 0 none;
}

.c-items-control[data-control="per-page"] .c-items-control-el.selected,
.c-items-control[data-control="per-page"] .c-items-control-el:hover {
	background-color: #ced4da;
}

/*
control filter 
*/

.c-items-control[data-control="filter"] .c-items-control-wrap {
	flex-wrap: wrap;
}

.c-items-control[data-control="filter"] .c-items-control-text {
	background: #0052BD;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
	color: #fff;
	white-space: nowrap;
	margin: 0;
	padding: 4px 4px 4px 8px;
}

.c-items-control[data-control="filter"] .c-items-control-els {
}

.c-items-control[data-control="filter"] .c-items-control-els-wrap {
	flex-wrap: wrap;
}

.c-items-control[data-control="filter"] .c-items-control-el {
	background: #0052BD;
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
	color: #fff;
	position: relative;
	white-space: nowrap;
	margin: 0 7px 0 0;
	padding: 4px 26px 4px 6px;
}

.c-items-control[data-control="filter"] .c-items-control-el::after {
	content: "";
	width: 13px;
	height: 13px;
	display: block;
	position: absolute;
	right: 8px;
	top: 8px;
	background: transparent url(/bitrix/templates/autocompas_2022/images/icon-close-white.svg) center center no-repeat;
	background-size: auto 100%;
	overflow: hidden;
}

.c-items-control[data-control="filter"] .c-items-control-el input[type="checkbox"] {
	display: none;
}

.c-items-control[data-control="filter"] .c-items-control-el + .c-items-control-el {
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
}

.c-item-image {
	cursor: pointer;
	position: relative;
}

.c-items .c-item-rating-wrap {
	align-content: center;
	align-items: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 0 0 7px;
}

.c-items .c-item-rating-brand {
	flex: 0 1 auto;
	font-size: 13px;
	font-weight: 700;
	line-height: 21px;
	margin: 0 7px 0 0;
	text-transform: uppercase;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.c-items .c-item-rating {
	flex: 0 1 auto;
	height: 10px;
	overflow: hidden;
	position: relative;
	width: 65px;
}

.c-items .c-item-rating-bg,
.c-items .c-item-rating-value {
	background-color: transparent;
	background-position: left center;
	background-repeat: no-repeat;	
	background-size: auto 10px;
	height: 10px;
	position: absolute;
	left: 0;
	top: 0;
}

.c-items .c-item-rating-bg {
	background-image: url(/bitrix/templates/autocompas_2022/images/catalog/rating-bg.svg);
	z-index: 1;
	width: 100%;
}

.c-items .c-item-rating-value {
	background-image: url(/bitrix/templates/autocompas_2022/images/catalog/rating-val.svg);
	z-index: 2;
}

.c-items-pagination-wrap {
	border-top: 1px solid #ddd;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.c-items-pagination {
	flex: 0 1 auto;
	margin: 0 0 0 auto;
	padding: 15px;
}

.c-items-pagination ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.c-items-pagination ul > li {
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 2px;
	color: #454545;
	flex: 0 1 auto;
	font-size: 16px;
	line-height: 22px;
	margin: 0 8px 0 0;
	min-width: 40px;
	padding: 8px 0;
	position: relative;
	text-align: center;
	transition: opacity .2s,border-color .2s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	vertical-align: middle;
}

.c-items-pagination ul > li:hover {
	border: 1px solid gray;
}

.c-items-pagination ul > li > a {
	color: #454545;
	display: block;
	font-size: 16px;
	height: 100%;
	line-height: 22px;
	text-decoration: none;
	width: 100%;
}

.c-items-pagination ul>li>a:hover {
	color: gray;
}

.c-items-pagination ul>li.bx-active {
	border: 1px solid #0052BD;
	cursor: default;
	pointer-events: none;
}

.offer {
	height: auto !important;
}

.offer .offer-delivery {
	color: #575757;
	font-size: .975em;
	line-height: 1.5;
	margin: 0 0 3px;
}

.offer .offer-delivery-self-pickup {
}

.offer .offer-delivery-courier {
}

.offer .offer-delivery-pp {
}

.offer .offer-delivery-today {
	color: green;
}

.offer .offer-delivery-tomorrow {
	color: green;
}

.offer .offer-delivery-day-after-tomorrow {
	color: blue;
}

.offer-price {
	align-content: flex-start;
	align-items: unset;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding: 10px 0 0;
}

.offer-discount {
	align-self: auto;
	flex: 0 1 auto;
	margin: 0 0 0 8px;
	order: 1;
	width: auto;
}

.offer-discount .offer-discount-old-price {
	color: #575757;
	display: inline-block;
	font-size: 14px;
	margin: 0 5px 4px 0;
	white-space: nowrap;
	position: relative;
}

.offer-discount .offer-discount-old-price:after {
	background-color: #ea0341;
	content: "";
	height: 1px;
	left: 1px;
	position: absolute;
	right: 1px;
	top: 50%;
	transform: rotate(-8deg);
}

.offer-discount .offer-discount-value {
	background: #186615;
	border-radius: 8px;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	line-height: 20px;
	margin: 0 0 4px;
	padding: 0 4px;
	text-align: center;
	white-space: nowrap;
	width: auto;
}

.offer-discount .offer-discount-savings {
	display: block;
	font-size: 12px;
	color: #186615;
	line-height: 18px;
	white-space: nowrap;
}

.offer-discount .offer-discount-savings i {
	font-style: normal;
}

.offer-price-formatted-value {
	align-self: auto;
	color: #000;
	flex: 0 1 auto;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: normal;
	line-height: 30px;
	margin: 0;
	order: 0;
	white-space: nowrap;
	width: auto;
	word-spacing: -2px;
}

.offer-add-cart {
	margin: 0 auto;
	padding: 15px 0 0;
}

.offer-add-cart button {
	align-content: stretch;
	align-items: center;
	background: #FFE000;
	border: 0;
	border-radius: 3px;
	box-shadow: inset 0 0 3px 1px transparent, inset 0 20px -20px #f8da01;
	color: #000;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	font-size: 14px;
	font-weight: 600;
	height: auto;
	justify-content: center;
	line-height: 20px;
	margin: 0;
	outline: 0;
	padding: 6px 0;
	text-align: center;
	width: 100%;
}

.offer-add-cart button span {
	align-self: center;
	flex: 0 1 auto;
	padding: 0 0 0 28px;
	position: relative;
}

.offer-add-cart button:hover {
	background: #FFE000;
	transition: background-color 0.15s linear;
}

.offer-add-cart button span::before {
	background: url(/bitrix/templates/autocompas_2022/images/catalog/basket-black.svg) no-repeat center center;
	background-size: 20px 23px;
	content: "";
	display: block;
	height: 20px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 23px;
}

.offer .offer-show-analogs {
	margin: 0 auto;
	padding: 15px 0 0;
}

.offer .offer-show-analogs a {
	align-content: stretch;
	align-items: center;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	color: #000;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	font-size: 14px;
	font-weight: 600;
	height: auto;
	justify-content: center;
	line-height: 20px;
	margin: 0;
	outline: 0;
	padding: 9px 0;
	text-align: center;
	text-decoration: none;
	width: 100%;
}

.offer .offer-show-analogs a:hover {
	background: #ddd;
	transition: background-color 0.15s linear;
}

.c-items-nothing-found {
}

.c-items-nothing-found-text {
	background: #fff;
	padding: 20px;
}

.c-items-nothing-found-text p {
	margin: 0;
	padding: 0;
}

.c-items-nothing-found-dialog {
	align-content: stretch;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	height: 100%;
	justify-content: flex-start;
	margin: 0;
	padding: 30px 0 0;
}

.c-items-nothing-found-dialog .el {
	flex: 0 0 auto;
	height: 100%;
	margin: 0 0 20px;
	padding: 0 10px;
	width: 100%;
}

@media (min-width: 992px) {
	.c-items-nothing-found-dialog {
		flex-wrap: nowrap;
		padding: 30px 0 15px;
	}

	.c-items-nothing-found-dialog .el {
		flex: 0 0 auto;
		padding: 0 30px;
		width: 50%;
	}
}

.c-items-nothing-found-dialog-bg {
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0-6px 16px -6px rgba(0,0,0,.025);
	overflow: hidden;
	padding: 20px 20px 20px 100px;
	position: relative;
	text-decoration: none;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	transition-property: color, background-color, box-shadow, transform, -webkit-transform;
	z-index: 499;
	height: 100%;
}

.c-items-nothing-found-dialog-bg .h3 {
	font-size: 17px;
	line-height: 28px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.425px;
}

.c-items-nothing-found-dialog-bg .h3 {
}

.c-items-nothing-found-dialog-bg .h3::after {
	content: " \279C ";
}

.c-items-nothing-found-dialog-icon {
	position: absolute;
	width: 130px;
	height: 130px;
	left: -35px;
	top: 50%;
	transform: translateY(-50%);
}

.c-items-nothing-found-dialog-vin .h3 {
	color: #b76ac4;
}

.c-items-nothing-found-dialog-vin input[name="vin"] {
}

.c-items-nothing-found-dialog-vin .c-items-nothing-found-dialog-icon {
	background: transparent url(/bitrix/templates/autocompas_2022/images/catalog/nothing-found-dialog-vin.svg) left center no-repeat;
}

.c-items-nothing-found-dialog-rsp .h3 {
	color: #6772e5;
}

.c-items-nothing-found-dialog-rsp .c-items-nothing-found-dialog-icon {
	background: transparent url(/bitrix/templates/autocompas_2022/images/catalog/nothing-found-dialog-rsp.svg) left center no-repeat;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
	.c-items .c-items-list-wrap {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: start;
		align-items: unset;
		align-content: start;
		overflow: hidden;
		margin: 0 -1px -1px 0;
	}

	.c-items .c-item {
		flex: 0 0 auto;
		width: 50%;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		position: relative;
	}

	.c-items .c-item-wrap {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		justify-content: start;
		align-items: unset;
		align-content: start;
		height: 100%;
	}

	.c-items .c-item-col-1 {
		flex: 0 1 auto;
		padding: 90% 0 0;
		position: relative;
		width: 100%;
	}

	.c-items .c-item-col-2 {
		flex: 0 1 auto;
		padding: 0 8px;
		width: 100%;
	}

	.c-items .c-item-col-3 {
		flex: 0 1 auto;
		margin: auto 0 0;
		padding: 0 8px 8px;
		width: 100%;
	}

	.c-items .c-item-image-wrap {
		position: absolute;
		left: 10px;
		right: 10px;
		top: 10px;
		bottom: 10px;
		overflow: hidden;
	}

	.c-items .c-item-image {
		align-content: center;
		align-items: center;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		height: 100%;
		justify-content: center;
	}

	.c-items .c-item-image img {
		max-height: 100%;
		max-width: 100%;
		height: 100%;
		width: 100%;
		-o-object-fit: contain;
		object-fit: contain;
	}

	.c-items .c-item-url {
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		color: #0052BD;
		display: -webkit-box;
		font-size: 0.78rem;
		line-height: 1.125rem;
		margin: 0 0 5px;
		max-height: 4em;
		overflow: hidden;
		position: relative;
		text-decoration: none;
		text-overflow: ellipsis;
		transition: color .1s ease;
	}

	.c-items .c-item-url:hover {
		color: #0052BD;
		text-decoration: none;		
	}

	.c-items .c-item-info {
		margin: 0 0 7px;
		font-size: 0.775rem;
		line-height: 1.125rem;
		color: #575757;
	}

	.c-items .c-item-introtext {
		display: none;
	}

	.c-items .c-item-features {
		display: none;
	}

	.c-items .c-item-offer-wrap {
	}

	.c-items .c-item-offer {
	}
}

@media only screen and (min-width: 768px) {
	.c-items[data-view="grid"] .c-items-list-wrap {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: start;
		align-items: unset;
		align-content: start;
		overflow: hidden;
		margin: 0 -1px -1px 0;
	}

	.c-items[data-view="grid"] .c-item {
		flex: 0 0 auto;
		width: 50%;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		position: relative;
	}

	.c-items[data-view="grid"] .c-item-wrap {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		justify-content: start;
		align-items: unset;
		align-content: start;
		height: 100%;
	}

	.c-items[data-view="grid"] .c-item-col-1 {
		flex: 0 1 auto;
		padding: 90% 0 0;
		position: relative;
	}

	.c-items[data-view="grid"] .c-item-col-2 {
		flex: 0 1 auto;
		padding: 0 20px;
		width: 100%;
	}

	.c-items[data-view="grid"] .c-item-col-3 {
		flex: 0 1 auto;
		margin: auto 0 0;
		padding: 0 20px 20px;
	}

	.c-items[data-view="grid"] .c-item-image-wrap {
		position: absolute;
		left: 20px;
		right: 20px;
		top: 20px;
		bottom: 10px;
		overflow: hidden;
	}

	.c-items[data-view="grid"] .c-item-image {
		align-content: center;
		align-items: center;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		height: 100%;
		justify-content: center;
	}

	.c-items[data-view="grid"] .c-item-image img {
		max-height: 100%;
		max-width: 100%;
		height: 100%;
		width: 100%;
		-o-object-fit: contain;
		object-fit: contain;
	}

	.c-items[data-view="grid"] .c-item-url {
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		color: #0052BD;
		display: -webkit-box;
		font-size: 1rem;
		line-height: 1.375rem;
		margin: 0 0 5px;
		max-height: 4em;
		overflow: hidden;
		position: relative;
		text-decoration: none;
		text-overflow: ellipsis;
		transition: color .1s ease;
		font-weight: 500;
	}

	.c-items[data-view="grid"] .c-item-url:hover {
		color: #0052BD;
		text-decoration: none;		
	}

	.c-items[data-view="grid"] .c-item-info {
		margin: 0 0 10px;
		font-size: 0.875rem;
		line-height: 1.125rem;
		color: #575757;
	}

	.c-items[data-view="grid"] .c-item-introtext {
		display: none;
	}

	.c-items[data-view="grid"] .c-item-features {
		display: none;
	}

	.c-items[data-view="grid"] .c-item-offer-wrap {
	}

	.c-items[data-view="grid"] .c-item-offer {
	}
	.c-items[data-view="list"] .c-items-list-wrap {
	}

	.c-items[data-view="list"] .c-item {
		width: 100%;
	}

	.c-items[data-view="list"] .c-item + .c-item {
		border-top: 1px solid #ddd;
	}

	.c-items[data-view="list"] .c-item-wrap {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
	}

	.c-items[data-view="list"] .c-item-col-1 {
		flex: 0 1 auto;
		padding: 10px;
		width: 20%;
	}

	.c-items[data-view="list"] .c-item-col-2 {
		flex: 1 1 auto;
		padding: 10px 10px 10px 0;
		width: 50%;
	}

	.c-items[data-view="list"] .c-item-col-3 {
		border-left: 1px solid #ddd;
		flex: 0 1 auto;
		padding: 10px;
		width: 30%;
	}

	.c-items[data-view="list"] .c-item-image-wrap {
		position: relative;
		width: 100%;
		height: auto;
	}

	.c-items[data-view="list"] .c-item-image {
		align-content: center;
		align-items: center;
		cursor: pointer;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		height: 196px;
		justify-content: center;
		overflow: hidden;
	}

	.c-items[data-view="list"] .c-item-image img {
		max-height: 100%;
		max-width: 100%;
		height: 100%;
		width: 100%;
		-o-object-fit: contain;
		object-fit: contain;
	}

	.c-items[data-view="list"] .c-item-url {
		color: #0052BD;
		display: inline-block;
		font-size: 1rem;
		line-height: 1.375rem;
		font-weight: 500;
		margin: 0 0 5px;
		position: relative;
		text-decoration: none;
		transition: color .1s ease;
	}

	.c-items[data-view="list"] .c-item-url:hover {
		color: #0052BD;
		text-decoration: none;		
	}

	.c-items[data-view="list"] .c-item-info {
		margin: 0 0 7px;
	}

	.c-items[data-view="list"] .c-item-info span {
		font-weight: 700;
	}

	.c-items[data-view="list"] .c-item-introtext {
		margin: 0 0 6px;
	}

	.c-items[data-view="list"] .c-item-features {
	}

	.c-items[data-view="list"] .c-item-features-list {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	.c-items[data-view="list"] .c-item-feature .n {
		color: #575757;
	}

	.c-items[data-view="list"] .c-item-features-list:not(.show-more) .c-item-feature:nth-child(n+6) {
		display: none;
	}

	.c-items[data-view="list"] .c-item-features-list-action-more-expand, .c-item-features-list-action-more-collapse {
		display: none;
	}

	.c-items[data-view="list"] .c-item-features-list:not(.show-more) .c-item-feature:nth-child(n+6) ~ .c-item-features-list-action-more-expand,.c-items[data-view="list"] .c-item-features-list.show-more .c-item-features-list-action-more-collapse {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		padding: 0;
	}

	.c-items[data-view="list"] .c-item-features-list-action-more-expand,
	.c-items[data-view="list"] .c-item-features-list-action-more-collapse {
		margin: 10px 0 0;
	}

	.c-items[data-view="list"] .c-item-features-list-action-more-expand button,
	.c-items[data-view="list"] .c-item-features-list-action-more-collapse button {
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		background: transparent;
		border: 0 none;
		color: #fff;
		cursor: pointer;
		flex: 1 1 auto;
		margin: 0;
		outline: 0 none;
		position: relative;
		height: 16px;
	}

	.c-items[data-view="list"] .c-item-features-list-action-more-expand button {
		background: transparent url(/bitrix/templates/autocompas_2022/images/catalog/more-expand-line.svg) center center no-repeat;
	}

	.c-items[data-view="list"] .c-item-features-list-action-more-collapse button {
		background: transparent url(/bitrix/templates/autocompas_2022/images/catalog/more-collapse-line.svg) center center no-repeat;
	}

	.c-items[data-view="list"] .c-item-offer-wrap {
	}
}

@media (min-width: 576px) {
	.c-items .c-item {
		width: 50%;
	}

	.c-items .c-item-rating {
		height: 16px;
		width: 98px;
	}

	.c-items .c-item-rating-bg,
	.c-items .c-item-rating-value {
		background-size: auto 16px;
		height: 16px;
	}

	.offer-discount {
		flex: 0 1 auto;
		margin: 0;
		order: 2;
		width: auto;
	}

	.offer-price-formatted-value {
		flex: 0 1 auto;
		font-size: 20px;
		line-height: 20px;
		margin: 0 15px 0 0;
		order: 1;
		width: auto;
	}
}

@media (min-width: 768px) {
	.c-items-controls-wrap[data-controls="main"] {
		display: flex;
	}

	.c-items[data-view="grid"] .c-item-col-1 {
		padding: 90% 0 0;
	}

	.c-items[data-view="grid"] .c-item-col-2 {
		padding: 0 18px;
	}

	.c-items[data-view="grid"] .c-item-col-3 {
		padding: 0 18px 18px;
	}

	.c-items[data-view="grid"] .c-item-image-wrap {
		position: absolute;
		left: 18px;
		right: 18px;
		top: 18px;
		bottom: 10px;
		overflow: hidden;
	}

	.c-items[data-view="grid"] .offer-add-cart {
		margin: 0 auto;
		padding: 15px 0 0;
	}

	.c-items[data-view="grid"] .offer .offer-show-analogs {
		margin: 0 auto;
		padding: 15px 30px 0;
	}

	.c-items[data-view="list"] .offer-add-cart {
		margin: 0 auto;
		padding: 15px 0 0;
	}

	.c-items[data-view="list"] .offer .offer-show-analogs {
		margin: 0 auto;
		padding: 15px 0 0;
	}
}

@media (min-width: 992px) {
	.c-items-control[data-control="items_sort_by"] .c-items-control-text {
		display: none;
	}

	.c-items-control[data-control="separator"] {
		display: block;
	}

	.c-items-control[data-control="view"] {
		display: block;
	}

	.c-items-control[data-control="per-page"] {
		display: block;
	}

	.c-items[data-view="grid"] .c-item {
		width: 50%;
	}

	.c-items[data-view="list"] .c-item-col-1 {
		padding: 15px;
	}

	.c-items[data-view="list"] .c-item-col-2 {
		padding: 15px 15px 15px 0;
	}

	.c-items[data-view="list"] .c-item-col-3 {
		padding: 15px;
	}

	.c-items[data-view="list"] .offer-add-cart {
		margin: 0;
		padding: 15px 0 0;
		width: 75%;
	}

	.c-items[data-view="list"] .offer .offer-show-analogs {
		margin: 0;
		padding: 15px 0 0;
		width: 75%;
	}
}

@media (min-width: 1200px) {
	.c-items[data-view="grid"] .c-item {
		width: 33.33333333333333%;
	}

	.c-items[data-view="grid"] .c-item-col-1 {
		padding: 90% 0 0;
	}

	.c-items[data-view="grid"] .c-item-col-2 {
		padding: 0 20px;
	}

	.c-items[data-view="grid"] .c-item-col-3 {
		padding: 0 20px 20px;
	}

	.c-items[data-view="grid"] .c-item-image-wrap {
		position: absolute;
		left: 20px;
		right: 20px;
		top: 20px;
		bottom: 10px;
		overflow: hidden;
	}

	.c-items[data-view="list"] .c-item-col-1 {
		padding: 20px;
	}

	.c-items[data-view="list"] .c-item-col-2 {
		padding: 20px 20px 20px 0;
	}

	.c-items[data-view="list"] .c-item-col-3 {
		padding: 20px;
	}
}

@media (min-width: 1400px) {
	.c-items[data-view="grid"] .c-item {
		width: 25%;
	}

	.c-items[data-view="grid"] .c-item-col-1 {
		padding: 90% 0 0;
	}

	.c-items[data-view="grid"] .c-item-col-2 {
		padding: 0 23px;
	}

	.c-items[data-view="grid"] .c-item-col-3 {
		padding: 0 23px 23px;
	}
}

.c-sticker-top {
	background-color: #FF3334;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	height: 24px;
	left: 10px;
	line-height: 18px;
	padding: 3px 8px;
	position: absolute;
	top: 5px;
}

.c-sticker-top:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: -3px;
        border-top: 24px solid transparent;
        border-right: 3px solid #FF3334;
}

.c-sticker-top:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: -3px;
        border-bottom: 24px solid transparent;
        border-left: 3px solid #FF3334;
}

.c-sticker-original {
	background-color: #624BA6;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	height: 24px;
	left: 10px;
	line-height: 18px;
	padding: 3px 8px;
	position: absolute;
	top: 5px;
}

.c-sticker-original:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: -3px;
        border-top: 24px solid transparent;
        border-right: 3px solid #624BA6;
}

.c-sticker-original:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: -3px;
        border-bottom: 24px solid transparent;
        border-left: 3px solid #624BA6;
}

.c-item-image-mask {
	background: rgba(0,48,120,.039);
	border-radius: 12px;
	bottom: 0;
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
}

.offer-dolyame {
	color: #186615;
	flex: 1 1 auto;
	font-size: 12px;
	line-height: 18px;
	order: 3;
	white-space: nowrap;
	width: 100%;
}

.form-select {
	display: block;
	width: 100%;
	padding: 0.375rem 2.25rem 0.375rem 0.75rem;
	-moz-padding-start: calc(0.75rem - 3px);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right 0.75rem center;
	background-size: 16px 12px;
	border: 1px solid #ced4da;
	border-radius: 0.375rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

@media (prefers-reduced-motion: reduce) {
	.form-select {
		transition: none;
	}
}

.form-select:focus {
	border-color: #86b7fe;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-select[multiple], .form-select[size]:not([size="1"]) {
	padding-right: 0.75rem;
	background-image: none;
}

.form-select:disabled {
	background-color: #e9ecef;
}

.form-select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #212529;
}

.block {
	width: 100%;
}

.btn {
	--bs-btn-padding-x: 0.75rem;
	--bs-btn-padding-y: 0.375rem;
	--bs-btn-font-family: ;
	--bs-btn-font-size: 1rem;
	--bs-btn-font-weight: 400;
	--bs-btn-line-height: 1.5;
	--bs-btn-color: #212529;
	--bs-btn-bg: transparent;
	--bs-btn-border-width: 1px;
	--bs-btn-border-color: transparent;
	--bs-btn-border-radius: 0.375rem;
	--bs-btn-hover-border-color: transparent;
	--bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
	--bs-btn-disabled-opacity: 0.65;
	--bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
	display: inline-block;
	padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
	font-family: var(--bs-btn-font-family);
	font-size: var(--bs-btn-font-size);
	font-weight: var(--bs-btn-font-weight);
	line-height: var(--bs-btn-line-height);
	color: var(--bs-btn-color);
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
	border-radius: var(--bs-btn-border-radius);
	background-color: var(--bs-btn-bg);
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
	.btn {
		transition: none;
	}
}

.btn:hover {
	color: var(--bs-btn-hover-color);
	background-color: var(--bs-btn-hover-bg);
	border-color: var(--bs-btn-hover-border-color);
}

.btn-outline-secondary {
	--bs-btn-color: #6c757d;
	--bs-btn-border-color: #6c757d;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #6c757d;
	--bs-btn-hover-border-color: #6c757d;
	--bs-btn-focus-shadow-rgb: 108, 117, 125;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #6c757d;
	--bs-btn-active-border-color: #6c757d;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #6c757d;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #6c757d;
	--bs-gradient: none;
}

.input-group {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	width: 100%;
}

.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
	position: relative;
	flex: 1 1 auto;
	width: 1%;
	min-width: 0;
}

.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
	z-index: 5;
}

.input-group .btn {
	position: relative;
	z-index: 2;
}

.input-group .btn:focus {
	z-index: 5;
}

.form-control {
	display: block;
	width: 100%;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0.375rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
	.form-control {
		transition: none;
	}
}

.form-control:focus {
	color: #212529;
	background-color: #fff;
	border-color: #86b7fe;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-control::-moz-placeholder {
	color: #6c757d;
	opacity: 1;
}

.form-control::placeholder {
	color: #6c757d;
	opacity: 1;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
	margin-left: -1px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.input-group .btn {
	position: relative;
	z-index: 2;
}

.input-group .btn:focus {
	z-index: 5;
}

.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,
.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0
}

/* End */
/* /bitrix/templates/autocompas_2025/components/autocompas/mcatalog1/.default/style.min.css?17466861091088 */
/* /bitrix/templates/autocompas_2025/components/autocompas/mcatalog1.section/.default/style.min.css?174660601620098 */
/* /bitrix/templates/autocompas_2025/components/autocompas/mcatalog.items/.default/style.css?175276496632009 */
