/* Start:/local/templates/letmebel/components/bitrix/catalog/materials/style.css?17816996571202*/
.grid{}
.grid .bx_content_section{
	margin-bottom: 15px;
}
.grid .bx_sidebar{
	margin-bottom: 15px;
}

/* grid2x1 */
.grid2x1{}
.grid2x1 .bx_content_section{
	float: left;
	width: 66%;
	margin-bottom: 15px;
}
.grid2x1 .bx_sidebar{
	float: right;
	width: 33%;
	margin-bottom: 15px;
	padding-left: 5%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
@media (max-width:960px){
	.grid2x1 .bx_sidebar{
		padding-left: 4%;
	}
}
@media (max-width:640px) {
	.grid2x1 .bx_content_section,
	.grid2x1 .bx_sidebar{
		width: 100%;
		float: none;
	}
	.grid2x1 .bx_sidebar{
		padding-left: 3%;
	}
}
@media (max-width:479px){
	.grid2x1 .bx_sidebar{
		padding-left: 1%;
	}

}

.catalog-block-header{
	font-size:14px;
	font-weight: bold;
	text-align: left;
	margin:5px 0;
	padding:5px 15px;
	border-bottom: 2px solid #d9dee6;
	color: #000;
}

body.bx-theme-blue .catalog-block-header{border-color:#006cc0;}
body.bx-theme-green .catalog-block-header{border-color:#63aa28;}
body.bx-theme-red .catalog-block-header{border-color:#da3737;}
body.bx-theme-yellow .catalog-block-header{border-color:#f4b236;}

.catalog-section.bx-green {
    margin-top: 60px;
    margin-bottom: 19.5rem;
}
/* End */


/* Start:/local/templates/letmebel/components/bitrix/catalog/materials/bitrix/catalog.section.list/.default/style.css?17830001471662*/
.hang__wrapper {
	display: grid;
	grid-gap: clamp(30px, 1dvw + 16px, 45px);
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	margin-block: 50px;

	& .hang__item {
		width: min(100%, 500px) !important;
		position: relative;
		aspect-ratio: 4/3;
	}

	& .hang__item-content {
		/* padding: 3.5rem 3.5rem 7.4rem 3.7rem !important; */
	}
	
	& .hang__item:not(:last-child) {
		margin-right: 0 !important;
	}
	
	& .hang__item-img {
		display: block;
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		border-radius: 3rem;
		overflow: hidden;
	}

	& .hang__item-img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

    & .hang__item-name {
        font-weight: 600;
        font-size: 2.5rem;
        margin-bottom: 1.7rem;
        line-height: 145%;
        position: absolute;
        z-index: 2;
        inset: 0;
        width: calc(100% - 70px);
        margin: auto;
        height: fit-content;
        text-align: center;
        text-shadow: rgb(255, 255, 255) 0px 1px 16px;
        backdrop-filter: blur(0.64px);
        padding: 2rem 6rem;
        background-color: rgba(255, 255, 255, 0.58);
        border: 1px solid rgba(255, 255, 255, 0.64);
        border-radius: 10em;
        box-shadow: rgba(0, 0, 0, 0.2) -5px -5px 20px 0px inset, rgba(0, 0, 0, 0.64) 2px 5px 20px -10px;
    }
}

.hang__item-link {
    width: 64px;
    height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    background: #6CBD50;
    position: absolute;
    box-shadow: 0px 5px 10px 0px #00000033 inset;
    right: 0;
    bottom: 0px;
    border-radius: 30px 0px 3rem 0px;
}
/* End */


/* Start:/local/templates/letmebel/components/bitrix/catalog.section/materials_section/style.css?17871415819019*/
@media (min-width: 1200px){
	/*lg*/
	/*6*/
	.product-item-list-col-6   > .col-xs-12 > .row > .col-md-2:nth-child(6n+1),
	.product-item-list-col-1-6 > .col-sm-6:nth-child(2n+1),
	.product-item-list-col-6-1 > .col-sm-6:nth-child(2n+1),
	.product-item-list-col-1-6 > .col-sm-6  > .row > .col-md-4:nth-child(3n+1),
	.product-item-list-col-6-1 > .col-sm-6  > .row > .col-md-4:nth-child(3n+1),
	/*4*/
	.product-item-list-col-4   > .col-xs-12 > .row > .col-md-3:nth-child(4n+1),
	.product-item-list-col-1-4 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-4-1 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	/*3*/
	.product-item-list-col-3   > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1),
	/*2*/
	.product-item-list-col-2   > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1),
	/*1*/
	.product-item-list-col-1   > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both}
}
@media (min-width: 992px) and (max-width:1199px){
	/*md*/
	/*6*/
	.product-item-list-col-6   > .col-xs-12 > .row > .col-md-2:nth-child(6n+1),
	.product-item-list-col-1-6 > .col-sm-6:nth-child(2n+1),
	.product-item-list-col-6-1 > .col-sm-6:nth-child(2n+1),
	.product-item-list-col-1-6 > .col-sm-6 > .row > .col-md-4:nth-child(3n+1),
	.product-item-list-col-6-1 > .col-sm-6 > .row > .col-md-4:nth-child(3n+1),
	/*4*/
	.product-item-list-col-4   > .col-xs-12 > .row > .col-md-3:nth-child(4n+1),
	.product-item-list-col-1-4 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-4-1 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	/*3*/
	.product-item-list-col-3   > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1),
	/*2*/
	.product-item-list-col-2   > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1),
	/*1*/
	.product-item-list-col-1   > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both}
}
@media (min-width: 768px) and (max-width: 991px){
	/*sm*/
	/*6*/
	.product-item-list-col-6   > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1),
	.product-item-list-col-1-6 > .col-sm-6:nth-child(2n+1),
	.product-item-list-col-6-1 > .col-sm-6:nth-child(2n+1),
	.product-item-list-col-1-6 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-6-1 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	/*4*/
	.product-item-list-col-4   > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-1-4 > .col-sm-6:nth-child(2n+1),
	.product-item-list-col-4-1 > .col-sm-6:nth-child(2n+1),
	.product-item-list-col-1-4 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-4-1 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	/*3*/
	.product-item-list-col-3   > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1),
	/*2*/
	.product-item-list-col-2   > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1),
	/*1*/
	.product-item-list-col-1   > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both}
}
@media (max-width: 767px){
	/*xs*/
	/*6*/
	.product-item-list-col-6   > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-1-6 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-6-1 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	/*4*/
	.product-item-list-col-4   > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-1-4 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-4-1 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	/*3*/
	.product-item-list-col-3   > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1),
	/*2*/
	.product-item-list-col-2   > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1),
	/*1*/
	.product-item-list-col-1   > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both}
}

