/* Start:/local/templates/mlux/components/bitrix/news/collections/bitrix/news.detail/.default/style.css?17772839842337*/
.collections-detail {
	& .section-head {
		position: relative;
		width: 99vw;
		height: 330px;
		left: 50%;
		transform: translateX(-50%);
		background-repeat: no-repeat;
		background-size: cover;
        background-position: top;
		display: flex;
		flex-direction: column;
		justify-content: end;
	}

	& .name-wrapper {
		position: relative;
		z-index: 1;

		&::before {
			content: '';
			position: absolute;
			left: 0;
			bottom: 0;
			width: 100%;
			height: 100%;
			background-color: #1B1B1B47;
			z-index: -1;
		}

		& .name {
			padding: 45px 0px 20px 0px;
		}
	}

	& .swiper {
		width: 100%;
		height: 100%;

		& .swiper-slide {
			text-align: center;
			font-size: 18px;
			background: #444;
			display: flex;
			justify-content: center;
			align-items: center;
			max-height: 490px;
			border-radius: 8px;
			overflow: hidden;

			& img {
				display: block;
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
		}

		& .swiper-button-prev, .swiper-button-next {
			color: #8D8D8D;
			background-color: #ffffff;
			border-radius: 4px;
			padding: 10px;
		}
    }

	& .section-desc {
		& .left-img {
			overflow: hidden;
			border-radius: 8px;
			height: 560px;
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center;
		}

		& .right-img {
			overflow: hidden;
			border-radius: 8px;
			height: 700px;
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center;
		}
	}

	& .section-form {
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		width: 99vw;
		height: 480px;
		background-image: url('/upload/design/timed/collections/002.webp');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		padding: 80px 0px;
		z-index: 1;


		&::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			backdrop-filter: blur(1px);
			z-index: -1;
		}

		& .h1 {
			font-family: 'goudytrajan-medium' !important;
		}
	}
}

@media screen and (max-width: 600px) {
	.collections-detail {
		& .section-head {
			height: 200px;
		}

		& .name-wrapper {
			& .name {
				padding: 30px 0px 20px 0px;
			}
		}

		& .section-desc {
			& .left-img {
				height: 420px;
			}

			& .right-img {
				height: 500px;
			}
		}

		& .section-form {
			height: auto;
		}
	}
}
/* End */


/* Start:/bitrix/components/bitrix/system.pagenavigation/templates/main/style.css?1774599079346*/
.page-nav a {
	outline:1px #F1F1F1 solid;
	padding:10px 15px;
	border-radius:8px;
	color:#000;
	text-decoration:none;
	font-size:14px;
	transition:all 0.3s ease;
}

.page-nav b, .page-nav a:hover {
	background: #826B52;
	color:#fff;
	padding:10px 15px;
	outline:1px #F1F1F1 solid;
	border-radius:8px;
	font-size:14px;
	transition:all 0.3s ease;
}
/* End */


/* Start:/local/templates/mlux/components/bitrix/catalog.section/collections-section/style.css?17772673713059*/
.product-card {
    /* margin:0 15px; */
    display: flex; 
    align-items: center;
    flex-direction: column;
    justify-content: start;
    gap:15px;
    height:100%;
    position: relative;
}
.product-card .actions {
    position: absolute;
    top:18px; 
    display: flex;
    gap:5px;
    right: 18px;
}.product-card .actions button{ border-radius: 8px; background-color: #fff;    height: 40px;
    width: 40px;}
.product-card .in_stock {
    color:#826b52;
    font-weight:400;
    font-size:12px;
}
.product-card .out_stock {
    color: red;
}
/* .product-info .available{
    position: absolute; 
    left: 18px;
    top:18px; 
    border-radius: 15px; 
    background-color: #d9c9b8; 
    display: block; 
    padding: 2px 8px 4px; 
} */
.product-card .product-name {    
    height: 49px;
    overflow: hidden;
}
.product-card .product-name a {
    color:#000;
    font-size:19px;    text-align: left;
    font-weight:400; line-height: 125%;;
    max-height: 100px;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-decoration: none;
    &:hover {
        text-decoration: underline;
    }
}

.product-card .product-info {
 
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.product-card .product-price {
    font-size:25px;
    font-weight:400;
}

.product-card .product-desc {
    color:#727272;
    font-size:16px;
    font-weight:500;
}
.product-card .product-buttons {
    width:100%;
    display: flex;
    gap:10px;
}
.product-card i.fa {
    font-size:18px;
}
.product-middle{    width: 100%;}
.product-card .product-image {   background-color: #F1EEED;  justify-content: center;    overflow: hidden; border-radius: 8px; height: 320px;
    min-height:280px;
    display: flex;
    align-items: center;    width: 100%;
}

.products-slider .slick-track
{
    display: flex !important;
}

.products-slider .slick-slide
{
    height: inherit !important;
}


.product-card.banner {
    display: flex;
    flex-direction: column;
    justify-content: end;
    border-radius: 8px;
    overflow: hidden;
    padding: 30px;
    z-index: 1;

    &::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(180deg, #00000010, #000000 90%);
        z-index: -1;
    }

    & .banner-info {
        display: flex;
        flex-direction: column;
        font-size: 18px;
        gap: 15px;

        & .name {
            font-weight: 600;
        }

        & button {
            font-weight: 500;
            width: 100%;
            color: #826B52;
            background-color: #fff;
            padding: 18px 0px;
            border: none;
            border-radius: 45px;
        }
    }

    & .bg-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        z-index: -2;
    }
}
/* End */


