:root {
	--orange: #fe8c00;
	--orange__hover: #ec7207;
	--green: #15a641;
	--green__hover: #007E19;
	--black: #000;
	--dark-gray: #353c47;
	--light-gray: #5f6671;
	--input-txt-color: rgba(33, 37, 41, 0.75);
	--border-form-input-itd: #dee2e6;
	--light-gray: #f5f5f5;
	--beige: #F0ECE2;
	--light-green: #e7efd5;
	--white: #fff;
	--bg-green: #f1f6f1;
	--new-folder-old-black: #3f4651;
	--new-folder-old-dark-gray: #49505b;
	--gallery-button-bg: #5D646F;
}

/* Отступы */
.c-p-32 {
	padding: 32px;
}

.c-mt-64 {
	margin-top: 64px;
}

.c-mt-72 {
	margin-top: 72px;
}

.c-mb-72 {
	margin-bottom: 72px;
}

.c-pt-64 {
	padding-top: 64px;
}

@media (max-width: 576px) {
	.c-pt-64 {
		padding-top: 32px;
	}
}

.c-pb-72 {
	padding-bottom: 72px;
}

@media (max-width: 576px) {
	.c-pb-72  {
		padding-bottom: 48px;
	}
}

.c-pt-72 {
	padding-top: 72px;
}

/* Классы для фоновых цветов */
.bg-orange {
	background-color: var(--orange);
}

.bg-green {
	background-color: var(--green);
}

.bg-black {
	background-color: var(--black);
}

.bg-dark-gray {
	background-color: var(--dark-gray);
}

.bg-light-gray {
	background-color: var(--light-gray);
}

.bg-beige {
	background-color: var(--beige);
}

.bg-light-green {
	background-color: var(--light-green);
}

.bg-white {
	background-color: var(--white);
}

.bg-bg-green {
	background-color: var(--bg-green);
}

.bg-new-folder-old-black {
	background-color: var(--new-folder-old-black);
}

.bg-new-folder-old-dark-gray {
	background-color: var(--new-folder-old-dark-gray);
}

.bg-dis {
	background-color: #F9F9F9;
}

.bg-gallery-button-bg {
	background-color: var(--gallery-button-bg);
}
.bg-card-catalog {
	background-color: #ECECEC;
}
.bg-card-promotion {
	background-color: #E9E5DB;
}
/* Классы для текстовых цветов */
.text-orange {
	color: var(--orange);
}

.text-green {
	color: var(--green);
}

.text-black {
	color: var(--black);
}

.text-dark-gray {
	color: var(--dark-gray);
}

.text-light-gray {
	color: var(--light-gray);
}

.text-beige {
	color: var(--beige);
}

.text-light-green {
	color: var(--light-green);
}

.text-white {
	color: var(--white);
}

.text-bg-green {
	color: var(--bg-green);
}

.text-new-folder-old-black {
	color: var(--new-folder-old-black);
}

.text-new-folder-old-dark-gray {
	color: var(--new-folder-old-dark-gray);
}

.text-input-txt-color {
	color: var(--input-txt-color);
}

@font-face {
	font-family: 'Montserrat';
	src: url('/template/font/Montserrat/Montserrat-VariableFont_wght.ttf') format('truetype');
	font-weight: 100 900; 
	font-style: normal;
}

body {
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 500;
}

.c-h1, .c-h2, .c-h3, .c-h4, .c-h5, .c-h6, .c-h7, .c-h8 {
	font-weight: 500;
}

.c-h1 { font-size: 40px; }
.c-h2 { font-size: 32px; }
.c-h3 { font-size: 28px; }
.c-h4 { font-size: 24px; }
.c-h5 { font-size: 20px; }
.c-h6 { font-size: 16px; }
.c-h7 { font-size: 14px; }
.c-h8 { font-size: 12px; }

.c-h1-sb, .c-h2-sb, .c-h3-sb, .c-h4-sb, .c-h5-sb, .c-h6-sb, .c-h7-sb, .c-h8-sb {
	font-weight: 600;
}

.sb {
	font-weight: 600;
}

.c-h1-sb { font-size: 40px; }
.c-h2-sb { font-size: 32px; }
.c-h3-sb { font-size: 28px; }
.c-h4-sb { font-size: 24px; }
.c-h5-sb { font-size: 20px; }
.c-h6-sb { font-size: 16px; }
.c-h7-sb { font-size: 14px; }
.c-h8-sb { font-size: 12px; }