.catalog-section-header{
	font-size:14px;
	font-weight: bold;
	text-align: left;
	margin:5px 0;
	padding:5px 15px;
	border-bottom: 2px solid #d9dee6;
	color: #000;
}

.row::before {
	display: initial;
}

/* ===== Кастомные стили карточек (адаптировано из кастомного шаблона) ===== */
.product-card-wrapper {
    flex: 0 0 25%; /* 4 колонок */
    max-width: 25%;
    padding: 0 10px;
    margin-bottom: 30px;
    box-sizing: border-box;
}

@media (max-width: 991px) {
    .product-card-wrapper {
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
}
@media (max-width: 575px) {
    .product-card-wrapper {
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media (max-width: 400px) {
    .product-card-wrapper {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.row[data-entity="items-row"] {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.card_style_1 {
    background: white;
    border-radius: 3rem;
    box-shadow: 0 0.2rem 1rem rgba(0,0,0,0.05);
    transition: box-shadow 0.25s ease, transform 0.05s ease;

    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
	transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    isolation: isolate;
}
.card_style_1:hover {
    box-shadow: 0 0rem 2rem rgba(23,38,47,.3), inset 0 0 0 1px #d7e5f4;
    z-index: 5;
}
.card_style_1 img {
    width: 100%;
	height: 100%;
    max-height: 135px;
    object-fit: cover;
    background: #f8fafc;
    border-radius: 3rem 3rem 0 0;
}
.card_style_1 .content_card {
    padding: 10px 15px 15px;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.card_style_1 .price_card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}
.price_card .price_cur,
.price_card .price_sale {
    display: flex;
    align-items: baseline;
    gap: 2px;
}
.price_cur .from,
.price_sale .from {
    font-family: 'Zona Pro', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #9BA8A8;
}
.price_cur .price {
    font-family: 'Zona Pro', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #000;
}
.price_cur .cur {
    font-family: 'Zona Pro', sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #000;
    margin-top: 2px;
}
.price_sale {
    position: relative;
}
.price_sale::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #9BA8A8;
    top: 50%;
    left: 0;
}
.price_sale .price {
    font-size: 10px;
    font-weight: 600;
    color: #9BA8A8;
}
.price_sale .from {
    font-size: 10px;
    font-weight: 600;
    color: #9BA8A8;
}
.price_sale .cur {
    font-size: 7px;
    font-weight: 600;
    color: #9BA8A8;
    margin-top: -3px;
}
.price_card.small-font .price_cur .price {
    font-size: 14px;
}
.price_card.small-font .price_cur .cur {
    font-size: 11px;
    margin-top: 3.5px;
}
.price_card.small-font .price_sale .price {
    font-size: 8px;
}
.price_card.small-font .price_sale .cur {
    top: -3.5px;
}
.card_style_1 .desc_card {
    font-family: 'Zona Pro', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #000000;
    margin-top: 8px;
    line-height: 1.4;
    flex: 1;
	width: calc(100% - 70px);
}
.card_style_1 .link_card {
    width: 64px;
    height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ebedec;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2) inset;
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 30px 0px 3rem 0px;
    transition: background 0.3s ease;
}
.card_style_1 .link_card:hover {
    background: #6CBD50 !important;
}

.materials-item__wr {
	min-height: 220px;
    position: relative;
	flex-direction: column-reverse;
}
.materials-item__wr > img {
	position: absolute;
    height: 100%;
    width: 100%;
    max-height: unset;
}

.materials-item__wr .content_card {
	position: relative;
    width: 100%;
    height: auto;
    background: #ffffffde;
    bottom: 0px;
    left: 0;
    top: unset;

    max-height: 8rem;
 	height: 100%;
    align-self: flex-end;
    margin-top: auto;
	transition: ease 0.2s;
	flex: auto;
}

body.custom-cursor.hidden {
	display: block !important;
}

.materials-item__wr::after {
	opacity: 0;
	display: block;
    content: " ";
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5) url(/local/templates/letmebel/img/icon/lupa.png) no-repeat center;
    border-radius: 3rem;
	border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0;
	transition: ease 0.2s;
}
.materials-item__wr:hover:after {
	opacity: 1;
}

.materials-item__wr:hover .content_card {
	background: #0000005c;
    backdrop-filter: blur(4px);
}
.materials-item__wr .desc_card {
	transition: ease 0.2s;
	font-size: 1.4rem;
    line-height: 1.4;
}
.materials-item__wr:hover .desc_card {
	color: #fff;
} 
.materials-item__wr .desc_card {
	width: 100%;
}
.bx_catalog_tile.hang__inner {
	margin-bottom: 50px;
}
.article__more.load-more-sections.row-btn {
	margin-inline: auto;
	transition: ease 0.4s !important;
}

.article__more.load-more-sections.row-btn:hover { 
    background: #7ac361 !important;
}

.fancybox__carousel.is-draggable .fancybox__caption {
    color: #000;
    font-weight: 600;
    font-size: 2.4rem;
}
/* End */


/* Start:/local/templates/letmebel/components/bitrix/catalog.section/materials_section/themes/green/style.min.css?1785764756716*/
.bx-green .product-item-image-slider-progress-bar{background-color:#5b9f0b}.bx-green .product-item-image-slider-control:hover{background-color:rgba(91,159,11,.8)}.bx-green .product-item-image-slider-control.active,.bx-green .product-item-image-slider-control:hover{background-color:#5b9f0b}.bx-green .product-item-scu-item-text-block:hover,.bx-green .product-item-scu-item-color-block:hover,.bx-green .product-item-scu-item-text-container.selected .product-item-scu-item-text-block,.bx-green .product-item-scu-item-color-container.selected .product-item-scu-item-color-block{outline-color:#63aa28}.bx-green .product-item-amount-field:focus{border-color:#63aa28}.bx-green .catalog-section-header{border-color:#63aa28}
/* End */
/* /local/templates/letmebel/components/bitrix/catalog/materials/style.css?17816996571202 */
/* /local/templates/letmebel/components/bitrix/catalog/materials/bitrix/catalog.section.list/.default/style.css?17830001471662 */
/* /local/templates/letmebel/components/bitrix/catalog.section/materials_section/style.css?17871415819019 */
/* /local/templates/letmebel/components/bitrix/catalog.section/materials_section/themes/green/style.min.css?1785764756716 */