/* Start:/local/templates/mlux/components/bitrix/form.result.new/complect-form/style.css?17865331652618*/
table.form-table
{
	width:100%;
	background-color:white;
	border-collapse:collapse;
	font-size:100%;
	font-weight:normal;
	line-height:160%;
}

table.form-table th, table.form-table td
{
	border:1px solid #ADC3D5;
	padding: 5px 5px;
	vertical-align:top;
}

table.form-table th
{
	background-image:url(/local/templates/mlux/components/bitrix/form.result.new/complect-form/images/table_head.gif);
	background-repeat:repeat-x;
	text-align: left;
	color:#25639A;
}


table.form-table td
{
	padding: 15px 5px;
}

.form-required 
{
	color: red;
}

.error-fld {
	display: block;
	float: left;
	height: 13px;
	width: 15px;
	background-repeat: no-repeat;
	background-image: url(/local/templates/mlux/components/bitrix/form.result.new/complect-form/images/icon_warn.gif);
}

#complectModal {
	& .modal-content {
		padding: 20px 30px;

		form {
			display: flex;
			flex-direction: column;
			gap: 15px;
		
			& .form-group {
				display: flex;
				flex-direction: column;
				gap: 10px;
			
				& .name {
					font-size: 16px;
					color: #757575;
					font-weight: 400;
				}
			
				& input {
					width: 100%;
					height: 60px !important;
					border-radius: 45px;
					border: 1px solid #E5DFDA !important;
					background-color: #fff !important;
					padding: 20px;
				}
			}

			& .complect-consent {
				margin-top: 2px;
			}

			& .complect-consent__label {
				display: grid;
				grid-template-columns: 20px 1fr;
				align-items: flex-start;
				gap: 10px;
				margin: 0;
				color: #757575;
				font-size: 14px;
				line-height: 1.35;
				cursor: pointer;
			}

			& .complect-consent__label input[type="checkbox"] {
				width: 20px;
				height: 20px !important;
				margin: 0;
				padding: 0;
				border: 1px solid #E5DFDA !important;
				border-radius: 4px;
				background-color: #fff !important;
				accent-color: #806951;
				cursor: pointer;
			}
			& .complect-consent__label input[type="checkbox"]:checked {
				width: 20px;
				height: 20px !important;
				margin: 0;
				padding: 0;
				border: 1px solid #E5DFDA !important;
				border-radius: 4px;
				background-color: #806951 !important;
				accent-color: #806951;
				cursor: pointer;
				background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
			}
			& .complect-consent__label a {
				color: #806951;
				text-decoration: underline;
				text-underline-offset: 2px;
			}

			& .btn_submit {
				& input {
					width: 100%;
					color: #fff;
					background: #806951;
					border: none;
					border-radius: 15px;
					margin-top: 10px;
					padding: 15px;
					text-transform: uppercase;
				}
			}
		}
	}
}

/* End */


/* Start:/local/templates/mlux/components/bitrix/form/collections-form/bitrix/form.result.new/.default/style.css?17772770961334*/
.form-required 
{
	color: red;
}

.error-fld {
	display: block;
	float: left;
	height: 13px;
	width: 15px;
	background-repeat: no-repeat;
	background-image: url(/local/templates/mlux/components/bitrix/form/collections-form/bitrix/form.result.new/.default/images/icon_warn.gif);
}

.project-form {
	display: flex;
	gap: 10px;

	& .project-fieldset {
		display: flex;
		border-radius: 16px;
		gap: 40px;

		& .category {
			gap: 15px;
			opacity: 0;
		}

		& input[type="Text"] {
			border-radius: 45px;
			border: 1px solid #E5DFDA;
			background-color: #F1EEED;
			padding: 19px 15px;
		}

		& input[type="checkbox"] {
			width: 18px;
			height: 18px;
		}
	}

	& .callback_form {
		margin-top: 0;
		background-color: transparent;
		padding: 0px 45px 15px 45px;

		& .checkboxes, & a {
			color: #ffffff;
		}
	}
}

@media screen and (max-width: 1200px) {
	.project-form {
		display: flex;
		gap: 10px;

		& .project-fieldset {
			gap: 25px;

			& .category {
				gap: 15px;
			}

			& input[type="Text"] {
				padding: 10px 10px;
			}

			& input[type="checkbox"] {
				width: 18px;
				height: 18px;
			}
		}
	}
}

@media screen and (max-width: 900px) {
	.project-form {
		flex-wrap: wrap;
		justify-content: center;

		& .project-fieldset {
			width: 100%;
		}
	}
}

@media screen and (max-width: 600px) {
	.project-form {
		flex-direction: column;

		& .project-fieldset {
			flex-direction: column;
			padding: 30px;
		}
	}
}
/* End */
/* /local/templates/mlux/components/bitrix/news/collections/bitrix/news.detail/.default/style.css?17772839842337 */
/* /bitrix/components/bitrix/system.pagenavigation/templates/main/style.css?1774599079346 */
/* /local/templates/mlux/components/bitrix/catalog.section/collections-section/style.css?17772673713059 */
/* /local/templates/mlux/components/bitrix/form.result.new/complect-form/style.css?17865331652618 */
/* /local/templates/mlux/components/bitrix/form/collections-form/bitrix/form.result.new/.default/style.css?17772770961334 */