footer a {
	color: var(--light-gray);
	text-decoration: none;
}

@media (min-width: 1400px) {
	.container{
		max-width: 1440px;
		padding-right: 24px;
		padding-left: 24px;
	}
}

@media (max-width: 1200px) {
	.container{
		max-width: 1200px;
		padding-right: 24px;
		padding-left: 24px;
	}
}

@media (max-width: 992px) {
	.container{
		max-width: 992px;
		padding-right: 24px;
		padding-left: 24px;
	}
}

@media (max-width: 768px) {
	.container{
		max-width: 768px;
		padding-right: 24px;
		padding-left: 24px;
	}
}

@media (max-width: 576px) {
	.container{
		max-width: 576px;
		padding-right: 24px;
		padding-left: 24px;
	}
}

/*FAQ*/
.accordion-button::after {
	background-image: url("/template/img/FAQ/icon-open.svg") !important;
}
.accordion-button:not(.collapsed)::after {
	background-image: url("/template/img/FAQ/icon-closed.svg") !important;
}

@media (max-width: 576px) {
	.question-text {
		font-size: 16px;
	}
	.card-body{
		padding: 16px;
	}
}
@media (min-width:768px) and (max-width:957px) {
	.question-text {
		font-size: 16px;
	}
}

/* Хедер */
@media (max-width:1200px) {
	.header-menu-desktop {
		font-size: 14px;
	}
}

.region-dropdown a:hover{
	color: var(--orange__hover) !important;
}
.region-dropdown a{
	cursor: pointer;

}
.region-dropdown i{
	font-size: 12px;
	-webkit-text-stroke: 1px;
}
.custom-dropdown a:hover {
	color: var(--green__hover) !important;
}
.custom-dropdown i {
	font-size: 12px;
	-webkit-text-stroke: 1px;
}
.d-show-catalog {
	display: none !important;
}
.header-catalog:hover {
	background-color: var(--green__hover) !important;
}
.footer-link a:hover{
	color: var(--orange__hover) !important;
}
.footer-link-green a:hover{
	color: var(--green__hover) !important;
}
/* Убираем все стандартные стили кнопки аккордеона */
.accordion-button {
	background-color: transparent !important; /* Прозрачный фон */
	border: none !important; /* Убираем границу */
	box-shadow: none !important; /* Убираем тень */
	padding: 0 !important; /* Убираем отступы */
	color: inherit !important; /* Наследуем цвет текста */
	text-decoration: none !important; /* Убираем подчеркивание */
	transition: none !important; /* Отключаем анимацию */
	width: auto !important; /* Автоматическая ширина */
}

/* Состояние при наведении */
.accordion-button:hover {
	background-color: transparent !important;
	color: inherit !important;
	text-decoration: none !important;
}

/* Состояние при фокусе */
.accordion-button:focus {
	background-color: transparent !important;
	color: inherit !important;
	text-decoration: none !important;
	box-shadow: none !important; /* Убираем фокусное свечение */
	outline: none !important; /* Убираем контур */
}

/* Активное состояние */
.accordion-button:not(.collapsed) {
	background-color: transparent !important;
	color: inherit !important;
	text-decoration: none !important;
	box-shadow: none !important;
}

.shadow-card {
	box-shadow: 0 12px 20px rgba(0, 0, 0, 0.15);
	transition: box-shadow 0.3s ease;
}

/* Блок "Почему выбирают нас" */
.btn-more{
	display:none;
}

@media (max-width: 576px) {
	.block-text{
		font-size:16px;
		-webkit-line-clamp: 6; 
		display: -webkit-box; 
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	.show-text{
		-webkit-line-clamp: unset; 
	}
	.btn-more{
		display:block;
		cursor:pointer;
	}

}

.wrap-video {
	height: 100%; 
	border: 12px solid #0c0c0c;
	border-radius: 8px; 
	border-bottom: none;
}
.video {
	width: 100%;
	height: 100%;
	object-fit: cover;     
}
.video-menu{
	width: 100%;
	padding: 0 12px;
	object-fit: cover;  
}
.video-badge {
	margin: 18px 30px;
	background-color: rgba(0, 0, 0, 0.25);
	border-radius: 4px;
	width: fit-content;
}
.video-badge p {
	padding: 4px 8px;
	margin-bottom: 0;
	color: rgb(255, 255, 255);
	font-size: 16px;   
}
.play{
	width: 70px !important;
	height: 48px;
	cursor: pointer;
}
.wrap-video:hover .play{
	filter: grayscale(20%);
}

@media (max-width: 576px) {
	.video-badge {
		margin: 10px;
	}
}

/* Кастомизация навигации Owl Carousel */
#pop-sistem {
	position: relative;
}

