

/* Start:/local/templates/solo/components/bitrix/catalog.smart.filter/main_filter/style.min.css?177753056614273*/
.bx-filter{width:100%;min-width:220px;font-family:var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-regular,400);margin-bottom:20px}.bx-filter .bx-filter-section{position:relative;padding-top:26px}.bx-filter .bx-filter-section>.row{padding:0 5px}.bx-filter .bx-filter-title{font-size:18px;margin-bottom:10px;color:#000}.bx-filter .bx-filter-parameters-box{position:relative}.bx-filter .bx-filter-parameters-box-title{font-size:13px;padding-bottom:7px}@media(min-width:992px){.bx-filter .bx-filter-section .col-md-4:nth-child(3n+1){clear:both}}@media(min-width:768px) and (max-width:991px){.bx-filter .bx-filter-section .col-md-4:nth-child(2n+1){clear:both}}.bx-filter .bx-filter-parameters-box-title span{color:#039be5;border-bottom:1px solid transparent;cursor:pointer}.bx-filter .bx-filter-parameters-box-title span:hover{border-color:#039be5}.bx-filter .bx-filter-parameters-box.bx-active .bx-filter-parameters-box-title span:hover{border-color:transparent}.bx-filter .bx-filter-block{display:none;-webkit-transition:padding .3s ease;-moz-transition:padding .3s ease;-ms-transition:padding .3s ease;-o-transition:padding .3s ease;transition:padding .3s ease;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.bx-filter .bx-filter-button-box .bx-filter-block,.bx-filter .bx-filter-parameters-box.bx-active .bx-filter-block{display:block}.bx-filter .bx-filter-parameters-box.bx-active .bx-filter-block i.bx-ft-sub{font-size:14px;font-style:normal;display:block;padding-bottom:5px}.bx-filter-parameters-box-container{padding-bottom:20px}.bx-filter-parameters-box-container .checkbox:first-child{margin-top:0}.bx-filter .bx-filter-parameters-box-container-block{font-size:11px;color:#3f3f3f}.bx-filter .bx-filter-input-container input{display:block;width:100%;font-size:18px;height:38px;margin:0;padding:0 4px;border:1px solid #ccd5db;border-radius:2px;background:#fff;outline:0}.bx-retina .bx-filter .bx-filter-input-container input{border-style:solid;border-width:1px;-webkit-border-image:url(/local/templates/solo/components/bitrix/catalog.smart.filter/main_filter/images/border_default.png) 2 repeat;-moz-border-image:url(/local/templates/solo/components/bitrix/catalog.smart.filter/main_filter/images/border_default.png) 2 repeat;-o-border-image:url(/local/templates/solo/components/bitrix/catalog.smart.filter/main_filter/images/border_default.png) 2 repeat;border-image:url(/local/templates/solo/components/bitrix/catalog.smart.filter/main_filter/images/border_default.png) 2 repeat}.bx-ios .bx-filter .bx-filter-input-container input{background-image:-webkit-linear-gradient(#fff 0,#fff 100%);background-image:linear-gradient(#fff 0,#fff 100%)}.bx-filter .bx-filter-button-box{clear:both}.bx-filter .bx-ui-slider-track-container{padding-top:35px;padding-bottom:25px}.bx-filter .bx-ui-slider-track{position:relative;height:7px}.bx-filter .bx-ui-slider-part{position:absolute;top:-6px;width:1px;height:17px;background:#a2bfc7}.bx-filter .bx-ui-slider-part.p1{left:-1px}.bx-filter .bx-ui-slider-part.p2{left:25%}.bx-filter .bx-ui-slider-part.p3{left:50%}.bx-filter .bx-ui-slider-part.p4{left:75%}.bx-filter .bx-ui-slider-part.p5{right:-1px}.bx-filter .bx-ui-slider-part span{font-size:11px;position:absolute;top:-16px;left:50%;display:block;width:100px;margin-left:-50px;text-align:center;color:#000}.bx-filter .bx-ui-slider-part.p2 span,.bx-filter .bx-ui-slider-part.p3 span,.bx-filter .bx-ui-slider-part.p4 span{color:#6b8086}.bx-filter .bx-ui-slider-range,.bx-filter .bx-ui-slider-pricebar,.bx-filter .bx-ui-slider-pricebar-vd,.bx-filter .bx-ui-slider-pricebar-vn,.bx-filter .bx-ui-slider-pricebar-v{position:absolute;top:0;bottom:0}.bx-filter .bx-ui-slider-range{z-index:50}.bx-filter .bx-ui-slider-pricebar{z-index:100}.bx-filter .bx-ui-slider-pricebar-vd{z-index:60}.bx-filter .bx-ui-slider-pricebar-vn{z-index:70}.bx-filter .bx-ui-slider-pricebar-v{z-index:80}.bx-filter .bx-ui-slider-handle{position:absolute;top:100%;width:22px;height:22px;border-bottom:0}.bx-filter .bx-ui-slider-handle:hover{-webkit-cursor:grab;-ms-cursor:grab;-o-cursor:grab;cursor:grab}.bx-filter .bx-ui-slider-handle:active{-webkit-cursor:grabbing;-ms-cursor:grabbing;-o-cursor:grabbing;cursor:grabbing}.bx-filter .bx-ui-slider-handle.left{left:0;margin-left:-21px;	/* COLOR */
	/*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAArUlEQVQ4y6WSQQ6FMAhEXbjyXwzOpBdx5bXKbYRWLFSJ2m8ysVHfzGA7DH9cuKVfNwwM40ZzZzJlmE3WTjjNfF9Fn2EwMH5pUGYWOJ3w6wZ4wDKz6rUBumQPPxrUmT0IxuxpqxYLQ7MOG5TaHtbk1iza5+VauW5dfdcYSDKcMLkP7wxdA5sMQWV/BkwDTY7mtAfHjpJ/Ihj4DoIgXZ9J+siaimi6rimLgSw87qod+1BRTwMJRYoAAAAASUVORK5CIIA=) no-repeat right top;*/}.bx-filter .bx-ui-slider-handle.right{right:0;margin-right:-21px;	/* COLOR */
	/*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAq0lEQVQ4y6WSQRKDIAxFXXSlF0vOZC+SlddKblMUUhKCraIzX9Ahj58PE268TE8e3GSFJ5BUTDskaRl1QFk8BsHs4BCMQMruVEe+l4kWglFu5yLEZKDFXyeXIFoEpg3z738mJTzXhncj75+QtqjnJENO2sG4I1VXDtR3ogv7O1dHxV10gi75EGILiE78RRKy33AOq07i+Us4kRamkOPGptesQjeXIjZjO+fXB+hjUU/S3Z+WAAAAAElFTkSuQmCC) no-repeat left top;*/}.bx-filter .bx-filter-select-container{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:35px;border-radius:3px;border:1px solid #ccd5db}.bx-retina .bx-filter .bx-filter-select-container{border-style:solid;border-width:1px;-webkit-border-image:url(/local/templates/solo/components/bitrix/catalog.smart.filter/main_filter/images/border_default.png) 2 repeat;-moz-border-image:url(/local/templates/solo/components/bitrix/catalog.smart.filter/main_filter/images/border_default.png) 2 repeat;-o-border-image:url(/local/templates/solo/components/bitrix/catalog.smart.filter/main_filter/images/border_default.png) 2 repeat;border-image:url(/local/templates/solo/components/bitrix/catalog.smart.filter/main_filter/images/border_default.png) 2 repeat}.bx-filter .bx-filter-select-block{position:relative;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:33px;margin:0;padding:0 33px 0 10px;border:0;border-radius:2px;background:#fff}.bx-filter .bx-filter-select-text{font-size:15px;line-height:33px;overflow:hidden;max-width:100%;height:33px;cursor:pointer;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow:ellipsis}.bx-filter .bx-filter-select-text.fix{min-width:120px}.bx-filter .bx-filter-select-text label{cursor:pointer}.bx-filter .bx-filter-select-arrow{position:absolute;top:0;right:0;width:34px;height:33px;cursor:pointer;	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAG0lEQVQY02OYOXPmf1yYAQRwSsAATglkBch8ADy7LKHqFrgoAAAAAElFTkSuQmCC') no-repeat center;}.bx-filter-select-popup{background:#fff;padding:0;min-width:173px}.bx-filter-select-popup ul{margin:0;padding:0;list-style:none}.bx-filter-select-popup ul li{display:block;text-align:left;vertical-align:middle}.bx-filter-select-popup ul li:first-child{border-bottom:1px solid #e5e5e5;padding-bottom:5px;margin-bottom:5px}.bx-filter-select-popup ul li label{font-size:14px;line-height:26px;display:block;text-align:left !important;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:26px;padding:0 5px;cursor:pointer;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow:ellipsis;color:#575757}.bx-filter-select-popup ul li label.selected,.bx-filter-select-popup ul li label:hover{color:#000;background:#f3f8fa}.bx-filter-select-popup ul li label.disabled{color:#b8b8b8;background:transparent}.bx-filter-select-popup ul li .bx-filter-param-text{line-height:34px !important}.bx-filter .bx-filter-tag{padding:18px}.bx-filter .bx-tag-link{font-size:12px;text-decoration:none;text-shadow:none}.bx-filter .bx-tag-link.bx-active,.bx-filter .bx-tag-link:hover{color:#1d3d46}.bx-filter .bx-filter-param-label{min-height:20px;font-weight:normal;cursor:pointer}.bx-filter .bx-filter-param-btn-inline .bx-filter-param-label{float:left;display:block;margin-right:5px}.bx-filter .bx-filter-param-btn-block .bx-filter-param-label{display:block}.bx-filter .bx-filter-param-label.dib{display:inline-block}.bx-filter .bx-filter-param-text{font-weight:normal}.bx-filter .bx-filter-param-label.disabled .bx-filter-param-text{color:#6c6c6c}.bx-filter-select-popup .bx-filter-param-label.bx-active{background:#f3f8fa}.bx-filter .bx-filter-input-checkbox .bx-filter-param-text{display:block;text-align:left}.bx-filter .bx-filter-param-btn{font-weight:normal;display:inline-block;width:38px;height:38px;padding:6px;text-align:center;text-decoration:none;color:#000;vertical-align:middle;border:1px solid #ccd5db;border-radius:2px;background:#fff;position:relative;-webkit-transition:border .3s ease,box-shadow .1s ease,color .3s ease;-moz-transition:border .3s ease,box-shadow .1s ease,color .3s ease;-ms-transition:border .3s ease,box-shadow .1s ease,color .3s ease;-o-transition:border .3s ease,box-shadow .1s ease,color .3s ease;transition:border .3s ease,box-shadow .1s ease,color .3s ease;cursor:pointer}.bx-retina .bx-filter .bx-filter-param-btn{border-style:solid;border-width:1px;-webkit-border-image:url(/local/templates/solo/components/bitrix/catalog.smart.filter/main_filter/images/border_default.png) 2 repeat;-moz-border-image:url(/local/templates/solo/components/bitrix/catalog.smart.filter/main_filter/images/border_default.png) 2 repeat;-o-border-image:url(/local/templates/solo/components/bitrix/catalog.smart.filter/main_filter/images/border_default.png) 2 repeat;border-image:url(/local/templates/solo/components/bitrix/catalog.smart.filter/main_filter/images/border_default.png) 2 repeat}.bx-filter .bx-filter-param-label.disabled .bx-filter-param-btn.bx-color-sl{background:transparent;box-shadow:none}.bx-filter .bx-filter-param-label.disabled .bx-filter-param-btn.bx-color-sl{position:relative}.bx-filter .bx-filter-param-label.disabled .bx-filter-param-btn.bx-color-sl:before{position:absolute;bottom:0;right:0;top:0;left:0;content:' ';display:block;z-index:100;	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAA/UlEQVQ4y5WSQQ6CQAxFOSBuwAtoAitc4R6MkKgYJULUi8Ax4DgKm9o/45BxBBNJmkB/33T6qUVEHkfDUXHY1sQD7V2DWg+JJox3lOZ3enYdf5IzAjnQkvxGa64Fg2S9PV3JXa4ozoovWEGbY0nOIqDkfIVeQ5hBAOQsAy5guO8FbEJxVqqDZ+rUuQ6rziJ3VLkBcs05BBxlF1nIADrJESYgE0YhAER0KH5DphEKFDNPuG1AhTAi4jnRWV17FNYhcT3NHLzLzuUnjI0YHP203EWY8ENqNsAq5Y3Qf4NuhIT7wTBsDxgIbRjvCfCUe6ozoFCuXIukj5c/lhy1/gvSDM3b8PrjegAAAABJRU5ErkJggg==") no-repeat center; opacity:.7}.bx-filter .bx-filter-param-btn .bx-filter-param-text{line-height:26px}.bx-filter .bx-filter-param-btn.bx-spm{width:23px;min-width:23px;height:23px;line-height:23px;font-weight:normal;padding:0;font-size:17px;color:#767b7e;vertical-align:top;border-radius:50%;background-color:transparent;}
.bx-filter .bx-filter-param-btn.bx-spm.bx-plus {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAANUlEQVQoz2NgwAQsQMzJQCSwAeKGQa7YFKoAhmOgim3QsAxIcSFUkhC2GaqhgQ4UgNgFmwQAij8OUFmBFssAAAAASUVORK5CIIA=") no-repeat center; }
.bx-filter .bx-filter-param-btn.bx-spm.bx-minus {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAACCAYAAABhYU3QAAAAG0lEQVQYV2NgYGDgBuI4AlgGiBn4gLicAFYGAAFkBwE95V42AAAAAElFTkSuQmCC") no-repeat center;}.bx-filter .bx-filter-param-btn.bx-spm:active{outline:none !important;box-shadow:inset 0 2px 3px rgba(0,0,0,.12)}.bx-filter span.bx-spm{font-size:18px;line-height:23px;display:inline-block;height:23px;margin:0 10px;vertical-align:middle;color:#000}.bx-filter-select-popup .bx-filter-select-text-icon,.bx-filter .bx-filter-select-text-icon{line-height:33px;position:relative;display:inline-block;width:23px;height:23px;margin-top:-4px;margin-right:2px;vertical-align:middle;border-radius:2px}.bx-filter-select-popup .bx-filter-btn-color-icon,.bx-filter .bx-filter-btn-color-icon{line-height:24px;border-radius:2px;display:inline-block;width:24px;height:24px;vertical-align:middle;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05);-webkit-background-size:cover;background-size:cover}.bx-filter-select-popup .bx-filter-btn-color-icon{width:20px;height:20px;margin:2px 0;top:0 !important}.bx-filter .bx-filter-select-block .bx-filter-btn-color-icon{top:-1px !important}.bx-filter-btn-color-icon.all{position:relative;border:0;box-shadow:none}.bx-filter-btn-color-icon.all:after,.bx-filter-btn-color-icon.all:before{position:absolute;width:60%;height:60%;background:#fff;content:" ";box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}.bx-filter-btn-color-icon.all:after{right:0;bottom:0}.bx-filter-btn-color-icon.all:before{top:0;left:0}.bx-filter .bx-filter-param-label.disabled .bx-filter-btn-color-icon{opacity:.2}.bx-filter .bx-filter-parameter-biz{font-size:14px;line-height:15px;display:inline-block;margin-right:10px;text-decoration:none;color:#1485ce;border-bottom:1px dashed}.bx-filter .bx-filter-parameter-biz:hover{text-decoration:none;border-bottom:1px solid}.bx-filter .bx-filter-parameter-biz.bx-active{position:relative;color:#000;border-color:transparent}.btn-themes{color:#FFF}.btn-themes.bx-active,.btn-themes.focus,.btn-themes:active,.btn-themes:focus,.btn-themes:hover{color:#FFF}.bx-filter .bx-filter-popup-result{font-size:13px;font-weight:normal;position:absolute;z-index:915;display:none;line-height:normal;margin-top:-7px;margin-left:10px;padding:0 10px;white-space:nowrap;color:#3f3f3f;min-height:37px;line-height:18px;border-style:solid;border:1px solid #c6dce7}.bx-filter .bx-filter-popup-result.left{border-width:2px 10px 2px 2px;-webkit-border-image:url(/local/templates/solo/components/bitrix/catalog.smart.filter/main_filter/images/result_popup_left.png) 4 20 4 4 repeat;-moz-border-image:url(/local/templates/solo/components/bitrix/catalog.smart.filter/main_filter/images/result_popup_left.png) 4 20 4 4 repeat;-o-border-image:url(/local/templates/solo/components/bitrix/catalog.smart.filter/main_filter/images/result_popup_left.png) 4 20 4 4 repeat;border-image:url(/local/templates/solo/components/bitrix/catalog.smart.filter/main_filter/images/result_popup_left.png) 4 20 4 4 fill repeat}.bx-filter .bx-filter-popup-result.right{border-width:2px 2px 2px 10px;-webkit-border-image:url(/local/templates/solo/components/bitrix/catalog.smart.filter/main_filter/images/result_popup_right.png) 4 4 4 20 repeat;-moz-border-image:url(/local/templates/solo/components/bitrix/catalog.smart.filter/main_filter/images/result_popup_right.png) 4 4 4 20 repeat;-o-border-image:url(/local/templates/solo/components/bitrix/catalog.smart.filter/main_filter/images/result_popup_right.png) 4 4 4 20 repeat;border-image:url(/local/templates/solo/components/bitrix/catalog.smart.filter/main_filter/images/result_popup_right.png) 4 4 4 20 fill repeat}.bx-filter .bx-filter-popup-result.right{left:97%}.bx-filter .bx-filter-popup-result.left{right:97%}.bx-filter-horizontal .bx-filter-popup-result{display:inline-block;position:relative;left:auto;right:auto;bottom:-7px}.bx-filter .bx-filter-popup-result a{color:#0073a3;line-height:10px}.bx-filter .bx-filter-popup-result a:hover{text-decoration:none}.bx-filter .bx-filter-popup-result-close{display:none}@media(max-width:767px){.bx-touch .bx-filter .bx-filter-popup-result{font-size:12px;line-height:14px;position:fixed !important;z-index:1001;top:auto !important;right:0 !important;bottom:0 !important;left:0 !important;margin-top:0;margin-left:0;width:auto;height:auto;padding:10px;border-radius:2px;border:1px solid #c6dae7;background:rgba(255,255,255,.9)}.bx-touch .bx-filter .bx-filter-popup-result br{display:none}.bx-filter .bx-filter-popup-result .arrow{display:none}}
/* End */


/* Start:/local/templates/solo/components/15px.ru/getItems/partnersCarousel/style.css?17703262731130*/
.partners-wrapper {
    padding: clamp(50px, 4dvw + 25px, 100px) 1rem clamp(30px, 4dvw + 15px, 60px);
    background-color: #fff;
}

.partnersSwiper {
    width: min(100%, 1340px);
    margin: auto;
}

@supports (aspect-ratio: 1) {
    .partnersLink {
        display: flex;
        width: min(100%, 220px);
        aspect-ratio: 1;
        margin: auto;
        filter: grayscale(1);
        transition: all .3s ease-in;
    }
    
    .partnersLink > img {
        display: block;
        width: 100%;
        aspect-ratio: 1;
        margin: auto;
        object-fit: contain;
        object-position: center;
    }
}

@supports not (aspect-ratio: 1) {
    .partnersLink {
        display: flex;
        width: 100%;
        max-width: 220px;
        height: 100%;
        max-height: 220px;
        margin: auto;
        filter: grayscale(1);
        transition: all .3s ease-in;
    }
    
    .partnersLink > img {
        display: block;
        width: 100%;
        height: 100%;
        margin: auto;
        object-fit: contain;
        object-position: center;
    }
}

.partnersLink:hover {
    filter: grayscale(0);
}
/* End */


/* Start:/local/templates/solo/components/bitrix/news.list/blog_mainpage/style.css?17703262737935*/
.section_blog {
	--font: 'Plus Jakarta Sans', sans-serif;
    --colorkey: #DAA14C;
    --colorname: #30373E;
    --colortext: #535353;
    --colorinfo: rgb(83 33 83 / 50%);

    padding: clamp(50px, 5dvw + 25px, 100px) 1rem clamp(40px, 5dvw + 25px, 80px);
	background-color: #fff;
}

.header-blog {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.subtitle-section {
    text-transform: uppercase;
    font: bold 14px / 1.5 var(--font);
    color: var(--colorkey);
    letter-spacing: 3.5px;
    padding-bottom: 20px;
}

.title-blog {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 40px;

    & > span:not(.keywords-blog) {
        font: bold clamp(24px, 2dvw + 16px, 48px)/1 var(--font);
        color:  var(--colorname);
        text-align: center;
    }

    & > .keywords-blog {
        font: clamp(24px, 2dvw + 16px, 48px) / 1 var(--font);
        color: var(--colorkey);
        text-align: center;
    }
}

.main-blog {
    width: min(100%, 1340px);
    margin: auto;
    container-type: inline-size;
    container-name: blog_mainpage;
}

.lists-blog {
    display: grid;
    grid-gap: 1rem;
}

[class|="item-blog"] {
    border: none;
    position: relative;
    padding: 1.25rem 1rem;
    border-radius: .5rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 10px 20px -14px rgb(0 0 0);
}

.thumb-blog {
    display: contents;
    width: 100%;
    /* aspect-ratio: 1; */
    /* transition: all .3s linear; */
}

.thumb-blog > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    inset: 0;
    z-index: 1;
}

.thumb-blog::after {
    content: '';
    position: absolute;
    inset: 0; margin: auto;
    background-color: rgb( 0 0 0 / .45);
    z-index: 1;
}

.item-blog-3 img {
    object-fit: contain;
}

[class|="item-blog"] *:not(.thumb-blog, .thumb-blog > img) {
    position: relative;
    z-index: 2;
    color: rgb(255 255 255 / .95) !important
}

.anons-item-blog {
    font: 14px/24px var(--font);
    color: var(--colortext);
    margin-bottom: 30px;
    text-wrap: wrap;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

.name-blog {
    display: block;
    font: bold 24px/28px var(--font);
    color: var(--colorname);
    margin-bottom: 20px;
    text-wrap: wrap;
}

.date-item-blog {
    display: flex;
    gap: 1rem;
    align-items: center;
    margin-bottom: 20px;
}

.date-item-blog > i {
    font-size: 14px;
    color: var(--colorkey);
}

.date-item-blog > span {
    font: 14px/1 var(--font);
    color: var(--colorinfo);
}

.btn_more-blog {
    text-transform: uppercase;
    display: flex;
    width: fit-content;
    flex-direction: column;
	justify-content: center;
	align-items: center;
    font: 900 12px/16px var(--font);
    color: var(--colorname);
    position: relative;
    margin-top: auto;
}

.btn_more-blog::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: var(--colorkey);
    margin-top: 5px;
    transition: width .3s linear;
}

@media(hover: hover) {
    .name-blog:hover {
        color: var(--colorkey);
    }

    .thumb-blog:hover {
        filter: brightness(0.6);
    }

    .btn_more-blog:hover  {
        color: var(--colorkey);
    }

    .btn_more-blog:hover::after {
        width: 0;
    }

    .thumb-blog::after {
        transition: background-color .3s ease;
    }

    [class|="item-blog"]:hover .thumb-blog::after {
        background-color: rgb( 0 0 0 / .55);
    }
}

@container blog_mainpage (500px < width <= 900px) {
    .lists-blog {
        grid-template-columns: repeat(2, 1fr);
    }
}

@container blog_mainpage (width > 900px) {
    .lists-blog {
        grid-template-columns: repeat(3, 1fr);
    }

    [class|="item-blog"] {
        padding: 1.25rem 2rem;
    }

    .item-blog-1 {
        grid-column: 2 span;
    }

    .item-blog-2 {
        grid-column: span 2;
    }
}

/* .lists-blog {
    display: grid;
    grid-gap: clamp(1.5rem, 2dvw + 1rem, 3rem);
    grid-template-columns: .8fr 1fr;
    grid-template-areas: 'A B' 'A C';
}

[class|="item-blog"] {
    display: grid;
    grid-gap: 0 1rem;
    border: 1px solid;
    grid-template-columns: 240px 1fr;
    
    & > .name-blog {
        grid-area: name;
    }

    & > .date-item-blog {
        grid-area: date;
    }

    & > .btn_more-blog {
        grid-area: btn;
    }

    & .thumb-blog {
        grid-area: thumb;
        display: block;
        width: min(100%, 240px);
        height: 240px;
        aspect-ratio: 1;
        transition: all .3s linear;
    }

    & > .anons-item-blog {
        grid-area: anons;
        font: 16px/24px var(--font);
        color: var(--colortext);
        margin-bottom: 30px;
		text-wrap: wrap;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;  
        overflow: hidden;
    }
}

[class|="item-blog"]:not(.item-blog-0) {
    max-height: 240px;
    grid-template-areas: 'thumb name' 'thumb date' 'thumb anons' 'thumb btn';
}

.item-blog-0 {
    grid-area: A;
    grid-template-areas: 'thumb thumb' 'name name' 'date date' 'anons anons' 'btn btn';
    width: min(100%, 570px);

    & .thumb-blog {
        display: block;
        width: min(100%, 570px);
        height: 342px;
        margin-bottom: 20px;
    }
}

.item-blog-1 {
    grid-area: B;
}

.item-blog-2 {
    grid-area: C;

    & img {
        width: 100%;
        height: 100%;
        object-fit: contain !important;
    }
}

.item-blog-3 {
    grid-area: D;
}

.thumb-blog {
    & > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

.name-blog {
    display: block;
    font: bold 24px/28px var(--font);
    color: var(--colorname);
    margin-bottom: 20px;
    text-wrap: wrap;
}

.date-item-blog {
    display: flex;
    gap: 1rem;
    align-items: center;
    margin-bottom: 20px;

    & > i {
        font-size: 14px;
        color: var(--colorkey);
    }

    & > span {
        font: 14px/1 var(--font);
        color: var(--colorinfo);
    }
}

.btn_more-blog {
    text-transform: uppercase;
    display: flex;
    width: fit-content;
    flex-direction: column;
	justify-content: center;
	align-items: center;
    font: 900 12px/16px var(--font);
    color: var(--colorname);
    position: relative;
    margin-top: auto;

    &::after {
        content: '';
        display: block;
        width: 100%;
        height: 2px;
        background-color: var(--colorkey);
        margin-top: 5px;
        transition: width .3s linear;
    }
}

@media(hover: hover) {
    [class|="item-blog"] {
        & > .name-blog:hover {
            color: var(--colorkey);
        }

        & > .thumb-blog:hover {
            filter: brightness(0.6);
        }

        & > .btn_more-blog:hover  {
            color: var(--colorkey);
        }

        & > .btn_more-blog:hover::after {
            width: 0;
        }
    }

}

@container blog_mainpage (600px < width < 1025px) {
    .lists-blog {
        grid-template-areas: 'A A' 'B B' 'C C';
    }

    [class|="item-blog"] {
        width: 100%;
        grid-template-areas: 'thumb name' 'thumb date' 'thumb anons' 'thumb btn';
    
        & > .thumb-blog {
			height: 240px;
            width: min(100%, 240px);
            margin-bottom: 0;
        }
    }
}

@container blog_mainpage (width < 600px) {
    .lists-blog {
		grid-gap: 5rem 0;
        grid-template-areas: 'A A' 'B B' 'C C';
    }

    [class|="item-blog"] {
        width: 100%;
        max-height: none !important;
        grid-template-areas: 'thumb thumb' 'name name' 'date date' 'anons anons' 'btn btn' !important;
    
        & > .thumb-blog {
            width: 100%;
            aspect-ratio: 16/9;
            margin-bottom: 20px;
        }
    }
} */
/* End */
/* /local/templates/solo/components/bitrix/catalog.smart.filter/main_filter/style.min.css?177753056614273 */
/* /local/templates/solo/components/15px.ru/getItems/partnersCarousel/style.css?17703262731130 */
/* /local/templates/solo/components/bitrix/news.list/blog_mainpage/style.css?17703262737935 */
