/* Start:/local/templates/stalex2024/components/bitrix/catalog/catalog/style.css?17646829702524*/
.catalogContainer{display: grid;grid-template-areas: "filter tools" "filter catalogList" "filter disclaimer";grid-template-rows: auto 1fr auto;gap: calc(var(--font-size-16)*1.5);margin-bottom:calc(var(--font-size-16)*2);}
.catalogSmartFilter{grid-area: filter}
.catalogTools{grid-area: tools}
.catalogContent{grid-area: catalogList}
.disclaimer{grid-area: disclaimer}
@media (max-width: 1000px) {
    .catalogContainer{grid-template-areas: "tools" "filter" "catalogList" "disclaimer";grid-template-rows: auto auto 1fr auto}
}

.catalogTools{margin-bottom: calc(var(--font-size-16)*1.5);display: flex;align-items: center;justify-content: space-between}
.catalogTools__viewMode{display: flex;align-items: center;gap: 8px}
.catalogTools__viewMode > *{border:0;background:transparent;outline:0;padding: 8px;aspect-ratio: 1;display: flex}
.catalogTools__viewMode > * path{transition: .2s linear}
.catalogTools__viewMode > *.active{background: var(--brand-color);cursor: default;pointer-events: none}
@media (min-width: 1000px) {
    .catalogTools {padding: calc(var(--font-size-16) * 1.5);border: 1px solid var(--light-gray);}
}
@media (max-width: 1000px) {
    .catalogTools{margin: calc(var(--font-size-16)*1.5) 0;}
}
@media (hover: hover) {
    .catalogTools__viewMode > *:first-child:hover path{
        fill: var(--brand-color);
    }
    .catalogTools__viewMode > *:last-child:hover path{
        stroke: var(--brand-color);
    }
}

.compare_block .text-btn{
    gap: var(--font-size-16);
    border: 0;
    padding: 0;
    background: transparent;
    outline: none;
    font-size: calc(var(--font-size-16) * 1.125);
    max-width: max-content;
}
.compare_block .text-btn:hover path{
    fill: transparent;
    stroke: var(--brand-color);
}
.compare_block__title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--font-size-16) * 2);
    margin-bottom:  calc(var(--font-size-16) * 5);
}
@media (max-width: 1000px) {
    .compare_block .text-btn{font-size:14px;gap:8px}
}
@media (max-width: 800px) {
    .compare_block__title {
        flex-direction: column;
        display: flex;
        align-items: flex-start;
        margin-bottom: calc(var(--font-size-16) * 2);
    }
}

/*====catalog-section-page====*/
@media (min-width: 1000px) {
    .catalog-section-page .breadcrumbs{margin: 20px 0}
    .catalog-section-page h1{margin: 20px 0}
    .catalog-section-title {
        font-size: 64px;
    }
}

/* End */


/* Start:/bitrix/components/bitrix/catalog.compare.list/templates/.default/style.css?15348316631265*/
.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 */
/* /local/templates/stalex2024/components/bitrix/catalog/catalog/style.css?17646829702524 */
/* /bitrix/components/bitrix/catalog.compare.list/templates/.default/style.css?15348316631265 */