#pop-sistem .owl-nav {
	position: absolute;
	top: 35%;
	width: 100%;
	transform: translateY(-50%);
	margin: 0;
}

#main-carousel-wrapper .owl-nav {
	position: absolute;
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
	margin: 0;
}

#dis-block-carousel .owl-nav {
	position: absolute;
	top: 25%;
	width: 100%;
	transform: translateY(-50%);
	margin: 0;
}

#tv-block-carousel .owl-nav {
	position: absolute;
	top: 25%;
	width: 100%;
	transform: translateY(-50%);
	margin: 0;
}

#star-carousel .owl-nav {
	position: absolute;
	top: 25%;
	width: 100%;
	transform: translateY(-50%);
	margin: 0;
}

#gift-carousel .owl-nav {
	position: absolute;
	top: 25%;
	width: 100%;
	transform: translateY(-50%);
	margin: 0;
}

#gallery-carousel .owl-nav {
	position: absolute;
	top: 190px;
	width: 100%;
	transform: translateY(-50%);
	margin: 0;
}

#prizes-block-carousel .owl-nav {
	position: absolute;
	top: 25%;
	width: 100%;
	transform: translateY(-50%);
	margin: 0;
}

#promo-block-carousel .owl-nav {
	position: absolute;
	top: 40%;
	width: 100%;
	transform: translateY(-50%);
	margin: 0;
}

#promo-block-carousel . owl-item img {
	height: 416px;
}

#promo-split-carousel .owl-nav {
	position: absolute;
	top: 35%;
	width: 100%;
	transform: translateY(-50%);
	margin: 0;
}

.owl-nav button {
	position: absolute;
	background: rgba(0,0,0,0.3) !important;
	width: 48px;
	height: 48px;
	transition: all 0.3s ease;
	justify-content: center;
	display: flex !important;			;
	align-items: center;
	border-radius: 8px !important;
}

.owl-nav button:hover {
	background: rgba(0,0,0,0.7) !important;
}

.owl-nav button span {
	display: none;
}

.owl-arrow {
	width: 32px;
	height: 32px;
	background: none !important; 
}

.owl-prev {
	left: 8px !important;
}

.owl-next {
	right: 8px !important;
}

.owl-dots {
	padding: 8px;
	text-align: center;
}

/* Палец */
.finger-body {
	margin: 0;
	display: flex;
	align-items: center;
	position: relative;
}

.block-container {
	position: relative;
}

.arrow-top {
	position: absolute;
	top: 0px; 
	left: 50%;
	transform: translateX(-50%);
	z-index: 1003;
}

.slide-block {
	position: relative;
	width: 50px;
	height: 32px;
	overflow: hidden;
}

.finger {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 22px;
	height: 22px;
	background-image: url('/template/img/product-card/finger.svg');
	background-size: cover;
	z-index: 1005;
}

/* Тикер */
.ticker {
	overflow: hidden;
	position: relative;
	height: 9rem;
	width: 100%;
}

.ticker-inner {
	display: flex;
	position: absolute;
	width: 100%;
	white-space: nowrap;
}

.ticker-wrapper {
	display: flex;
	flex-direction: row;
	align-items: center;
	transition: transform 0s linear;
}

.ticker-item {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 15rem;
	height: 9rem;
	border-radius: 0.5rem;
}

.ticker-item img {
	width: auto;
	object-fit: cover;
}

/* Как мы работаем */
.we-work-logo {
	width: 52px;
	height: 52px;
}

.we-work-year {
	font-size: 180px;
	font-weight: 600;

}

.container-fluid {
	max-width: 100vw;
	overflow: hidden;
}

.we-work-orange-block::before {
	content: "";
	position: absolute;
	top: 0;
	left: -50vw; /* Уменьшаем выступ за экран */
	width: calc(100% + 50vw);
	height: 100%;
	background-image: url("/template/img/bg.png");
	background-size: cover;
	background-position: center;
	z-index: -1;
}

@media (max-width: 991.98px) {
	.we-work-orange-block::after {
		content: "";
		position: absolute;
		top: 0;
		right: -50vw; /* Уменьшаем выступ за экран */
		width: calc(100% + 50vw);
		height: 100%;
		background-image: url("/template/img/bg.png");
		background-position: bottom;
		z-index: -2;
	}
}

/*  Блок Характеристики */
.characteristic img{
	width: 20px;
	height:20px;
}
@media (max-width: 576px) {
	.characteristic p{
		font-size: 14px;

	}
}

/* Блок дизайнер шрифты */
@media (max-width: 991.98px) {
	.dis-orange-block-text {
		font-size: 14px;
	}
	.dis-text {
		font-size: 16px;
	}
}

@media (max-width: 576px) {
	.dis-free-text {
		font-size: 20px;
	}
}

/* Блок дизайнер */
.dis-arrow {
	max-width: 100%;
	height: auto;
}

#dis-block-carousel .wrap-video {
	height: 200px;
}

@media (max-width: 992px) {
	.dis-arrow {
		max-width: 90%;
		margin: 0 auto; 
	}
}
#dis-block-carousel img {
	width: auto;
}

.dis-orange-block {
	box-shadow: 
		0 2px 6px 0 rgba(253, 102, 0, 0.62), 
		0 2px 4px 0 rgba(224, 110, 0, 0.32);  
}

/* Тв блок */
@media (max-width: 576px) {
	.tv-chanel-block {
		max-width: 150px;
	}
}

/* Карта */
#yaMap {
	width: 100%;
	height: 500px; 
	overflow: hidden;
}

/* Модальные окна видео */
#modalVideo{
	max-height: 700px;
}

/* Галерея */
.gallery-photo img {
	height: 400px;
	object-fit: cover;
}

.gallery-photo img {
	height: 440px;
}

.gallery-btn  {
	height: 34px;
}

.gallery-btn.active {
	background-color: var(--orange) !important;
	color: white !important;
	border-color: var(--orange) !important;
}

.gallery-btn:hover {
	background-color: var(--orange) !important;
	color: white !important;
	border-color: var(--orange) !important;
}

/*Продуктовая карточка */
.catalog-block {
	margin-top: 70px;
}

@media (max-width: 576px) {
	.catalog-block {
		margin-top: 100px;
	}
}

.catalog-image {
	position: relative;
	z-index: 2;
	margin-top: -70px;
}

.thumb-carousel {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	margin-right: 20px;
}

.thumb-wrapper {
	flex-grow: 1;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.thumb-list {
	display: flex;
	flex-direction: column;
	max-height: 660px; /* Начальная высота */
	transition: transform 0.3s ease-in-out, max-height 0.3s ease-in-out;
}

/* Адаптивная высота для разных разрешений */
@media (max-width: 1200px) {
	.thumb-list {
		max-height: 450px; /* Уменьшаем высоту на средних экранах */
	}
}

@media (max-width: 992px) {
	.thumb-list {
		max-height: 350px; /* Уменьшаем высоту на маленьких экранах */
	}
}

@media (max-width: 768px) {
	.thumb-list {
		max-height: 250px; /* Минимальная высота на очень маленьких экранах */
	}
}

.thumb {
	flex: 0 0 auto;
	margin-bottom: 10px;
	cursor: pointer;
	transition: 0.3s;
}

.thumb img {
	width: 100%;
	height: auto;
	object-fit: cover;
	border-radius: 0.25rem;
	transition: 0.2s;
	max-width: 100%;
	max-height: 100%;
}

.thumb img:hover,
.thumb.active img {
	border-color: #0d6efd;
}

.thumb.active {
	border: 3px solid var(--orange);
	border-radius: 0.5rem;
}

.gallery-wrapper {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.main-carousel-container {
	flex-grow: 1;
}

.thumb-nav {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 10;
}

.thumb-nav-prev {
	top: 0;
}

.thumb-nav-next {
	bottom: 0;
}

.thumb-nav-btn {
	background: rgba(0,0,0,0.3) !important;
	border-radius: 8px;
	width: 48px;
	height: 48px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	transition: all 0.3s;
}

.thumb-nav-btn:hover {
	background: rgba(0,0,0,0.7) !important;
}

.btn-32 {
	height: 32px;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 1;
}

.btn-32-icon {
	width: 32px;
	height: 32px;
	padding: 0;
	align-items: center;
}

/*.product-price-box {
padding-left: 0;
}
*/

.buttons-tab {
	column-gap: 16px;
}

@media (min-width: 992px) {
	.product-price-box {
		padding-left: 32px;
	}
}
/* Продуктовая страница текст */
.product-text {
	-webkit-line-clamp: 2; 
	display: -webkit-box; 
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.product-show-text {
	-webkit-line-clamp: unset; 
}
.product-btn-more {
	cursor:pointer;	
}

/* Выберите подарок к заказу
.gift-text {
height: 60px;
}
*/

/* Стили для калькулятора */

.fabric-preview {
	max-width: 100%;
}

.dropdown-toggle::after {
	display: none;
}

/* Стиль для плейсхолдера */
.placeholder-option {
	color: black;
	font-weight: 600;
}

.option-group label {
	display: flex;
	align-items: center;
	cursor: pointer;
	margin-bottom: 0.5rem;
}

.option-group input[type="checkbox"] {
	margin-right: 0.5rem;
}

.note-text {
	font-size: 0.8rem;
	color: #666;
	margin-top: 0.5rem;
}

.custom-radio {
	cursor: pointer;
	margin-bottom: 8px;
}

.custom-radio-input {
	position: absolute;
	opacity: 0;
}

.custom-radio-control {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 30px;
	border: 2px solid #ddd;
	background-color: #fff;
}

.custom-radio-input:checked + .custom-radio-control {
	background-color: var(--orange); /* оранжевый цвет */
	border-color: var(--orange);
	background-image: url('/template/img/product-card/calculator/checkbox.png');
	background-repeat: no-repeat;
	background-position: center;
}

.custom-radio:hover .custom-radio-control {
	border-color: #fd7e14;
}

.color-box.selected {
	border: 2px solid #333;
	box-shadow: 0 0 0 2px rgba(0,0,0,0.1);
}

/* Стили для непрозрачного тултипа */
.tooltip-inner {
	min-height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	color: #333;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
	font-size: 14px;
	font-weight: 500;
	padding: 8px 16px;
	opacity: 1 !important;
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
	border-top-color: #fff;
	opacity: 1;
}

.tooltip {
	opacity: 1 !important;
}

.fabric-item {
	transition: all 0.3s ease;
}

.color-box {
	cursor: pointer;
	width: 48px;
	height: 48px;
	border: 1px solid #ddd;
}

.color-box.selected {
	border: 2px solid #000;
}

.icon-select{
	width: 24px;
	height: 24px;
}

/* Стили для выбранной ткани в каталоге */
.fabric-item.selected .card {
	outline: 2px solid #fd7e14;
	outline-offset: 4px;
}

.fabric-item .card {
	cursor: pointer;
}

.calc-shadow{
	box-shadow: 0 0.5rem 2rem 0px rgba(0, 0, 0, 0.06);
}

/* блок Акции */
.promotion-img{
	position: relative;
	z-index: 2;
	margin-top: -60px;
}

@media (min-width:576px) and (max-width:1400px)  {
	.promotion-img{
		max-width: 100%;
	}
}

/*Блок призы */
#prizes-block-carousel .wrap-video {
	height: 235px;
}

/*Блок умный дом для мобильного текста */
@media (max-width: 576px) {
	.smart-text{
		font-size: 16px;
		font-weight: 500;
	}
}
@media (max-width:768px)  {
	.block-fabrica h3{
		font-size: 20px;
	}
}


@keyframes pulse-icon {
	0% {
		transform: scale(1);
		filter: drop-shadow(0 0 0 rgba(255, 102, 0, 0.4));
	}
	50% {
		transform: scale(1.2);
		filter: drop-shadow(0 0 6px rgba(255, 102, 0, 0.7));
	}
	100% {
		transform: scale(1);
		filter: drop-shadow(0 0 0 rgba(255, 102, 0, 0.4));
	}
}

#floating-favorite-icon img.animate {
	animation: pulse-icon 2s infinite;
}

/* pop-up */
@media (min-width: 992px) {
	#callbackModal .modal-802 {
		max-width: 802px;
	}
}

#callbackModal .image-container {
	max-height: 295px;
}

#callbackModal .image {
	object-fit: cover;
	max-height: 295px;
}

#callbackModal .gradient-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	background: linear-gradient(to bottom, white, transparent);
	z-index: 2;
}

#callbackModal .form-check-input:checked {
	background-color: var(--orange);
	border-color: var(--orange);
}

#callbackModal .form-check-input:focus {
	border-color: none;
	box-shadow: none;
}

/* Каталог */