:root{
	--green: #71BE00;
	--green-hover: #8CCE33;
	--dark: #353E48;
	--black-txt: #363D47;
	--white: #FFFFFF;
	--gray-form: #C4C4C4;
	--light-gray: #F9F9F9;
	--error: #E52D2D;

	--theme-color: var(--green);
	--text-color: var(--black-txt);
	--background-color: var(--white);
	accent-color: var(--theme-color);

	--font-main: "Manrope", sans-serif;
	--font-second: "Roboto", sans-serif;
	--font-condensed: "Roboto Condensed", sans-serif;

	--wrapper-size: 112.8rem;
	--wrapper-padding: 1.5rem;
	--section-margin: 5rem;
	--section-margin-minus: -5rem;
}

html{
	font-size: 10px;
	height: 100%;
	scroll-behavior: smooth;
}


@media (max-width: 1441px) {
	html{
		font-size: 0.694vw;
	}
}

@media (max-width: 1367px) {
	html{
		font-size: 0.604vw;
	}
}


body{
	display: flex;
	flex-direction: column;
	min-height: 100%;
	font-family: var(--font-main);
	font-size: 1.6rem;
	background-color: #F9F9F9;
	color: var(--text-color);
}

body::-webkit-scrollbar{
	width: 0.8rem;
}

body::-webkit-scrollbar-thumb{
	background-color: var(--theme-color);
}

::selection{
	background-color: var(--theme-color);
	color: #FFF;
}


body.scroll-lock, body.menu-open{
	overflow: hidden;
}

.mob-tel{
	display: none;
}

.mob-mini-tel{
	display: none;
}

.main{
	flex-grow: 1;
}

.header-offset{
	height: 18.5rem;
}

.header.header--light{
	background: #FFF;
}

.wrapper{
	width: min(var(--wrapper-size), calc(100% - (var(--wrapper-padding) + var(--wrapper-padding))));
	margin-inline:auto;
}

.wrapper-padding{
	padding-left: max(var(--wrapper-padding), calc((100% - var(--wrapper-size)) / 2));
	padding-right: max(var(--wrapper-padding), calc((100% - var(--wrapper-size)) / 2));
}

.wrapper-padding.scroll-table::-webkit-scrollbar, .wrapper-padding.scroll-phone{
	display: none;
}

.menu-burger{
	display: none;
}

.scroll-up {
	opacity: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	width: 6rem;
	position: fixed;
	right: 3rem;
	bottom: 3rem;
	height: 6rem;
	border-radius: 50%;
	background-color: var(--theme-color);
	transition: 0.3s ease 0s;
	z-index: 100;
}

.scroll-up.active {
	opacity: 1;
	pointer-events: all;
}

.scroll-up svg, .scroll-up img{
	transition: 0.2s ease 0s;
	width: 40%;
}

.scroll-up:hover img,  .scroll-up:hover svg{
	transform: translate(0px, -0.2rem);
}

.swiper-button-next, .swiper-button-prev{
	margin-top: 0px;
	top: 50%;
	translate: 0px -50%;
}

.swiper-slide{
	height: auto;
}

.swiper-button-next svg, .swiper-button-next img, .swiper-button-prev svg, .swiper-button-prev img{
	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;
}

.swiper-button-next::after, .swiper-button-prev::after{
	display: none;
}

.drop-menu {
	position: relative;
}

.drop-menu ul{
	padding: 1rem 1.5rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.drop-menu ul a{
	border-bottom: none !important;
}

.drop-menu span{
	position: relative;
	transition: 0.2s ease 0s;
	cursor: pointer;
	margin-right: 1.4rem;
	border-bottom: 0.1rem solid rgba(0, 0, 0, 0.1);
}

.drop-menu span::after{
	content: '';
	height: 0.4rem;
	background: url(../img/icons/arrow.svg) center / contain no-repeat;
	position: absolute;
	width: 0.7rem;
	left: calc(100% + 0.8rem);
	transition: 0.2s ease 0s;
	top: 0.6rem;
}

.drop-menu ul::-webkit-scrollbar{
	width: 0.4rem;
}

.drop-menu ul::-webkit-scrollbar-thumb{
	background-color: var(--theme-color);
}

.modal-cookie{
	position: fixed;
	pointer-events: none;
	bottom: 0;
	width: 100%;
	left: 0;
	padding: 0px 1.5rem;
	translate: 0px calc(100% + 3.5rem);
	z-index: 200;
	animation: cookieVisible 1s ease 2s forwards;
}

.modal-cookie__body{
	position: relative;
	display: flex;
	align-items: center;
	max-width: 72rem;
	gap: 4rem;
	padding: 2rem 3rem;
	background-color: #F9F9F9;
	border: 0.1rem solid #C4C4C4;
	translate: 0px calc(0% - 3rem);
	margin-left: auto;
	pointer-events: all;
	transition: 0.4s ease 0s;
}

.modal-cookie__button{
	flex-shrink: 0;
	min-height: 4.2rem;
}

.modal-cookie__close{
	position: absolute;
	top: 1.6rem;
	right: 1.6rem;
	display: flex;
	color: var(--black-txt);
	transition: 0.3s ease 0s;
}

.modal-cookie__close svg{
	width: 1.6rem;
}

.modal-cookie__close:hover{
	color: var(--green);
}


@keyframes cookieVisible {
	0%{
		translate: 0px 20rem;
	}

	100%{
		translate: 0px 0px;
	}
}

.modal-cookie.hidden-modal .modal-cookie__body{
	opacity: 0;
}

.modal-cookie a{
	color: var(--theme-color);
}

.modal-cookie__text{
	max-width: 50.5rem;
	font-size: 1.2rem;
	line-height: 1.3;
	color: var(--black-txt);
}

.burger-menu{
	display: none;
}

/* ==================================== */


@media (max-width: 1024px) {
	html{
		font-size: 1.01vw 	/* 10px */;
	}

	.wrapper-padding.scroll-table{
		overflow: auto;
		scroll-snap-type: x mandatory;
	}

	.wrapper-padding.scroll-table .scroll-el{
		scroll-snap-align: center;
	}

	.modal-cookie.hidden-modal .modal-cookie__body{
		opacity: 0;
	}

	.modal-cookie__body{
		padding: 2rem;
		font-size: 1.4rem;
		transition: 0.4s ease 0s;
	}
}

@media (max-width: 768px) {
		html{
		font-size: 1.67vw 	/* 10px */;
	}

	.mob-tel{
		display: block;
	}

	.wrapper-padding.scroll-phone{
		overflow: auto;
		scroll-snap-type: x mandatory;
	}

	.wrapper-padding.scroll-phone .scroll-el{
		scroll-snap-align: center;
	}

	.scroll-up {
		width: 4.5rem;
		height: 4.5rem;
		padding: 0.5rem;
		right: 1.5rem;
		bottom: 1.5rem;
		margin-bottom: -4.5rem;
	}

	.scroll-up.active {
		margin-bottom: 0;
	}

	:root{
		--section-margin: 3rem;
		--section-margin-minus: -3rem;
	}

	.burger-menu{
		display: block;
		position: fixed;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background-color: var(--dark);
		z-index: 200;
		overflow: auto;
		transition: 0.8s ease 0s;
		translate: 100% 0%;
	}

	body.menu-open .burger-menu{
		translate: 0px 0px;
	}

	.burger-menu::-webkit-scrollbar{
		display: none;
	}

	.menu-burger{
		padding: 0px 1rem;
		display: flex;
		position: relative;
		align-self: center;
		background-color: #ffffff00;
		width: 5.5rem;
		height: 2.4rem;
		margin: 0px -1rem;
		z-index: 12;
	}

	.menu-burger span,
	.menu-burger::before,
	.menu-burger::after{
		content: "";
		transition: all 0.4s ease 0s;
		left: 50%;
		translate: -50% 0%;
		position: absolute;
		width: calc(100% - 2rem);
		height: 0.4rem;
		background-color:var(--theme-color);
		border-radius: 0.2rem;
	}

	.menu-burger::before{
		top: 0px;
	}

	.menu-burger::after{
		bottom: 0px;
	}

	.menu-burger span {
		top: calc(50% - 0.1rem);
	}

	body.menu-open .menu-burger span{
		transform: scale(0);
	}

	body.menu-open .menu-burger::before{
		transform: rotate(-45deg);
		top: calc(50% - 0.3rem);
	}

	body.menu-open .menu-burger::after{
		transform: rotate(45deg);
		bottom: calc(50% - 0.1rem);
	}
}

@media (max-width: 480px) {
			html{
		font-size: 2.86vw 	/* 10px */;
	}

	.mob-mini-tel{
		display: block;
	}

	.modal-cookie{
		padding: 0px 1rem;
	}

	.modal-cookie__body{
		flex-direction: column;
		align-items: stretch;
		gap: 1.2rem;
		padding: 1.5rem;
		translate: 0px calc(0% - 1.5rem);
	}

	.modal-cookie__text{
		padding-right: 2.5rem;
	}

	.modal-cookie__button{
		width: 100%;
	}

	.modal-cookie__close{
		top: 1.2rem;
		right: 1.2rem;
	}

	:root{
		--wrapper-padding: 1rem;
	}
}

/* ==================================== */

.button{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	min-height: 5rem;
	padding: 1.2rem 3rem;
	background-color: var(--green);
	color: var(--white);
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	transition: 0.3s ease 0s;
	cursor: pointer;
}

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

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

.button--dark:hover{
	background-color: var(--green);
}

.button--border{
	background-color: transparent;
	border: 0.1rem solid var(--black-txt);
	color: var(--black-txt);
	font-weight: 400;
}

.button--border svg{
	width: 1.8rem;
	height: 1.4rem;
}

.button--border:hover{
	background-color: var(--green);
	border-color: var(--green);
	color: var(--white);
}

.button-arrow{
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	flex-shrink: 0;
	min-width: 12.4rem;
	min-height: 3.2rem;
	padding: 0.6rem 1.4rem 0.6rem 2.2rem;
	background-color: var(--dark);
	color: var(--white);
	font-size: 1.6rem;
	line-height: 1.2;
	border-radius: 5rem;
	transition: 0.3s ease 0s;
	cursor: pointer;
}

.button-arrow svg{
	flex-shrink: 0;
	width: 1.6rem;
}

.button-arrow:hover{
	background-color: var(--green);
}

.button-arrow--green{
	background-color: var(--green);
	border: 0.1rem solid var(--green);
}

.button-arrow--green:hover{
	background-color: transparent;
	border-color: var(--white);
}

.button-border{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.6rem;
	padding: 0.4rem 1.6rem;
	border: 0.1rem solid var(--white);
	border-radius: 5rem;
	color: var(--white);
	font-size: 1.2rem;
	line-height: 1.2;
	transition: 0.3s ease 0s;
	cursor: pointer;
}

.button-border:hover{
	background-color: var(--green);
	border-color: var(--green);
}

.button-border--dark{
	border-color: var(--dark);
	color: var(--dark);
}

.button-border--dark:hover{
	color: var(--white);
}

.button-border--white{
	border-color: var(--white);
	background-color: var(--white);
	color: var(--black-txt);
}

.button-border--white:hover{
	color: var(--white);
}

.consult{
	padding-top: var(--section-margin);
}

.input{
	width: 100%;
	min-height: 6.4rem;
	border: 1px solid var(--Gray-Form, #C4C4C4);
	padding: 0 2.5rem;
	background-color: var(--white);
	color: var(--black-txt);
	font-size: 1.8rem;
}

.input::placeholder{
	color: var(--gray-form);
}

.counter{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-shrink: 0;
	width: 13rem;
	min-height: 6.4rem;
	padding: 0 1.5rem;
	background-color: var(--white);
	color: var(--black-txt);
}

.counter__button{
	background-color: transparent;
	color: var(--dark);
	font-size: 2.2rem;
	line-height: 1;
	cursor: pointer;
	transition: 0.3s ease 0s;
}

.product__counter  .counter__button{
	min-width: 2.2rem;
}

.counter__button:hover{
	color: var(--green);
}

.counter__input{
	width: 3rem;
	background-color: transparent;
	color: inherit;
	font-size: 1.6rem;
	text-align: center;
}

.file{
	position: relative;
	display: flex;
	align-items: center;
	gap: 1.5rem;
	min-height: 6.4rem;
	padding: 0 2.5rem;
	border: 0.1rem solid var(--gray-form);
	background-color: var(--white);
	color: var(--black-txt);
	cursor: pointer;
}

.file__input{
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0;
}

.file__icon{
	flex-shrink: 0;
	width: 1.3rem;
	height: auto;
	color: var(--dark);
}

.file__name{
	display: block;
	font-size: 1.6rem;
	line-height: 1.3;
}

.file__note{
	display: block;
	font-size: 1.2rem;
	line-height: 1.3;
	color: var(--gray-form);
}

.checkbox{
	display: inline-flex;
	align-items: center;
	gap: 0.8rem;
	cursor: pointer;
}

.checkbox__input{
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0;
}

.checkbox__box{
	position: relative;
	flex-shrink: 0;
	width: 1.4rem;
	height: 1.4rem;
	border: 0.1rem solid var(--gray-form);
	transition: 0.3s ease 0s;
}

.checkbox__input:checked + .checkbox__box{
	background-color: var(--green);
	border-color: var(--green);
}

.checkbox__input:checked + .checkbox__box::before{
	position: absolute;
	content: '';
	left: 50%;
	top: 45%;
	width: 0.7rem;
	height: 0.35rem;
	border-left: 0.1rem solid var(--white);
	border-bottom: 0.1rem solid var(--white);
	rotate: -45deg;
	translate: -50% -50%;
}

.checkbox__text{
	font-size: 1.2rem;
	line-height: 1.3;
}

.checkbox__text a{
	text-decoration: underline;
}

.checkbox__text a:hover{
	color: var(--green);
}

.custom-select{
	position: relative;
	user-select: none;
}

.select-selected{
	display: flex;
	align-items: center;
	min-height: 6.4rem;
	padding: 0 4.5rem 0 2.5rem;
	border: 0.1rem solid var(--gray-form);
	background-color: var(--white);
	color: var(--black-txt);
	font-size: 1.8rem;
	cursor: pointer;
}

.select-selected.placeholder{
	color: rgba(54, 61, 71, 0.7);
}

.select-selected::after{
	position: absolute;
	content: '';
	right: 2.5rem;
	top: 50%;
	width: 1rem;
	height: 1rem;
	border-right: 0.2rem solid var(--dark);
	border-bottom: 0.2rem solid var(--dark);
	rotate: 45deg;
	translate: 0 -70%;
	pointer-events: none;
	transition: rotate 0.3s ease 0s;
}

.custom-select.open .select-selected::after{
	rotate: -135deg;
	translate: 0 -30%;
}

.options{
	margin: var(--section-margin ) 0rem;
}

.select-options{
	position: absolute;
	top: 100%;
	left: 0;
	display: none;
	width: 100%;
	max-height: 22rem;
	overflow-y: auto;
	background-color: var(--white);
	box-shadow: 0 0.4rem 1.2rem 0 rgba(0, 0, 0, 0.15);
	color: var(--black-txt);
	font-size: 1.4rem;
	z-index: 5;
}

.custom-select.open .select-options{
	display: block;
}

.select-options li{
	padding: 1rem 1.5rem;
	cursor: pointer;
	transition: 0.3s ease 0s;
}

.select-options li:hover{
	background-color: var(--light-gray);
	color: var(--green);
}

.certificate{
	position: relative;
	display: block;
	overflow: hidden;
}

.certificate img{
	width: 100%;
}

.certificate__zoom{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(53, 62, 72, 0.6);
	color: var(--white);
	opacity: 0;
	transition: opacity 0.3s ease 0s;
}

.certificate__zoom svg{
	width: 2.4rem;
	height: auto;
}

.certificate:hover .certificate__zoom{
	opacity: 1;
}

.link{
	display: inline-block;
	border-bottom: 0.1rem solid var(--theme-color) !important;
	transition: 0.3s ease 0s;
	cursor: pointer;
}

.link:hover{
	color: var(--green);
	border-bottom-color: currentColor;
}

.link--light{
	color: var(--white);
	border-bottom-color: currentColor;
}

.copy{
	position: relative;
	display: flex;
	flex-shrink: 0;
	color: var(--green);
	transition: 0.3s ease 0s;
}

.copy svg{
	width: 2.4rem;
	height: 2.4rem;
}

.copy:hover{
	opacity: 0.7;
}

.copy::after{
	content: "Скопировано";
	position: absolute;
	left: 50%;
	bottom: calc(100% + 0.8rem);
	translate: -50% 0;
	padding: 0.5rem 1rem;
	background-color: var(--white);
	color: var(--black-txt);
	font-size: 1.2rem;
	white-space: nowrap;
	border-radius: 0.4rem;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s ease 0s;
}

.copy.is-copied::after{
	opacity: 1;
	visibility: visible;
}

.mark-title{
	position: relative;
	padding-left: 1.6rem;
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1.3;
	text-transform: uppercase;
}

.mark-title::before{
	content: "";
	position: absolute;
	left: 0;
	top: calc(0.65em - 0.35rem);
	width: 0.6rem;
	height: 0.6rem;
	background-color: var(--green);
}

.tooltip{
	position: relative;
	display: inline-flex;
	vertical-align: middle;
}

.tooltip__button{
	display: flex;
	color: var(--dark);
	transition: 0.3s ease 0s;
	cursor: pointer;
}

.tooltip__button svg{
	width: 2.2rem;
	height: 2.2rem;
}

.tooltip__button:hover{
	color: var(--green);
}

.tooltip__body{
	position: absolute;
	left: calc(100% + 1.5rem);
	top: 0%;
	width: 40rem;
	padding: 2rem;
	background-color: var(--white);
	color: var(--black-txt);
	white-space: normal;
	border: 1px solid #C4C4C4;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s ease 0s;
	z-index: 5;
}

.tooltip:hover .tooltip__body, .tooltip.is-open .tooltip__body{
	opacity: 1;
	visibility: visible;
}

.tooltip__list{
	display: flex;
	flex-direction: column;
	gap: 1rem;
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1.4;
	text-transform: none;
}

.tooltip__list li{
	position: relative;
	padding-left: 1.2rem;
}

.tooltip__list li::before{
	content: "";
	position: absolute;
	left: 0;
	top: calc(0.75em - 0.2rem);
	width: 0.4rem;
	height: 0.4rem;
	background-color: var(--dark);
	border-radius: 50%;
}

.socials{
	display: flex;
	align-items: center;
	gap: 1rem;
}

.socials__link{
	display: flex;
	color: var(--gray-form);
	transition: 0.3s ease 0s;
}

.socials__link svg{
	width: auto;
	height: 1.8rem;
}

.socials__link:hover{
	color: var(--green);
}

.city{
	position: relative;
	display: flex;
	align-items: center;
	gap: 0.8rem;
}

.city__label{
	color: #FFF;
}

.city__tel{
	font-size: 1.8rem;
	font-weight: 700;
	color: var(--white);
	transition: 0.3s ease 0s;
}

.city__tel:hover{
	color: var(--green);
}

.city__toggle{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.6rem;
	height: 1.6rem;
	background-color: var(--gray-form);
	color:  #353E48;
	border-radius: 50%;
	transition: 0.3s ease 0s;
}

.city__toggle svg{
	width: 0.8rem;
	transition: 0.3s ease 0s;
}

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

.city.is-open .city__toggle svg{
	rotate: 180deg;
}

.city__list{
	position: absolute;
	top: calc(100% + 1.2rem);
	right: 0;
	min-width: 22rem;
	padding: 1rem 0;
	background-color: var(--white);
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.15);
	opacity: 0;
	visibility: hidden;
	translate: 0 1rem;
	transition: 0.3s ease 0s;
	z-index: 13;
}

.city.is-open .city__list{
	opacity: 1;
	visibility: visible;
	translate: 0 0;
}

.city__item{
	display: block;
	width: 100%;
	padding: 0.9rem 2rem;
	font-size: 1.5rem;
	text-align: left;
	color: var(--black-txt);
	transition: 0.3s ease 0s;
}

.city__item:hover{
	color: var(--green);
}

.logo{
	display: flex;
	align-items: center;
	gap: 1.1rem;
	flex-shrink: 0;
}

.header__main-body .logo{
	margin-right: 1.5rem;
}

.logo__picture img{
	width: 16.7rem;
}

.logo__text{
	padding-left: 1.1rem;
	font-size: 1.2rem;
	position: relative;
	font-weight: 600;
	line-height: 1.2;
	color: var(--white);
}

.logo__text::before{
	content: '';
	width: 0.1rem;
	height: 2.3rem;
	background: #FFF;
	position: absolute;
	translate: 0px -50%;
	left: 0;
	top: 50%;
}

.logo--column{
	flex-direction: column;
	align-items: flex-start;
	gap: 0.5rem;
}

.logo--column .logo__text{
	padding-left: 0;
}

.logo--column .logo__text::before{
	display: none;
}

.catalog-button{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1.9rem;
	flex-shrink: 0;
	width: 13.8rem;
	height: 4rem;
	background-color: var(--green);
	color: var(--white);
	font-size: 1.4rem;
	font-weight: 500;
	transition: 0.3s ease 0s;
}

.catalog-button svg{
	width: 1.8rem;
}

.catalog-button:hover, .catalog-button.is-active{
	background-color: var(--green-hover);
}

.search{
	position: relative;
	display: flex;
	align-items: center;
	flex-grow: 1;
	max-width: 36rem;
	height: 4rem;
	padding: 0 5rem 0 2rem;
	background-color: var(--white);
		border: 1px solid #C4C4C4;
}


.header__main-body .search{
	margin-right: auto;
}

.search__input{
	width: 100%;
	height: 100%;
	font-size: 1.2rem;
	color: var(--black-txt);
}

.search__input::placeholder{
	color: rgba(54, 61, 71, 0.699);
}

.search__button{
	position: absolute;
	right: 1.2rem;
	top: 50%;
	translate: 0 -50%;
	display: flex;
	color: var(--green);
	transition: 0.3s ease 0s;
}

.search__button svg{
	width: 1.5rem;
}

.search__button:hover{
	opacity: 0.7;
}

.action{
	position: relative;
	display: flex;
	align-items: center;
	color: var(--white);
	transition: 0.3s ease 0s;
}

.action svg{
	width: auto;
	height: 2.6rem;
}

.header__actions .action--basket svg{
	height: 3rem;
}

.action:hover{
	color: var(--green);
}

.action__count{
	position: absolute;
	top: -1rem;
	right: -0.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 2.1rem;
	height: 1.4rem;
	line-height: 110%;
	padding: 0 0.4rem;
	background-color: var(--green);
	color: var(--white);
	font-size: 1rem;
	font-weight: 600;
	border-radius: 50rem;
}

.nav{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
}

.nav__item{
	position: relative;
}

.nav__link{
	display: flex;
	align-items: center;
	gap: 0.6em;
	font-size: 1.4rem;
	color: var(--white);
	border-bottom: 0.2rem solid transparent;
	transition: 0.3s ease 0s;
	cursor: pointer;
}

.nav__link svg{
	width: 1rem;
	transition: 0.3s ease 0s;
}

.nav__item:hover .nav__link{
	color: var(--green);
}

.nav__item:hover .nav__link svg{
	rotate: 180deg;
}

.nav__link.is-active{
	color: var(--green);
	border-bottom-color: var(--green);
}

.nav__drop, .nav__drop li ul{
	position: absolute;
	top: 100%;
	left: -2rem;
	min-width: 28rem;
	padding: 1.6rem 0;
	background-color: var(--white);
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.15);
	opacity: 0;
	visibility: hidden;
	translate: 0 1rem;
	transition: 0.3s ease 0s;
	z-index: 10;
}

.nav__item:hover .nav__drop{
	opacity: 1;
	visibility: visible;
	translate: 0 0;
}

.nav__drop a{
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}

.nav__drop li:has(ul) > a::after{
	content: '';
	gap: 0.2rem;
	background: url(../img/arrow-right.svg) center / contain no-repeat;
	width: 0.6rem;
	height: 1rem;
}

.burger-menu__sub-sub{
	display: none;
	padding-left: 1rem;
}

.burger-menu__sub-link{
	display: flex !important;
	justify-content: space-between;
	gap: 0.5rem;
	width: 100%;
	text-align: left;
}

.burger-menu__sub-item.accordion-active .burger-menu__sub-link svg{
	rotate: 180deg;
}

.nav__item li ul::before{
	content: '';
	width: 0.2rem;
	position: absolute;
	right: 100%;
	height: 100%;
	top: 0;
}



.nav__item li ul{
	top: 0;
	left: calc(100% + 0.2rem);
}


.nav__item a:hover + ul, .nav__item li  a + ul:hover{
	opacity: 1;
	visibility: visible;
	translate: 0 0;
}

.nav__drop-link{
	display: block;
	padding: 0.9rem 2rem;
	font-size: 1.5rem;
	color: var(--black-txt);
	transition: 0.3s ease 0s;
}

.nav__drop-link:hover{
	color: var(--green);
}

.slider-arrow{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 3.8rem;
	height: 3.8rem;
	border: 0.1rem solid rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	color: var(--white);
	transition: 0.3s ease 0s;
	cursor: pointer;
}

.slider-arrow svg{
	width: 1rem;
}

.slider-arrow:hover{
	border-color: var(--green);
	color: var(--green);
}

.slider-arrow--large{
	width: 5rem;
	height: 5rem;
	border-color: var(--white);
}

.slider-arrow--large svg{
	width: 1.5rem;
}

.slider-arrow--dark, .slider-arrow--dark:hover{
	background-color: var(--dark);
	border-color: var(--dark);
}

.slider-arrow--white, .slider-arrow--white:hover{
	background-color: var(--white);
	border-color: var(--white);
}

.slider-arrow--white{
	color: var(--dark);
}

.advantage__icon{
	display: block;
}

.advantage__icon img{
	width: 2.9rem;
}

.advantage__icon svg{
	width: 2.9rem;
	height: 2.9rem;
}

.advantage__title{
	margin-top: 0.8rem;
	font-size: 2.2rem;
	font-weight: 600;
	line-height: 1.2;
	text-transform: uppercase;
}

.advantage__text{
	margin-top: 0.4rem;
	font-size: 1.8rem;
	line-height: 1.3;
}

.category-card{
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
}

.category-card__picture{
	display: block;
	height: 27.8rem;
	overflow: hidden;
}

.category-card__picture img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: scale 0.5s ease 0s;
}

.category-card:hover .category-card__picture img{
	scale: 1.05;
}

.category-card__bottom{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 2rem;
}

.category-card__title{
	font-size: 2rem;
	line-height: 1.3;
	text-transform: uppercase;
}

.category-card:hover .button-arrow{
	background-color: var(--green);
}

.stat__value{
	font-size: 2.6rem;
	font-weight: 700;
	line-height: 1.2;
}

.stat__caption{
	margin-top: 0.4rem;
	font-size: 1.8rem;
	line-height: 1.3;
}

.series-card{
	position: relative;
	display: block;
	height: 27.8rem;
	overflow: hidden;
	background-color: var(--dark);
	color: var(--white);
}

.series-card__picture{
	position: absolute;
	inset: 0;
}

.series-card__picture img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.series-card__picture--hover{
	opacity: 0;
	transition: opacity 0.4s ease 0s;
}

.series-card:hover .series-card__picture--hover{
	opacity: 1;
}

.series-card__title{
	position: relative;
	padding: 2.5rem 3.5rem 0;
	font-size: 2rem;
	line-height: 1.3;
	text-transform: uppercase;
}

.series-card__button{
	position: absolute;
	right: 1.5rem;
	bottom: 1.5rem;
}

.series-card:hover .button-border{
	background-color: var(--green);
	border-color: var(--green);
}

.stat--large .stat__value{
	font-size: 5rem;
	font-weight: 600;
	line-height: 1.1;
}

.stat--large .stat__value span{
	font-size: 2.4rem;
}

.stat--large .stat__caption{
	margin-top: 0.3rem;
	font-size: 1.8rem;
}

.factory-card{
	position: relative;
	display: flex;
	flex-direction: column;
	height: 42.5rem;
	padding: 3.5rem 3.5rem 1.5rem;
	overflow: hidden;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	color: var(--white);
}

.factory-card::before, .factory-card::after{
	content: "";
	position: absolute;
	inset: 0;
	transition: opacity 0.4s ease 0s;
}

.factory-card::before{
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.90) -6.67%, rgba(0, 0, 0, 0.00) 28.35%);
}

.factory-card::after{
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.90) 0%, rgba(0, 0, 0, 0.00) 100%);
	opacity: 0;
}

.factory-card:hover::after{
	opacity: 1;
}

.factory-card__text{
	position: relative;
	max-width: 42rem;
	font-size: 1.4rem;
	line-height: 1.35;
	opacity: 0;
	translate: 0 -1rem;
	transition: 0.4s ease 0s;
	z-index: 1;
}

.factory-card:hover .factory-card__text{
	opacity: 1;
	translate: 0 0;
}

.factory-card__title{
	position: relative;
	margin-top: auto;
	font-size: 2.4rem;
	line-height: 1.3;
	text-transform: uppercase;
	z-index: 1;
}

.product-card{
	display: block;
}

.product-card__media{
	position: relative;
	height: 36rem;
	overflow: hidden;
}

.product-card__media::after{
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.90) -6.67%, rgba(0, 0, 0, 0.00) 28.35%);
	opacity: 0;
	transition: opacity 0.4s ease 0s;
}

.product-card__picture{
	position: absolute;
	inset: 0;
}

.product-card__picture img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product-card__button{
	position: absolute;
	right: 1.5rem;
	bottom: 1.5rem;
	opacity: 0;
	transition: 0.4s ease 0s;
	z-index: 1;
}

.product-card:hover .product-card__media::after, .product-card:hover .product-card__button{
	opacity: 1;
}

.product-card__title{
	margin-top: 1.2rem;
	font-size: 2.4rem;
	line-height: 1.3;
	text-transform: uppercase;
}

.project-card{
	position: relative;
	min-height: 16.5rem;
	padding: 3rem 3.5rem 5rem;
	background-color: var(--dark);
box-shadow: 0 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.25);
	color: var(--white);
}

.project-card__title{
	margin-bottom: 1rem;
	font-size: 2rem;
	line-height: 1.3;
	text-transform: uppercase;
}

.project-card__title span{
	font-size: 1.6rem;
	text-transform: none;
	color: var(--gray-form);
}

.project-card__text{
	max-width: 36rem;
	font-size: 1.4rem;
	line-height: 1.2;
}

.project-card__text a{
	border-bottom: 0.1rem solid transparent;
	transition: 0.3s ease 0s;
}

.project-card__text a:hover{
	border-bottom-color: currentColor;
}

.project-card__button{
	position: absolute;
	right: 1.5rem;
	bottom: 1.5rem;
}

.promo{
	max-height: 10rem;
	position: relative;
	overflow: hidden;
	padding: 0rem 6rem;
	background-color: var(--green);
	transition: max-height 0.4s ease 0s;
}

.promo  .promo__close{
	right: 1.5rem;
	position: absolute;
	top: 50%;
	width: 2rem;
	height: 2rem;
	translate: 0px -50%;
}

.promo  .promo__close svg{
	width: 100%;
	height: 100%;
}

.promo__body{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2rem;
	min-height: 3.8rem;
	font-size: 1.8rem;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #000000;
}

.promo__accent{
	font-weight: 600;
	text-decoration: underline;
	text-decoration-skip-ink: none;
	text-transform: none;
	transition: 0.3s ease 0s;
}

a.promo__accent:hover{
	color: #FFF;
}

.promo.hide{
	display: none !important;
}

.header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding-bottom: 1.5rem;
	transition: 0.4s ease 0s;
	z-index: 100;
}

.header::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: -12rem;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.45) 55%, rgba(0, 0, 0, 0) 100%);
	pointer-events: none;
	transition: 0.4s ease 0s;
	z-index: -1;
}

.header--scrolled{
	background-color: var(--dark);
}

.header--scrolled::before{
	opacity: 0;
}

.header--scrolled .promo{
	max-height: 0;
}

.header--hidden{
	translate: 0 -100%;
}

.header--light::before{
	display: none;
}

.header--light .header__main, .header--light .header__bottom{
	background-color: var(--white);
}

.header--light.header--scrolled{
	background-color: var(--white);
}

.header--light{
	box-shadow: 0 0.2rem 0.6rem 0 rgba(196, 196, 196, 0.40);
}

.header--light .logo__text{
	color: var(--black-txt);
}

.header--light .logo__text::before{
	background: #C4C4C4;
}

.header--light .nav__link, .header--light .action{
	color: var(--black-txt);
}


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

.header__top-body{
	display: flex;
	font-size: 1.3rem;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	min-height: 3.8rem;
}

.header__group{
	display: flex;
	align-items: center;
	gap: 1.8rem;
}

.header__mail-box{
	display: flex;
	margin-right: 1.4rem;
	align-items: center;
	gap: 0.2rem;
}

.header__mail{
	font-size: 1.3rem;
	color: var(--white);
	transition: 0.3s ease 0s;
}

.header__mail:hover{
	color: var(--green);
}

.header__schedule{
	color: var(--gray-form);
}

.header__main-body{
	display: flex;
	align-items: center;
	gap: 1rem;
	padding: 1.5rem 0rem;
}

.header__actions{
	display: flex;
	align-items: center;
	gap: 2.3rem;
	flex-shrink: 0;
}

.header__bottom{
	position: relative;
}


.catalog-menu{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	translate: 0 1rem;
	transition: 0.3s ease 0s;
	pointer-events: none;
	z-index: 20;
}

.catalog-menu.is-active{
	opacity: 1;
	visibility: visible;
	translate: 0 0;
}

.catalog-menu__body{
	display: flex;
	width: 96rem;
	min-height: 48.5rem;
	box-shadow: 0 0.2rem 0.6rem 0 rgba(166, 166, 166, 0.30);
	pointer-events: auto;
}

.catalog-menu__aside{
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	width: 32rem;
	border-right: 0.1rem solid #C4C4C4;
	background-color: var(--white);
}

.catalog-menu__category{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	width: 100%;
	padding: 1.5rem;
	font-size: 1.6rem;
	text-align: left;
	color: var(--black-txt);
	border-bottom: 0.1rem solid #C4C4C4;
	transition: 0.3s ease 0s;
}

.catalog-menu__category svg{
	flex-shrink: 0;
	width: 0.6rem;
	color: var(--gray-form);
	transition: 0.3s ease 0s;
}

.catalog-menu__category:hover, .catalog-menu__category.is-active{
	background-color: var(--green);
	color: var(--white);
}

.catalog-menu__category:hover svg, .catalog-menu__category.is-active svg{
	color: var(--white);
}

.catalog-menu__calc{
	margin-top: auto;
	padding: 2.4rem 1.5rem;
}

.catalog-menu__calc-text{
	margin-bottom: 1.1rem;
	font-size: 1.6rem;
	line-height: 1.3;
	color: var(--black-txt);
}

.catalog-menu__calc .button{
	width: 100%;
}

.catalog-menu__pane{
	display: none;
	flex-grow: 1;
}

.catalog-menu__pane.is-active{
	display: flex;
}

.catalog-menu__col{
	flex-grow: 1;
	padding: 2rem 3rem;
	background-color: var(--white);
}

.catalog-menu__all{
	display: inline-flex;
	align-items: center;
	gap: 1rem;
	margin-bottom: 3rem;
	font-size: 1.4rem;
	color: #363D47;
	font-weight: 600;
	transition: 0.3s ease 0s;
}

.catalog-menu__all:hover{
	color: var(--green);
}

.catalog-menu__sub{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1rem;
	font-size: 1.4rem;
	color: var(--black-txt);
}

.catalog-menu__picture{
	flex-shrink: 0;
	width: 31rem;
}

.catalog-menu__sub a:hover{
	font-weight: 600;
	color: #363D47;
}

.catalog-menu__picture img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.burger-menu__top{
	border-bottom: 0.1rem solid rgba(196, 196, 196, 0.2);
}

.burger-menu__top-body{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	padding: 1.5rem 0;
}

.burger-menu__body{
	display: flex;
	flex-direction: column;
	gap: 3rem;
	padding: 2rem 0 4rem;
}

.burger-menu__body .search{
	max-width: none;
}

.burger-menu__item{
	border-bottom: 0.1rem solid rgba(196, 196, 196, 0.2);
}

.burger-menu__link{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	width: 100%;
	padding: 1.4rem 0;
	font-size: 1.6rem;
	text-align: left;
	color: var(--white);
	transition: 0.3s ease 0s;
}

.burger-menu__link svg{
	flex-shrink: 0;
	width: 1.2rem;
	transition: 0.3s ease 0s;
}

.burger-menu__link:hover, .accordion-active .burger-menu__link{
	color: var(--green);
}

.accordion-active .burger-menu__link svg{
	rotate: 180deg;
}

.burger-menu__sub{
	display: none;
	padding: 0 0 1.4rem 1.5rem;
}

.burger-menu__sub-link{
	display: block;
	padding: 0.7rem 0;
	font-size: 1.4rem;
	color: var(--gray-form);
	transition: 0.3s ease 0s;
}

.burger-menu__sub-link:hover{
	color: var(--green);
}

.burger-menu__contacts{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1.2rem;
}

.burger-menu__tel{
	font-size: 2rem;
	font-weight: 700;
	color: var(--white);
}

.burger-menu__schedule{
	font-size: 1.3rem;
	color: var(--gray-form);
}

.burger-menu__mail{
	font-size: 1.4rem;
	color: var(--white);
}

.burger-menu__button{
	width: 100%;
	margin-top: 1rem;
}

.intro{
	position: relative;
	height: 100vh;
	min-height: 68rem;
	max-height: 91rem;
}

.intro__slider{
	height: 100%;
}

.intro__slide.swiper-slide{
	position: relative;
	display: flex;
	align-items: center;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.intro__slide::before{
	content: "";
	position: absolute;
	inset: 0;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.43) 42.47%, rgba(0, 0, 0, 0.00) 75.25%);}

.intro__wrapper{
	position: relative;
	display: flex;
	height: 100%;
	padding-top: 21rem;
	padding-bottom: 9rem;
	z-index: 1;
}

.intro__content{
	min-height: 29.5rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	max-width: 80rem;
	width: 100%;
	color: var(--white);
}

.intro__label{
	display: inline-block;
	margin-bottom: 1.2rem;
	padding: 1rem 2rem;
	background-color: var(--white);
	color: var(--black-txt);
	font-size: 1.6rem;
	font-weight: 600;
	letter-spacing: 0.08rem;
	text-transform: uppercase;
	border-radius: 5rem;
}


h1, .h1, .intro__title{
	margin-bottom: 1.5rem;
	font-size: 3.8rem;
	font-weight: 600;
	line-height: 1.3;
	text-transform: uppercase;
}

.intro__title{
	font-weight: 700;
	font-size: 4.4rem;
}

h2, .h2{
	margin-bottom: 2rem;
	font-size: 3.8rem;
	font-weight: 600;
	line-height: 1.3;
	text-transform: uppercase;
}

.intro__text{
	margin-bottom: 3.5rem;
	font-size: 2.2rem;
	line-height: 1.5;
}

.intro__text b{
	font-weight: 700;
}

.intro__button{
	min-width: 38.4rem;
	min-height: 6.4rem;
	font-size: 1.8rem;
}

.intro__note{
	position: absolute;
	right: 15%;
	translate: 50% 0%;
	bottom: 16rem;
	display: flex;
	align-items: center;
	gap: 0.7rem;
	font-size: 1.6rem;
	color: var(--white);
}

.intro__note::before{
	content: "";
	width: 0.5rem;
	height: 0.5rem;
	background-color: var(--green);
	border-radius: 50%;
}

.intro__bottom{
	position: absolute;
	left: 0;
	right: 0;
	padding-right: 3rem;
	bottom: 6rem;
	z-index: 2;
}

.intro__nav{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 1rem;
}

.intro__nav .intro__pagination{
	display: flex;
	align-items: center;
	gap: 0.3rem;
	width: auto;
}

.intro__bullet{
	width: 1.8rem;
	height: 0.3rem;
	border: 0.1rem solid #FFF;
	transition: 0.3s ease 0s;
	cursor: pointer;
}

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

.intro-bottom{
	padding-top: 6rem;
	background-color: var(--light-gray);
}

.intro-bottom__list{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2.4rem;
}

.categories{
	padding-top: 6rem;
	padding-bottom: var(--section-margin);
	background-color: var(--light-gray);
}

.categories__grid{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2.4rem;
}

.categories__item--wide{
	grid-column: span 2;
}

.categories__item--wide .button-arrow{
	min-width: 16.8rem;
}

.production{
	padding-top: var(--section-margin);
	margin-bottom: var(--section-margin);
	background-color: var(--light-gray);
}

.production__top{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 4rem;
}

.production__text{
	font-size: 2.2rem;
	line-height: 1.6;
}

.production__stats{
	position: relative;
	display: grid;
	grid-template-columns: 19rem 25rem;
	gap: 3.5rem 3.4rem;
}

.production__stats::before{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 20.7rem;
	width: 0.1rem;
	background-color: #C4C4C4;
}

.production__note{
	font-size: 1.6rem;
	line-height: 1.5;
}

.production__note b{
	font-weight: 600;
}

.production__bottom{
	position: relative;
	margin-top: 6rem;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.production__bottom::before{
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 37.92%, rgba(0, 0, 0, 0.60) 66.07%);
}

.production__features{
	position: relative;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	column-gap: 2.4rem;
	color: var(--white);
	z-index: 1;
}

.production__feature{
	position: relative;
	padding: 40rem 0 5rem;
}

.production__feature::before, .production__feature:last-child::after{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -1.2rem;
	width: 0.1rem;
	background-color: rgba(255, 255, 255, 0.3);
}

.production__feature:last-child::after{
	left: auto;
	right: -1.2rem;
}

.production__feature-title{
	margin-bottom: 2rem;
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1.3;
	text-transform: uppercase;
}

.production__feature-text{
	max-width: 24rem;
	font-size: 1.6rem;
	line-height: 1.3;
}

.opt{
	padding: var(--section-margin) 0;
}

.opt__body{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2.4rem;
	padding-inline: 3rem;
}

.opt__content{
	min-height: 63.4rem;
	padding: 6rem 4rem 4rem calc(100% - 55.2rem);
	background-color: var(--light-gray);
}

.opt__text{
	margin-bottom: 2rem;
	font-size: 2.4rem;
	line-height: 1.5;
}

.opt__list-title{
	margin-bottom: 1rem;
	font-size: 2rem;
	line-height: 1.5;
}

.opt__list{
	font-size: 1.8rem;
	line-height: 1.5;
}

.opt__list li{
	position: relative;
	padding-left: 3.2rem;
}

.opt__list li::before{
	content: "";
	position: absolute;
	top: calc(0.75em - 0.2rem);
	left: 1.6rem;
	width: 0.4rem;
	height: 0.4rem;
	background-color: currentColor;
	border-radius: 50%;
}

.opt__button{
	min-width: 38.4rem;
	min-height: 6.5rem;
	margin-top: 2.5rem;
	font-size: 1.8rem;
}

.opt__contacts{
	display: flex;
	align-items: flex-start;
	gap: 3rem;
	margin-top: 2rem;
}

.opt__contacts-label{
	padding-top: 0.2rem;
	font-size: 1.2rem;
	line-height: 1.3;
}

.opt__mail-box{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.4rem;
}

.opt__mail{
	font-size: 1.6rem;
	transition: 0.3s ease 0s;
}

.opt__mail:hover{
	color: var(--green);
}

.opt__copy{
	color: rgba(54, 61, 71, 0.7);
	font-size: 1.3rem;
	border: none;
	text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}

.opt__copy:hover{
	opacity: 1;
	color: var(--green);
}

.opt__copy::after{
	background-color: var(--dark);
	color: var(--white);
}

.opt__picture{
	position: relative;
}

.opt__picture img{
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.opt__media{
	position: relative;
}

.opt__media .opt__picture{
	position: absolute;
	inset: 0;
}

.opt__label{
	position: absolute;
	top: 2rem;
	right: 2rem;
	max-width: calc(100% - 4rem);
	padding: 1.3rem 3.5rem;
	background-color: var(--dark);
	color: var(--white);
	font-size: 2rem;
	line-height: 1.3;
	text-align: center;
	text-transform: uppercase;
	border-radius: 5rem;
}

.opt--reverse .opt__content{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 5rem 4rem 4rem 5rem;
}

.opt--reverse .opt__title{
	font-size: 3.4rem;
}

section:not(.bg-white) + .bg-white{
	padding-top: calc(var(--section-margin) + var(--section-margin));
	margin-top: var(--section-margin-minus);
}

.opt--reverse .opt__contacts--column{
	margin-top: auto;
	padding-top: 1.5rem;
}

.bg-white{
	background: #FFFFFF;
}

/* .bg-white + .bg-white{
	padding-top: 0;
} */

.series{
	padding: var(--section-margin) 0;
}

.series__title{
	margin-bottom: 4rem;
}

.series__grid{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2.4rem;
}

.factory{
	padding: var(--section-margin) 0;
}

.factory__top{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2.4rem;
	margin-bottom: 4rem;
}

.factory__text{
	font-size: 2.4rem;
	line-height: 1.5;
}

.factory__aside{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	gap: 3rem;
}

.factory__stats{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2.4rem;
	width: 100%;
}

.factory__button{
	min-width: 26.4rem;
	min-height: 4.4rem;
}

.factory__grid{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2.4rem;
}

.factory__subtitle{
	margin: 4rem 0 3rem;
	font-size: 2.2rem;
	line-height: 1.4;
}

.factory__benefits{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2.4rem;
}

.factory__benefits .advantage__title{
	font-size: 2rem;
	font-weight: 500;
}

.novelty{
	padding-top: var(--section-margin );
	padding-bottom: var(--section-margin);
}

.novelty__top{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	margin-bottom: 4rem;
}

.novelty__title{
	margin-bottom: 0;
}

.novelty__button{
	min-width: 30rem;
	min-height: 4.4rem;
}

.novelty__list{
	display: flex;
	gap: 2.4rem;
}

.novelty__item{
	flex: 1 1 0;
	min-width: 0;
	transition: flex-grow 0.5s ease 0s;
}

.novelty__item:hover{
	flex-grow: 2.09;
}

.services{
	position: relative;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	color: var(--white);
}

.services::before{
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 37.92%, rgba(0, 0, 0, 0.60) 83.39%);
}

.services__wrapper{
	position: relative;
	z-index: 1;
}

.services__title{
	position: absolute;
	top: 6rem;
	left: 0;
}

.services__list{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 2.4rem;
}

.services__item{
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 45rem 0 5rem;
}

.services__item::before, .services__item:last-child::after{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -1.2rem;
	width: 0.1rem;
	background-color: rgba(255, 255, 255, 0.3);
}

.services__item:last-child::after{
	left: auto;
	right: -1.2rem;
}

.services__name{
	margin-bottom: 1.2rem;
	font-size: 2.4rem;
	line-height: 1.25;
	text-transform: uppercase;
}

.services__text{
	margin-bottom: 1.2rem;
	font-size: 1.8rem;
	line-height: 1.55;
}

.services__text b{
	font-weight: 600;
}

.services__note{
	margin-bottom: 3rem;
	font-size: 1.5rem;
	line-height: 1.7;
}

.services__button{
	min-width: 16.6rem;
	margin-top: auto;
	font-size: 1.4rem;
}

.projects{
	padding: 10rem 0 29rem;
	background: linear-gradient(180deg, #181A1B 0%, #363D47 100%);
	color: var(--white);
}

.projects__top{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 4rem;
	margin-bottom: 4rem;
}

.projects__tags{
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	max-width: 61rem;
}

.projects__tag{
	padding: 0.6rem 1.5rem;
	background-color: var(--dark);
	font-size: 1.8rem;
	line-height: 1.3;
	border-radius: 5rem;
}

.projects__button{
	flex-shrink: 0;
	min-width: 26.4rem;
	min-height: 4.4rem;
}

.projects__slider-box{
	position: relative;
}

.projects__slider{
	--offset-before: 9.6;
}

.projects__slide{
	width: 76.8rem;
	padding-right: 2.4rem;
}

.projects__frame{
	display: block;
	height: 37.8rem;
	overflow: hidden;
	transition: height 0.7s ease 0s;
}

.swiper-slide-active .projects__frame{
	height: 46.4rem;
}

.projects__picture{
	display: block;
	height: 100%;
}

.projects__picture img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: scale 0.5s ease 0s;
}

.projects__frame:hover img{
	scale: 1.05;
}

.projects__overlay{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	pointer-events: none;
	z-index: 2;
}

.projects__cards{
	position: absolute;
	left: 0;
	bottom: 1.9rem;
	display: grid;
	width: 49.6rem;
}

.projects__cards .project-card{
	grid-area: 1 / 1;
	opacity: 0;
	visibility: hidden;
	transition: 0.4s ease 0s;
}

.projects__cards .project-card.is-active{
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.projects__nav{
	position: absolute;
	left: 86.4rem;
	bottom: 0;
	display: flex;
	gap: 3.5rem;
	pointer-events: auto;
}

.clients{
	padding-bottom: var(--section-margin);
}

.clients__box{
	position: relative;
	margin-top: -20rem;
	padding: 6rem 2.5rem;
	background-color: var(--white);
	z-index: 1;
}

.clients__title{
	text-align: center;
}

.clients__text{
	margin-bottom: 5rem;
	font-size: 1.6rem;
	line-height: 1.4;
	text-align: center;
	color: rgba(54, 61, 71, 0.7);
}

.clients__slider .swiper-wrapper{
	transition-timing-function: linear;
}

.clients__logo{
	display: flex;
	align-items: center;
	width: auto;
	padding: 0 3rem;
}

.clients__logo img{
	width: auto;
	opacity: 0.7;
	max-width: none;
	height: 4.4rem;
	transition: filter 0.3s ease 0s, opacity 0.3s ease 0s;
}

.clients__logo:hover img{
	opacity: 1;
	filter: brightness(0.8) contrast(1.7);
}

.clients__bottom{
	display: flex;
	padding: 0rem 5rem;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	margin-top: 6rem;
}

.clients__slider{
	margin: 0rem 5rem;
}

.clients__button{
	min-width: 36rem;
	min-height: 5.5rem;
	font-size: 1.8rem;
}

.clients__nav{
	display: flex;
	gap: 4rem;
}

.partner{
	padding: var(--section-margin) 0;
}

.partner__top{
	display: grid;
	grid-template-columns: 1fr 36rem;
	gap: 2.4rem;
	margin-bottom: 3rem;
}

.partner__subtitle{
	font-size: 2.4rem;
	line-height: 1.4;
}

.partner__aside{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 3rem;
}

.partner__lead{
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.55;
}

.partner__button{
	width: 100%;
	min-height: 4.4rem;
}

.partner__body{
	display: flex;
	justify-content: space-between;
	gap: 4rem;
}

.partner__picture{
	flex-shrink: 0;
	width: 45.6rem;
}

.partner__picture img{
	width: 100%;
	height: 55.6rem;
	object-fit: cover;
}

.partner__list{
	display: flex;
	flex-direction: column;
	gap: 3.5rem;
	width: 57.6rem;
}

.partner__item{
	display: grid;
	grid-template-columns: 3.7rem 1fr;
	align-items: center;
	gap: 0.4rem 1.8rem;
	padding-bottom: 2rem;
	border-bottom: 0.1rem solid #C4C4C4;
}

.partner__icon{
	position: relative;
	width: 3.7rem;
	height: 3.7rem;
	background-color: var(--dark);
	border-radius: 50%;
}

.partner__icon img{
	width: 2rem;
	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;
}

.partner__name{
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.3;
	text-transform: uppercase;
}

.partner__text{
	grid-column: 2;
	font-size: 1.6rem;
	line-height: 1.45;
}

.partner__benefits{
	display: grid;
	grid-template-columns: 45.6rem 38.4rem 1fr;
	margin-top: 4rem;
}

.partner__benefits .advantage__title{
	font-size: 2.2rem;
	font-weight: 500;
}

.reviews{
	padding-top: var(--section-margin);
	padding-bottom: var(--section-margin);
}

.reviews__top{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 2.4rem;
	margin-bottom: 4rem;
}

.reviews__subtitle{
	font-size: 2.4rem;
	line-height: 1.4;
}

.reviews__nav{
	display: flex;
	gap: 4rem;
}

.reviews__slider{
	--space-between: 2.4;
}

.reviews__slide{
	width: calc((100% - 4.8rem) / 3);
}

.review{
	min-height: 37.4rem;
	padding: 2.5rem 3.5rem 3.5rem;
	background-color: var(--white);
}

.review__head{
	display: flex;
	align-items: center;
	gap: 1.8rem;
	margin-bottom: 5rem;
}

.review__icon{
	flex-shrink: 0;
	width: 5.8rem;
	height: 5.8rem;
	overflow: hidden;
	border: 0.1rem solid #F9F9F9;
	border-radius: 50%;
}

.review__icon img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.review__name{
	margin-bottom: 0.2rem;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.3;
}

.review__rating{
	display: flex;
	gap: 0.4rem;
}

.review__rating svg{
	width: 1.3rem;
	opacity: 0.6;
	height: auto;
}

.review__text{
	font-size: 1.6rem;
	line-height: 1.4;
}

.banner{
	padding-bottom: var(--section-margin);
}

.banner__picture{
	display: block;
}

.banner__picture img{
	width: 100%;
	height: 55rem;
	object-fit: cover;
	object-position: right;
}

.principle{
	padding-bottom: var(--section-margin);
}

.principle__grid{
	display: grid;
	grid-template-columns: 28.8rem 45.6rem 1fr;
	gap: 2.4rem;
}

.principle__person{
	position: relative;
}

.principle__photo{
	display: block;
	height: 100%;
}

.principle__photo img{
	width: 100%;
	height: 100%;
	min-height: 42.2rem;
	object-fit: cover;
}

.principle__caption{
	position: absolute;
	left: 3.5rem;
	bottom: 2rem;
	color: var(--white);
}

.principle__name{
	margin-bottom: 0.4rem;
	font-size: 1.4rem;
	line-height: 1.3;
}

.principle__position{
	font-size: 1.2rem;
	line-height: 1.3;
}

.principle__quote{
	display: grid;
	grid-template-columns: 2.6rem 1fr;
	align-content: start;
	gap: 1rem;
	padding: 5rem 2rem;
	background-color: var(--light-gray);
}

.principle__quote-icon{
	width: 2.6rem;
	height: auto;
	margin-top: 1rem;
	color: var(--dark);
}

.principle__title{
	font-size: 3.2rem;
	font-weight: 600;
	line-height: 1.35;
	text-transform: uppercase;
}

.principle__subtitle, .principle__text{
	grid-column: 2;
}

.principle__subtitle{
	font-size: 2rem;
	line-height: 1.6;
}

.principle__subtitle strong{
	font-weight: 600;
}

.principle__text{
	font-size: 1.8rem;
	line-height: 1.5;
}

.principle__certs{
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 4rem 3rem 2.4rem;
	background-color: var(--light-gray);
}

.principle__arrow{
	position: absolute;
	top: 1.2rem;
	right: 1.2rem;
	width: 2.6rem;
}

.principle__lead{
	margin-bottom:1rem;
	font-size: 1.6rem;
	line-height: 1.5;
}

.principle__note{
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.5;
}

.principle__gallery{
	display: flex;
	justify-content: center;
	gap: 1.5rem;
	margin: 3rem 0;
}

.principle__gallery .certificate{
	width: 10rem;
}

.principle__button{
	align-self: flex-start;
	gap: 1rem;
	min-height: 3.3rem;
	margin-top: auto;
	font-size: 1.4rem;
}

.principle__button svg{
	width: 1.6rem;
	height: auto;
}

.materials{
	padding: var(--section-margin) 0;
}

.materials__top{
	display: flex;
	align-items: center;
	gap: 4rem;
	margin-bottom: 4rem;
}

.materials__title{
	margin-bottom: 0;
}

.materials__button{
	margin-right: auto;
	min-width: 18.4rem;
	min-height: 4.1rem;
}

.materials__nav{
	display: flex;
	gap: 4rem;
}

.materials__slider{
	--space-between: 2.4;
}

.materials__slide{
	width: calc((100% - 4.8rem) / 3);
}

.seo{
	padding: var(--section-margin ) 0rem;
}

.article-card{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: 36rem;
	padding: 2rem 3rem;
	overflow: hidden;
	color: var(--white);
}

.article-card__picture{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.article-card__picture img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: scale 0.5s ease 0s;
}

.article-card::after{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.90) -6.67%, rgba(0, 0, 0, 0.00) 96.53%);
}

.article-card__body{
	position: relative;
	z-index: 1;
}

.article-card__title{
	margin-bottom: 1rem;
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1.3;
}

.article-card__text{
	margin-bottom: 2rem;
	font-size: 1.4rem;
	line-height: 1.2;
}

.article-card__button{
	gap: 1.5rem;
	min-height: 2.5rem;
	padding-inline: 2rem;
	font-size: 1.3rem;
}

.article-card__button svg{
	flex-shrink: 0;
	width: 1.4rem;
}

.article-card:hover img{
	scale: 1.05;
}

.article-card:hover .button-border{
	background-color: var(--green);
	border-color: var(--green);
}

.seo{
	padding-bottom: var(--section-margin);
}

.seo__body{
	position: relative;
	max-height: 49rem;
	overflow: hidden;
	font-size: 1.5rem;
	line-height: 1.4;
	cursor: pointer;
	transition: max-height 0.5s ease 0s;
}

.seo__body::after{
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	bottom: 0;
	height: 12rem;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #F9F9F9 100%);
	transition: opacity 0.3s ease 0s;
}

.seo__body.is-open::after{
	opacity: 0;
}

.seo--text .seo__body{
	max-height: 18rem;
}

.seo--text .seo__body::after{
	height: 8rem;
}

.seo__body p + p{
	margin-top: 1rem;
}

.seo__body h3{
	margin: 3rem 0 1rem;
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1.3;
}

.seo__body strong{
	font-weight: 600;
}

.seo__picture{
	float: right;
	display: block;
	width: 55.2rem;
	margin: 0 0 3rem 4rem;
}

.seo__picture img{
	width: 100%;
	height: 39.2rem;
	object-fit: cover;
}

.seo__title{
	font-size: 3rem;
}

.consult{
	padding-bottom: var(--section-margin);
}

.consult__box{
	position: relative;
	margin-inline: 3rem;
	padding: 8rem 0 5rem;
	overflow: hidden;
	background-color: var(--dark);
	color: var(--white);
}

.consult__decor{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}

.consult__decor img{
	width: auto;
	height: 100%;
}

.consult__wrapper{
	position: relative;
	z-index: 1;
}

.consult__top{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 2.4rem;
	margin-bottom: 6rem;
}

.consult__subtitle{
	font-size: 2.2rem;
	line-height: 1.4;
}

.consult__logo img{
	width: 27.3rem;
	height: auto;
}

.consult__form{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.2rem;
}

.consult__checkbox{
	grid-column: 1 / -1;
	margin-top: 0.8rem;
	color: var(--gray-form);
}

.consult__contacts{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2.4rem;
	margin-top: 6.6rem;
}

.consult__phone{
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 1.2;
	transition: 0.3s ease 0s;
}

.consult__messenger{
	display: inline-flex;
	align-items: center;
	gap: 1.5rem;
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1.2;
	text-transform: uppercase;
	transition: 0.3s ease 0s;
}

.consult__messenger img{
	width: 2.6rem;
}

.consult__phone:hover, .consult__messenger:hover{
	color: var(--green);
}

.modal{
	position: relative;
	display: none;
	width: 55.2rem;
	padding: 8rem 2rem 5rem;
	overflow: hidden;
	background-color: var(--dark);
	background-size: cover;
	background-position: center;
	color: var(--white);
}

.modal .fancybox-close-small{
	display: none;
}

.modal__close{
	position: absolute;
	top: 2rem;
	right: 2rem;
	width: 2.6rem;
	height: 2.6rem;
	background-color: transparent;
	color: var(--white);
	cursor: pointer;
	transition: 0.3s ease 0s;
	z-index: 2;
}

.modal__close svg{
	width: 100%;
	height: 100%;
}

.modal__close:hover{
	color: var(--green);
}

.modal__title{
	font-size: 3.4rem;
	font-weight: 600;
	line-height: 1.3;
	text-transform: uppercase;
}

.modal__text{
	margin-top:2rem;
	font-size: 1.8rem;
	line-height: 1.5;
}

.modal__form{
	display: grid;
	gap: 1.5rem;
}

.modal__checkbox{
	color: var(--gray-form);
}

.modal--form{
	text-align: center;
}

.modal--form .modal__form{
	width: 30.4rem;
	margin: 3rem auto 0;
}

.modal--form .input, .modal--form .button{
	min-height: 5.7rem;
}

.modal--form .modal__checkbox{
	margin-top: 0.2rem;
	align-items: flex-start;
}

.modal .input{
	font-size: 1.6rem;
}

.modal .checkbox__text{
	text-align: left;
}

.modal--price{
	width: 128rem;
	padding: 8rem 7rem 5rem;
	text-align: left;
}

.modal--price .modal__close{
	top: 3rem;
	right: 3rem;
	width: 3.6rem;
	height: 3.6rem;
}

.modal__catalog{
	position: absolute;
	right: 0rem;
	bottom: 0rem;
	display: block;
	width: 76.3rem;
}

.modal__catalog img{
	width: 100%;
}

.modal__top, .modal__body, .modal__contacts{
	position: relative;
	z-index: 1;
}

.modal__top{
	display: grid;
	grid-template-columns: 56rem 1fr;
	gap: 3rem;
	margin-bottom: 5rem;
}

.modal--price .modal__title{
	font-size: 3.4rem;
}

.modal__lead{
	font-size: 1.8rem;
	line-height: 1.5;
}

.modal__body{
	display: grid;
	grid-template-columns: 72rem 1fr;
	gap: 8rem;
}

.modal__form--price{
	grid-template-columns: repeat(2, 1fr);
	gap: 1.5rem;
}

.modal__field{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 1rem;
}

.modal__label{
	margin-bottom: auto;
	font-size: 1.6rem;
	line-height: 1.3;
}

.input::placeholder{
	color: rgba(54, 61, 71, 0.705);
}

.modal__form--price .modal__button{
	grid-column: 1 / -1;
	justify-self: center;
	width: 36.4rem;
	min-height: 6.5rem;
	font-size: 1.8rem;
}

.modal__form--price .modal__checkbox{
	grid-column: 1 / -1;
	justify-self: center;
	width: 32rem;
	align-items: flex-start;
	text-align: center;
}

.modal__form--price .checkbox__box{
	margin-top: 0.2rem;
}

.modal__aside-title{
	margin-bottom: 1rem;
	font-size: 1.6rem;
	line-height: 1.3;
}

.modal__list{
	display: flex;
	flex-direction: column;
	gap: 1rem;
	font-size: 1.4rem;
	line-height: 1.3;
}

.modal__list li{
	position: relative;
	padding-left: 1.8rem;
}

.modal__list li::before{
	position: absolute;
	content: '';
	left: 0;
	top: calc(0.75em - 0.2rem);
	width: 0.4rem;
	height: 0.4rem;
	background-color: var(--white);
	border-radius: 50%;
}

.modal--calc{
	width: 122rem;
	padding: 8rem 7rem 5rem;
	text-align: left;
}

.modal--calc .modal__close{
	top: 3rem;
	right: 3rem;
	width: 3.6rem;
	height: 3.6rem;
}

.modal__lamp{
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 42.9rem;
}

.modal__lamp img{
	width: 100%;
}

.modal--calc .modal__title, .modal--calc .modal__text, .modal--calc .modal__note,
.modal--calc .modal__form, .modal--calc .modal__contacts{
	position: relative;
	z-index: 1;
}

.modal--calc .modal__text{
	font-size: 2.4rem;
	line-height: 1.6;
}

.modal__note{
	margin: 4.5rem 0 3.5rem;
	font-size: 1.6rem;
	line-height: 1.6;
}

.modal__form--calc{
	grid-template-columns: repeat(3, 1fr);
}

.modal--calc .input, .modal--calc .file, .modal--calc .button{
	min-height: 6.4rem;
}

.modal__textarea{
	padding-top: 1.3rem;
	padding-bottom: 1.3rem;
	align-content: center;
	line-height: 1.3;
	resize: none;
}

.modal__form--calc .modal__checkbox{
	grid-column: 3;
	align-items: flex-start;
}

.modal__form--calc .checkbox__box{
	margin-top: 0.2rem;
}

.modal__lamp--wave{
	width: 52rem;
}

.modal--product{
	width: 113rem;
	padding: 8rem 7rem 5rem;
	text-align: left;
}

.modal--product .modal__close, .modal--catalog .modal__close{
	top: 3rem;
	right: 3rem;
	width: 3.6rem;
	height: 3.6rem;
}

.modal--product .modal__catalog{
	right: -26rem;
	bottom: -18rem;
}

.modal--product .modal__title, .modal--product .modal__product, .modal--product .modal__text,
.modal--product .modal__form, .modal--catalog .modal__title, .modal--catalog .modal__text,
.modal--catalog .modal__form{
	position: relative;
	z-index: 1;
}

.modal__product{
	margin-top: 2.5rem;
	font-size: 2.4rem;
	line-height: 1.3;
}

.modal__product-name{
	margin-left: 1rem;
	font-weight: 600;
}

.modal--product .modal__text{
	margin-top: 4rem;
	font-size: 1.6rem;
	line-height: 1.6;
}

.modal__form--product{
	grid-template-columns: repeat(2, 1fr);
	margin-top: 3.5rem;
}

.modal__count{
	display: flex;
	align-items: center;
	gap: 2rem;
}

.modal__count .modal__label{
	font-size: 1.6rem;
}

.modal__form--product .modal__button, .modal__form--product .modal__checkbox{
	grid-column: 1 / -1;
	justify-self: center;
	width: 32rem;
}

.modal__form--product .modal__button{
	min-height: 5.7rem;
	margin-top: 1rem;
}

.modal__form--product .modal__checkbox{
	align-items: flex-start;
}

.modal--catalog{
	width: 115.5rem;
	padding: 7rem 7rem 5rem;
	text-align: left;
}

.modal__booklet{
	position: absolute;
	right: 0;
	bottom: -11rem;
	display: block;
	width: 44.6rem;
}

.modal__booklet img{
	width: 100%;
}

.modal--catalog .modal__text{
	margin-top: 2rem;
	font-size: 1.6rem;
	line-height: 1.6;
}

.modal__form--catalog{
	grid-template-columns: repeat(2, 1fr);
	width: 63.6rem;
	margin-top: 4rem;
}

.modal__mail-field{
	align-self: end;
}

.modal__form--catalog .modal__button{
	min-height: 6.4rem;
}

.modal__form--catalog .modal__checkbox{
	grid-column: 2;
	align-items: flex-start;
}

.modal__form--product .checkbox__box, .modal__form--catalog .checkbox__box{
	margin-top: 0.2rem;
}

.modal--partner{
	width: 120rem;
	padding: 0;
	text-align: left;
}

.modal__grid{
	display: grid;
	grid-template-columns: 1fr 59rem;
}

.modal__side{
	padding: 5.5rem 1.4rem 5rem;
}

.modal__form--partner{
	width: 36.3rem;
	margin: 4rem auto 0;
	gap: 1.5rem;
}

.modal--partner .modal__title, .modal--partner .modal__text{
	text-align: center;
}

.modal--partner .modal__label{
	font-size: 1.6rem;
}

.modal--partner .modal__button{
	min-height: 6.5rem;
	font-size: 1.8rem;
}

.modal--partner .modal__checkbox{
	align-items: flex-start;
}

.modal--partner .checkbox__box{
	margin-top: 0.2rem;
}

.modal__media{
	position: relative;
}

.modal__photo{
	display: block;
	height: 100%;
}

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

.modal--partner .modal__contacts{
	position: absolute;
	left: 50%;
	bottom: 4rem;
	translate: -50% 0;
	margin-top: 0;
}

.modal__contacts{
	display: flex;
	align-items: flex-start;
	gap: 3rem;
	margin-top: 5rem;
}

.modal__contacts-label{
	font-size: 1.2rem;
	line-height: 1.3;
	margin-top: 0.5rem;
	color: #FFF;
}

.modal__mail{
	font-size: 1.5rem;
	line-height: 1.3;
	transition: 0.3s ease 0s;
}

.modal__mail:hover{
	color: var(--green);
}

.modal__copy{
	margin-top: 0.5rem;
	font-size: 1.2rem;
	color: var(--gray-form);
	text-decoration: underline !important;
}

.footer{
	padding: 4rem 0 2.5rem;
	background-color: var(--dark);
	color: var(--white);
}

.footer .socials{
	gap: 0.5rem;
}

.footer__top{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2.4rem;
	padding-bottom: 2.2rem;
}

.footer__col{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.footer__phones{
	display: flex;
	flex-direction: column;
	gap: 1rem;
	margin-top: 3.5rem;
}

.footer__phone{
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1.3;
	transition: 0.3s ease 0s;
}

.footer__phone span{
	font-weight: 400;
	color: var(--gray-form);
}

.footer__phone:hover{
	color: var(--green);
}

.footer__schedule{
	display: flex;
	align-items: center;
	gap: 0.6rem;
	margin-top: 1rem;
	font-size: 1.1rem;
	color: var(--gray-form);
}


.series{
	padding: var(--section-margin) 0rem;
}

.footer__schedule svg{
	flex-shrink: 0;
	width: 1.7rem;
	height: 1.7rem;
}

.footer__col .link{
	margin-top: 1rem;
	font-size: 1.4rem;
}

.footer__mail{
	display: flex;
	align-items: flex-start;
	gap: 1rem;
	margin-top: 3.2rem;
}

.footer__mail > svg{
	flex-shrink: 0;
	width: 1.6rem;
	margin-top: 0.5rem;
}

.footer__mail-body{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.footer__mail-link{
	font-size: 1.6rem;
	line-height: 1.3;
	transition: 0.3s ease 0s;
}

.footer__mail-link:hover{
	color: var(--green);
}

.footer__copy{
	align-items: center;
	gap: 0.4rem;
	margin-top: 0.4rem;
	color: var(--gray-form);
	font-size: 1.1rem;
}

.footer__copy svg{
	width: 1.6rem;
	height: 1.6rem;
	color: var(--green);
}

.footer__copy:hover{
	opacity: 1;
	color: var(--green);
}

.footer__mail-note{
	margin-top: 0.8rem;
	font-size: 1.2rem;
}

.footer__title{
	margin-bottom: 1rem;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.2;
	text-transform: uppercase;
}

.footer__list{
	display: flex;
	flex-direction: column;
	gap: 1rem;
	font-size: 1.4rem;
	line-height: 1.3;
}

.footer__link{
	transition: 0.3s ease 0s;
}

.footer__link:hover{
	color: var(--green);
}

.footer__address{
	margin-top: 3rem;
	font-size: 1.6rem;
	line-height: 1.3;
}

.footer__address-label{
	margin-bottom: 1rem;
	font-size: 1.4rem;
	color: var(--gray-form);
}

.footer__address-text{
	font-size: 1.4rem;
}

.footer__socials{
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-top: 2.4rem;
	font-size: 1.6rem;
}

.footer .socials svg{
	height: 2.2rem;
}

.footer__bottom{
	display: grid;
	grid-template-columns: auto 1fr auto;
	gap: 2.6rem;
	padding-top: 2rem;
	border-top: 0.1rem solid rgba(196, 196, 196, 0.4);
	color: rgba(196, 196, 196, 0.5);
	font-size: 1.4rem;
	line-height: 1.3;
}

.footer__docs{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.7rem;
}

.footer__doc{
	border-bottom: 0.1rem solid currentColor;
	transition: 0.3s ease 0s;
}

.footer__doc:hover{
	color: var(--green);
}

.footer__copyright{
	margin-top: 2.7rem;
	color: var(--white);
}

.footer__disclaimer{
	max-width: 51rem;
	font-size: 1.2rem;
	line-height: 1.5;
}

.footer__requisites{
	align-self: end;
	text-align: right;
	line-height: 1.6;
}

.breadcrumbs{
	padding-top: 2rem;
}

.breadcrumbs__list{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 1.2rem;
	font-size: 1.4rem;
}

.breadcrumbs__item{
	display: flex;
	align-items: center;
	gap: 1.2rem;
}

.breadcrumbs__arrow{
	display: flex;
	flex-shrink: 0;
}

.breadcrumbs__arrow svg{
	width: 0.4rem;
	height: 0.6rem;
	translate: 0rem 0.1rem;
}

.breadcrumbs__link{
	color: rgba(54, 61, 71, 0.7);
	transition: 0.3s ease 0s;
}

.breadcrumbs__link:hover{
	color: var(--green);
}

.contacts{
	padding-top: 3rem;
	padding-bottom: 4rem;
}

.contacts__wrapper{
	display: grid;
	grid-template-columns: 1fr 65rem;
	gap: 2.4rem;
}

.contacts__subtitle{
	margin-bottom: 4.5rem;
	font-size: 2.4rem;
	margin-top: -0.5rem;
	line-height: 1.3;
}

.contacts__label{
	margin-bottom: 2rem;
}

.contacts__address{
	margin-bottom: 1rem;
	font-size: 1.8rem;
	line-height: 1.4;
}

.contacts__note{
	font-size: 1.4rem;
	line-height: 1.5;
	color: rgba(54, 61, 71, 0.7);
}

.contacts__text{
	margin-top: 4.5rem;
	font-size: 1.6rem;
	line-height: 1.5;
}

.contacts__tel{
	transition: 0.3s ease 0s;
}

.contacts__tel:hover{
	color: var(--green);
}

.contacts__media{
	position: relative;
	height: 42.5rem;
	overflow: hidden;
}

.contacts__picture{
	display: block;
	height: 100%;
}

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

.contacts__media::after{
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(1, 1, 1, 0.00) 36.74%, rgba(0, 0, 0, 0.80) 99.9%);
}

.contacts__media::before{
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.90) 0%, rgba(0, 0, 0, 0.00) 62.71%);
	opacity: 0;
	transition: 0.3s ease 0s;
}

.contacts__media:hover::before{
	opacity: 1;
}

.contacts__caption, .contacts__hover{
	position: absolute;
	left: 0;
	width: 100%;
	padding: 3.5rem 5rem;
	font-size: 1.6rem;
	line-height: 1.4;
	color: var(--white);
	z-index: 1;
}

.contacts__caption{
	bottom: 0;
}

.contacts__hover{
	top: 0;
	opacity: 0;
	translate: 0 -1rem;
	transition: 0.3s ease 0s;
}

.contacts__media:hover .contacts__hover{
	opacity: 1;
	translate: 0 0;
}

.details__box{
	margin-inline: 3rem;
	padding: 5rem 0;
	background-color: var(--white);
}

.details__grid{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2.4rem;
}

.details__col{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.details__title{
	margin-bottom: 1.5rem;
}

.details__phone{
	display: flex;
	gap: 0.5rem;
	margin-bottom: 1.5rem;
	font-size: 1.8rem;
	line-height: 1.3;
}

.details__phone-link{
	font-weight: 500;
	transition: 0.3s ease 0s;
}

.details__phone-link:hover{
	color: var(--green);
}

.details__phone-label{
	opacity: 0.7;
}

.details__note{
	margin-top: 0rem;
	font-size: 1.4rem;
	line-height: 1.5;
	color: rgba(54, 61, 71, 0.705);
}

.details__copy + .details__note{
	margin-top: 0.5rem;
	color: #363D47;
}

.details__address{
	margin-bottom: 2.5rem;
	font-size: 1.8rem;
	line-height: 1.4;
}

.details__company{
	font-size: 1.6rem;
	line-height: 1.6;
}

.details__link{
	font-size: 1.4rem;
	color: rgba(54, 61, 71, 0.705);
	text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
border: none !important;
}

.details__mail{
	font-size: 1.8rem;
	transition: 0.3s ease 0s;
}

.details__mail:hover{
	color: var(--green);
}

.details__copy{
	margin-top: 0.8rem;
	font-size: 1.2rem;
	color: rgba(54, 61, 71, 0.705);
	border-bottom: 0.1rem solid currentColor;
}

.details__copy:hover{
	opacity: 1;
	color: var(--green);
}

.details__copy::after{
	background-color: var(--dark);
	color: var(--white);
}

.details__messenger{
	display: flex;
	align-items: center;
	gap: 1.5rem;
	margin-bottom: 1.5rem;
	font-size: 1.8rem;
	line-height: 1.3;
	transition: 0.3s ease 0s;
}

.details__messenger-icon{
	display: flex;
	flex-shrink: 0;
	color: var(--dark);
}

.details__messenger-icon svg{
	width: 3.2rem;
	height: 3.2rem;
}

.details__messenger:hover{
	color: var(--green);
}

.map{
	padding-left: 3rem;
	padding-bottom: var(--section-margin);
	padding-right: 3rem;
	margin-top: 4rem;
}

.map__body{
	width: 100%;
	height: 47rem;
}

.map-pin{
	position: relative;
}

.map-pin__body{
	position: absolute;
	left: -2.5rem;
	top: -6rem;
	display: flex;
	align-items: center;
	gap: 0.8rem;
}

.map-pin__icon{
	flex-shrink: 0;
	width: 5rem;
	height: 6rem;
}

.map-pin__label{
	padding: 0.8rem 1.8rem;
	background-color: var(--white);
	color: var(--black-txt);
	font-size: 1.8rem;
	line-height: 1.3;
	white-space: nowrap;
	border-radius: 5rem;
	box-shadow: 0 0.2rem 0.6rem 0 rgba(166, 166, 166, 0.30);
}

.delivery{
	padding-top: 3rem;
	padding-bottom: var(--section-margin);
}

.delivery__top{
	display: grid;
	grid-template-columns: 1fr 36rem;
	gap: 2.4rem;
	margin-bottom: 4rem;
}

.delivery__top  h1{
	margin-bottom: 0rem;
}

.delivery__lead{
	font-size: 1.8rem;
	line-height: 1.5;
	font-weight: 600;

}

.delivery__body{
	display: grid;
	grid-template-columns: 1fr 65rem;
	gap: 2.4rem;
}

.delivery__list{
	display: flex;
	flex-direction: column;
}

.delivery__item, .delivery__card{
	display: grid;
	grid-template-columns: 3.7rem 1fr;
	align-items: center;
	column-gap: 1.8rem;
	row-gap: 1rem;
}

.delivery__item{
	padding-bottom: 3.2rem;
	border-bottom: 0.1rem solid #C4C4C4;
}

.delivery__item + .delivery__item{
	padding-top: 3.2rem;
}

.delivery__item:last-child{
	padding-bottom: 2rem;
}

.delivery__icon{
	position: relative;
	width: 3.7rem;
	height: 3.7rem;
	background-color: #353E48;
	border-radius: 50%;
}

.delivery__card .delivery__icon{
	background: #F9F9F9;
}

.delivery__icon img{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1.9rem;
	height: 1.9rem;
	translate: -50% -50%;
}

.delivery__name{
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.3;
	text-transform: uppercase;
}

.delivery__text{
	grid-column: 2;
	font-size: 1.6rem;
	line-height: 1.5;
}

.delivery__note{
	grid-column: 2;
	font-size: 1.4rem;
	line-height: 1.5;
	color: rgba(54, 61, 71, 0.7);
}

.delivery__card{
	align-content: start;
	padding: 3.5rem 4rem;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	color: var(--white);
}

.delivery__logos{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2.4rem;
	margin-top: 5rem;
}

.delivery__logo:nth-child(1) img{
	width: 25.1rem;
	height: 3.9rem;
}

.delivery__logo:nth-child(2) img{
	width: 9.6rem;
	height: 4.6rem;
}

.delivery__logo:nth-child(3) img{
	width: 24.5rem;
	height: 5.2rem;
}

.delivery__logo:nth-child(4) img{
	width: 20.1rem;
	height: 5.7rem;
}

.shipping{
	padding-bottom: var(--section-margin);
}

.shipping__box{
	display: flex;
	gap: 3rem;
	padding: 5rem 6rem;
	background-color: #F9F9F9;
}

.shipping__col{
	position: relative;
	width: calc((100% - 6rem) / 3);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.shipping__tooltip{
	position: absolute;
	right: 3rem;
	top: -1.8rem;
}

.shipping__lead, .shipping__accent{ 
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.5;
	text-transform: uppercase;
}

.shipping__title{
	font-size: 2rem;
	font-weight: 500;
	text-transform: uppercase;
}

.shipping__accent{
	font-size: 2rem;
	padding-top: 5.2rem;
}

.shipping__title{
	margin-bottom: 2rem;
}

.shipping__address{
	font-size: 1.6rem;
	line-height: 1.4;
}

.shipping__note{
	margin-top: 1rem;
	font-size: 1.4rem;
	line-height: 1.5;
	color: rgba(54, 61, 71, 0.7);
}

.shipping__text{
	font-size: 1.4rem;
	line-height: 1.5;
}

.shipping__text + .shipping__text{
	margin-top: 1.5rem;
}

.shipping__button{
	font-size: 1.2rem;
	min-height: 2.4rem;
}

.shipping__note + .shipping__text{
	margin-top: 3rem;
}

.shipping__button{
	margin-top: 1.5rem;
}

.shipping__button svg {
    width: 1rem;
}

.quality{
	padding-top: var(--section-margin);
	padding-bottom: var(--section-margin);
}

.quality__top{
	display: grid;
	grid-template-columns: 1fr 36rem;
	gap: 2.4rem;
	margin-bottom: 4rem;
}

.quality__title{
	margin-bottom: 0rem;
}

.quality__lead{
	font-size: 1.8rem;
	line-height: 1.5;
}

.quality__list{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2.4rem;
}

.quality__icon img{
	width: 3rem;
	height:3rem;
}

.quality__name{
	margin-top: 0.8rem;
	margin-bottom: 2rem;
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1.3;
	text-transform: uppercase;
}

.quality__text{
	font-size: 1.8rem;
	line-height: 1.5;
}

.payment{
	padding-top: 3rem;
	padding-bottom: var(--section-margin);
}

.payment__title{
	margin-bottom: 2rem;
}

.payment__subtitle{
	margin-bottom: 2rem;
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1.4;
}

.payment__text{
	margin-bottom: 2rem;
	font-size: 1.6rem;
	line-height: 1.5;
}

.payment__list{
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	font-size: 1.6rem;
	line-height: 1.5;
}

.payment__item{
	position: relative;
	padding-left: 2.7rem;
}

.payment__item::before{
	content: "";
	position: absolute;
	left: 0;
	top: calc(0.65em - 0.2rem);
	width: 0.7rem;
	height: 0.7rem;
	background-color: var(--dark);
	border-radius: 50%;
}

.partnership{
	padding-top: 3rem;
	padding-bottom: var(--section-margin);
}

.partnership__top{
	display: grid;
	grid-template-columns: 1fr 55.2rem;
	align-items: center;
	gap: 2.4rem;
}

.partnership__title{
	margin-bottom: 3rem;
}



.partnership__subtitle{
	margin-bottom: 5rem;
	font-size: 2.4rem;
	line-height: 1.4;
}

.partnership__button{
	min-width: 38.4rem;
	min-height: 6.4rem;
	font-size: 1.8rem;
}

.partnership__picture{
	height: 50rem;
}

.partnership__picture img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 0;
}

.partnership__benefits{
	display: grid;
	grid-template-columns: 45.6rem 38.4rem 1fr;
	margin-top: 4rem;
}

.partnership__benefits .advantage__title{
	font-size: 2.2rem;
	font-weight: 500;
	line-height: 1.3;
}

.stat-line{
	position: relative;
	min-height: 9rem;
	display: flex;
	justify-content: space-between;
	gap: 0.5rem;
	padding-top: 2rem;
}

.stat-line::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 15rem;
	height: 0.1rem;
	background-color: rgba(255, 255, 255, 0.5);
}

.stat-line--light::before{
	background-color: rgba(54, 61, 71, 0.2);
}

.stat-line__label{
	flex: 1 1 auto;
	min-width: 0;
	font-size: 1.6rem;
	line-height: 1.2;
	text-transform: uppercase;
}

.stat-line__value{
	display: flex;
	align-items: baseline;
	gap: 0.8rem;
	font-weight: 600;
	flex-shrink: 0;
	font-size: 5rem;
	line-height: 1;
	white-space: nowrap;
}

.stat-line__value span{
	font-size: 1.6rem;
}

.stat-line--column .stat-line__value{
	flex-direction: column;
	align-items: center;
	gap: 0.4rem;
}

.formats{
	padding-top: var(--section-margin);
	padding-bottom: var(--section-margin);
}

.formats__top{
	display: grid;
	grid-template-columns: 1fr 40.6rem;
	align-items: end;
	gap: 2.4rem;
	margin-bottom: 4rem;
}

.formats__text{
	font-size: 2.4rem;
	line-height: 1.5;
}

.formats__lead{
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.5;
}

.formats__nav{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2.4rem;
	margin-bottom: 4rem;
}

.formats__tab{
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 5rem;
	padding: 0.5rem 1.5rem;
	border: 0.1rem solid #C4C4C4;
	border-radius: 5rem;
	background-color: var(--white);
	color: var(--black-txt);
	font-size: 1.4rem;
	line-height: 1.4;
	text-align: center;
	transition: 0.3s ease 0s;
	cursor: pointer;
}

.formats__tab:hover{
	border-color: var(--dark);
}

.formats__tab.is-active{
	border-color: var(--dark);
	background-color: var(--dark);
	color: var(--white);
}

.formats__pane{
	display: none;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: minmax(35rem, auto) minmax(20.4rem, auto);
	gap: 2.4rem;
}

.formats__pane.is-active{
	display: grid;
	animation: fadeInUp 0.4s ease 0s 1;
}

.formats__card{
	display: flex;
	flex-direction: column;
	padding: 3rem 3.5rem;
	background-color: var(--dark);
	color: var(--white);
}

.formats__dots{
	display: flex;
	gap: 0.3rem;
	margin-bottom: 3rem;
}

.formats__dots span{
	width: 0.7rem;
	height: 0.7rem;
	background-color: var(--green);
	border-radius: 50%;
}

.formats__card-title{
	margin-bottom: 0.8rem;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1.5;
}

.formats__card-text{
	font-size: 1.6rem;
	line-height: 1.5;
}

.formats__card-text strong{
	font-weight: 600;
}

.formats__list{
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	font-size: 1.6rem;
	line-height: 1.5;
}

.formats__item{
	position: relative;
	padding-left: 1.7rem;
}

.formats__item::before{
	content: "";
	position: absolute;
	left: 0;
	top: calc(0.75em - 0.25rem);
	width: 0.5rem;
	height: 0.5rem;
	background-color: var(--green);
	border-radius: 50%;
}

.formats__note{
	margin-top: auto;
	font-size: 1.6rem;
	line-height: 1.5;
}

.formats__stat{
	margin-top: auto;
}

.formats__form{
	display: flex;
	flex-direction: column;
	grid-column: 3;
	grid-row: 1 / 3;
	padding: 7rem 2.5rem 2rem;
	background-color: var(--dark);
	color: var(--white);
}

.formats__form-title{
	margin-bottom: 6.5rem;
	font-size: 2rem;
	line-height: 1.2;
	text-align: center;
	text-transform: uppercase;
}

.formats__input + .formats__input{
	margin-top: 1.5rem;
}

.formats__button{
	width: 100%;
	min-height: 6.4rem;
	margin-top: 1.6rem;
	font-size: 1.8rem;
}

.formats__checkbox{
	align-items: flex-start;
	margin-top: 1.5rem;
}

.formats__checkbox .checkbox__box{
	margin-top: 0.5rem;
	border: 0.1rem solid rgba(255, 255, 255, 0.5);
}

.formats__checkbox .checkbox__text{
	opacity: 0.5;
}

.formats__wide{
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	grid-column: 1 / 3;
	grid-row: 2;
	padding: 3rem 3.5rem;
	background-color: var(--white);
	overflow: hidden;
}

.formats__wide-main{
	position: relative;
	z-index: 1;
}

.formats__wide-title{
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.5;
	text-transform: uppercase;
}

.formats__wide-text{
	font-size: 1.6rem;
	line-height: 1.5;
}

.formats__wide-title + .formats__wide-text{
	margin-top: 1.5rem;
}

.formats__wide-aside{
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	gap: 2.5rem;
	height: 100%;
	padding-left: 5rem;
}

.formats__wide-aside::before{
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	translate: 0 -50%;
	width: 0.1rem;
	height: 13rem;
	background-color: #C4C4C4;
}

.formats__wide-aside--column{
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.8rem;
}

.formats__wide-label{
	font-size: 1.6rem;
	line-height: 1.2;
}

.formats__wide-label--upper{
	text-transform: uppercase;
}

.formats__wide .stat-line__value{
	color: var(--black-txt);
}

.formats__decor{
	position: absolute;
	left: 42.5rem;
	width: auto;
	top: 0;
	height: 100%;
}

.formats__decor img{
	width: 100%;
	height: 100%;
}

.offer{
	padding-top: 6rem;
	padding-bottom: var(--section-margin);
	background-color: var(--white);
}

.offer__top{
	display: grid;
	grid-template-columns: 45.6rem 1fr;
	align-items: end;
	gap: 2.4rem;
	margin-bottom: 4rem;
}

.offer__title{
	margin-bottom: 0;
}

.offer__lead{
	display: none;
	font-size: 2.4rem;
	line-height: 1.7;
}

.offer__lead.is-active{
	display: block;
	animation: fadeInUp 0.4s ease 0s 1;
}

.offer__pane{
	display: none;
}

.offer__pane.is-active{
	display: block;
	animation: fadeInUp 0.4s ease 0s 1;
}

.offer__row{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2.4rem;
	min-height: 44.2rem;
}

.offer__row + .offer__row{
	grid-template-columns: 26.4rem 45.6rem 1fr;
	min-height: 38.4rem;
	margin-top: 2.4rem;
}

.offer__media{
	position: relative;
	overflow: hidden;
}

.offer__picture{
	display: block;
	height: 100%;
}

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

.offer__logo{
	position: absolute;
	left: 1rem;
	bottom: 1rem;
	width: 6.4rem;
}

.offer-card{
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 8.5rem 3rem 3.5rem;
	background-color: var(--light-gray);
}

.offer-card--dark{
	background-color: var(--dark);
	color: var(--white);
}

.offer-card__icon{
	position: absolute;
	right: 2rem;
	top: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	background-color: var(--dark);
	border-radius: 0.2rem;
	color: var(--white);
}

.offer-card--dark .offer-card__icon{
	background-color: var(--green);
}

.offer-card__icon svg{
	width: 2rem;
	height: 2rem;
}

.offer-card__pill{
	position: absolute;
	left: 3.5rem;
	top: 2rem;
	min-height: 3rem;
}

.offer-card__title{
	margin-bottom: 1.5rem;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.45;
	text-transform: uppercase;
}

.offer-card__text{
	font-size: 1.6rem;
	line-height: 1.5;
}

.offer-card__list{
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	font-size: 1.6rem;
	line-height: 1.45;
}

.offer-card .stat-line {
	min-height: 0rem !important;
}

.offer-card .stat-line .stat-line__value{
	margin-top: -3rem;
}

.stat-line__value span{
	font-weight: 400;
}

.offer-card__item{
	position: relative;
	padding-left: 1.7rem;
}

.offer-card__item::before{
	content: "";
	position: absolute;
	left: 0;
	top: calc(0.72em - 0.2rem);
	width: 0.4rem;
	height: 0.4rem;
	background-color: currentColor;
	border-radius: 50%;
}

.offer-card__body{
	margin-top: auto;
}

.offer-card__stat{
	margin-top: auto;
}

.opt__contacts--column{
	flex-direction: column;
	gap: 1.5rem;
}

.opt__contacts-row{
	display: grid;
	grid-template-columns: 11rem 1fr;
	align-items: start;
	gap: 1rem;
}

.opt--reverse .opt__mail {
	font-size: 1.5rem;
}

.opt__mail--phone{
	font-size: 1.5rem;
	font-weight: 500;
}

.opt__note{
	font-size: 1.2rem;
	opacity: 0.5;
}

.faq{
	padding-top: var(--section-margin);
	padding-bottom: var(--section-margin);
}

.faq__title{
	margin-bottom: 4rem;
}

.faq__item{
	border-top: 0.1rem solid #C4C4C4;
}

.faq__item:last-child{
	border-bottom: 0.1rem solid #C4C4C4;
}

.faq__top{
	display: flex;
	align-items: center;
	transition: 0.3s ease 0s;
	justify-content: space-between;
	gap: 2rem;
	padding: 3.2rem 0;
	cursor: pointer;
}

.faq__question{
	font-size: 1.8rem;
	line-height: 1.2;
	font-weight: 500;
	text-transform: uppercase;
}

.faq__icon{
	display: flex;
	flex-shrink: 0;
	width: 2.6rem;
	height: 2.6rem;
	transition: 0.3s ease 0s;
}

.faq__icon svg{
	width: 100%;
	height: 100%;
}

.faq__top:hover .faq__icon{
	color: var(--green);
}

.faq__icon-bar{
	transition: 0.3s ease 0s;
}

.accordion-active .faq__icon-bar{
	opacity: 0;
}

.faq__body{
	display: none;
	padding-bottom: 2rem;
}

.faq__text{
	font-size: 1.6rem;
	line-height: 1.5;
}

.projects + .consult{
	padding-top: 0;
}

.faq__item.accordion-active .faq__top{
	padding-bottom:2rem;
}

.projects + .consult .consult__box{
	margin-top: -20rem;
}

.categories--page{
	padding-top: 3rem;
}

.categories--page .categories__grid,
.categories__grid--tall{
	/* grid-template-rows: auto 32.2rem 34.2rem; */
	grid-template-rows: auto;
}

.categories__item--tall{
	grid-row: span 2;
}

.categories__item--tall .category-card__picture{
	flex: 1 1 auto;
	height: auto;
	min-height: 0;
}

.categories__item--tall .category-card__bottom{
	gap: 1rem;
}

.categories__item--tall .button-arrow{
	min-width: 10.8rem;
	padding: 0.6rem 1.2rem 0.6rem 1.4rem;
}

.subcats{
	padding-top: 4rem;
}

.subcats__grid{
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 2.4rem;
}

.subcat-card{
	position: relative;
	display: block;
	height: 12.8rem;
	padding: 1.2rem 1.4rem;
	background-color: var(--dark);
	color: var(--white);
	overflow: hidden;
}

.subcat-card__picture{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.subcat-card__picture img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: scale 0.5s ease 0s;
}

.subcat-card:hover .subcat-card__picture img{
	scale: 1.05;
}

.subcat-card__title{
	position: relative;
	z-index: 1;
	text-align: center;
	font-size: 1.6rem;
	line-height: 1.3;
	text-transform: uppercase;
}

.subcats{
	margin-bottom: var(--section-margin);
}

.catalog{
	padding-top: 5rem;
	padding-bottom: var(--section-margin);
}

.catalog__head{
	margin-bottom: 4rem;
	text-align: center;
}

.catalog__title{
	margin-bottom: 2rem;
}

.catalog__text{
	font-size: 2.4rem;
	line-height: 1.5;
}

.toolbar{
	display: grid;
	grid-template-columns: 26.4rem 1fr;
	align-items: center;
	gap: 2.4rem;
	margin-bottom: 1.5rem;
}

.toolbar__filter{
	display: flex;
	align-items: center;
	gap: 2.2rem;
	font-size: 1.8rem;
	line-height: 1.2;
	text-transform: uppercase;
	transition: 0.3s ease 0s;
	cursor: pointer;
}


.toolbar__filter svg{
	width: 1.8rem;
	height: 1.9rem;
	flex-shrink: 0;
}

.toolbar__controls{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
}

.toolbar__sort.custom-select{
	width: 18rem;
}

.toolbar__sort .select-selected{
	min-height: 0;
	padding: 0 2rem 0 0;
	border: none;
	background-color: transparent;
	font-size: 1.4rem;
}

.toolbar__sort .select-selected::after{
	right: 0.4rem;
	width: 0.6rem;
	height: 0.6rem;
	border-width: 0.15rem;
}

.toolbar__views{
	display: flex;
	align-items: center;
	gap: 1.5rem;
}

.toolbar__view{
	display: flex;
	color: #C4C4C4;
	transition: 0.3s ease 0s;
	cursor: pointer;
}

.toolbar__view svg{
	width: 2.6rem;
	height: 2.6rem;
}

.toolbar__view:hover,
.toolbar__view.is-active{
	color: var(--black-txt);
}

.catalog__body{
	display: grid;
	grid-template-columns: 26.4rem 1fr;
	align-items: flex-start;
	gap: 2.4rem;
}

.filter{
	padding: 1.5rem;
	background-color: var(--white);
}

.filter__group + .filter__group{
	margin-top: 3.5rem;
}

.filter__top{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	padding: 0.5rem 0;
	cursor: pointer;
}

.filter__name{
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.3;
}

.filter__arrow{
	display: flex;
	flex-shrink: 0;
	transition: rotate 0.3s ease 0s;
}

.filter__arrow svg{
	width: 1.2rem;
	height: 0.8rem;
}

.filter__group:not(.accordion-active) .filter__arrow{
	rotate: 180deg;
}

.filter__body{
	display: none;
}

.filter__group.accordion-active .filter__body{
	display: block;
}

.filter__list{
	display: flex;
	flex-direction: column;
	gap: 1rem;
	padding-top: 1rem;
}

.filter__checkbox .checkbox__text{
	font-size: 1.4rem;
}

.filter__price{
	display: flex;
	gap: 1rem;
	padding-top: 1.5rem;
}

.filter__checkbox {
	gap: 1.1rem;
}

.filter__checkbox .checkbox__box{
	width: 1.6rem;
	height: 1.6rem;
		background-color: #F5F5F5;
}

.filter__checkbox .checkbox__input:checked + .checkbox__box{
	background-color: var(--green);
	border-color: var(--green);
}

.filter__checkbox .checkbox__input:checked + .checkbox__box::before{
	width: 0.9rem;
	height: 0.45rem;
	border-left: 0.14rem solid var(--white);
	border-bottom: 0.14rem solid var(--white);
}

.filter__list--two{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 2.4rem;
}

.filter__field{
	display: flex;
	align-items: center;
	gap: 1rem;
	width: calc((100% - 1rem) / 2);
	padding: 0 0.6rem;
	background-color: #F7F7F7;
}

.filter__field-label{
	flex-shrink: 0;
	font-size: 1.2rem;
	opacity: 0.7;
}

.filter__input{
	
	width: 100%;
	min-height: 3.4rem;
	background-color: transparent;
	font-size: 1.6rem;
	text-align: center;
}

.filter__button{
	width: 100%;
	min-height: 5rem;
	margin-top: 4rem;
	font-size: 1.6rem;
}

.filter__reset{
	display: none;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	width: 100%;
	min-height: 5rem;
	margin-top: 4rem;
	border: 0.1rem solid var(--black-txt);
	font-size: 1.6rem;
	line-height: 1.2;
	transition: 0.3s ease 0s;
	cursor: pointer;
}

.filter__reset svg{
	width: 1rem;
	height: 1rem;
}

.filter__reset:hover{
	border-color: var(--green);
	color: var(--green);
}

.filter.is-dirty .filter__button{
	display: none;
}

.filter.is-dirty .filter__reset{
	display: flex;
}

.manager{
	display: flex;
	align-items: center;
	gap: 1.5rem;
	margin-top: 2.4rem;
	padding: 2rem 1rem;
	background-color: var(--dark);
	color: var(--white);
}

.manager__photo{
	flex-shrink: 0;
	width: 8rem;
	height: 8rem;
	border-radius: 50%;
	border: 1px solid #C4C4C4;

	overflow: hidden;
}

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

.manager__text{
	font-size: 2rem;
	line-height: 1.3;
	transition: 0.3s ease 0s;
}

.manager:hover .manager__text{
	text-decoration: underline;
	text-decoration-skip-ink: none;
	text-decoration-color: var(--theme-color);
}

.products{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2.4rem;
}

.products + .products{
	margin-top: 2.4rem;
}

.product-item{
	position: relative;
	display: flex;
	flex-direction: column;
	background-color: var(--white);
	transition: 0.3s ease 0s;
}

.product-item__top{
	position: relative;
}

.product-item__badges{
	position: absolute;
	left: 1.2rem;
	top: 1.2rem;
	z-index: 2;
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
}

.product-item__badge{
	padding: 0.3rem 1.2rem;
	background-color: var(--green);
	color: var(--white);
	font-size: 1rem;
	line-height: 1.2;
	border-radius: 5rem;
}

.product-item__badge--dark{
	background-color: var(--dark);
}

.product-item__actions{
	position: absolute;
	right: 1.2rem;
	top: 1.2rem;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
}

.product-item__action{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.6rem;
	height: 2.6rem;
	background-color: #F5F5F5;
	border-radius: 50%;
	color: var(--dark);
	transition: 0.3s ease 0s;
	cursor: pointer;
}

.product-item__action svg{
	width: auto;
	height: 1.4rem;
}

.product-item__action:hover{
	color: var(--green);
}

.product-item__action.is-active{
	color: var(--green);
}

.product-item__action.is-active svg{
	fill: var(--green);
}

.product-item__slider{
	position: relative;
	display: block;
	height: 18.8rem;
}

.product-item__slides{
	position: relative;
	height: 100%;
	flex-grow: 1;
}

.product-item__slide{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 0.3s ease 0s;
}

.product-item__slide.is-active{
	opacity: 1;
}

.product-item__slide img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product-item__bullets{
	position: absolute;
	left: 4.6rem;
	right: 4.6rem;
	bottom: 0.8rem;
	display: flex;
	gap: 0.3rem;
}

.product-item__bullet{
	width: 100%;
	height: 0.2rem;
	background-color: #D9D9D9;
	transition: 0.3s ease 0s;
}

.product-item__bullet.is-active{
	background-color: var(--green);
}

.product-item__title{
	margin-bottom: 1rem;
	padding-inline: 1rem;
	font-size: 1.8rem;
	line-height: 1.3;
	transition: 0.3s ease 0s;
}

.product-item__title:hover{
	color: var(--green);
}

.product-item__mods{
	padding: 0.7rem 1.4rem;
	background-color: var(--dark);
	color: var(--white);
	font-size: 1.3rem;
	line-height: 1.3;
	text-align: center;
}

.product-item__params{
	display: flex;
	flex-direction: column;
	gap: 1rem;
	padding: 1.5rem 1rem;
}

.product-item__row{
	display: flex;
	align-items: center;
	gap: 1rem;
}

.product-item__label{
	flex-shrink: 0;
	width: 6rem;
	font-size: 1.3rem;
	line-height: 1.2;
	opacity: 0.7;
}

.product-item__select.custom-select{
	width: 100%;
}

.product-item__select .select-selected{
	min-height: 2.6rem;
	padding: 0 2.6rem 0 1rem;
	background: #FFF;
	font-size: 1.4rem;
}

.product-item__select .select-selected::after{
	right: 1rem;
	width: 0.6rem;
	height: 0.6rem;
	border-width: 0.15rem;
}

.product-item__select .select-options li{
	padding: 0.6rem 1rem;
	font-size: 1.3rem;
}

.product-item__color-value{
	margin-right: auto;
	font-size: 1.2rem;
	line-height: 1.2;
}

.product-item__colors{
	display: flex;
	gap: 0.6rem;
}

.product-item__color{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.6rem;
	height: 2.6rem;
	border: 0.2rem solid #C4C4C4;
	color: var(--white);
	cursor: pointer;
}

.product-item__color svg{
	width: 1.5rem;
	height: 1.2rem;
	opacity: 0;
	transition: 0.3s ease 0s;
}

.product-item__color.is-active svg{
	opacity: 1;
}

.product-item__color[style*="D9D9D9"],
.product-item__color[style*="FFFFFF"]{
	color: var(--black-txt);
}

.product-item__color--ral{
	padding: 0.2rem;
}

.product-item__color--ral svg{
	width: 100%;
	height: 100%;
	opacity: 1;
}

.product-item__price{
	display: flex;
	align-items: center;
	margin-top: auto;
	min-height: 4.6rem;
	padding-inline: 1rem;
	font-size: 2.6rem;
	font-weight: 600;
	line-height: 1.2;
	transition: 0.3s ease 0s;
}

/* .product-item:hover .product-item__price{
	opacity: 0;
} */

.product-item__cart{
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	display: flex;
	opacity: 0;
	z-index: 30;
	visibility: hidden;
	transition: 0.3s ease 0s;
}

.product-item:hover .product-item__cart{
	opacity: 1;
	visibility: visible;
}

.product-item__counter.counter{
	width: 50%;
	min-height: 4.4rem;
	background: rgb(235, 235, 235)
}

.product-item__button{
	width: 50%;
	min-height: 4.4rem;
	padding: 1rem;
	font-size: 1.6rem;
}

.promo-box{
	margin-bottom: 2.4rem;
	position: relative;
	margin-top: 2.4rem;
	padding: 5rem 7rem;
	background-color: var(--dark);
	color: var(--white);
	overflow: hidden;
}

.promo-box__decor{
	position: absolute;
	right: 0rem;
	top: 50%;
	translate: 0 -50%;
	width: 30rem;
	height: 100%;
}

.promo-box__decor img{
	width: 100%;
	height: 100%;
}

.promo-box__body{
	position: relative;
	z-index: 1;
}

.promo-box__title{
	margin-bottom: 0.6rem;
	font-size: 3.2rem;
	font-weight: 600;
	line-height: 1.3;
	text-transform: uppercase;
}

.promo-box__text{
	margin-bottom: 1.8rem;
	font-size: 2.2rem;
	line-height: 1.5;
}

.promo-box__bottom{
	display: flex;
	align-items: center;
	gap: 6rem;
}

.promo-box__button{
	min-width: 30.8rem;
	min-height: 6.4rem;
	font-size: 1.8rem;
}

.promo-box__label{
	margin-bottom: 0.4rem;
	font-size: 1.2rem;
}

.promo-box__mail{
	display: block;
	font-size: 1.5rem;
	transition: 0.3s ease 0s;
}

.promo-box__mail:hover{
	color: var(--green);
}

.promo-box__copy{
	margin-top: 0.4rem;
	font-size: 1.2rem;
	opacity: 0.5;
	color: inherit !important;
	text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}

.show-more{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 5.5rem;
	margin-top: 2.4rem;
	border: 0.1rem solid #C4C4C4;
	font-size: 1.8rem;
	line-height: 1.2;
	transition: 0.3s ease 0s;
	cursor: pointer;
}

.show-more:hover{
	border-color: var(--dark);
}

.pagination{
	display: flex;
	justify-content: flex-end;
	margin-top: 1.5rem;
}

.pagination__list{
	display: flex;
	align-items: center;
	gap: 0.6rem;
}

.pagination__link{
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 1.8rem;
	height: 1.8rem;
	padding: 0 0.4rem;
	background: var(--White, #FFF);
	font-size: 1.2rem;
	line-height: 1;
	transition: 0.3s ease 0s;
}

.pagination__link:hover{
	color: var(--green);
}

.pagination__link.is-active{
	border: 0.1rem solid var(--black-txt);
}

.pagination__dots{
	font-size: 1.4rem;
	opacity: 0.5;
}

.pagination__next{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.6rem;
	height: 2.6rem;
	transition: 0.3s ease 0s;
}

.pagination__next svg{
	width: 1.2rem;
	height: 1.2rem;
}

.pagination__next:hover{
	color: var(--green);
}


.products--list,
.products--rows {
    grid-template-columns: 1fr;
}

.products--list .product-item,
.products--rows .product-item {
    display: grid;
    align-content: start;
    column-gap: 2rem;
    padding-right: 2rem;
}

.products--rows .product-item {
    grid-template-columns: 26.4rem 1fr;
}

.products--list .product-item {
    padding-top: 2rem;
    grid-template-columns: 20rem 1fr 20rem;
    column-gap: 2rem;
    align-items: start;
}

.products--rows .product-item__top {
    grid-row: 1 / 6;
}

.products--list .product-item__top {
    grid-column: 1 / 2;
    grid-row: 1 / 4;
    position: relative;
}

.product-item__slider {
    margin-bottom: 0.7rem;
}

.products--rows .product-item__slider {
    height: 100%;
    min-height: 18.8rem;
    margin-bottom: 0;
}

.products--list .product-item__slider {
    height: 100%;
    max-height: 18rem;
    min-height: 12.8rem;
    margin-bottom: 0;
}

.products--list .product-item__bullets {
    left: 2rem;
    right: 2rem;
}

.products--rows .product-item__title {
    margin-top: 1.5rem;
}

.products--list .product-item__title,
.products--list .product-item__mods,
.products--list .product-item__params {
    grid-column: 2 / 3;
    margin-top: 0;
}

.products--list .product-item__title {
    grid-row: 1 / 2;
    font-size: 1.6rem;
    line-height: 1.3;
    margin-bottom: 0.5rem;
}

.products--list .product-item__mods {
    grid-row: 2 / 3;
    margin-bottom: 1rem;
}

.products--list .product-item__params {
    grid-row: 3 / 4;
    padding-top: 0;
    gap: 0.8rem;
}

.products--list .product-item__actions {
    display: none;
}

.products--list .product-item__price,
.products--list .product-item__cart {
    grid-column: 3 / 4;
}

.products--list .product-item__price {
    grid-row: 1 / 2;
    margin-top: 0;
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 1rem;
}

.products--rows .product-item__price {
    margin-top: 0;
}

.products--list .product-item__cart {
    grid-row: 2 / 3;
    position: static;
    width: 100%;
    margin: 0;
    opacity: 1;
    visibility: visible;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.products--rows .product-item__cart {
    position: static;
    width: 26rem;
    margin: 0 1.4rem 1.4rem;
    opacity: 1;
    visibility: visible;
}

.products--list .product-item__cart .counter,
.products--list .product-item__cart .button {
    width: 100%;
}

.products--list .product-item:hover .product-item__price,
.products--rows .product-item:hover .product-item__price {
    opacity: 1;
}

.products--list .product-item__slider {
    display: flex;
    flex-direction: column;
}

.catalog--top{
	padding-top: 3.5rem;
}

.product-item__params--specs{
	gap: 1.5rem;
	padding: 2rem 1rem 2.4rem;
}

.product-item__specs{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.5rem 3rem;
}

.products--list .product-item__specs{
	grid-template-columns: minmax(0, 1fr);
}

.product-item__spec{
	display: flex;
	align-items: center;
	gap: 0.8rem;
	font-size: 1.4rem;
	line-height: 1.2;
}

.product-item__spec-icon{
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.7rem;
	height: 1.7rem;
	background-color: #F9F9F9;
}

.product-item__spec-icon--power svg{
	width: 0.9rem;
	height: 1.1rem;
}

.product-item__spec-icon--ip svg{
	width: 0.6rem;
	height: 0.9rem;
}

.product-item__spec-icon--flux svg{
	width: 0.7rem;
	height: 0.9rem;
}

.product-item__spec-icon--size svg{
	width: 1rem;
	height: 1.1rem;
}

.product-item__nds{
	margin-left: auto;
	padding-left: 2rem;
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1.2;
	opacity: 0.7;
}

.benefits{
	padding-top: var(--section-margin);
	padding-bottom: var(--section-margin);
}

.benefits__grid{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2.4rem;
}

.benefit-card{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: 15.6rem;
	padding: 2rem 2rem;
	background-color: var(--white);
}

.benefit-card--dark{
	background-color: var(--dark);
	color: var(--white);
}

.benefit-card__icon{
	position: absolute;
	right: 1rem;
	top: 1rem;
	width: 2.9rem;
	height: 2.9rem;
}

.benefit-card__icon svg{
	width: 100%;
	height: 100%;
}

.benefit-card--green{
	overflow: hidden;
	background-color: var(--green);
	color: var(--white);
}

.benefit-card__decor{
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	height: 100%;
	opacity: 0.2;
}

.benefit-card__decor img{
	width: auto;
	height: 100%;
}

.benefit-card__title{
	position: relative;
	z-index: 1;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1.3;
	text-transform: uppercase;
}

.benefit-card__title b{
	font-weight: 700;
}

.benefit-card__text{
	position: relative;
	z-index: 1;
	margin-top: 1.5rem;
	font-size: 1.4rem;
	line-height: 1.3;
}

.send{
	padding-top: var(--section-margin);
	padding-bottom: var(--section-margin);
}

.send__box{
	position: relative;
	margin-inline: 3rem;
	padding: 6rem 0 5rem;
	overflow: hidden;
	background-color: var(--dark);
	color: var(--white);
}

.send__decor{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	mix-blend-mode: multiply;
}

.send__decor img{
	width: auto;
	height: 100%;
}

.send__wrapper{
	position: relative;
	z-index: 1;
}

.send__top{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2.4rem;
	margin-bottom: 0.5rem;
}

.send__label{
	padding: 1rem 2.5rem;
	background-color: var(--white);
	color: var(--black-txt);
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.2;
	text-transform: uppercase;
	border-radius: 5rem;
}

.send__experts{
	display: flex;
	align-items: center;
	gap: 1rem;
}

.send__avatars{
	display: flex;
	flex-shrink: 0;
}

.send__avatar{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.send__avatar + .send__avatar{
	margin-left: -0.7rem;
}

.send__avatar-photo{
	width: 6rem;
	border: 0.1rem solid var(--Gray-Form, #C4C4C4);

	height: 6rem;
	border-radius: 50%;
	overflow: hidden;
}

.send__avatar-photo img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.send__avatar-name{
	margin-top: 0.3rem;
	font-size: 0.8rem;
	line-height: 1.2;
}

.send__experts-text{
	font-size: 2rem;
	line-height: 1.5;
}

.send__body{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 2.4rem;
	margin-top: 2rem;
	padding-right: 7.2rem;
}

.send__info{
	display: flex;
	flex-direction: column;
	align-self: stretch;
}

.send__list{
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.send__item{
	display: grid;
	grid-template-columns: 4.6rem 1fr;
	font-size: 2rem;
	line-height: 1.4;
}

.send__num{
	font-weight: 700;
	color: #C4C4C4;
}

.send__text strong{
	font-weight: 700;
}

.send__text{
	font-weight: 400;
}

.send__contacts{
	display: flex;
	align-items: flex-start;
	gap: 4rem;
	margin-top: auto;
	padding-top: 4rem;
}

.send__contacts-label{
	font-size: 1.2rem;
	line-height: 1.4;
}

.send__mail{
	display: block;
	font-size: 1.5rem;
	transition: 0.3s ease 0s;
}

.send__mail:hover{
	color: var(--green);
}

.send__copy{
	margin-top: 0.4rem;
	font-size: 1.2rem;
	opacity: 0.5;
	color: inherit !important;
	text-decoration-line: underline;
	text-underline-position: from-font;
}

.send__form{
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	width: 40.8rem;
	padding: 3.5rem 2.4rem;
	background-color: rgba(255, 255, 255, 0.10);
}

.send__file{
	gap: 1rem;
	color: rgba(54, 61, 71, 0.705);
}

.send__file .file__icon{
	color: inherit;
}

.send__file .file__name{
	font-size: 1.8rem;
}

.send__button{
	min-height: 6.4rem;
	margin-top: 0.4rem;
	font-size: 1.8rem;
}

.send__check{
	align-items: flex-start;
	max-width: 31.2rem;
	margin: 0.5rem auto 0;
}

.send__check .checkbox__box{
	margin-top: 0.3rem;
	border-color: rgba(255, 255, 255, 0.5);
}

.send__check .checkbox__text{
	color: rgba(255, 255, 255, 0.5);
}


.product{
	padding-top: 4rem;
	padding-bottom: var(--section-margin);
}

.product__head{
	display: flex;
	align-items: flex-end;
	gap: 2rem;
	margin-bottom: 4rem;
}

.product__title{
	margin-bottom: 0;
}

.product__copy.copy{
	margin-bottom: 1rem;
	color: var(--black-txt);
}

.product__copy svg{
	width: 1.3rem;
	height: 1.8rem;
}

.product__body{
	display: grid;
	grid-template-columns: 1fr 45.6rem;
	column-gap: 2.4rem;
}

.product__main{
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.product__media{
	min-width: 0;
	margin-right: 2.4rem;
}

.product__photo{
	position: relative;
	height: 43.7rem;
	margin-bottom: 1.2rem;
	background-color: var(--white);
}

.product__badges{
	position: absolute;
	left: 2rem;
	top: 2rem;
	z-index: 2;
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
}

.product__badge{
	padding: 0.5rem 1.6rem;
	background-color: var(--green);
	color: var(--white);
	font-size: 1rem;
	line-height: 1.2;
	border-radius: 5rem;
}

.product__actions{
	position: absolute;
	right: 2rem;
	top: 2rem;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 0.8rem;
}

.product__action{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.6rem;
	height: 3.6rem;
	background-color: #F5F5F5;
	border-radius: 50%;
	color: var(--dark);
	transition: 0.3s ease 0s;
	cursor: pointer;
}

.product__action svg{
	width: auto;
	height: 1.8rem;
}

.product__action:hover,
.product__action.is-active{
	color: var(--green);
}

.product__action.is-active svg{
	fill: var(--green);
}

.product__arrow{
	position: absolute;
	top: 50%;
	z-index: 2;
	translate: 0 -50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.6rem;
	height: 3.6rem;
	background-color: #F5F5F5;
	border-radius: 50%;
	color: var(--dark);
	transition: 0.3s ease 0s;
	cursor: pointer;
}

.product__arrow--prev{
	left: 2rem;
}

.product__arrow--next{
	right: 2rem;
}

.product__arrow svg{
	width: 0.8rem;
	height: 1.4rem;
}

.product__arrow:hover{
	color: var(--green);
}

.product__slider{
	height: 100%;
}

.product__slide.swiper-slide{
	height: 100%;
}

.product__slide img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.product__thumbs{
	max-width: 100%;
	--space-between: 1.1;
}

.product__thumb.swiper-slide{
	display: block;
	height: 9.6rem;
	padding: 0.5rem;
	background-color: var(--white);
	border: 0.1rem solid transparent;
	transition: 0.3s ease 0s;
	cursor: pointer;
}

.product__thumb img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.product__thumb:hover,
.product__thumb.swiper-slide-thumb-active{
	border-color: #C4C4C4;
}

.product__bottom{
	display: grid;
	grid-template-columns: repeat(2, 1fr) 45.6rem;
	gap: 2.4rem;
	margin-top: 2rem;
}

.product__feature{
	padding: 2rem;
	background-color: var(--white);
}

.product__feature-icon{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height:2rem;
	margin-bottom: 2.5rem;
	background-color: var(--dark);
	border-radius: 0.2rem;
	color: var(--white);
}

.product__feature-icon svg{
	width: 1.2rem;
}

.product__feature-title{
	margin-bottom: 1rem;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1.3;
	text-transform: uppercase;
}

.product__feature-text{
	font-size: 1.4rem;
	line-height: 1.4;
}

.product__info{
	display: flex;
	flex-direction: column;
}

.product__specs{
	display: grid;
	grid-template-columns: 28.8rem 1fr;
	row-gap: 1.5rem;
}

.product__spec{
	display: flex;
	align-items: center;
	gap: 0.7rem;
	font-size: 1.5rem;
	line-height: 1.2;
}

.product__spec-icon{
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.7rem;
	height: 1.7rem;
	background: #FFF;


}

.product__spec-icon--power svg{
	height: 0.9rem;
}

.product__spec-icon--ip svg{
	width: 0.6rem;
	height: 0.9rem;
}

.product__spec-icon--flux svg{
	width: 0.7rem;
	height: 0.9rem;
}

.product__spec-icon--warranty svg{
	width: 0.7rem;
	height: 0.9rem;
}

.product__spec-value{
	font-weight: 600;
}

.product__spec-file{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	width: 22.4rem;
	min-height: 4rem;
	margin-top: 2rem;
	padding: 0.5rem 1.5rem;
	background-color: var(--dark);
	color: var(--white);
	font-size: 1.4rem;
	line-height: 1.2;
	transition: 0.3s ease 0s;
}

.product__spec-file svg{
	flex-shrink: 0;
	width: 2rem;
	height: 2rem;
}

.product__spec-file:hover{
	background-color: var(--green);
}

.product__options{
	display: grid;
	grid-template-columns: 22.5rem 1fr;
	gap: 1.5rem 3.8rem;
	margin-top: 2rem;
}

.product__option-label{
	margin-bottom: 0.8rem;
	font-size: 1.4rem;
	line-height: 1.2;
	opacity: 0.7;
}

.product__select.custom-select{
	width: 100%;
}

.product__select .select-selected{
	min-height: 3rem;
	padding: 0 3rem 0 1rem;
	background: #FFF;
	font-size: 1.2rem;
}

.product__select .select-selected::after{
	right: 1.2rem;
	width: 0.7rem;
	height: 0.7rem;
	border-width: 0.15rem;
}

.product__select .select-options li{
	padding: 0.7rem 1.2rem;
	font-size: 1.4rem;
}

.product__colors{
	display: flex;
	gap: 1rem;
}

.product__color{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	border: 0.2rem solid #C4C4C4;
	color: var(--white);
	cursor: pointer;
}

.product__color svg{
	width: 1.6rem;
	height: 1.3rem;
	opacity: 0;
	transition: 0.3s ease 0s;
}

.product__color.is-active svg{
	opacity: 1;
}

.product__color[style*="D9D9D9"],
.product__color[style*="FFFFFF"]{
	color: var(--black-txt);
}

.product__color--ral{
	padding: 0.3rem;
}

.product__color--ral svg{
	width: 100%;
	height: 100%;
	opacity: 1;
}

.product__color-item{
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.product__color-tip{
	position: absolute;
	left: 50%;
	top: 0;
	translate: -50% calc(-100% - 0.6rem);
	z-index: 3;
	padding: 0.4rem 1rem;
	background-color: var(--white);
	box-shadow: 0 0.2rem 0.6rem 0 rgba(166, 166, 166, 0.30);
	color: var(--black-txt);
	font-size: 1.2rem;
	line-height: 1.2;
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s ease 0s;
}

.product__color-item:hover .product__color-tip{
	opacity: 1;
	visibility: visible;
}

.product__color-name{
	margin-top: 0.2rem;
	font-size: 1rem;
	line-height: 1.2;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s ease 0s;
}

.product__color.is-active ~ .product__color-name{
	opacity: 1;
	visibility: visible;
}

.product__select--multi .select-options{
	max-height: 14.6rem;
	padding: 0.6rem 0;
	overflow-y: auto;
}

.product__select--multi .select-options li{
	padding: 0;
}

.product__option-check.checkbox{
	display: flex;
	align-items:flex-start;
	gap: 1rem;
	width: 100%;
	padding: 0.4rem 1.2rem;
}

.product__option-check .checkbox__box{
	margin-top: 0.3rem;
}

.product__option-check .checkbox__text{
	font-size: 1.4rem;
	line-height: 1.3;
}

.product__select .select-selected.is-picked{
	display: flex;
	align-items: center;
	gap: 1rem;
}

.select-check{
	position: relative;
	flex-shrink: 0;
	width: 1.4rem;
	height: 1.4rem;
	background-color: var(--green);
}

.select-check::before{
	position: absolute;
	content: '';
	left: 50%;
	top: 45%;
	width: 0.7rem;
	height: 0.35rem;
	border-left: 0.1rem solid var(--white);
	border-bottom: 0.1rem solid var(--white);
	rotate: -45deg;
	translate: -50% -50%;
}

.product__temps{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	border: 0.1rem solid #C4C4C4;
	background: linear-gradient(90deg, #FFB46A 0%, #F0F0F0 46.63%, #D6ECFF 100%);
}

.product__temp{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 3rem;
	color: var(--black-txt);
	font-size: 1.3rem;
	line-height: 1.2;
	cursor: pointer;
}

.product__temp-input{
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0;
}

.product__temp-text{
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.product__temp-text::before{
	content: '';
	flex-shrink: 0;
	width: 1.5rem;
	height: 1.5rem;
	background-color: #C4C4C4;
	box-shadow: inset 0 0 0 0.35rem var(--white);
	border-radius: 50%;
	transition: 0.3s ease 0s;
}

.product__temp-input:checked + .product__temp-text::before{
	background-color: var(--black-txt);
}

.product__temp-tip{
	position: absolute;
	left: 50%;
	bottom: calc(100% + 0.8rem);
	translate: -50% 0;
	padding: 0.4rem 1rem;
	background-color: var(--dark);
	color: var(--white);
	font-size: 1.2rem;
	line-height: 1.2;
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s ease 0s;
}

.product__temp:hover .product__temp-tip{
	opacity: 1;
	visibility: visible;
}

.product__params{
	display: flex;
	flex-direction: column;
	gap: 1rem;
	margin-top: 3rem;
}

.product__param{
	display: grid;
	grid-template-columns: 11.6rem 1fr;
	align-items: center;
	column-gap: 0.3rem;
	font-size: 1.4rem;
	line-height: 1.2;
}

.product__param-name{
	display: flex;
	align-items: flex-end;
	gap: 0.3rem;
}

.product__param-name::after{
	content: '';
	flex: 1 1 auto;
	height: 0.1rem;
	margin-bottom: 0.4rem;
	background-color: #C4C4C4;
}

.product__param-name{
	color: rgba(54, 61, 71, 0.7);
}

.product__all{
	align-self: flex-start;
	margin-top: 1rem;
	font-size: 1.4rem;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	color: #363D47;
	text-underline-offset: auto;
	text-underline-position: from-font;
	border: none !important;
	color: rgba(54, 61, 71, 0.7);
}

.product__buy{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	margin-top: 3rem;
}

.product__price-value{
	font-size: 3rem;
	font-weight: 600;
	line-height: 1.2;
}

.product__price-note{
	margin-top: 0.4rem;
	font-size: 1.2rem;
	opacity: 0.7;
}

.product__cart{
	flex-shrink: 0;
	display: flex;
	max-width: 28.8rem;
	width: 100%;
}

.product__counter.counter{
	width: 50%;
	min-height: 5.5rem;
	background: rgba(196, 196, 196, 0.30);
}

.product__cart-button{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50%;
	min-height: 5.5rem;
	padding: 1rem;
	background-color: var(--dark);
	color: var(--white);
	font-size: 1.6rem;
	line-height: 1.2;
	transition: 0.3s ease 0s;
	cursor: pointer;
}

.product__cart-button:hover{
	background-color: var(--green);
}

.product__wholesale{
	min-height: 5.5rem;
	margin-top: 1rem;
	font-size: 1.8rem;
}

.product__note{
	margin-top: 0.6rem;
	font-size: 1.2rem;
	line-height: 1.4;
	opacity: 0.7;
}

.product__manager{
	display: flex;
	align-items: flex-start;
	gap: 2rem;
	padding: 2.5rem;
	background-color: var(--dark);
	color: var(--white);
}

.product__manager-photo{
	flex-shrink: 0;
	width: 8rem;
	height: 8rem;
	border: 0.1rem solid #C4C4C4;
	border-radius: 50%;
	overflow: hidden;
}

.product__manager-photo img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product__manager .button-border--white{
	padding: 0.4rem  2rem;
	gap: 2rem;
	display: flex;
	border: 0.1rem solid #C4C4C4;
	color: #C4C4C4;
	background: #353E48;
}

.product__manager .button-border--white:hover{
	background: #FFF;
	color: #353E48;
}

.product__manager-title{
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1.3;
	text-transform: uppercase;
}

.product__manager-text{
	margin-top: 0.6rem;
	font-size: 1.6rem;
	line-height: 1.2;
}

.product__manager-button{
	margin-top: 1.4rem;
}


.specs{
	padding-top: var(--section-margin);
	padding-bottom: var(--section-margin);
}

.specs__nav{
	display: flex;
	align-items: flex-end;
	justify-content: center;
	gap: 10.4rem;
	border-bottom: 0.1rem solid #C4C4C4;
}

.specs__tab{
	padding: 0 2.4rem 1.2rem;
	border-bottom: 0.2rem solid transparent;
	margin-bottom: -0.1rem;
	color: rgba(54, 61, 71, 0.7);
	font-size: 1.6rem;
	line-height: 1.2;
	transition: 0.3s ease 0s;
	cursor: pointer;
}

.specs__tab:hover{
	color: var(--black-txt);
}

.specs__tab.is-active{
	border-bottom-color: var(--green);
	color: var(--black-txt);
}

.specs__pane{
	display: none;
	padding-top: 4rem;
}

.specs__pane.is-active{
	display: block;
	animation: fadeInUp 0.4s ease 0s 1 normal none running;
}

.specs__cols{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 16.8rem;
}

.specs__group + .specs__group{
	margin-top: 3rem;
}

.specs__group-title{
	margin-bottom: 0.5rem;
	font-size: 1.8rem;
	line-height: 1.2;
	text-transform: uppercase;
}

.specs__row{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	padding: 2rem 0;
	border-bottom: 0.1rem solid #C4C4C4;
	font-size: 1.6rem;
	line-height: 1.2;
}

.specs__value{
	text-align: right;
}

.specs__pane--text{
	font-size: 1.6rem;
	line-height: 1.7;
}

.specs__pane--text p + p{
	margin-top: 3rem;
}

.specs__pane--text strong{
	font-weight: 600;
}

.specs__scheme{
	display: block;
	margin-bottom: var(--section-margin);
}


.specs__scheme img{
	width: 100%;
	height: auto;
}

.specs__bottom{
	padding-top: var(--section-margin);
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2.4rem;
}

.specs__title{
	margin-bottom: 2rem;
	font-size: 1.6rem;
	line-height: 1.2;
	text-transform: uppercase;
}

.specs__certs{
	display: flex;
	gap: 2rem;
}

.specs__cert{
	width: 17.1rem;
}

.specs__files{
	max-width: 45.6rem;
}

.specs__file{
	display: flex;
	align-items: center;
	gap: 1.6rem;
	padding: 1.5rem 0;
	border-bottom: 0.1rem solid #EBEBEB;
	font-size: 1.4rem;
	line-height: 1.3;
	transition: 0.3s ease 0s;
}

.specs__file-icon{
	flex-shrink: 0;
	display: flex;
	width: 2.4rem;
	height: 2.4rem;
}

.specs__file-icon img{
	width: 100%;
	height: 100%;
}

.specs__file-name{
	margin-right: auto;
}

.specs__file-download{
	flex-shrink: 0;
	display: flex;
	width: 1.8rem;
	height: 1.8rem;
}

.specs__file-download img{
	width: 100%;
	height: 100%;
}

.specs__file:hover{
	color: var(--green);
}

.options__box{
	padding: 5rem 0;
	margin-inline: 3rem;
	background-color: var(--white);
}

.options__body{
	display: grid;
	grid-template-columns: 1fr 55.2rem;
	column-gap: 3.5rem;
}

.options__title{
	margin-bottom: 0;
}

.options__list{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 2.4rem;
}

.options__item{
	display: grid;
	grid-template-columns: 3.4rem 1fr;
	align-items: center;
	column-gap: 1.5rem;
}

.options__icon{
	display: flex;
	width: 3.4rem;
	height: 3.4rem;
	background:#F9F9F9;
	margin-bottom: 0.5rem;
	border-radius: 0.2rem;

	align-items: center;
	justify-content: center;
}

.options__icon img{
	width: 2.4rem;
	height: 2.4rem;
}

.options__icon--ral img{
	width: 2rem;
	height: 2rem;
}

.options__icon--size img{
	width: 2.3rem;
	height: 2.3rem;
}

.options__name{
	font-size: 2rem;
	line-height: 1.3;
}

.options__text{
	grid-column: 2;
	margin-top: 1rem;
	font-size: 1.6rem;
	line-height: 1.4;
}

.options__cards{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2.4rem;
	margin-top: var(--section-margin);
}

.options__card{
	min-height: 20rem;
	padding: 3rem 3rem;
	background-color: var(--white);
}

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

.options__card-icon{
	display: block;
	width: 5.3rem;
	border-radius: 50%;
	height: 5.3rem;
	margin-bottom: 3rem;
	border: 1px solid #C4C4C4;

}

.options__card-icon img{
	width: 100%;
	height: 100%;
}

.options__card-title{
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1.2;
	text-transform: uppercase;
}

.benefits--three .benefits__grid{
	grid-template-columns: repeat(3, 1fr);
}

.benefits--three .benefit-card{
	min-height: 20rem;
	padding-left: 3rem;
}

.benefits--three .benefit-card__icon{
	right: 1.3rem;
	top: 1.3rem;
}

.interior{
	padding: var(--section-margin) 0;
}

.interior + .bg-white{
	margin-top: 0rem !important;
	padding-top: var(--section-margin) !important;
}

.interior__pagination.swiper-pagination-bullets{
	bottom: 2rem;
}

.interior__top{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 4rem;
	margin-bottom: 4rem;
}

.interior__title{
	margin-bottom: 0;
}

.interior__nav{
	display: flex;
	gap: 4rem;
}

.interior__slider{
	position: relative;
}

.interior__slide img{
	width: 100%;
	height: 60rem;
	object-fit: cover;
}

.interior__pagination{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 2rem;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.8rem;
}

.interior__bullet{
	width: 4rem;
	height: 0.4rem;
	background-color: var(--gray-form);
	transition: 0.3s ease 0s;
	cursor: pointer;
}

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

.interior__button{
	gap: 3rem;
	min-height: 5.5rem;
	margin: 4rem auto 0;
}

.conditions{
	padding-bottom: var(--section-margin);
}

.conditions__list{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2.4rem;
}

.steps{
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.steps__item{
	display: grid;
	grid-template-columns: 4.6rem 1fr;
	font-size: 2rem;
	line-height: 1.4;
}

.steps__num{
	font-weight: 700;
}

.steps__text strong{
	font-weight: 700;
}

.products-slider{
	padding: var(--section-margin) 0;
}

.products-slider__top{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 4rem;
	margin-bottom: 4rem;
}

.products-slider__title{
	margin-bottom: 0;
}

.products-slider__nav{
	display: flex;
	gap: 4rem;
}

.products-slider__list{
	--space-between: 2.4;
}

.products-slider__slide{
	width: calc((100% - 7.2rem) / 4);
}

.stability{
	padding-top: var(--section-margin);
	padding-bottom: var(--section-margin);
}

.stability__title{
	margin-bottom: 4rem;
}

.stability__grid{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2.4rem;
}

.stability__card{
	display: flex;
	flex-direction: column;
	min-height: 26.6rem;
	padding: 3rem;
	background-color: var(--dark);
	color: var(--white);
}

.stability__card--photo{
	overflow: hidden;
	grid-row: span 2;
	padding-top: 8rem;
}

.stability__dots{
	display: flex;
	gap: 0.3rem;
	margin-bottom: 5rem;
}

.stability__dots span{
	width: 0.7rem;
	height: 0.7rem;
	background-color: var(--green);
	border-radius: 50%;
}

.stability__card-title{
	margin-bottom: 2rem;
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1.3;
	text-transform: uppercase;
}

.stability__card-text{
	font-size: 1.6rem;
	line-height: 1.4;
}

.stability__text{
	font-size: 2rem;
	line-height: 1.5;
}

.stability__text span{
	color: var(--green);
}

.stability__photo{
	display: block;
	width: 27rem;
	margin: auto auto 0;
}

.stability__photo img{
	width: 100%;
	height: auto;
}

.design{
	padding-bottom: var(--section-margin);
}

.design__top{
	display: grid;
	grid-template-columns: 1fr 55.2rem;
	align-items: center;
	column-gap: 2.4rem;
}

.design__title{
	margin-bottom: 1.5rem;
}

.design__subtitle{
	margin-bottom: 3rem;
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 1.2;
	text-transform: uppercase;
}

.design__text{
	margin-bottom: 5rem;
	font-size: 2.4rem;
	line-height: 1.5;
}

.design__button{
	min-width: 38.4rem;
	min-height: 6.4rem;
	font-size: 1.8rem;
}

.design__picture{
	display: block;
	height: 50rem;
}

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

.design__list{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2.4rem;
	margin-top: 4rem;
}

.mistakes{
	padding-bottom: var(--section-margin);
}

.mistakes__title{
	margin-bottom: 4rem;
}

.mistakes__list{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2.4rem;
}

.mistakes__item{
	min-height: 20rem;
	padding: 2rem 3rem;
	background-color: var(--light-gray);
}

.mistakes__icon{
	display: block;
	width: 3rem;
	height: 3rem;
	margin-bottom: 3.5rem;
}

.mistakes__icon img{
	width: 100%;
	height: 100%;
}

.mistakes__name{
	margin-bottom: 1.5rem;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1.3;
	text-transform: uppercase;
}

.mistakes__text{
	font-size: 1.4rem;
	line-height: 1.4;
}

.opt__terms{
	display: flex;
	align-items: flex-start;
	gap: 1.5rem;
}

.opt__terms .opt__list-title{
	flex-shrink: 0;
	margin-bottom: 0;
}

.send--project .send__title{
	margin-bottom: 0;
}

.send--project .send__body{
	margin-top: 4rem;
	padding-right: 9.4rem;
}

.send--project .send__form{
	width: 36rem;
}

.economy{
	padding-bottom: var(--section-margin);
}

.economy__title{
	margin-bottom: 4rem;
}

.economy__grid{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2.4rem;
}

.economy__card{
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 35rem;
	padding: 3rem;
	background-color: var(--dark);
	color: var(--white);
}

.economy__dots{
	display: flex;
	gap: 0.3rem;
	margin-bottom: 2rem;
}

.economy__dots span{
	width: 0.7rem;
	height: 0.7rem;
	background-color: var(--green);
	border-radius: 50%;
}

.economy__text{
	font-size: 1.6rem;
	line-height: 1.5;
}

.economy__text strong{
	font-weight: 600;
}

.economy__word{
	white-space: nowrap;
}

.economy__mark{
	text-decoration-line: underline;
	text-underline-position: from-font;
}

.economy__tooltip{
	position: static;
	margin-left: -1.2rem;
	vertical-align: 1.3rem;
}

.economy__tooltip .tooltip__button{
	color: var(--gray-form);
}

.economy__tooltip .tooltip__button svg{
	width: 1.5rem;
	height: 1.5rem;
}

.economy__tooltip .tooltip__body{
	left: 3rem;
	right: 3rem;
	top: auto;
	bottom: 3rem;
	width: auto;
}

.economy__stat{
	margin-top: auto;
}

.economy__note{
	position: relative;
	margin-top: auto;
	padding-top: 2.5rem;
	font-size: 1.4rem;
	line-height: 1.4;
	min-height: 9rem;
}

.economy__note::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 15rem;
	height: 0.1rem;
	background-color: var(--white);
}

.economy__photo{
	display: block;
	height: 35rem;
}

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

.economy__wide{
	position: relative;
	display: grid;
	grid-template-columns: 1fr 39.8rem;
	gap: 2.4rem;
	margin-top: 2.4rem;
	overflow: hidden;
	padding: 3.5rem;
	background-color: var(--white);
}

.economy__wide-body{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2.4rem;
	margin-top: 2rem;
}

.economy__wide-title{
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.3;
	text-transform: uppercase;
}

.economy__list{
	font-size: 1.4rem;
	line-height: 1.5;
	padding-top: 4rem;
}

.economy__list li{
	position: relative;
	padding-left: 1.6rem;
}

.economy__list li::before{
	content: "";
	position: absolute;
	left: 0;
	top: calc(0.75em - 0.2rem);
	width: 0.4rem;
	height: 0.4rem;
	background-color: currentColor;
	border-radius: 50%;
}

.economy__media{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.economy__decor{
	position: absolute;
	right: 0;
	top: 0%;
	height: 100%;
	display: block;
}

.economy__decor img{
	width: auto;
	height: 100%;
}

.economy__obj{
	position: absolute;
	right: 0rem;
	height: 100%;
	top: 50%;
	translate: -0% -50%;
	display: block;
	width: 39.8rem;
}

.economy__obj img{
	width: 100%;
	height: auto;
}

.calc{
	padding-bottom: var(--section-margin);
}

.calc__box{
	position: relative;
	z-index: 1;
	overflow: hidden;
	align-items: flex-end;
	display: flex;
	gap: 2.4rem;
	margin-top: -18rem;
	padding: 6rem 8rem;
	background-color: var(--white);
}

.wrapper-100 .calc__box .wrapper{
	display: flex;
	gap: 2.4rem;
	align-items: flex-end;
}

.calc__content{
	max-width: 62.3rem;
}

.calc__form{
	max-width: 31rem;
	margin-left: auto;
}

.zone + .conditions.bg-white{
	margin-top: var(--section-margin);
}

.calc__form .button{
	padding: 1rem;
}

.calc__decor{
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	height: 100%;
}

.calc__decor img{
	width: auto;
	height: 100%;
}

.calc__content{
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
}

.calc__title{
	font-size: 3.2rem;
	margin-bottom: 1.5rem;
}

.calc__text{
	font-size: 1.8rem;
	line-height: 1.5;
}

.calc__contacts{
	display: flex;
	align-items: flex-start;
	gap: 3rem;
	margin-top: auto;
	padding-top: 4rem;
}

.calc__contacts-label{
	font-size: 1.2rem;
	line-height: 1.4;
}

.calc__mail{
	display: block;
	font-size: 1.5rem;
	transition: 0.3s ease 0s;
}

.calc__mail:hover{
	color: var(--green);
}

.calc__copy{
	margin-top: 0.4rem;
	color: rgba(54, 61, 71, 0.7);
	font-size: 1.2rem;
	border: none !important;
	text-decoration-line: underline;
	text-underline-position: from-font;
}

.calc__form{
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.calc__button{
	min-height: 6.4rem;
	font-size: 1.8rem;
}

.zone__head{
	padding: calc(var(--section-margin) + var(--section-margin)) 0 4rem 0rem;
	background-color: var(--white);
}

.zone__title{
	margin-bottom: 1.5rem;
}

.zone__text{
	margin-bottom: 4rem;
	font-size: 2.4rem;
	line-height: 1.5;
}

.zone__items{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2.4rem;
}

.zone__item{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: 15.6rem;
	padding: 3rem;
	background-color: var(--light-gray);
}

.zone__item-icon{
	position: absolute;
	right: 1.5rem;
	top: 1.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	background-color: var(--dark);
	color: var(--white);
	border-radius: 0.2rem;
}

.zone__item-icon svg{
	width: 1.6rem;
	height: 1.6rem;
}

.zone__item-title{
	font-size: 1.8rem;
	line-height: 1.4;
}

.zone__gallery{
	position: relative;
}

.zone__slide img{
	width: 100%;
	height: 72rem;
	object-fit: cover;
}

.zone__slider .zone__pagination{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 8rem;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.8rem;
}

.zone__bullet{
	width: 4rem;
	height: 0.4rem;
	background-color: var(--white);
	transition: 0.3s ease 0s;
	cursor: pointer;
}

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

.zone__arrow{
	position: absolute;
	top: 50%;
	z-index: 3;
	translate: 0 -50%;
	opacity: 0;
	visibility: hidden;
}

.zone__arrow--prev{
	left: max(var(--wrapper-padding), calc((100% - var(--wrapper-size)) / 2));
}

.zone__arrow--next{
	right: max(var(--wrapper-padding), calc((100% - var(--wrapper-size)) / 2));
}

.zone__gallery:hover .zone__arrow{
	opacity: 1;
	visibility: visible;
}

.zone__bottom{
	position: relative;
	z-index: 2;
	margin-top: -6rem;
}

.zone{
	margin-bottom: var(--section-margin);
}

.zone__cards{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2.4rem;
}

.zone__card{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 2rem;
	min-height: 14.5rem;
	padding: 3rem 2.5rem;
	background-color: var(--white);
}

.products-slider__list{
	padding-bottom: 10rem;
	margin-bottom: -10rem;
}

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

.zone__dots{
	display: flex;
	gap: 0.3rem;
}

.zone__dots span{
	width: 0.7rem;
	height: 0.7rem;
	background-color: var(--green);
	border-radius: 50%;
}

.zone__card-title{
	font-size: 1.4rem;
	min-height: 4rem;
	line-height: 1.4;
}

.promo-catalog{
	padding-top: var(--section-margin);
}

.promo-catalog__box{
	position: relative;
	overflow: hidden;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2.4rem;
	min-height: 29.5rem;
	margin-inline: 3rem;
	padding: 6rem 0rem 4.5rem 0rem;
	background-color: var(--dark);
	color: var(--white);
}

.promo-catalog__title{
	margin-bottom: 4rem;
	font-size: 3.2rem;
}

.promo-catalog__decor{
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;
	height: 100%;
}


.promo-catalog__decor img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.promo-catalog__button{
	min-width: 26rem;
	min-height: 6.4rem;
	font-size: 1.8rem;
}

.promo-catalog__picture{
	flex-shrink: 0;
	display: block;
	z-index: -1;
	top: 50%;
	translate: 0px -50%;
	width: 50.6rem;
	height: 48.4rem;
		position: absolute;
	right: 5.4rem;
	bottom: 0;
}

.promo-catalog__picture img{
	height: 100%;
}

.calc--dark{
	padding-top: var(--section-margin);
}

.calc--dark .calc__box{
	margin-top: 0;
	background-color: var(--dark);
	color: var(--white);
}

.calc--dark .calc__copy,
.calc--dark .checkbox__text{
	color: rgba(255, 255, 255, 0.5);
}

.calc--dark .checkbox__box{
	border-color: rgba(255, 255, 255, 0.5);
}

.modal--map{
	width: 100rem;
	padding: 4rem;
}

.modal--map .modal__close{
	top: 1rem;
	right: 1rem;
	width: 2rem;
	height: 2rem;
}

.modal__map{
	width: 100%;
	height: 55rem;
}

.modal__requisites{
	margin-top: 3rem;
	font-size: 1.8rem;
	line-height: 1.8;
}

.design + .mistakes,
.design + .bg-white{
	margin-top: 0rem !important;
	padding-top: var(--section-margin) !important;
}

.design{
	margin-top: 4rem;
}

.opt__lead{
	margin-bottom: 1rem;
	font-size: 2.9rem;
	line-height: 1.3;
	text-transform: uppercase;
}

.opt__descr{
	margin-top: 2rem;
	font-size: 1.8rem;
	line-height: 1.5;
}

.opt__descr p + p{
	margin-top: 2.5rem;
}

.params{
	padding: var(--section-margin) 0;
}

.params__title{
	margin-bottom: 4rem;
}

.params__grid{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-auto-rows: 23rem;
	gap: 2.4rem;
}

.params__item{
	padding: 2rem 3rem 3rem;
	background-color: var(--light-gray);
}

.params__icon{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.6rem;
	height: 2.6rem;
	margin-bottom: 3rem;
	background-color: var(--dark);
	border-radius: 0.2rem;
}

.params__icon img{
	width: auto;
	height: 1.8rem;
}

.params__icon--small img{
	height: 1.6rem;
}

.params__icon--large img{
	height: 2rem;
}

.params__name{
	margin-bottom: 2rem;
	font-size: 2.2rem;
	font-weight: 600;
	line-height: 1.3;
	text-transform: uppercase;
}

.design.about .about__stats{
	margin-top: auto;
}
.design.about  .design__top{
	align-items: stretch;
}

.design.about .stat__value{
	font-weight: 600;
}

.design.about .stat__value span{
	font-weight: 700;
}

.stat__caption_v2{
	padding-left: 3rem;
}

.design.about .design__content{
	display: flex;
	padding-bottom: 1rem;
	padding-top: 5rem;
	flex-direction: column;
}

.params__text{
	font-size: 1.6rem;
	line-height: 1.5;
}

.params__media{
	position: relative;
	overflow: hidden;
	grid-row: span 2;
}

.params__media--wide{
	grid-column: span 2;
}

.params__picture{
	display: block;
	height: 100%;
}

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

.params__logo{
	position: absolute;
	left: 1rem;
	bottom: 1rem;
	width: 6.4rem;
}

.interior__subtitle{
	font-size: 2.4rem;
	line-height: 1.3;
}

.interior__slide{
	position: relative;
}

.interior__picture{
	display: block;
}

.interior__caption{
	position: absolute;
	top: 4.5rem;
	left: 0;
	right: 0;
	z-index: 2;
}

.interior__label{
	display: inline-block;
	margin-left: 3rem;
	padding: 1rem 3rem;
	background-color: var(--white);
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.3;
	text-transform: uppercase;
	border-radius: 5rem;
}

.faq__text p + p,
.faq__text ul,
.faq__text ul + p{
	margin-top: 1.5rem;
}

.faq__text li{
	position: relative;
	padding-left: 2.4rem;
}

.faq__text li::before{
	content: "";
	position: absolute;
	top: calc(0.75em - 0.2rem);
	left: 1rem;
	width: 0.4rem;
	height: 0.4rem;
	background-color: currentColor;
	border-radius: 50%;
}

.categories__title{
	margin-bottom: 3rem;
}

.about__stats{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: 2.4rem;
}

.about__media{
	position: relative;
}

.about__media::after{
	content: "";
	position: absolute;
	inset: 0;
	background-image: linear-gradient(0deg, rgba(53, 62, 72, 0.90) 9.29%, rgba(53, 62, 72, 0.54) 26.44%, rgba(53, 62, 72, 0.00) 45.54%);
}

.about__stat{
	position: absolute;
	left: 6rem;
	bottom: 1rem;
	z-index: 1;
	color: var(--white);
}

.stat--huge .stat__value{
	font-size: 8rem;
	font-weight: 400;
	line-height: 1.1;
}

.stat--huge .stat__prefix,
.stat--huge .stat__unit{
	font-size: 2.2rem;
}

.stat--huge .stat__unit{
	vertical-align: 6.8rem;
}

.stat--huge .stat__caption{
	margin-top: 0;
	font-size: 2.2rem;
}

.about-cards{
	padding-top: var(--section-margin);
	padding-bottom: var(--section-margin);
}

.about-cards__grid{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2.4rem;
}

.about-cards__picture{
	display: block;
}

.about-cards__picture img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.about-card{
	position: relative;
	min-height: 29rem;
	padding: 9rem 3rem;
	background-color: var(--white);
}

.about-card--dark{
	background-color: var(--dark);
	color: var(--white);
}

.about-card__icon{
	position: absolute;
	right: 2rem;
	top: 2rem;
	width: 3rem;
	height: 3rem;
}

.about-card__icon svg{
	width: 100%;
	height: 100%;
}

.about-card__title{
	margin-bottom: 1.5rem;
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 1.3;
	text-transform: uppercase;
}

.about-card__list{
	font-size: 1.8rem;
	line-height: 1.3;
}

.about-card__item{
	position: relative;
	padding-left: 1.7rem;
}

.about-card__item::before{
	content: "";
	position: absolute;
	left: 0;
	top: calc(0.72em - 0.2rem);
	width: 0.4rem;
	height: 0.4rem;
	background-color: currentColor;
	border-radius: 50%;
}


.history{
	overflow: hidden;
	padding: var(--section-margin) 0;
}

.history__top{
	display: grid;
	grid-template-columns: 1fr 55.2rem;
	gap: 2.4rem;
	margin-bottom: 6rem;
}

.history__subtitle{
	font-size: 2.4rem;
	line-height: 1.3;
}

.history__intro{
	font-size: 1.8rem;
	line-height: 1.5;
}

.history__timeline{
	position: relative;
}

.history__decor{
	position: absolute;
	top: -14.4rem;
	left: 0;
	z-index: -2;
	display: block;
	width: 90rem;
}

.history__decor--second{
	top: 102.8rem;
	left: 40.8rem;
	width: 76.7rem;
}

.history__decor--text{
	top: auto;
	bottom: 15.3rem;
	left: 45.6rem;
	width: 65.5rem;
}

.history__item{
	position: relative;
	display: flex;
	min-height: 22rem;
}

.history__item--1{
	padding-left: 9.6rem;
}

.history__item--2{
	padding-left: 19.2rem;
}

.history__item--3{
	padding-left: 28.8rem;
}

.history__year{
	flex-shrink: 0;
	width: 28.8rem;
	padding-top: 3rem;
	font-size: 9rem;
	font-weight: 600;
	line-height: 1.1;
	white-space: nowrap;
}

.history__body{
	flex: 1 1 auto;
	padding-top: 5rem;
	border-top: 0.1rem solid #C4C4C4;
}

.history__item--wide .history__body{
	margin-left: 28.8rem;
}

.history__name{
	margin-bottom: 2rem;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.3;
	text-transform: uppercase;
}

.history__facts{
	font-size: 1.6rem;
	line-height: 1.5;
}

.history__facts li{
	position: relative;
	padding-left: 2.5rem;
}

.history__facts li::before{
	content: "";
	position: absolute;
	top: calc(0.75em - 0.2rem);
	left: 1rem;
	width: 0.4rem;
	height: 0.4rem;
	background-color: currentColor;
	border-radius: 50%;
}

.history__line{
	position: absolute;
	top: 13rem;
	left: 4.4rem;
	display: block;
	width: 9.4rem;
}

.history__line--2{
	left: 13.2rem;
}

.history__line--3{
	left: 22rem;
}

.history__line--wide{
	width: 18.2rem;
}

.history__line img{
	width: 100%;
}

.history__item--last .history__body{
	margin-left: -2.4rem;
	padding-top: 1.5rem;
	border-top: none;
}

.history__plate{
	padding: 3rem 6rem;
	background-color: var(--green);
	color: var(--white);
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.5;
	text-transform: uppercase;
}


.direct{
	padding: var(--section-margin) 0;
}

.direct__top{
	display: grid;
	grid-template-columns: 1fr 64.8rem;
	gap: 2.4rem;
	margin-bottom: 6rem;
}

.direct__intro{
	font-size: 2.4rem;
	line-height: 1.5;
}

.direct__grid{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2.4rem;
}

.direct__picture{
	grid-row: span 2;
	display: block;
	height: 65.6rem;
}

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

.direct__card{
	padding: 3rem;
	background-color: var(--light-gray);
}

.direct__dots{
	display: flex;
	gap: 0.3rem;
	margin-bottom: 5rem;
}

.direct__dots span{
	width: 0.7rem;
	height: 0.7rem;
	background-color: var(--green);
	border-radius: 50%;
}

.direct__name{
	margin-bottom: 1.5rem;
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 1.3;
	text-transform: uppercase;
}

.direct__list{
	font-size: 1.8rem;
	line-height: 1.5;
}

.direct__list li,
.develop__list li{
	position: relative;
	padding-left: 1.8rem;
}

.direct__list li::before,
.develop__list li::before{
	content: "";
	position: absolute;
	top: calc(0.75em - 0.2rem);
	left: 0;
	width: 0.4rem;
	height: 0.4rem;
	background-color: currentColor;
	border-radius: 50%;
}

.direct__note{
	margin-top: 2rem;
	color: #363D47;
	font-size: 1.4rem;
	line-height: 1.5;
}

.develop + .partner{
	padding-top: calc(var(--section-margin) + var(--section-margin));
}

.direct__benefits{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2.4rem;
	margin-top: 4rem;
}

.order{
	padding-bottom: var(--section-margin);
	padding-top: var(--section-margin);
}

.order__box{
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	min-height: 44.4rem;
	margin-inline: 3rem;
	padding: 5rem 0;
	background-color: var(--dark);
	color: var(--white);
}

.order__decor{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
}

.order__decor img{
	width: auto;
	height: 100%;
	max-width: none;
}

.order__picture{
	position: absolute;
	right: -1rem;
	top: 50%;
	z-index: 1;
	display: block;
	width: 68.9rem;
	translate: 0 -50%;
}

.order__wrapper{
	position: relative;
	z-index: 2;
}

.order__label{
	display: inline-block;
	margin-bottom: 2rem;
	padding: 1rem 3rem;
	background-color: var(--white);
	color: var(--black-txt);
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.3;
	text-transform: uppercase;
	border-radius: 5rem;
}

.order__title{
	margin-bottom: 1.5rem;
	font-size: 3.2rem;
}

.order__text{
	margin-bottom: 3.5rem;
	font-size: 2rem;
	line-height: 1.5;
}

.order__button{
	min-width: 30.6rem;
	min-height: 6.4rem;
	font-size: 1.8rem;
}

.develop{
	padding-top: var(--section-margin);
}

.develop__top{
	display: grid;
	grid-template-columns: 1fr 55.2rem;
	gap: 2.4rem;
	margin-bottom: 5rem;
}

.develop__intro{
	font-size: 2.4rem;
	line-height: 1.5;
}

.develop__item{
	position: sticky;
	top: 0;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	height: 61rem;
	background-color: var(--dark);
	color: var(--white);
}

.develop__picture{
	position: absolute;
	inset: 0;
	display: block;
}

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

.develop__picture::after{
	content: "";
	position: absolute;
	inset: 0;
	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 42.05%, rgba(0, 0, 0, 0.60) 75%);
}

.develop__body{
	position: relative;
	z-index: 1;
	padding-bottom: 10rem;
}

.develop__name{
	margin-bottom: 2rem;
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1.3;
	text-transform: uppercase;
}

.develop__list{
	font-size: 1.6rem;
	line-height: 1.5;
}

.project-card__title span{
	display: inline-block;
}
.scroll-wrapper{
	display: none !important;
}

.scroll{
	flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.3rem;
    height: 1.6rem;
    background-color: #F0F0F0;
}

.scroll img{
	width: 2.8rem;
		margin-right: -2.2rem !important;
		margin-bottom: -1.5rem;
    height: 2.8rem;
    animation: swipeHint 1.6s ease-in-out infinite;
}

.modal--price .modal__checkbox, .modal--product .modal__checkbox{
	margin-left: -4.4rem;
}

@keyframes swipeHint {
	0%, 100%{
		translate: calc(-50% - 0.8rem) -50%;
	}

	50%{
		translate: calc(-50% + 0.8rem) -50%;
	}
}

.scroll-wrapper{
	display: flex;
	justify-content: center;
	margin-top: 4rem;
}

[data-view='rows']{
	display: none !important;
}

.toolbar__view svg:last-child{
	display: none;
}

.toolbar__view.is-active svg:first-child{
	display: none;
}
.toolbar__view.is-active svg:last-child{
	display: block !important;
}

.header-offset{
	height: 14.6rem;
}

.zone__item-title{
	min-height: 4rem;
}

.wrapper-100{
	width: 100%;
	padding: 0rem 3rem;
}


#modal-requisites.modal{
	width: 80rem;
}

#modal-requisites.modal ul{
	display: flex;
	flex-direction: column;
	font-size: 1.6rem;
	gap: 0.5rem;
}
/* ==================================== */

@media (max-width: 1024px) {
	.clients__bottom{
	padding: 0rem 0rem;
}

.clients__slider{
	margin: 0rem 0rem;
}


	.intro{
		max-height: 75rem;
	}

	.intro__slide::before{
		background: linear-gradient(90deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.43) 45%, rgba(0, 0, 0, 0.00) 75%);
	}

	.advantage__title{
		font-size: 2rem;
	}

	.advantage__text{
		font-size: 1.6rem;
	}

	.category-card__bottom{
		flex-wrap: wrap;
		gap: 1rem 2rem;
	}

	.category-card__title{
		flex: 1 1 0;
		font-size: 1.8rem;
	}

	.production__top{
		flex-direction: column;
	}

	.production__feature{
		padding-top: 30rem;
	}

	.production__feature-title{
		font-size: 1.6rem;
	}

	h1, .h1, h2, .h2{
		font-size: 3rem;
	}

	.opt__body{
		grid-template-columns: 1.25fr 1fr;
		padding-inline: var(--wrapper-padding);
	}

	.opt__content{
		min-height: 0;
		padding: 5rem 4rem 4rem;
	}

	.opt--reverse .opt__body{
		grid-template-columns: 1fr 1.25fr;
	}

	.opt--reverse .opt__content{
		padding: 5rem 4rem 4rem;
	}

	.opt__label{
		top: 1.5rem;
		right: 1.5rem;
		max-width: calc(100% - 3rem);
		padding: 1rem 2rem;
		font-size: 1.3rem;
	}

	.opt__text{
		font-size: 2rem;
	}

	.opt__list-title{
		font-size: 1.8rem;
	}

	.opt__list{
		font-size: 1.6rem;
	}

	.series-card{
		height: 23.5rem;
	}

	.series-card__title{
		padding: 2rem 2.5rem 0;
		font-size: 1.8rem;
	}

	.factory__text{
		font-size: 2rem;
	}

	.stat--large .stat__value{
		font-size: 4rem;
	}

	.stat--large .stat__value span{
		font-size: 2rem;
	}

	.stat--large .stat__caption{
		font-size: 1.5rem;
	}

	.factory-card{
		height: 36rem;
		padding: 2.5rem 2.5rem 1.5rem;
	}

	.factory-card__title{
		font-size: 2rem;
	}

	.factory__benefits .advantage__title{
		font-size: 1.7rem;
	}

	.product-card__media{
		height: 30.4rem;
	}

	.product-card__title{
		font-size: 2rem;
	}

	.projects__slider{
		--offset-before: 8;
	}

	.projects__slide{
		width: 66.4rem;
	}

	.projects__frame{
		height: 32rem;
	}

	.swiper-slide-active .projects__frame{
		height: 40rem;
	}

	.projects__cards{
		width: 44rem;
	}

	.projects__nav{
		left: 74.4rem;
	}

	.partner__subtitle{
		font-size: 2rem;
	}

	.partner__body{
		gap: 3rem;
	}

	.partner__picture{
		width: 36rem;
	}

	.partner__list{
		flex-grow: 1;
		width: auto;
		gap: 3rem;
	}

	.partner__benefits{
		grid-template-columns: 36rem 1fr 1fr;
	}

	.partner__benefits .advantage__title{
		font-size: 1.8rem;
	}

	.reviews__subtitle{
		font-size: 2rem;
	}

	.review{
		padding: 2.5rem 2.5rem 3rem;
	}

	.review__head{
		gap: 1.5rem;
		margin-bottom: 3.5rem;
	}

	.review__icon{
		width: 5rem;
		height: 5rem;
	}

	.review__name{
		font-size: 1.6rem;
	}

	.review__text{
		font-size: 1.5rem;
	}

	.banner__picture img{
		height: 40rem;
	}

	.principle__grid{
		grid-template-columns: 28.8rem 1fr;
	}

	.principle__certs{
		grid-column: 1 / -1;
		display: grid;
		grid-template-columns: 1fr auto;
		grid-template-rows: auto auto 1fr;
		column-gap: 4rem;
		padding: 4rem 3rem 3rem;
	}

	.principle__gallery{
		grid-column: 2;
		grid-row: 1 / 4;
		margin: 0;
	}

	.principle__button{
		align-self: end;
		justify-self: start;
		margin-top: 3rem;
	}

	.article-card{
		min-height: 30rem;
		padding: 2rem 2.5rem;
	}

	.article-card__title{
		font-size: 1.6rem;
	}

	.article-card__text{
		font-size: 1.3rem;
	}

	.seo__title{
		font-size: 2.6rem;
	}

	.seo__picture{
		width: 45rem;
		margin-left: 3rem;
	}

	.seo__picture img{
		height: 32rem;
	}

	.consult__box{
		padding: 6rem 0 4rem;
	}

	.consult__top{
		margin-bottom: 4rem;
	}

	.consult__subtitle{
		font-size: 2rem;
	}

	.consult__logo img{
		width: 22rem;
	}

	.consult__contacts{
		margin-top: 5rem;
	}

	.consult__phone, .consult__messenger{
		font-size: 2.2rem;
	}

	.services__item{
		padding: 35rem 0 4rem;
	}

	.services__name{
		font-size: 2rem;
	}

	.services__text{
		font-size: 1.6rem;
	}

	.services__note{
		margin-bottom: 2.5rem;
		font-size: 1.4rem;
	}

	.modal--price{
		width: 100%;
		padding: 6rem 4rem 4rem;
	}

	.modal__top{
		grid-template-columns: 1fr;
		gap: 2rem;
		margin-bottom: 4rem;
	}

	.modal__body{
		grid-template-columns: 1fr 26rem;
		gap: 4rem;
	}

	.modal__catalog{
		width: 50rem;
	}

	.modal__contacts{
		margin-top: 4rem;
	}

	.modal--calc{
		width: 100%;
		padding: 6rem 4rem 4rem;
	}

	.modal__lamp{
		width: 36rem;
	}

	.modal--calc .modal__text{
		font-size: 2rem;
	}

	.modal__note{
		margin: 3.5rem 0 3rem;
	}

	.modal--partner{
		width: 100%;
	}

	.modal__grid{
		grid-template-columns: 1fr 40rem;
	}

	.modal__side{
		padding: 5rem 2rem 4rem;
	}

	.contacts__wrapper{
		grid-template-columns: 1fr 52rem;
	}

	.contacts__subtitle{
		margin-bottom: 3.5rem;
		font-size: 2rem;
	}

	.contacts__text{
		margin-top: 3.5rem;
	}

	.contacts__media{
		height: 36rem;
	}

	.contacts__caption, .contacts__hover{
		padding: 2.5rem 3rem;
	}

	.details__grid{
		gap: 2rem;
	}

	.details__phone, .details__address, .details__mail, .details__messenger{
		font-size: 1.6rem;
	}

	.details__messenger-icon svg{
		width: 2.8rem;
		height: 2.8rem;
	}

	.map__body{
		height: 40rem;
	}

	.delivery__top, .quality__top{
		grid-template-columns: 1fr 40rem;
	}

	.delivery__body{
		grid-template-columns: 1fr 52rem;
	}

	.delivery__name{
		font-size: 1.8rem;
	}

	.delivery__card{
		padding: 3rem;
	}

	.quality__name{
		font-size: 2rem;
	}

	.quality__text{
		font-size: 1.6rem;
	}

	.shipping__box{
		padding: 4rem;
	}

	.shipping__title, .shipping__accent{
		font-size: 1.8rem;
	}

	.modal--map{
		width: 100%;
	}

	.modal__map{
		height: 45rem;
	}

	.payment__subtitle{
		font-size: 1.6rem;
	}

	.payment__text, .payment__list{
		font-size: 1.5rem;
	}

	.formats__top{
		grid-template-columns: 1fr 34rem;
		margin-bottom: 3rem;
	}

	.formats__text{
		font-size: 2rem;
	}

	.formats__lead{
		font-size: 1.8rem;
	}

	.formats__nav{
		gap: 1.5rem;
		margin-bottom: 3rem;
	}

	.formats__tab{
		min-height: 4.6rem;
		padding: 0.5rem 1rem;
		font-size: 1.3rem;
	}

	.formats__pane{
		grid-template-rows: minmax(32rem, auto) minmax(18rem, auto);
		gap: 1.5rem;
	}

	.formats__card{
		padding: 2.5rem;
	}

	.formats__dots{
		margin-bottom: 2rem;
	}

	.formats__card-title, .formats__card-text, .formats__list, .formats__note{
		font-size: 1.5rem;
	}

	.formats__form{
		padding: 5rem 2rem 2rem;
	}

	.formats__form-title{
		margin-bottom: 4rem;
		font-size: 1.8rem;
	}

	.formats__button{
		min-height: 5.6rem;
		font-size: 1.6rem;
	}

	.formats__wide{
		padding: 2.5rem;
	}

	.formats__wide-title{
		font-size: 1.8rem;
	}

	.formats__wide-text, .formats__wide-label{
		font-size: 1.5rem;
	}

	.formats__wide-aside{
		gap: 1.5rem;
		padding-left: 3rem;
	}

	.formats__wide-aside::before{
		height: 11rem;
	}

	.formats__decor{
		left: 33rem;
	}

	.stat-line{
		min-height: 7.5rem;
		padding-top: 1.5rem;
	}

	.stat-line::before{
		width: 12rem;
	}

	.stat-line__label{
		font-size: 1.4rem;
	}

	.stat-line__value{
		font-size: 4.2rem;
	}

	.stat-line__value span{
		font-size: 1.4rem;
	}

	.offer{
		padding-top: 4rem;
	}

	.offer__top{
		grid-template-columns: 38rem 1fr;
		margin-bottom: 3rem;
	}

	.offer__lead{
		font-size: 2rem;
	}

	.offer__row{
		gap: 1.5rem;
		min-height: 38rem;
	}

	.offer__row + .offer__row{
		grid-template-columns: 22rem 38rem 1fr;
		min-height: 32rem;
		margin-top: 1.5rem;
	}

	.offer-card{
		padding: 7rem 2.5rem 2.5rem;
	}

	.offer-card__icon{
		right: 1.5rem;
		top: 1.5rem;
		width: 2.6rem;
		height: 2.6rem;
	}

	.offer-card__icon svg{
		width: 1.7rem;
		height: 1.7rem;
	}

	.offer-card__pill{
		left: 2.5rem;
		top: 1.5rem;
	}

	.offer-card__title{
		margin-bottom: 1.2rem;
		font-size: 1.6rem;
	}

	.offer-card__text, .offer-card__list{
		font-size: 1.5rem;
	}

	.offer-card__list{
		gap: 1.2rem;
	}

	.offer-card .stat-line .stat-line__value{
		margin-top: -2rem;
	}

	.faq__title{
		margin-bottom: 3rem;
	}

	.faq__top{
		padding: 2.6rem 0;
	}

	.faq__question{
		font-size: 1.6rem;
	}

	.faq__icon{
		width: 2.4rem;
		height: 2.4rem;
	}

	.faq__item.accordion-active .faq__top{
		padding-bottom: 1.6rem;
	}

	.faq__text{
		font-size: 1.5rem;
	}

	.opt__contacts-row{
		grid-template-columns: 10rem 1fr;
	}

	.partnership__top{
		grid-template-columns: 1fr 45rem;
	}

	.partnership__title{
		margin-bottom: 2rem;
	}

	.partnership__subtitle{
		margin-bottom: 3.5rem;
		font-size: 2rem;
	}

	.partnership__button{
		min-width: 32rem;
		min-height: 5.6rem;
		font-size: 1.6rem;
	}

	.partnership__picture{
		height: 41rem;
	}

	.partnership__benefits{
		grid-template-columns: 36rem 1fr 1fr;
		margin-top: 3rem;
	}

	.partnership__benefits .advantage__title{
		font-size: 1.8rem;
	}

	.opt--reverse .opt__title{
		font-size: 2.7rem;
	}

	.categories--page .categories__grid,
	.categories__grid--tall{
		grid-template-rows: auto 32.2rem 37.9rem;
	}

	.categories__item--tall .category-card__bottom{
		flex-direction: column;
		align-items: flex-start;
		gap: 1rem;
	}

	.categories__item--tall .category-card__title{
		flex: none;
	}

	.subcats{
		padding-top: 3rem;
	}

	.subcats__grid{
		grid-template-columns: repeat(4, 1fr);
		gap: 1.5rem;
	}

	.subcat-card{
		height: 17rem;
	}

	.subcat-card__title{
		font-size: 1.5rem;
	}

	.catalog{
		padding-top: 4rem;
	}

	.catalog__head{
		margin-bottom: 3rem;
	}

	.catalog__text{
		font-size: 2rem;
	}

	.toolbar{
		grid-template-columns: 24rem 1fr;
		gap: 1.5rem;
	}

	.toolbar__filter{
		gap: 1.2rem;
		font-size: 1.6rem;
	}

	.toolbar__sort.custom-select{
		width: 16rem;
	}

	.toolbar__view svg{
		width: 2.2rem;
		height: 2.2rem;
	}

	.catalog__body{
		grid-template-columns: 24rem 1fr;
		gap: 1.5rem;
	}

	.filter__name{
		font-size: 1.5rem;
	}

	.filter__checkbox .checkbox__text{
		font-size: 1.3rem;
	}

	.filter__button{
		min-height: 4.6rem;
		font-size: 1.5rem;
	}

	.manager{
		gap: 1.2rem;
		margin-top: 1.5rem;
		padding: 1.5rem 1rem;
	}

	.manager__photo{
		width: 6rem;
		height: 6rem;
	}

	.manager__text{
		font-size: 1.7rem;
	}

	.products{
		grid-template-columns: repeat(2, 1fr);
		gap: 1.5rem;
	}

	.products--list,
	.products--rows{
		grid-template-columns: 1fr;
	}

	.products + .products{
		margin-top: 1.5rem;
	}

	.product-item__slider{
		height: 24rem;
	}

	.product-item__bullets{
		left: 6rem;
		right: 6rem;
	}

	.product-item__title{
		font-size: 1.5rem;
	}

	.product-item__price{
		font-size: 2.4rem;
	}

	.products--rows .product-item{
		grid-template-columns: 24rem 1fr;
	}

	.products--rows .product-item__slider{
		min-height: 17rem;
	}

    .products--list .product-item {
        grid-template-columns: 16rem 1fr 18rem;
    }

	.products--list .product-item__slider{
		min-height: 11.4rem;
	}

	.promo-box{
		padding: 4rem;
	}

	.promo-box__decor{
		width: 24rem;
	}

	.promo-box__title{
		font-size: 2.6rem;
	}

	.promo-box__text{
		margin-bottom: 2.5rem;
		font-size: 1.8rem;
	}

	.promo-box__bottom{
		gap: 3rem;
	}

	.promo-box__button{
		min-width: 24rem;
		min-height: 5.6rem;
		font-size: 1.6rem;
	}

	.show-more{
		min-height: 5rem;
		font-size: 1.6rem;
	}

	.catalog--top{
		padding-top: 2.8rem;
	}

	.filter__reset{
		min-height: 4.6rem;
		font-size: 1.5rem;
	}

	.product-item__params--specs{
		padding: 1.8rem 1rem 2rem;
	}

	.product-item__spec{
		font-size: 1.4rem;
	}

	.products--list .product-item__specs{
		column-gap: 2rem;
	}

	.benefits__grid{
		gap: 1.5rem;
	}

	.benefit-card{
		min-height: 14rem;
		padding: 1.5rem 1.5rem 1.5rem 2rem;
	}

	.benefit-card__title{
		font-size: 1.4rem;
	}

	.benefit-card__title br{
		display: none;
	}

	.benefit-card__icon{
		right: 0.8rem;
		top: 0.8rem;
		width: 2.4rem;
		height: 2.4rem;
	}

	.send__box{
		padding: 6rem 0 4rem;
	}

	.send__label{
		padding: 1rem 2rem;
		font-size: 1.4rem;
	}

	.send__avatar-photo{
		width: 5rem;
		height: 5rem;
	}

	.send__experts-text{
		font-size: 1.8rem;
	}

	.send__body{
		margin-top: 1.5rem;
		padding-right: 4rem;
	}

	.send__list{
		gap: 1.2rem;
	}

	.send__item{
		grid-template-columns: 4rem 1fr;
		font-size: 1.8rem;
	}

	.send__contacts{
		gap: 3rem;
		padding-top: 3rem;
	}

	.send__form{
		gap: 1.2rem;
		width: 36rem;
		padding: 3rem 2rem;
	}

	.send__file .file__name{
		font-size: 1.6rem;
	}

	.send__check{
		max-width: 28rem;
	}

	.product{
		padding-top: 3rem;
	}

	.product__head{
		gap: 1.5rem;
		margin-bottom: 3rem;
	}

	.product__photo{
		height: 32rem;
	}

	.product__thumbs{
		--space-between: 0.8;
	}

	.product__thumb.swiper-slide{
		height: 7rem;
	}

	.product__arrow,
	.product__action{
		width: 3.2rem;
		height: 3.2rem;
	}

	.product__badges,
	.product__actions{
		left: 1.5rem;
		right: 1.5rem;
		top: 1.5rem;
	}

	.product__badges{
		right: auto;
	}

	.product__actions{
		left: auto;
	}

	.product__arrow--prev{
		left: 1.5rem;
	}

	.product__arrow--next{
		right: 1.5rem;
	}

	.product__specs{
		grid-template-columns: 26rem 1fr;
	}

	.product__bottom{
		gap: 1.5rem;
	}

	.product__feature{
		padding: 1.5rem;
	}

	.product__feature-title br,
	.product__feature-text br{
		display: none;
	}

	.product__manager{
		gap: 1.5rem;
		padding: 2rem;
	}

	.product__manager-photo{
		width: 6.4rem;
		height: 6.4rem;
	}

	.specs__nav{
		gap: 8rem;
	}

	.specs__tab{
		padding: 0 2rem 1rem;
		font-size: 1.5rem;
	}

	.specs__pane{
		padding-top: 3.5rem;
	}

	.specs__cols{
		column-gap: 12rem;
	}

	.specs__group + .specs__group{
		margin-top: 2.5rem;
	}

	.specs__group-title{
		font-size: 1.6rem;
	}

	.specs__row{
		padding: 1.8rem 0;
		font-size: 1.5rem;
	}

	.specs__pane--text{
		font-size: 1.5rem;
	}

	.specs__title{
		margin-bottom: 1.5rem;
		font-size: 1.5rem;
	}

	.specs__cert{
		width: 15rem;
	}

	.specs__files{
		max-width: 40rem;
	}

	.specs__file{
		gap: 1.2rem;
		padding: 1.3rem 0;
		font-size: 1.3rem;
	}

	.specs__file-icon{
		width: 2.2rem;
		height: 2.2rem;
	}

	.options__box{
		padding: 4rem 0;
	}

	.options__body{
		grid-template-columns: 1fr 46.8rem;
		column-gap: 3rem;
	}

	.options__list{
		gap: 2rem;
	}

	.options__item{
		grid-template-columns: 3rem 1fr;
		column-gap: 1.2rem;
	}

	.options__icon{
		width: 3rem;
		height: 3rem;
	}

	.options__icon img{
		width: 2rem;
		height: 2rem;
	}

	.options__icon--ral img{
		width: 1.7rem;
		height: 1.7rem;
	}

	.options__icon--size img{
		width: 2rem;
		height: 2rem;
	}

	.options__name{
		font-size: 1.8rem;
	}

	.options__text{
		margin-top: 0.8rem;
		font-size: 1.4rem;
	}

	.options__cards{
		gap: 1.5rem;
	}

	.options__card{
		min-height: 17rem;
		padding: 2.5rem 2rem;
	}

	.options__card-icon{
		width: 4.6rem;
		height: 4.6rem;
		margin-bottom: 2.5rem;
	}

	.options__card-title{
		font-size: 1.4rem;
	}

	.benefits--three .benefit-card{
		min-height: 17rem;
		padding-left: 2rem;
	}

	.benefits--three .benefit-card__icon{
		right: 1rem;
		top: 1rem;
	}

	.benefit-card__text{
		margin-top: 1.2rem;
		font-size: 1.3rem;
	}

	.interior__top{
		gap: 3rem;
		margin-bottom: 3rem;
	}

	.interior__nav{
		gap: 3rem;
	}

	.interior__slide img{
		height: 50rem;
	}

	.interior__bullet{
		width: 3.4rem;
	}

	.interior__button{
		gap: 2.4rem;
		min-height: 5rem;
		margin-top: 3rem;
	}

	.conditions__list{
		gap: 1.5rem;
	}

	.steps__item{
		grid-template-columns: 4rem 1fr;
		font-size: 1.8rem;
	}

	.products-slider__top{
		gap: 3rem;
		margin-bottom: 3rem;
	}

	.products-slider__nav{
		gap: 3rem;
	}

	.products-slider__slide{
		width: calc((100% - 4.8rem) / 3);
	}

	.stability__title{
		margin-bottom: 3rem;
	}

	.stability__card{
		min-height: 24rem;
		padding: 2.5rem;
	}

	.stability__card--photo{
		padding-top: 6rem;
	}

	.stability__dots{
		margin-bottom: 4rem;
	}

	.stability__card-title{
		margin-bottom: 1.5rem;
		font-size: 1.6rem;
	}

	.stability__card-text{
		font-size: 1.4rem;
	}

	.stability__text{
		font-size: 1.8rem;
	}

	.stability__photo{
		width: 24rem;
	}

	.design__top{
		grid-template-columns: 1fr 45rem;
	}

	.design__subtitle{
		margin-bottom: 2.5rem;
		font-size: 2rem;
	}

	.design__text{
		margin-bottom: 4rem;
		font-size: 1.8rem;
	}

	.design__button{
		min-width: 32rem;
		min-height: 5.6rem;
		font-size: 1.6rem;
	}

	.design__picture{
		height: 41rem;
	}

	.design__list{
		gap: 1.5rem;
		margin-top: 3rem;
	}

	.mistakes__title{
		margin-bottom: 3rem;
	}

	.mistakes__list{
		gap: 1.5rem;
	}

	.mistakes__item{
		min-height: 17rem;
		padding: 2rem;
	}

	.mistakes__icon{
		width: 2.6rem;
		height: 2.6rem;
		margin-bottom: 2.5rem;
	}

	.mistakes__name{
		margin-bottom: 1rem;
		font-size: 1.4rem;
	}

	.mistakes__text{
		font-size: 1.3rem;
	}

	.opt__terms{
		gap: 1rem;
	}

	.send--project .send__body{
		padding-right: 4rem;
	}

	.send--project .send__form{
		width: 32rem;
	}

	.economy__title{
		margin-bottom: 3rem;
	}

	.economy__grid{
		gap: 1.5rem;
	}

	.economy__card{
		min-height: 30rem;
		padding: 2.5rem;
	}

	.economy__text{
		font-size: 1.5rem;
	}

	.economy__note{
		min-height: 8rem;
		font-size: 1.3rem;
	}

	.economy__note::before{
		width: 12rem;
	}

	.economy__photo{
		height: 30rem;
	}

	.economy__wide{
		grid-template-columns: 1fr 34rem;
		gap: 1.5rem;
		margin-top: 1.5rem;
		padding: 3rem;
	}

	.economy__wide-title{
		font-size: 1.8rem;
	}

	.economy__list{
		padding-top: 3rem;
		font-size: 1.3rem;
	}

	.economy__obj img{
		width: 34rem;
	}

	.calc__box{
		margin-top: -18rem;
		padding: 5rem 6rem;
	}

	.calc__content{
		max-width: 48rem;
	}

	.calc__title{
		font-size: 2.6rem;
	}

	.calc__text{
		font-size: 1.6rem;
	}

	.calc__form{
		max-width: 28rem;
	}

	.calc__contacts{
		gap: 2rem;
		padding-top: 3rem;
	}

	.zone__head{
		padding-bottom: 3rem;
	}

	.zone__title{
		margin-bottom: 1rem;
	}

	.zone__text{
		margin-bottom: 3rem;
		font-size: 2rem;
	}

	.zone__items{
		gap: 1.5rem;
	}

	.zone__item{
		min-height: 14rem;
		padding: 2.5rem;
	}

	.zone__item-icon{
		right: 1.2rem;
		top: 1.2rem;
		width: 2.2rem;
		height: 2.2rem;
	}

	.zone__item-icon svg{
		width: 1.4rem;
		height: 1.4rem;
	}

	.zone__item-title{
		font-size: 1.6rem;
	}

	.zone__slide img{
		height: 60rem;
	}

	.zone__slider .zone__pagination{
		bottom: 7rem;
	}

	.zone__bottom{
		margin-top: -5rem;
	}

	.zone__cards{
		gap: 1.5rem;
	}

	.zone__card{
		gap: 1.5rem;
		min-height: 13rem;
		padding: 2.5rem;
	}

	.zone__card-title{
		font-size: 1.3rem;
	}

	.promo-catalog__box{
		min-height: 26rem;
		padding: 5rem 0 4rem;
	}

	.promo-catalog__decor{
		height: 26rem;
	}

	.promo-catalog__title{
		margin-bottom: 3rem;
		font-size: 2.6rem;
	}

	.promo-catalog__button{
		min-width: 22rem;
		min-height: 5.6rem;
		font-size: 1.6rem;
	}

	.promo-catalog__picture{
		right: 3rem;
		    height: 37.4rem;
		width: 42rem;
	}

	.opt__lead{
		font-size: 2.3rem;
	}

	.opt__descr{
		font-size: 1.6rem;
	}

	.opt__descr br{
		display: none;
	}

	.opt__descr p + p{
		margin-top: 2rem;
	}

	.params__title{
		margin-bottom: 3rem;
	}

	.params__grid{
		grid-auto-rows: 19.6rem;
	}

	.params__item{
		padding: 2rem 2.4rem;
	}

	.params__icon{
		width: 2.4rem;
		height: 2.4rem;
		margin-bottom: 2.4rem;
	}

	.params__icon img{
		height: 1.6rem;
	}

	.params__icon--small img{
		height: 1.4rem;
	}

	.params__icon--large img{
		height: 1.8rem;
	}

	.params__name{
		margin-bottom: 1.5rem;
		font-size: 1.8rem;
	}

	.params__text{
		font-size: 1.4rem;
	}

	.params__logo{
		width: 5.6rem;
	}

	.interior__subtitle{
		font-size: 2rem;
	}

	.interior__caption{
		top: 3.5rem;
	}

	.interior__label{
		margin-left: 2.4rem;
		padding: 0.9rem 2.4rem;
		font-size: 1.4rem;
	}

	.categories__title{
		margin-bottom: 2.5rem;
	}

	.about__stat{
		left: 4rem;
	}

	.stat--huge .stat__value{
		font-size: 6.8rem;
	}

	.stat--huge .stat__prefix,
	.stat--huge .stat__unit,
	.stat--huge .stat__caption{
		font-size: 1.8rem;
	}

	.stat--huge .stat__unit{
		vertical-align: 5.8rem;
	}

	.stat__caption_v2{
		padding-left: 2.5rem;
	}

	.about-card{
		min-height: 24rem;
		padding: 7rem 2.4rem;
	}

	.about-card__icon{
		right: 1.5rem;
		top: 1.5rem;
		width: 2.6rem;
		height: 2.6rem;
	}

	.about-card__title{
		font-size: 2rem;
	}

	.about-card__list{
		font-size: 1.6rem;
	}

	.history__top{
		grid-template-columns: 1fr 48rem;
		margin-bottom: 5rem;
	}

	.history__subtitle{
		font-size: 2rem;
	}

	.history__intro{
		font-size: 1.6rem;
	}

	.history__decor{
		top: -12rem;
		width: 75rem;
	}

	.history__decor--second{
		top: 86rem;
		left: 34rem;
		width: 64rem;
	}

	.history__decor--text{
		top: auto;
		bottom: 13rem;
		left: 38rem;
		width: 54.6rem;
	}

	.history__item{
		min-height: 19rem;
	}

	.history__item--1{
		padding-left: 8rem;
	}

	.history__item--2{
		padding-left: 16rem;
	}

	.history__item--3{
		padding-left: 24rem;
	}

	.history__year{
		width: 24rem;
		padding-top: 2.5rem;
		font-size: 7.5rem;
	}

	.history__body{
		padding-top: 4rem;
	}

	.history__item--wide .history__body{
		margin-left: 24rem;
	}

	.history__name{
		margin-bottom: 1.5rem;
		font-size: 1.6rem;
	}

	.history__facts{
		font-size: 1.5rem;
	}

	.history__line{
		top: 11rem;
		left: 3.7rem;
		width: 7.8rem;
	}

	.history__line--2{
		left: 11rem;
	}

	.history__line--3{
		left: 18.3rem;
	}

	.history__line--wide{
		width: 15.2rem;
	}

	.history__item--last .history__body{
		margin-left: -2rem;
	}

	.history__plate{
		padding: 2.5rem 5rem;
		font-size: 1.6rem;
	}

	.direct__top{
		grid-template-columns: 1fr 55.2rem;
		margin-bottom: 5rem;
	}

	.direct__intro,
	.develop__intro{
		font-size: 2rem;
	}

	.direct__picture{
		height: 55.6rem;
	}

	.direct__card{
		padding: 2.4rem;
	}

	.direct__dots{
		margin-bottom: 4rem;
	}

	.direct__name{
		font-size: 2rem;
	}

	.direct__list{
		font-size: 1.6rem;
	}

	.direct__note{
		margin-top: 1.5rem;
		font-size: 1.3rem;
	}

	.direct__benefits{
		margin-top: 3rem;
	}

	.order__box{
		min-height: 38rem;
		padding: 4rem 0;
	}

	.order__picture{
		right: -2rem;
		width: 50rem;
	}

	.order__label{
		margin-bottom: 1.5rem;
		padding: 0.8rem 2.4rem;
		font-size: 1.4rem;
	}

	.order__title{
		font-size: 2.6rem;
	}

	.order__text{
		margin-bottom: 3rem;
		font-size: 1.8rem;
	}

	.order__button{
		min-width: 26rem;
		min-height: 5.6rem;
		font-size: 1.6rem;
	}

	.develop__top{
		grid-template-columns: 1fr 46.8rem;
		margin-bottom: 4rem;
	}

	.develop__item{
		height: 52rem;
	}

	.develop__body{
		padding-bottom: 4rem;
	}
	
	
	.develop__name{
		font-size: 1.6rem;
	}

	.develop__list{
		font-size: 1.5rem;
	}

	.promo-catalog__picture{
		right: 1rem;
	}

	.wrapper-100 {
    padding: 0rem var(--wrapper-padding);
}
}

@media (max-width: 768px) {
	.opt__text{
		max-width: 100%;
		width: 100%;
	}

	.economy__grid{
		align-items: stretch;
		display: flex !important;
		flex-wrap: wrap !important;
	}

	.economy__photo{
		height: auto !important;
	}

	.economy__text{
		margin-bottom: 1.5rem;
	}

	.economy__text br{
		display: none !important;
	}

	.economy__card, .economy__photo{
		width: calc((100% - 1.5rem) / 2);
	}

	.economy__note br{
		display: none !important;
	}

	.economy__photo{
		order: 3;
	}

	.send__experts{
		width: 100%;
		max-width: 50rem;
	}
	.send__avatar + .send__avatar {
    margin-left: -0rem;
}

	.send__experts-text br{
		display: none;
	}

	.opt__text br{
		display: none;
	}

	.promo__body{
		gap: 1.5rem;
		font-size: 1.3rem;
	}

	.wrapper-100 .calc__box {
		padding-bottom: 10rem;
		position: relative;
	}

	.wrapper-100 .calc__contacts{
		position: absolute;
		bottom: 3rem;
		left: 5rem;
	}


	.wrapper-100 .calc__content{
		position: static;
	}
	
    .promo-catalog__picture {
        right: 0rem;
        height: 16.4rem;
        top: auto;
        bottom: -2rem;
        translate: 0px 0px;
        width: 19rem;
    }

	.stability__card br{
		display: none;
	}

	.wrapper-100 .calc__box .wrapper{
		flex-direction: column;
}

	.catalog__aside{
		margin-bottom: 0rem !important;
	}

	.toolbar__views{
		display: none;
	}

	.catalog__aside .manager{
		display: none;
	}

	.scroll-wrapper{
	display: flex !important;
}


	
.design{
	margin-top: 3rem;
}


	.header{
		padding-bottom: 0;
	}

	.header__mail-box, .header__schedule, .header__bottom{
		display: none;
	}

	.header__main-body .catalog-button, .header__main-body .search{
		display: none;
	}

	.header__actions{
		margin-left: auto;
	}

	.intro{
		height: auto;
		min-height: 0;
		max-height: none;
	}

	.intro__slide.swiper-slide{
		height: auto;
		min-height: 70rem;
	}

	.intro__slide::before{
		background: rgba(0, 0, 0, 0.5);
	}

	.intro__wrapper{
		flex-direction: column;
		align-items: flex-start;
		height: auto;
		padding: 20rem 0 11rem;
	}

	.intro__title{
		font-size: 3.6rem;
	}

	.intro__text{
		margin-bottom: 3rem;
		font-size: 1.8rem;
	}

	.intro__note{
		position: static;
		translate: none;
		margin-top: 2.5rem;
	}

	.intro__bottom{
		padding-right: 0;
	}

	.burger-menu .socials svg{
		height: 3rem;
	}

	.intro-bottom{
		padding-top: 4rem;
	}

	.intro-bottom__list{
		grid-template-columns: repeat(2, 1fr);
		gap: 3rem 2.4rem;
	}

	.categories{
		padding-top: 4rem;
	}

	.categories__grid{
		grid-template-columns: repeat(2, 1fr);
	}

	.production__text{
		font-size: 1.8rem;
	}

	.production__bottom{
		margin-top: 4rem;
		background-color: var(--dark);
		background-position: center top;
		background-size: auto 40rem;
	}

	.production__bottom::before{
		background: linear-gradient(180deg, rgba(53, 62, 72, 0) 15rem, var(--dark) 40rem);
	}

	.production__features{
		grid-template-columns: repeat(2, 1fr);
		gap: 3rem 2.4rem;
		padding: 28rem 0 4rem;
	}

	.production__feature{
		padding: 0;
	}

	.production__feature::before, .production__feature:last-child::after{
		display: none;
	}

	.opt__body{
		grid-template-columns: 1fr;
	}

	.opt__text{
		font-size: 1.8rem;
	}

	.opt__picture{
		height: 40rem;
	}

	.opt--reverse .opt__body{
		grid-template-columns: 1fr;
	}

	.opt__media{
		height: 40rem;
	}

	.opt__label{
		padding: 1rem 2.4rem;
		font-size: 1.5rem;
	}

	.footer__top{
		grid-template-columns: repeat(2, 1fr);
		gap: 3.5rem 2.4rem;
	}

	.footer__bottom{
		grid-template-columns: 1fr auto;
		grid-template-areas: "legal requisites" "disclaimer disclaimer";
		row-gap: 2rem;
	}

	.footer__legal{
		grid-area: legal;
	}

	.footer__disclaimer{
		grid-area: disclaimer;
		max-width: none;
	}

	.footer__requisites{
		grid-area: requisites;
	}

	.series__title{
		margin-bottom: 3rem;
	}

	.series__grid{
		grid-template-columns: repeat(2, 1fr);
	}

	.series-card{
		height: 21rem;
	}

	.series-card__title{
		padding: 2rem 2rem 0;
	}

	.factory__top{
		grid-template-columns: 1fr;
		gap: 3rem;
		margin-bottom: 3rem;
	}

	.factory__text{
		font-size: 1.8rem;
	}

	.factory__grid{
		grid-template-columns: 1fr;
	}

	.factory__subtitle{
		margin: 3rem 0 2.5rem;
		font-size: 1.8rem;
	}

	.factory__benefits{
		grid-template-columns: repeat(2, 1fr);
		gap: 3rem 2.4rem;
	}

	.factory__benefits .advantage__title{
		font-size: 1.8rem;
	}

	.novelty__top{
		margin-bottom: 3rem;
	}

	.novelty__list{
		margin-inline: calc(var(--wrapper-padding) * -1);
		padding-inline: var(--wrapper-padding);
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scroll-padding-inline: var(--wrapper-padding);
		scrollbar-width: none;
	}

	.novelty__list::-webkit-scrollbar{
		display: none;
	}

	.novelty__item{
		flex: none;
		width: calc((100% - 4.8rem) / 2);
		scroll-snap-align: start;
	}

	.product-card__media{
		height: 26rem;
	}

	.product-card__title{
		font-size: 1.8rem;
	}

	.projects{
		padding: 6rem 0 20rem;
	}

	.projects__top{
		flex-direction: column;
		gap: 3rem;
		margin-bottom: 3rem;
	}

	.projects__tags{
		max-width: none;
		gap: 0.8rem;
	}

	.projects__tag{
		padding: 0.5rem 1.3rem;
		font-size: 1.5rem;
	}

	.projects__slider{
		--offset-before: 0;
	}

	.projects__slide{
		width: 50.4rem;
	}

	.projects__frame{
		height: 26rem;
	}

	.swiper-slide-active .projects__frame{
		height: 32rem;
	}

	.projects__overlay{
		position: static;
		margin-top: 2rem;
	}

	.projects__cards{
		position: static;
		width: auto;
	}

	.projects__nav{
		position: static;
		margin-top: 2.5rem;
		gap: 2rem;
	}

	.clients__box{
		margin-top: -14rem;
		padding: 4rem 2rem;
	}

	.clients__text{
		margin-bottom: 3rem;
	}

	.clients__logo{
		padding: 0 2.5rem;
	}

	.clients__logo img{
		height: 3.6rem;
	}

	.clients__bottom{
		margin-top: 4rem;
	}

	.partner__top{
		grid-template-columns: 1fr;
		gap: 2.5rem;
	}

	.partner__subtitle{
		font-size: 1.8rem;
	}

	.partner__lead{
		font-size: 1.6rem;
	}

	.partner__button{
		width: auto;
		align-self: flex-start;
	}

	.partner__body{
		flex-direction: column;
	}

	.partner__picture{
		width: 100%;
	}

	.partner__picture img{
		height: 45rem;
		object-position: 50% 20%;
	}

	.partner__list{
		gap: 2.5rem;
	}

	.partner__name{
		font-size: 1.8rem;
	}

	.partner__text{
		font-size: 1.5rem;
	}

	.partner__benefits{
		grid-template-columns: repeat(3, 1fr);
		gap: 2.4rem;
	}

	.partner__benefits .advantage__title{
		font-size: 1.5rem;
	}

	.reviews__top{
		flex-direction: column;
		align-items: flex-start;
		gap: 2.5rem;
		margin-bottom: 3rem;
	}

	.reviews__subtitle{
		font-size: 1.8rem;
	}

	.reviews__nav{
		gap: 2rem;
	}

	.reviews__slide{
		width: calc((100% - 4.8rem) / 2);
	}

	.review{
		min-height: 0;
		padding: 2rem 2rem 2.5rem;
	}

	.review__head{
		gap: 1.4rem;
		margin-bottom: 2.5rem;
	}

	.review__icon{
		width: 4.8rem;
		height: 4.8rem;
	}

	.review__text{
		font-size: 1.4rem;
	}

	.banner__picture img{
		height: 28rem;
	}

	.principle__grid{
		grid-template-columns: 22rem 1fr;
	}

	.principle__photo img{
		min-height: 0;
	}

	.principle__caption{
		left: 2rem;
		bottom: 1.5rem;
	}

	.principle__name{
		font-size: 1.3rem;
	}

	.principle__position{
		font-size: 1.1rem;
	}

	.principle__quote{
		grid-template-columns: 2.2rem 1fr;
		padding: 3rem 2rem;
	}

	.principle__quote-icon{
		width: 2.2rem;
		margin-top: 0.6rem;
	}

	.principle__title{
		font-size: 2.2rem;
	}

	.principle__subtitle{
		font-size: 1.6rem;
	}

	.principle__text{
		font-size: 1.4rem;
	}

	.principle__subtitle br, .principle__text br, .principle__lead br, .principle__note br{
		display: none;
	}

	.principle__certs{
		column-gap: 3rem;
		padding: 3rem 2rem 2.5rem;
	}

	.principle__lead{
		font-size: 1.5rem;
	}

	.principle__note{
		font-size: 1.3rem;
	}

	.principle__gallery .certificate{
		width: 9rem;
	}

	.materials__top{
		flex-wrap: wrap;
		gap: 2.5rem;
		margin-bottom: 3rem;
	}

	.materials__title{
		width: 100%;
	}

	.materials__nav{
		gap: 2rem;
	}

	.materials__slide{
		width: calc((100% - 4.8rem) / 2);
	}

	.article-card{
		min-height: 26rem;
		padding: 2rem;
	}

	.article-card__title{
		font-size: 1.5rem;
	}

	.seo__body{
		max-height: 45rem;
		font-size: 1.4rem;
	}

	.seo__title{
		font-size: 2.2rem;
	}

	.seo__body h3{
		margin-top: 2.5rem;
		font-size: 1.6rem;
	}

	.seo__picture{
		float: none;
		width: 100%;
		margin: 0 0 2.5rem;
	}

	.seo__picture img{
		height: 30rem;
	}

	.input{
		min-height: 5.6rem;
		padding: 0 2rem;
		font-size: 1.6rem;
	}

	.consult__box{
		margin-inline: 1.5rem;
		padding: 4rem 0 3.5rem;
	}

	.consult__top{
		gap: 2rem;
		margin-bottom: 3rem;
	}

	.consult__subtitle{
		font-size: 1.8rem;
	}

	.consult__logo img{
		width: 18rem;
	}

	.consult__form{
		grid-template-columns: repeat(2, 1fr);
	}

	.consult__button{
		grid-column: 1 / -1;
	}

	.consult__contacts{
		flex-wrap: wrap;
		gap: 2.5rem;
		margin-top: 4rem;
	}

	.consult__phone{
		width: 100%;
	}

	.consult__phone, .consult__messenger{
		font-size: 2rem;
	}

	.services{
		background-color: var(--dark);
		background-position: center top;
		background-size: auto 35rem;
	}

	.services::before{
		background: linear-gradient(180deg, rgba(53, 62, 72, 0) 12rem, var(--dark) 35rem);
	}

	.services__title{
		top: 4rem;
	}

	.services__name br, .services__text br, .services__note br{
		display: none;
	}

	.services__list{
		grid-template-columns: 1fr;
		gap: 3rem;
		padding: 26rem 0 4rem;
	}

	.services__item{
		padding: 0;
	}

	.services__item + .services__item{
		padding-top: 3rem;
		border-top: 0.1rem solid rgba(255, 255, 255, 0.3);
	}

	.services__item::before, .services__item:last-child::after{
		display: none;
	}

	.select-selected{
		min-height: 5.6rem;
		padding: 0 4rem 0 2rem;
		font-size: 1.6rem;
	}

	.modal{
		padding: 6rem 2rem 4rem;
	}

	.modal__title, .modal--price .modal__title{
		font-size: 3rem;
	}

	.modal__text{
		font-size: 1.6rem;
	}

	.modal--price{
		padding: 5rem 2rem 3rem;
	}

	.modal--price .modal__close{
		top: 2rem;
		right: 2rem;
		width: 2.6rem;
		height: 2.6rem;
	}

	.modal__catalog{
		display: none;
	}

	.modal__lead{
		font-size: 1.6rem;
	}

	.modal__body{
		grid-template-columns: 1fr;
		gap: 3rem;
	}

	.modal__label{
		font-size: 1.6rem;
	}

	.modal--calc{
		padding: 5rem 2rem 3rem;
	}

	.modal--calc .modal__close{
		top: 2rem;
		right: 2rem;
		width: 2.6rem;
		height: 2.6rem;
	}

	.modal__lamp{
		display: none;
	}

	.modal--calc .modal__text{
		font-size: 1.8rem;
	}

	.modal__note{
		margin: 3rem 0 2.5rem;
		font-size: 1.5rem;
	}

	.modal__form--calc{
		grid-template-columns: repeat(2, 1fr);
	}

	.modal__form--calc .modal__checkbox{
		grid-column: 1 / -1;
	}

	.modal--partner{
		padding: 0;
	}

	.modal__grid{
		grid-template-columns: 1fr;
	}

	.modal__photo{
		height: auto;
	}

	.modal__photo img{
		height: 40rem;
		object-position: 50% 20%;
	}

	.modal--partner .modal__contacts{
		position: static;
		translate: none;
		padding: 2.5rem 2rem 3.5rem;
	}

	.header-offset{
		height: 16rem;
	}

	.breadcrumbs{
		padding-top: 1.5rem;
	}

	.contacts{
		padding-top: 2rem;
		padding-bottom: 3rem;
	}

	.contacts__wrapper{
		grid-template-columns: 1fr;
		gap: 3rem;
	}

	.contacts__subtitle{
		margin-bottom: 3rem;
		font-size: 1.8rem;
	}

	.contacts__text{
		margin-top: 3rem;
	}

	.contacts__media{
		height: 35rem;
	}

	.details__box{
		margin-inline: 1.5rem;
		padding: 4rem 0;
	}

	.details__grid{
		grid-template-columns: repeat(2, 1fr);
		gap: 3.5rem 2.4rem;
	}

	.map{
		margin-top: 3rem;
		padding-inline: 1.5rem;
	}

	.map__body{
		height: 35rem;
	}

	.delivery{
		padding-top: 2rem;
	}

	.delivery__top, .quality__top{
		grid-template-columns: 1fr;
		gap: 1.5rem;
		margin-bottom: 3rem;
	}

	.delivery__lead, .quality__lead{
		font-size: 1.6rem;
	}

	.delivery__body{
		grid-template-columns: 1fr;
		gap: 3rem;
	}

	.delivery__card{
		height: 40rem;
	}

	.delivery__logos{
		flex-wrap: wrap;
		justify-content: center;
		gap: 3rem 5rem;
		margin-top: 4rem;
	}

	.shipping__box{
		flex-direction: column;
		gap: 3.5rem;
		padding: 4rem 3rem;
	}

	.shipping__col{
		width: 100%;
	}

	.shipping__tooltip{
		right: 0;
	}

	.tooltip__body{
		left: auto;
		right: 0;
		top: calc(100% + 1.5rem);
		translate: none;
	}

	.shipping__accent{
		padding-top: 3rem;
	}

	.quality{
		padding-top: 3rem;
	}

	.quality__list{
		grid-template-columns: repeat(2, 1fr);
		gap: 3.5rem 2.4rem;
	}

	.quality__name{
		font-size: 1.8rem;
	}

	.modal__map{
		height: 40rem;
	}

	.payment{
		padding-top: 2rem;
	}

	.payment__title{
		margin-bottom: 1.5rem;
	}

	.payment__subtitle, .payment__text{
		margin-bottom: 1.5rem;
	}

	.payment__list{
		gap: 1.2rem;
	}

	.payment__item{
		padding-left: 2.4rem;
	}

	.formats__top{
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}

	.formats__text, .formats__lead{
		font-size: 1.6rem;
	}

	.formats__nav{
		grid-template-columns: repeat(2, 1fr);
	}

	.formats__pane{
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: auto;
	}

	.formats__wide{
		grid-column: 1 / 3;
		grid-row: 2;
		grid-template-columns: 1fr;
		gap: 2rem;
		padding: 2.5rem 2rem;
	}

	.formats__wide-aside{
		gap: 1.5rem;
		height: auto;
		padding-left: 0;
		padding-top: 2rem;
	}

	.formats__wide-aside::before{
		top: 0;
		translate: 0 0;
		width: 100%;
		height: 0.1rem;
	}

	.formats__decor{
		display: none;
	}

	.formats__form{
		grid-column: 1 / 3;
		grid-row: 3;
		padding: 3rem 2rem 2.5rem;
	}

	.formats__form-title{
		margin-bottom: 2.5rem;
	}

	.offer{
		padding-top: 3rem;
	}

	.offer__top{
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}

	.offer__lead{
		font-size: 1.8rem;
		line-height: 1.5;
	}

	.offer__row, .offer__row + .offer__row{
		grid-template-columns: repeat(2, 1fr);
		min-height: 0;
	}

	.offer__media{
		grid-column: 1 / 3;
		height: 30rem;
	}

	.offer-card{
		padding: 6.5rem 2rem 2.5rem;
	}

	.offer-card__pill{
		left: 2rem;
	}

	.offer-card .stat-line .stat-line__value{
		margin-top: 0;
	}

	.projects + .consult .consult__box{
		margin-top: -14rem;
	}

	.faq__top{
		gap: 1.5rem;
		padding: 2.2rem 0;
	}

	.faq__icon{
		width: 2.2rem;
		height: 2.2rem;
	}

	.faq__item.accordion-active .faq__top{
		padding-bottom: 1.2rem;
	}

	.faq__body{
		padding-bottom: 1.5rem;
	}

	.faq__text br{
		display: none;
	}

	.partnership__top{
		grid-template-columns: 1fr;
		gap: 2rem;
	}

	.partnership__subtitle{
		margin-bottom: 2.5rem;
	}

	.partnership__picture{
		height: 36rem;
	}

	.partnership__benefits{
		grid-template-columns: repeat(3, 1fr);
		gap: 2.4rem;
	}

	.partnership__benefits .advantage__title{
		font-size: 1.5rem;
	}

	.categories--page .categories__grid,
	.categories__grid--tall{
		grid-template-rows: auto;
	}

	.categories__item--tall{
		grid-row: auto;
	}

	.categories--page{
		padding-top: 3rem;
	}

	.categories__item--tall .category-card__picture{
		flex: none;
		height: 40rem;
	}

	.subcats__grid{
		grid-template-columns: repeat(3, 1fr);
	}

	.subcat-card{
		height: 13.5rem;
		padding: 1rem;
	}

	.subcat-card__title{
		font-size: 1.4rem;
	}

	.catalog{
		padding-top: 3rem;
	}

	.catalog__head{
		margin-bottom: 2.5rem;
	}

	.catalog__text{
		font-size: 1.8rem;
	}

	.toolbar{
		grid-template-columns: auto 1fr;
		gap: 2rem;
		margin-bottom: 2rem;
	}

	.toolbar__filter.is-active{
		color: var(--green);
	}

	.catalog__body{
		grid-template-columns: 1fr;
	}

	.catalog__aside{
		margin-bottom: 2rem;
	}

	.filter{
		display: none;
		padding: 2rem;
	}

	.catalog__aside.is-open .filter{
		display: block;
	}

	.filter__list{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 1.2rem 2rem;
	}

	.filter__price{
		max-width: 34rem;
	}

	.filter__button{
		max-width: 34rem;
	}

	.manager{
		justify-content: center;
		margin-top: 0;
	}

	.products{
		grid-template-columns: repeat(2, 1fr);
	}

	.products--list{
		grid-template-columns: repeat(2, 1fr);
	}

	.products--rows{
		grid-template-columns: 1fr;
	}

	.toolbar__view--list{
		display: none;
	}

	.product-item__slider{
		height: 19.5rem;
	}

	.product-item__bullets{
		left: 5rem;
		right: 5rem;
	}

	.product-item__label{
		width: 5rem;
		font-size: 1.2rem;
	}

	.product-item__colors{
		gap: 0.4rem;
	}

	.product-item__color{
		width: 2.4rem;
		height: 2.4rem;
	}

	.products--list .product-item{
		display: flex;
		padding-right: 0;
	}

	.products--list .product-item__slider{
		height: 19.5rem;
		min-height: 0;
	}

	.products--list .product-item__title{
		margin-top: 0;
	}

	.products--list .product-item__bullets{
		left: 5rem;
		right: 5rem;
	}

	.products--list .product-item__price{
		margin-top: auto;
	}

	.products--list .product-item__cart{
		width: 100%;
		margin: 0;
	}

	.products--rows .product-item{
		grid-template-columns: 18rem 1fr;
	}

	.products--rows .product-item__slider{
		min-height: 12.8rem;
	}

	.products--rows .product-item__bullets{
		left: 2rem;
		right: 2rem;
	}

	.promo-box{
		padding: 3rem 2rem;
	}

	.promo-box__decor{
		width: 20rem;
	}

	.promo-box__title{
		font-size: 2.2rem;
	}

	.promo-box__text{
		margin-bottom: 2rem;
		font-size: 1.6rem;
	}

	.promo-box__bottom{
		flex-direction: column;
		align-items: flex-start;
		gap: 2rem;
	}

	.promo-box__button{
		width: 100%;
		min-width: 0;
	}

	.catalog--top{
		padding-top: 2rem;
	}

	.filter__list--two{
		column-gap: 2rem;
	}

	.filter__reset{
		max-width: 34rem;
	}

	.product-item__params--specs{
		padding: 1.5rem 1rem 1.8rem;
	}

	.product-item__specs{
		column-gap: 1.5rem;
	}

	.product-item__spec{
		gap: 0.6rem;
		font-size: 1.3rem;
	}

	.product-item__spec-icon{
		width: 1.5rem;
		height: 1.5rem;
	}

	.product-item__nds{
		margin-left: 2rem;
		font-size: 1.1rem;
	}

	.products--list .product-item__specs{
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 1.5rem;
	}

	.benefits__grid{
		grid-template-columns: repeat(2, 1fr);
		gap: 1.5rem;
	}

	.benefit-card{
		min-height: 12rem;
		padding: 1.5rem 1.5rem 1.5rem 2rem;
	}

	.benefit-card__title{
		font-size: 1.5rem;
	}

	.send__box{
		margin-inline: 1.5rem;
		padding: 4rem 0 3.5rem;
	}

	.send__decor{
		width: 100%;
		height: auto;
	}

	.send__decor img{
		width: 100%;
		height: auto;
	}

	.send__top{
		flex-direction: column;
		align-items: flex-start;
		gap: 2rem;
		margin-bottom: 2rem;
	}

	.send__body{
		flex-direction: column;
		gap: 3rem;
		margin-top: 0;
		padding-right: 0;
	}

	.send__item{
		grid-template-columns: 3.6rem 1fr;
		font-size: 1.6rem;
	}

	.send__contacts{
		padding-top: 2.5rem;
	}

	.send__form{
		width: 100%;
		padding: 3rem 2rem;
	}

	.send__file{
		min-height: 5.6rem;
		padding: 0 2rem;
	}

	.send__file .file__name{
		font-size: 1.6rem;
	}

	.send__button{
		min-height: 5.6rem;
		font-size: 1.6rem;
	}

	.send__check{
		max-width: none;
		margin-inline: 0;
	}

	.product{
		padding-top: 2.5rem;
	}

	.product__head{
		margin-bottom: 2.5rem;
	}

	.product__body{
		grid-template-columns: 1fr;
		row-gap: 3rem;
	}

	.product__media{
		margin-right: 0;
	}

	.product__photo{
		height: 40rem;
	}

	.product__thumbs{
		--space-between: 1;
	}

	.product__thumb.swiper-slide{
		height: 8.6rem;
	}

	.product__specs{
		grid-template-columns: repeat(2, 1fr);
	}

	.product__options{
		grid-template-columns: repeat(2, 1fr);
		gap: 1.5rem 2.4rem;
	}

	.product__bottom{
		grid-template-columns: repeat(2, 1fr);
		margin-top: 3rem;
	}

	.product__manager{
		grid-column: 1 / -1;
		align-items: center;
	}

	.product__manager-photo{
		width: 8rem;
		height: 8rem;
	}

	.specs__nav{
		gap: 1.5rem;
	}

	.specs__tab{
		padding: 0 0.5rem 1rem;
		font-size: 1.4rem;
	}

	.specs__pane{
		padding-top: 3rem;
	}

	.specs__cols{
		grid-template-columns: 1fr;
	}

	.specs__col + .specs__col{
		margin-top: 2.5rem;
	}

	.specs__row{
		padding: 1.5rem 0;
		font-size: 1.5rem;
	}

	.specs__bottom{
		grid-template-columns: 1fr;
		gap: 3rem;
	}

	.specs__files{
		max-width: none;
	}

	.options__box{
		padding: 3rem 0;
		margin-inline: 1.5rem;
	}

	.options__body{
		grid-template-columns: minmax(0, 1fr);
		row-gap: 3rem;
	}

	.options__list{
		gap: 2rem 1.5rem;
	}

	.options__cards{
		grid-template-columns: repeat(2, 1fr);
	}

	.options__card{
		min-height: 15rem;
	}

	.options__card-title{
		font-size: 1.5rem;
	}

	.benefits--three .benefits__grid{
		grid-template-columns: repeat(2, 1fr);
	}

	.benefits--three .benefit-card{
		min-height: 15rem;
	}

	.benefit-card__text br{
		display: none;
	}

	.interior__top{
		gap: 2rem;
		margin-bottom: 2.5rem;
	}

	.interior__nav{
		gap: 2rem;
	}

	.interior__slide img{
		height: 36rem;
	}

	.conditions__list{
		grid-template-columns: repeat(2, 1fr);
		gap: 2rem 1.5rem;
	}

	.steps__item{
		grid-template-columns: 3.6rem 1fr;
		font-size: 1.6rem;
	}

	.products-slider__top{
		gap: 2rem;
		margin-bottom: 2.5rem;
	}

	.products-slider__nav{
		gap: 2rem;
	}

	.products-slider__slide{
		width: calc((100% - 4.8rem) / 2);
	}

	.stability__grid{
		grid-template-columns: repeat(2, 1fr);
	}

	.stability__card{
		min-height: 22rem;
	}

	.stability__card--photo{
		grid-row: auto;
		grid-column: 1 / -1;
		align-items: center;
		flex-direction: row !important;
		display: flex !important;
		gap: 2rem;
		padding-top: 3rem;
	}

	.stability__card--photo .stability__photo{
		margin-top: 0rem !important;
		flex-shrink: 0;
	}

	.stability__dots{
		margin-bottom: 3rem;
	}

	.stability__photo{
		width: 22rem;
		margin-top: 2.5rem;
	}

	.design__top{
		grid-template-columns: minmax(0, 1fr);
		row-gap: 3rem;
	}

	.design__picture{
		height: 36rem;
	}

	.design__list{
		margin-top: 2.5rem;
	}

	.mistakes__list{
		grid-template-columns: repeat(2, 1fr);
	}

	.send--project .send__body{
		padding-right: 0;
	}

	.send--project .send__form{
		width: 100%;
	}

	.economy__grid{
		grid-template-columns: repeat(2, 1fr);
	}

	.economy__card{
		min-height: 26rem;
	}

	.economy__photo{
		height: 26rem;
	}

	.economy__wide{
		grid-template-columns: minmax(0, 1fr);
	}

	.economy__media{
		height: auto;
		align-items: flex-end;
		justify-content: center;
		margin-top: 2rem;
		margin-bottom: -3rem;
	}

	.economy__obj{
		position: static;
		translate: none;
		width: 100%;
		max-width: 34rem;
		height: auto;
	}

	.economy__obj img{
		display: block;
		width: 100%;
		height: auto;
	}

	.economy__decor{
		top: auto;
		bottom: 0;
		height: 26rem;
	}

	.calc__box{
		flex-direction: column;
		align-items: stretch;
		gap: 3rem;
		margin-top: -14rem;
		padding: 4rem 3rem;
	}

	.calc__content{
		max-width: none;
	}

	.calc__form{
		max-width: none;
		margin-left: 0;
	}

	.zone__head{
		padding-bottom: 2.5rem;
	}

	.zone__text{
		margin-bottom: 2.5rem;
		font-size: 1.8rem;
	}

	.zone__items{
		grid-template-columns: repeat(2, 1fr);
	}

	.zone__item{
		min-height: 12rem;
		padding: 2rem;
	}

	.zone__item-title{
		font-size: 1.5rem;
	}

	.zone__slide img{
		height: 40rem;
	}

	.zone__slider .zone__pagination{
		bottom: 2rem;
	}

	.zone__bottom{
		margin-top: 2.5rem;
	}

	.zone__cards{
		grid-template-columns: repeat(2, 1fr);
		gap: 1.5rem;
	}

	.zone__card{
		min-height: 0;
		padding: 2rem;
	}

	.promo-catalog__box{
		min-height: 0;
		margin-inline: 1.5rem;
		padding: 4rem 0;
	}

	.promo-catalog__decor{
		height: 100%;
	}

	.calc__decor img{
		object-fit: cover;
	}

	.promo-catalog__title{
		margin-bottom: 2.5rem;
		font-size: 2.2rem;
	}
	.params__grid{
		grid-template-columns: repeat(2, 1fr);
	}

	.interior__subtitle{
		font-size: 1.8rem;
	}

	.interior__caption{
		top: 2.5rem;
	}

	.interior__label{
		margin-left: 1.5rem;
		padding: 0.8rem 2rem;
		font-size: 1.3rem;
	}

	.categories__title{
		margin-bottom: 2rem;
	}

	.about__stat{
		left: 3rem;
	}

	.stat--huge .stat__value{
		font-size: 6rem;
	}

	.stat--huge .stat__unit{
		vertical-align: 5.1rem;
	}

	.stat__caption_v2{
		padding-left: 2.2rem;
	}

	.design.about .design__content{
		padding-top: 0;
	}

	.about-cards__grid{
		grid-template-columns: 1fr;
	}

	.about-cards__picture{
		height: 30rem;
	}

	.about-card{
		min-height: 0;
		padding: 6rem 3rem;
	}

	.about-card__icon{
		right: 2rem;
		top: 2rem;
		width: 3rem;
		height: 3rem;
	}

	.history__top{
		grid-template-columns: 1fr;
		gap: 2rem;
		margin-bottom: 4rem;
	}

	.history__subtitle{
		font-size: 2rem;
	}

	.history__decor{
		top: -8rem;
		width: 57rem;
	}

	.history__decor--second{
		display: none;
	}

	.history__decor--text{
		top: auto;
		bottom: 6rem;
		left: 0;
		width: 45rem;
	}

	.history__item{
		display: block;
		min-height: 0;
		padding: 3rem 0;
		border-top: 0.1rem solid #C4C4C4;
	}

	.history__year{
		width: auto;
		padding-top: 0;
		font-size: 6rem;
	}

	.history__body{
		padding-top: 2.5rem;
		border-top: none;
	}

	.history__item--wide .history__body,
	.history__item--last .history__body{
		margin-left: 0;
	}

	.history__item--last{
		border-top: none;
		padding-top: 0;
	}

	.history__item--last .history__body{
		padding-top: 2.5rem;
	}

	.history__line{
		display: none;
	}

	.history__plate{
		padding: 2.5rem 3rem;
		font-size: 1.5rem;
	}

	.history__plate br{
		display: none;
	}

	.direct__top,
	.develop__top{
		grid-template-columns: 1fr;
		gap: 2rem;
		margin-bottom: 4rem;
	}

	.direct__intro,
	.develop__intro{
		font-size: 1.8rem;
	}

	.direct__grid{
		grid-template-columns: 1fr;
	}

	.direct__picture{
		grid-row: auto;
		height: 40rem;
	}

	.direct__card{
		padding: 3rem;
	}

	.direct__benefits{
		gap: 1.5rem;
	}

	.order__box{
		min-height: 0;
		margin-inline: 1.5rem;
		padding: 4rem 0;
	}

	.order__picture{
		display: none;
	}

	.order__title{
		font-size: 2.4rem;
	}

	.order__title br,
	.order__text br{
		display: none;
	}

	.develop__item{
		height: 40rem;
	}

	.develop__body{
		padding-bottom: 3rem;
	}

	.develop__name{
		font-size: 1.5rem;
	}

	.develop__list{
		font-size: 1.4rem;
	}

		.reviews__nav{
		display: none;
	}

	.projects__nav{
		display: none;
	}

	.send__decor{
		display: none;
	}


	.promo{
	padding: 0rem 3rem;
}

.promo  .promo__close{
	right: 1rem;
	position: absolute;
	top: 50%;
	width: 1.6rem;
	height: 1.6rem;
	translate: 0px -50%;
}

.intro__note{
	display: none;
}

.materials__nav{
	display: none;
}

.send__title br{
	display: none;
}

.formats__card-text br{
	display: none;
}

.formats__card-text{
	margin-bottom: 1.5rem;
}

    .formats__card-title, .formats__card-text, .formats__list, .formats__note {
        font-size: 1.4rem;
    }

	    .formats__card {
        padding: 1.5rem;
    }

	.formats__list + .formats__note{
		margin-top: 1.5rem;
	}

	.formats__wide-aside{
		flex-direction: column;
		justify-content: center;
		gap: 1rem;
	}

	.formats__wide-label{
		text-transform: uppercase;
	}

	.formats__wide-label br{
		display: none;
	}

	.offer-card br{
		display: none !important;
	}

	.advantage__text br{
		display: none;
	}

	.economy__wide-body{
		flex-direction: column;
		display: flex;
	}

	.economy__list{
		padding-top: 0rem !important;
	}

	.economy__media{
		position: absolute;
		z-index: -1;
		right: 0;
		margin-bottom: 0rem;
		margin-top: 0rem;
		bottom: 0;
	}
	.economy__wide{
		z-index: 1;
		position: relative;
	}
	.economy__decor{
		z-index: -2;
	}
}

@media (max-width: 480px) {
	.promo__body{
		flex-wrap: wrap;
		gap: 0.2rem 1rem;
		padding: 0.8rem 0;
		font-size: 1.2rem;
		text-align: center;
	}

	.economy__stat{
		min-height: 0rem !important;
	}

	.mistakes__title br{
		display: none;
	}

	.economy__title br{
		display: none;
	}

		.economy__card, .economy__photo{
		width: 100%;
	}

		.economy__media{
		position: absolute;
		z-index: -1;
		right: 0;
		margin-bottom: 0rem;
		margin-top: 0rem;
		bottom: 0;
	}

		.wrapper-100 .calc__box {
		padding-bottom: 15rem;
	}

	.wrapper-100 .calc__contacts{
		bottom: 3rem;
		left: 3rem;
	}


	.promo-catalog__box {
		padding-bottom: 20rem !important;
	}

	    .promo-catalog__picture {
        right: 50%;
        height: 20.4rem;
        top: auto;
        bottom: 0rem;
        translate: 50% 0px;
        width: 22rem;
    }

	.formats__card .stat-line {
	min-height: 0rem !important;
}


	.advantage__title br{
		display: none;
	}

	.modal--price .modal__checkbox, .modal--product .modal__checkbox{
	margin-left: -0rem;
}
	
		.promo{
	padding: 0rem 0rem;
}

.promo  .promo__close{
	right: 1rem;
	top: 1rem;
	width: 1.2rem;
	height: 1.2rem;
	translate: 0px -0%;
}

	.product-item__action {
    width: 4rem;
    height: 4rem;
}
		
.product-item__action svg{
	height: 2rem;
}

.design{
	margin-top: 2rem;
}

	.intro__nav{
		justify-content: center;
	}

	.promo__sep{
		display: none;
	}
	.intro__title br{
		display: none;
	}

	.header__top .link{
		display: none;
	}

	.logo__text{
		display: none;
	}

	.logo__picture img{
		width: 13rem;
	}

	.header__actions{
		gap: 1.8rem;
	}

	.intro__slide.swiper-slide{
		min-height: 62rem;
	}

	.intro__wrapper{
		padding: 19rem 0 10rem;
	}

	.intro__label{
		padding: 0.8rem 1.5rem;
		font-size: 1.2rem;
	}

	.intro__title{
		font-size: 2.4rem;
	}

	.intro__text{
		margin-bottom: 2.5rem;
		font-size: 1.5rem;
	}

	.intro__text br{
		display: none;
	}

	.intro__button{
		width: 100%;
		min-width: 0;
		min-height: 5.4rem;
		font-size: 1.6rem;
	}

	.intro__text br{
		display: none;
	}

	.intro-bottom__list{
		gap: 2.5rem 1.5rem;
	}

	.advantage__icon img{
		width: 2.4rem;
	}

	.advantage__title{
		font-size: 1.6rem;
	}

	.advantage__text{
		font-size: 1.3rem;
	}

	.categories__grid{
		grid-template-columns: 1fr;
	}

	.categories__item--wide{
		grid-column: auto;
	}

	.categories__item--wide .button-arrow{
		min-width: 12.4rem;
	}

	.category-card__picture{
		height: 20rem;
	}

	.category-card__title{
		font-size: 1.6rem;
	}

	h1, .h1, h2, .h2{
		font-size: 2.2rem;
	}

	.production__title br, .production__text br, .production__feature-title br{
		display: none;
	}

	.production__text{
		font-size: 1.5rem;
	}

	.production__stats{
		grid-template-columns: 1fr;
		gap: 1.2rem;
	}

	.production__stats::before{
		display: none;
	}

	.production__note{
		padding-left: 1.5rem;
		border-left: 0.1rem solid #C4C4C4;
		font-size: 1.4rem;
	}

	.production__note:not(:last-child){
		margin-bottom: 1.8rem;
	}

	.stat__value{
		font-size: 2.2rem;
	}

	.stat__caption{
		font-size: 1.5rem;
	}

	.production__bottom{
		margin-top: 3rem;
		background-size: auto 30rem;
	}

	.production__bottom::before{
		background: linear-gradient(180deg, rgba(53, 62, 72, 0) 10rem, var(--dark) 30rem);
	}

	.production__features{
		grid-template-columns: 1fr;
		gap: 2.5rem;
		padding: 20rem 0 3.5rem;
	}

	.production__feature-title{
		margin-bottom: 1rem;
	}

	.production__feature-text{
		max-width: none;
		font-size: 1.4rem;
	}

	.opt__body{
		gap: 1.5rem;
	}

	.opt__content{
		padding: 3rem 1.5rem;
	}

	.opt__title br, .opt__text br, .opt__contacts-label br{
		display: none;
	}

	.opt__text{
		font-size: 1.6rem;
	}

	.opt__list-title{
		font-size: 1.6rem;
	}

	.opt__list{
		font-size: 1.5rem;
	}

	.opt__list li{
		padding-left: 2rem;
	}

	.opt__list li::before{
		left: 0.6rem;
	}

	.opt__button{
		width: 100%;
		min-width: 0;
		min-height: 5.4rem;
		font-size: 1.6rem;
	}

	.opt__contacts{
		flex-direction: column;
		gap: 1rem;
	}

	.opt__picture{
		height: 26rem;
	}

	.opt--reverse .opt__content{
		padding: 3rem 1.5rem;
	}

	.opt__media{
		height: 26rem;
	}

	.opt__label{
		padding: 0.8rem 1.6rem;
		font-size: 1.1rem;
	}

	.footer{
		padding-top: 3rem;
	}

	.footer__top{
		gap: 3rem 1.5rem;
	}

	.footer__col:first-child, .footer__col:last-child{
		grid-column: span 2;
	}

	.logo--column .logo__text{
		display: block;
	}

	.footer__bottom{
		grid-template-columns: 1fr;
		grid-template-areas: "legal" "requisites" "disclaimer";
	}

	.footer__requisites{
		text-align: left;
	}

	.series__title{
		margin-bottom: 2.5rem;
	}

	.series__grid{
		grid-template-columns: none;
		grid-auto-flow: column;
		grid-auto-columns: 28rem;
		gap: 1.5rem;
		margin-inline: calc(var(--wrapper-padding) * -1);
		padding-inline: var(--wrapper-padding);
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scroll-padding-inline: var(--wrapper-padding);
		scrollbar-width: none;
	}

	.series__grid::-webkit-scrollbar{
		display: none;
	}

	.series-card{
		height: 21.6rem;
		scroll-snap-align: start;
	}

	.series-card__title{
		font-size: 1.6rem;
	}

	.factory__title br, .factory__text br, .factory__benefits .advantage__title br{
		display: none;
	}

	.factory__text{
		font-size: 1.6rem;
	}

	.factory__stats{
		gap: 1.5rem;
	}

	.stat--large .stat__value{
		font-size: 3.2rem;
	}

	.stat--large .stat__value span{
		font-size: 1.6rem;
	}

	.stat--large .stat__caption{
		font-size: 1.3rem;
	}

	.factory-card{
		height: 30rem;
		padding: 2rem 1.5rem 1.5rem;
	}

	.factory-card__text{
		font-size: 1.3rem;
	}

	.factory-card__title{
		font-size: 1.8rem;
	}

	.factory__subtitle{
		font-size: 1.6rem;
	}

	.factory__benefits{
		gap: 2.5rem 1.5rem;
	}

	.factory__benefits .advantage__title{
		font-size: 1.5rem;
	}

	.novelty__top{
		flex-direction: column;
		align-items: flex-start;
		gap: 1.5rem;
		margin-bottom: 2.5rem;
	}

	.novelty__list{
		gap: 1.5rem;
	}

	.novelty__item{
		width: calc((100% - 1.5rem) / 1.2);
	}

	.product-card__media{
		height: 26rem;
	}

	.product-card__title{
		font-size: 1.4rem;
	}

	.projects__title br{
		display: none;
	}

	.projects__tags{
		gap: 0.6rem;
	}

	.projects__tag{
		padding: 0.4rem 1.1rem;
		font-size: 1.3rem;
	}

	.projects__slide{
		width: 30.4rem;
	}

	.projects__frame{
		height: 20rem;
	}

	.swiper-slide-active .projects__frame{
		height: 24rem;
	}

	.project-card{
		min-height: 0;
		padding: 2rem 1.5rem 5rem;
	}

	.project-card__title{
		font-size: 1.6rem;
	}

	.project-card__title span{
		font-size: 1.3rem;
	}

	.project-card__text{
		font-size: 1.3rem;
	}

	.slider-arrow--large{
		width: 4.4rem;
		height: 4.4rem;
	}

	.clients__box{
		padding: 3rem 1.5rem;
	}

	.clients__text{
		font-size: 1.4rem;
	}

	.clients__logo{
		padding: 0 2rem;
	}

	.clients__logo img{
		height: 3rem;
	}

	.clients__bottom{
		flex-direction: column;
		align-items: stretch;
		gap: 2.5rem;
		margin-top: 3rem;
	}

	.clients__nav{
		order: -1;
		justify-content: center;
		gap: 2rem;
	}

	.clients__button{
		min-width: 0;
		min-height: 5rem;
		font-size: 1.6rem;
	}

	.partner__title br, .partner__lead br, .partner__benefits .advantage__title br{
		display: none;
	}

	.partner__subtitle{
		font-size: 1.6rem;
	}

	.partner__lead{
		font-size: 1.5rem;
	}

	.partner__button{
		width: 100%;
	}

	.partner__picture img{
		height: 30rem;
	}

	.partner__item{
		grid-template-columns: 3.2rem 1fr;
		column-gap: 1.4rem;
		padding-bottom: 1.8rem;
	}

	.partner__icon{
		width: 3.2rem;
		height: 3.2rem;
	}

	.partner__icon img{
		width: 1.7rem;
	}

	.partner__name{
		font-size: 1.5rem;
	}

	.partner__text{
		font-size: 1.4rem;
	}

	.partner__benefits{
		grid-template-columns: 1fr;
		gap: 2.5rem;
	}

	.partner__benefits .advantage__title{
		font-size: 1.6rem;
	}

	.reviews__title br, .reviews__subtitle br{
		display: none;
	}

	.reviews__subtitle{
		font-size: 1.6rem;
	}

	.reviews__slide{
		width: calc(100% - 4.8rem);
	}

	.review{
		padding: 2rem 1.5rem 2.5rem;
	}

	.review__head{
		margin-bottom: 2rem;
	}

	.review__icon{
		width: 4.4rem;
		height: 4.4rem;
	}

	.review__name{
		font-size: 1.5rem;
	}

	.banner__picture img{
		height: 20rem;
	}

	.principle__grid{
		grid-template-columns: 1fr;
	}

	.principle__photo img{
		height: 36rem;
		object-position: 50% 0;
	}

	.principle__quote{
		grid-template-columns: 2rem 1fr;
		padding: 2.5rem 1.5rem;
	}

	.principle__quote-icon{
		width: 2rem;
		margin-top: 0.5rem;
	}

	.principle__title{
		font-size: 2rem;
	}

	.principle__title br{
		display: none;
	}

	.principle__certs{
		display: flex;
		flex-direction: column;
		padding: 3rem 1.5rem 2.5rem;
	}

	.principle__gallery{
		margin: 2.5rem 0;
	}

	.principle__gallery .certificate{
		width: 11rem;
	}

	.principle__button{
		align-self: flex-start;
		margin-top: 0;
	}

	.materials__button{
		width: 100%;
	}

	.materials__nav{
		width: 100%;
		justify-content: center;
	}

	.materials__slide{
		width: calc(100% - 4.8rem);
	}

	.article-card{
		min-height: 28rem;
	}

	.seo__body{
		max-height: 40rem;
	}

	.seo__body::after{
		height: 8rem;
	}

	.seo__title{
		font-size: 2rem;
	}

	.seo__picture img{
		height: 20rem;
	}

	.input{
		min-height: 5rem;
		font-size: 1.5rem;
	}

	.checkbox__text{
		font-size: 1.1rem;
	}

	.consult__box{
		margin-inline: 1rem;
		padding: 3rem 0;
	}

	.consult__top{
		flex-direction: column-reverse;
		align-items: flex-start;
		gap: 2.5rem;
	}

	.consult__logo img{
		width: 16rem;
	}

	.consult__form{
		grid-template-columns: 1fr;
	}

	.consult__contacts{
		gap: 2rem 3rem;
		margin-top: 3.5rem;
	}

	.consult__phone, .consult__messenger{
		font-size: 1.8rem;
	}

	.services{
		background-size: auto 24rem;
	}

	.services::before{
		background: linear-gradient(180deg, rgba(53, 62, 72, 0) 8rem, var(--dark) 24rem);
	}

	.services__title{
		top: 3rem;
	}

	.services__list{
		padding: 17rem 0 3rem;
	}

	.services__name{
		font-size: 1.8rem;
	}

	.services__text{
		font-size: 1.5rem;
	}

	.services__note{
		font-size: 1.3rem;
	}

	.select-selected{
		min-height: 5rem;
		font-size: 1.5rem;
	}

	.modal{
		width: 100%;
		padding: 5rem 1.5rem 3rem;
	}

	.modal .input{
		font-size: 1.5rem;
	}

	.modal__close, .modal--price .modal__close{
		top: 1.5rem;
		right: 1.5rem;
		width: 2.2rem;
		height: 2.2rem;
	}

	.modal__title, .modal--price .modal__title{
		font-size: 2.2rem;
	}

	.modal__text{
		font-size: 1.5rem;
	}

	.modal--form .modal__form{
		width: 100%;
		margin-top: 2.5rem;
	}

	.modal--form .input, .modal--form .button{
		min-height: 5rem;
	}

	.modal--price{
		padding: 5rem 1.5rem 3rem;
	}

	.modal__lead, .modal__label{
		font-size: 1.5rem;
	}

	.modal__form--price{
		grid-template-columns: 1fr;
	}

	.modal__text br{
		display: none;
	}

	.modal__note br{
		display: none;
	}

	.modal__form--price .modal__button{
		width: 100%;
		min-height: 5.5rem;
		font-size: 1.6rem;
	}

	.modal__form--price .modal__checkbox{
		width: 100%;
	}

	.modal__list{
		font-size: 1.3rem;
	}

	.modal__contacts{
		flex-direction: column;
		align-items: flex-start;
		gap: 1.5rem;
		margin-top: 3rem;
	}

	.file{
		min-height: 5rem;
		padding: 0 1.5rem;
		gap: 1.2rem;
	}

	.file__name{
		font-size: 1.5rem;
	}

	.file__note{
		font-size: 1.1rem;
	}

	.modal--calc{
		padding: 5rem 1.5rem 3rem;
	}

	.modal--calc .modal__text{
		font-size: 1.5rem;
	}

	.modal--calc .input, .modal--calc .file, .modal--calc .button{
		min-height: 5rem;
	}

	.modal__note{
		font-size: 1.4rem;
	}

	.modal__form--calc{
		grid-template-columns: 1fr;
	}

	.modal__form--partner{
		width: 100%;
		margin-top: 3rem;
	}

	.modal--partner .modal__button{
		min-height: 5rem;
		font-size: 1.6rem;
	}

	.modal__side{
		padding: 4rem 1.5rem 3rem;
	}

	.modal--partner{
		padding: 0;
	}

	.modal__photo img{
		height: 30rem;
	}

	.modal--partner .modal__contacts{
		gap: 1rem;
		padding: 2rem 1.5rem 3rem;
	}

	.header-offset{
		height: 16rem;
	}

	.contacts__media{
		height: 26rem;
	}

	.contacts__caption, .contacts__hover{
		padding: 2rem;
		font-size: 1.4rem;
	}

	.contacts__caption br, .contacts__hover br, .contacts__text br, .details__note br{
		display: none;
	}

	.details__box{
		margin-inline: 1rem;
		padding: 3rem 0;
	}

	.details__grid{
		grid-template-columns: 1fr;
		gap: 3rem;
	}

	.map{
		padding-inline: 1rem;
	}

	.map__body{
		height: 28rem;
	}

	.map-pin__label{
		font-size: 1.6rem;
	}

	.delivery__name{
		font-size: 1.6rem;
	}

	.delivery__text{
		font-size: 1.4rem;
	}

	.delivery__item{
		padding-bottom: 2.5rem;
	}

	.delivery__item + .delivery__item{
		padding-top: 2.5rem;
	}

	.delivery__card{
		height: 40rem;
		padding: 2.5rem 2rem;
	}

	.delivery__logos{
		gap: 2.5rem 3rem;
	}

	.delivery__logo:nth-child(1) img{
		width: 15rem;
		height: 2.3rem;
	}

	.delivery__logo:nth-child(2) img{
		width: 5.8rem;
		height: 2.8rem;
	}

	.delivery__logo:nth-child(3) img{
		width: 14.7rem;
		height: 3.1rem;
	}

	.delivery__logo:nth-child(4) img{
		width: 12rem;
		height: 3.4rem;
	}

	.delivery__text br, .delivery__lead br, .shipping__text br, .quality__text br, .quality__lead br{
		display: none;
	}

	.shipping__box{
		padding: 3rem 2rem;
	}

	.shipping__title, .shipping__accent{
		font-size: 1.6rem;
	}

	.tooltip__body{
		width: 28rem;
		padding: 1.5rem 2rem;
	}

	.quality__list{
		grid-template-columns: 1fr;
		gap: 3rem;
	}

	.quality__text{
		font-size: 1.5rem;
	}


	.modal--map{
	padding: 2rem;
}

.modal--map .modal__close{
	top: 0.5rem;
	right: 0.5rem;
	width: 1.2rem;
	height: 1.2rem;
}


	.modal__map{
		height: 32rem;
	}

	.payment__subtitle{
		font-size: 1.5rem;
	}

	.payment__text, .payment__list{
		font-size: 1.4rem;
	}

	.payment__text br, .payment__item br{
		display: none;
	}

	.payment__item{
		padding-left: 2rem;
	}

	.payment__item::before{
		width: 0.6rem;
		height: 0.6rem;
	}

	.formats__text, .formats__lead{
		font-size: 1.5rem;
	}

	.formats__nav{
		grid-template-columns: 1fr;
		gap: 1rem;
	}

	.formats__tab{
		min-height: 4.2rem;
	}

	.formats__pane{
		grid-template-columns: 1fr;
	}

	.formats__card{
		padding: 2rem 2rem 1.5rem 2rem;
	}

	.formats__wide{
		grid-column: auto;
		grid-row: 3;
	}

	.formats__form{
		grid-column: auto;
		grid-row: 4;
	}

	.formats__form-title{
		font-size: 1.6rem;
	}

	.formats__text br, .formats__lead br, .formats__card-text br, .formats__note br,
	.formats__wide-text br, .offer__lead br, .offer-card__text br, .offer-card__item br{
		display: none;
	}

	.stat-line{
		gap: 1rem;
	}

	.stat-line__label{
		font-size: 1.3rem;
	}

	.stat-line__value{
		font-size: 3.6rem;
	}

	.offer__row, .offer__row + .offer__row{
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}

	.offer__row + .offer__row{
		margin-top: 1.5rem;
	}

	.offer__media{
		grid-column: auto;
		height: 24rem;
	}

	.offer-card{
		padding: 6rem 2rem 2.5rem;
	}

	.offer-card__title{
		font-size: 1.5rem;
	}

	.faq__title{
		margin-bottom: 2rem;
	}

	.faq__top{
		gap: 1rem;
		padding: 1.8rem 0;
	}

	.faq__question{
		font-size: 1.4rem;
	}

	.faq__icon{
		width: 2rem;
		height: 2rem;
	}

	.faq__text{
		font-size: 1.4rem;
	}

	.opt__contacts-row{
		grid-template-columns: 1fr;
		gap: 0.2rem;
	}

	.partnership{
		padding-top: 2rem;
	}

	.partnership__subtitle{
		font-size: 1.6rem;
	}

	.partnership__title br, .partnership__subtitle br,
	.partnership__benefits .advantage__title br{
		display: none;
	}

	.partnership__button{
		width: 100%;
		min-width: 0;
		font-size: 1.5rem;
	}

	.partnership__picture{
		height: 26rem;
	}

	.partnership__benefits{
		grid-template-columns: 1fr;
		gap: 2.5rem;
	}

	.partnership__benefits .advantage__title{
		font-size: 1.6rem;
	}

	.opt--reverse .opt__title{
		font-size: 2rem;
	}

	.categories--page{
		padding-top: 2rem;
	}

	.categories__item--tall .category-card__picture{
		height: 30rem;
	}

	.categories__item--tall .category-card__bottom{
		flex-direction: row;
		gap: 1rem 2rem;
	}

	.categories__item--tall .category-card__title{
		flex: 1 1 0;
	}

	.categories__item--tall .category-card__title br{
		display: none;
	}

	.categories__item--tall .button-arrow{
		min-width: 12.4rem;
		padding: 0.6rem 1.4rem 0.6rem 2.2rem;
	}

	.options__icon--size img {
        width: 1.6rem;
        height: 1.6rem;
    }

	.products-slider__title{
		text-align: center;
	}

	.products-slider__top{
		align-items: center !important;
	}

	.subcats{
		padding-top: 2rem;
	}

	.subcats__grid{
		grid-template-columns: repeat(2, 1fr);
		gap: 1rem;
	}

	.subcat-card{
		height: 11.5rem;
	}

	.subcat-card__title{
		font-size: 1.3rem;
	}

	.catalog{
		padding-top: 2.5rem;
	}

	.catalog__head{
		margin-bottom: 2rem;
	}

	.catalog__text{
		font-size: 1.6rem;
	}

	.catalog__text br{
		display: none;
	}

	.toolbar{
		gap: 1.5rem;
		margin-bottom: 1.5rem;
	}

	.toolbar__filter{
		gap: 1rem;
		font-size: 1.4rem;
	}

	.toolbar__sort.custom-select{
		width: 100%;
	}

	.toolbar__views{
		display: none;
	}

	.filter{
		padding: 1.5rem;
	}

	.filter__list{
		grid-template-columns: 1fr;
		gap: 1.2rem;
	}

	.products{
		grid-template-columns: 1fr;
	}

	.product-item__slider{
		height: 23.5rem;
	}

	.product-item__bullets{
		left: 8rem;
		right: 8rem;
	}

	.product-item__title{
		font-size: 1.6rem;
	}

	.product-item__params{
		padding: 1.2rem 1rem;
	}

	.products--rows .product-item{
		display: flex;
		padding-right: 0;
	}

	.products--rows .product-item__slider{
		height: 23.5rem;
		min-height: 0;
	}

	.products--rows .product-item__title{
		margin-top: 0;
	}

	.products--rows .product-item__bullets{
		left: 8rem;
		right: 8rem;
	}

	.products--rows .product-item__price{
		margin-top: auto;
	}

	.products--rows .product-item__cart{
		width: 100%;
		margin: 0;
	}

	.promo-box{
		padding: 2.5rem 1.5rem;
	}

	.promo-box__decor{
		display: none;
	}

	.promo-box__title{
		font-size: 2rem;
	}

	.promo-box__text{
		font-size: 1.5rem;
	}

	.promo-box__text br{
		display: none;
	}

	.promo-box__button{
		min-height: 5rem;
		font-size: 1.5rem;
	}

	.show-more{
		min-height: 4.6rem;
		font-size: 1.5rem;
	}

	.pagination{
		justify-content: center;
	}

	.manager__photo{
		width: 5.6rem;
		height: 5.6rem;
	}

	.manager__text{
		font-size: 1.6rem;
	}

	.catalog--top{
		padding-top: 1.8rem;
	}

	.filter__list--two{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.filter__reset{
		min-height: 4.6rem;
		margin-top: 2.5rem;
		font-size: 1.5rem;
	}

	.product-item__params--specs{
		gap: 1.2rem;
		padding: 1.5rem 1rem 1.8rem;
	}

	.product-item__specs{
		column-gap: 2rem;
	}

	.product-item__spec{
		gap: 0.8rem;
		font-size: 1.4rem;
	}

	.product-item__spec-icon{
		width: 1.7rem;
		height: 1.7rem;
	}

	.product-item__nds{
		margin-left: auto;
		font-size: 1.2rem;
	}

	.benefits__grid{
		grid-template-columns: repeat(2, 1fr);
		gap: 1rem;
	}

	.benefit-card{
		min-height: 10rem;
		padding: 1.2rem 1.2rem 1.2rem 1.5rem;
	}

	.benefit-card__title{
		font-size: 1.2rem;
	}

	.benefit-card__icon{
		width: 2rem;
		height: 2rem;
	}

	.send__box{
		margin-inline: 1rem;
		padding: 3rem 0;
	}

	.send__top{
		gap: 1.5rem;
		margin-bottom: 1.5rem;
	}

	.send__label{
		padding: 0.8rem 1.4rem;
		font-size: 1.1rem;
	}

	.send__avatar-photo{
		width: 4.4rem;
		height: 4.4rem;
	}

	.send__avatar-name{
		font-size: 0.8rem;
	}

	.send__experts-text{
		font-size: 1.5rem;
	}

	.send__title br{
		display: none;
	}

	.send__body{
		gap: 2.5rem;
	}

	.send__list{
		gap: 1rem;
	}

	.send__item{
		grid-template-columns: 3.2rem 1fr;
		font-size: 1.4rem;
	}

	.send__text br{
		display: none;
	}

	.send__contacts{
		flex-direction: column;
		gap: 1.5rem;
		padding-top: 2rem;
	}

	.send__contacts-label br{
		display: none;
	}

	.send__form{
		gap: 1rem;
		padding: 2rem 1.5rem;
	}

	.send__file .file__name{
		font-size: 1.5rem;
	}

	.send__button{
		min-height: 5rem;
		font-size: 1.5rem;
	}

	.product{
		padding-top: 2rem;
	}

	.product__head{
		gap: 1rem;
		margin-bottom: 2rem;
	}

	.product__copy.copy{
		margin-bottom: 0.4rem;
	}

	.product__body{
		row-gap: 2.5rem;
	}

	.product__photo{
		height: 22rem;
		margin-bottom: 0;
	}

	.product__thumbs{
		display: none;
	}

	.product__arrow,
	.product__action{
		width: 3rem;
		height: 3rem;
	}

	.product__badges,
	.product__arrow--prev{
		left: 1rem;
	}

	.product__actions,
	.product__arrow--next{
		right: 1rem;
	}

	.product__badges,
	.product__actions{
		top: 1rem;
	}

	.product__specs{
		grid-template-columns: 1fr;
		row-gap: 1.2rem;
	}

	.product__spec-file{
		width: 100%;
		margin-top: 1.5rem;
	}

	.product__options{
		grid-template-columns: 1fr;
		gap: 1.5rem;
		margin-top: 1.5rem;
	}

	.product__temp{
		font-size: 1.2rem;
	}

	.product__temp-text{
		gap: 0.4rem;
	}

	.product__temp-text::before{
		width: 1.3rem;
		height: 1.3rem;
		box-shadow: inset 0 0 0 0.3rem var(--white);
	}

	.product__params{
		margin-top: 2rem;
	}

	.product__param{
		grid-template-columns: 16rem 1fr;
	}

	.product__buy{
		flex-direction: column;
		align-items: stretch;
		gap: 1.5rem;
		margin-top: 2rem;
	}

	.product__cart{
		max-width: none;
	}

	.product__bottom{
		grid-template-columns: 1fr;
		margin-top: 2.5rem;
	}

	.product__manager{
		grid-column: auto;
	}

	.product__manager-photo{
		width: 6.4rem;
		height: 6.4rem;
	}

	.product__manager-title{
		font-size: 1.6rem;
	}

	.product__manager-title br{
		display: none;
	}

	.product__manager-text{
		font-size: 1.4rem;
	}

	.specs__nav{
		justify-content: flex-start;
		gap: 2rem;
		overflow-x: auto;
		scrollbar-width: none;
	}

	.specs__nav::-webkit-scrollbar{
		display: none;
	}

	.specs__tab{
		flex-shrink: 0;
		padding: 0 0 1rem;
		font-size: 1.3rem;
	}

	.specs__pane{
		padding-top: 2.5rem;
	}

	.specs__group-title{
		font-size: 1.5rem;
	}

	.specs__row{
		gap: 1rem;
		padding: 1.3rem 0;
		font-size: 1.4rem;
	}

	.specs__pane--text{
		font-size: 1.4rem;
	}

	.specs__pane--text p + p{
		margin-top: 2rem;
	}

	.specs__pane--text br{
		display: none;
	}

	.specs__certs{
		gap: 1.5rem;
	}

	.specs__cert{
		width: 13rem;
	}

	.specs__file{
		gap: 1.2rem;
		font-size: 1.3rem;
	}

	.specs__file-icon{
		width: 2rem;
		height: 2rem;
	}

	.specs__file-download{
		width: 1.6rem;
		height: 1.6rem;
	}

	.options__box{
		padding: 2.5rem 0;
		margin-inline: 1rem;
	}

	.options__list{
		grid-template-columns: minmax(0, 1fr);
		gap: 2rem;
	}

	.options__name{
		font-size: 1.6rem;
	}

	.options__name br{
		display: none;
	}

	.options__text{
		font-size: 1.3rem;
	}

	.options__cards{
		gap: 1rem;
	}

	.options__card{
		min-height: 13rem;
		padding: 1.5rem;
	}

	.options__card-icon{
		width: 4rem;
		height: 4rem;
		margin-bottom: 1.5rem;
	}

	.options__card-title{
		font-size: 1.2rem;
	}

	.options__card-title br{
		display: none;
	}

	.benefits--three .benefits__grid{
		grid-template-columns: minmax(0, 1fr);
	}

	.benefits--three .benefit-card{
		min-height: 12rem;
		padding-left: 1.5rem;
	}

	.benefit-card__text{
		margin-top: 1rem;
		font-size: 1.2rem;
	}

	.interior__top{
		flex-direction: column;
		align-items: flex-start;
		gap: 1.5rem;
		margin-bottom: 2rem;
	}

	.interior__title br{
		display: none;
	}

	.interior__slide img{
		height: 24rem;
	}

	.interior__bullet{
		width: 2.4rem;
	}

	.interior__button{
		gap: 1.5rem;
		width: 100%;
		min-height: 4.6rem;
		margin-top: 2.5rem;
		font-size: 1.4rem;
	}

	.conditions__list{
		gap: 1.5rem 1rem;
	}

	.conditions__item .advantage__title br{
		display: none;
	}

	.steps{
		gap: 1.2rem;
	}

	.steps__item{
		grid-template-columns: 3.2rem 1fr;
		font-size: 1.4rem;
	}

	.steps__text br{
		display: none;
	}

	.products-slider__top{
		flex-direction: column;
		align-items: flex-start;
		gap: 1.5rem;
		margin-bottom: 2rem;
	}

	.products-slider__nav{
		margin-inline: auto;
	}

	.products-slider__slide{
		width: calc(100% - 4.8rem);
	}

	.stability__title{
		margin-bottom: 2rem;
	}

	.stability__grid{
		grid-template-columns: minmax(0, 1fr);
	}

	.stability__card{
		min-height: 18rem;
		padding: 1.5rem;
	}

	.stability__card--photo{
		grid-column: auto;
	}

	.stability__dots{
		margin-bottom: 2.5rem;
	}

	.stability__card-title{
		font-size: 1.5rem;
	}

	.stability__card-text{
		font-size: 1.3rem;
	}

	.stability__card-text br,
	.stability__text br{
		display: none;
	}

	.stability__text{
		font-size: 1.6rem;
	}

	.stability__photo{
		width: 10rem;
	}

	.design__subtitle{
		margin-bottom: 2rem;
		font-size: 1.6rem;
	}

	.design__text{
		margin-bottom: 2.5rem;
		font-size: 1.5rem;
	}

	.design__title br,
	.design__subtitle br,
	.design__text br{
		display: none;
	}

	.design__button{
		width: 100%;
		min-width: 0;
		min-height: 5rem;
	}

	.design__picture{
		height: 26rem;
	}

	.design__list{
		grid-template-columns: minmax(0, 1fr);
	}

	.mistakes__list{
		grid-template-columns: minmax(0, 1fr);
	}

	.mistakes__item{
		min-height: 0;
	}

	.mistakes__text br{
		display: none;
	}

	.opt__terms{
		flex-direction: column;
		gap: 0.5rem;
	}

	.economy__grid{
		grid-template-columns: minmax(0, 1fr);
	}

	.economy__card{
		min-height: 0;
		padding: 2rem;
	}

	.economy__text br,
	.economy__note br{
		display: none;
	}

	.economy__note{
		min-height: 0;
		margin-top: 2.5rem;
	}

	.economy__photo{
		height: 22rem;
	}

	.economy__wide{
		padding: 2rem;
	}

	.economy__wide-body{
		grid-template-columns: minmax(0, 1fr);
		gap: 1.5rem;
	}

	.economy__wide-title{
		font-size: 1.6rem;
	}

	.economy__wide-title br{
		display: none;
	}

	.economy__list{
		padding-top: 0;
	}

	.economy__media{
		margin-top: 1.5rem;
		margin-bottom: -2rem;
	}

.economy__obj {
        max-width: 15rem;
    }

	.economy__decor{
		display: none;
	}

	.calc__box{
		gap: 2.5rem;
		padding: 3rem 1.5rem;
	}

	.calc__title{
		font-size: 2rem;
	}

	.calc__text{
		font-size: 1.4rem;
	}

	.calc__title br,
	.calc__text br,
	.calc__contacts-label br{
		display: none;
	}

	.calc__contacts{
		flex-direction: column;
		gap: 1rem;
		padding-top: 2.5rem;
	}

	.zone__head{
		padding-bottom: 2rem;
	}

	.zone__text{
		margin-bottom: 2rem;
		font-size: 1.5rem;
	}

	.zone__text br{
		display: none;
	}

	.zone__items{
		gap: 1rem;
	}

	.zone__item{
		min-height: 10rem;
		padding: 1.5rem;
	}

	.zone__item-icon{
		right: 1rem;
		top: 1rem;
		width: 2rem;
		height: 2rem;
	}

	.zone__item-icon svg{
		width: 1.2rem;
		height: 1.2rem;
	}

	.zone__item-title{
		font-size: 1.3rem;
	}

	.zone__item-title br{
		display: none;
	}

	.zone__slide img{
		height: 26rem;
	}

	.zone__bottom{
		margin-top: 2rem;
	}

	.zone__cards{
		grid-template-columns: minmax(0, 1fr);
		gap: 1rem;
	}

	.zone__card{
		gap: 1.2rem;
		padding: 1.5rem;
	}

	.zone__card-title br{
		display: none;
	}

	.promo-catalog__box{
		margin-inline: 1rem;
		padding: 3rem 0;
	}

	.promo-catalog__decor{
		display: none;
	}

	.promo-catalog__title{
		margin-bottom: 2rem;
		font-size: 1.8rem;
	}

	.promo-catalog__title br{
		display: none;
	}

	.promo-catalog__button{
		width: 100%;
	}

	.opt__lead{
		font-size: 1.7rem;
	}

	.opt__lead br{
		display: none;
	}

	.opt__descr{
		font-size: 1.4rem;
	}

	.opt__descr p + p{
		margin-top: 1.5rem;
	}

	.params__title{
		margin-bottom: 2rem;
	}

	.params__grid{
		grid-template-columns: 1fr;
		grid-auto-rows: auto;
		gap: 1.5rem;
	}

	.params__item{
		padding: 2rem;
	}

	.params__icon{
		margin-bottom: 2rem;
	}

	.params__name{
		margin-bottom: 1rem;
		font-size: 1.6rem;
	}

	.params__name br,
	.params__text br{
		display: none;
	}

	.params__media{
		grid-row: auto;
		height: 24rem;
	}

	.params__media--wide{
		grid-column: auto;
	}

	.params__logo{
		width: 5rem;
	}

	.interior__subtitle{
		font-size: 1.6rem;
	}

	.interior__caption{
		top: 1.5rem;
	}

	.interior__label{
		margin-left: 0;
		padding: 0.6rem 1.2rem;
		font-size: 1.1rem;
	}

	.faq__text li{
		padding-left: 2rem;
	}

	.faq__text li::before{
		left: 0.6rem;
	}

	.categories__title{
		margin-bottom: 1.5rem;
	}

	.categories__title br{
		display: none;
	}

	.about__stats{
		gap: 1.5rem;
	}

	.about__stat{
		left: 2rem;
	}

	.stat--huge .stat__value{
		font-size: 4.4rem;
	}

	.stat--huge .stat__prefix,
	.stat--huge .stat__unit{
		font-size: 1.6rem;
	}

	.stat--huge .stat__caption{
		font-size: 1.4rem;
	}

	.stat--huge .stat__unit{
		vertical-align: 3.7rem;
	}

	.stat__caption_v2{
		padding-left: 1.8rem;
	}

	.about-cards__picture{
		height: 20rem;
	}

	.about-card{
		padding: 5rem 2rem;
	}

	.about-card__icon{
		right: 1.2rem;
		top: 1.2rem;
		width: 2.4rem;
		height: 2.4rem;
	}

	.about-card__title{
		margin-bottom: 1.2rem;
		font-size: 1.8rem;
	}

	.about-card__title br{
		display: none;
	}

	.about-card__list{
		font-size: 1.4rem;
	}

	.history__top{
		margin-bottom: 3rem;
	}

	.history__subtitle{
		font-size: 1.8rem;
	}

	.history__intro{
		font-size: 1.5rem;
	}

	.history__decor{
		top: -5rem;
		width: 36rem;
	}

	.history__decor--text{
		top: auto;
		bottom: 9rem;
		width: 30rem;
	}

	.history__item{
		padding: 2.5rem 0;
	}

	.history__year{
		font-size: 4.4rem;
	}

	.history__body{
		padding-top: 1.5rem;
	}

	.zone__card-title{
		min-height: 0rem;
	}

	.zone__item-title{
		min-height: 0rem;
	}

	.history__name{
		margin-bottom: 1.2rem;
		font-size: 1.5rem;
	}

	.history__facts{
		font-size: 1.4rem;
	}

	.history__facts li{
		padding-left: 2rem;
	}

	.history__facts li::before{
		left: 0.6rem;
	}

	.history__plate{
		padding: 2rem 1.5rem;
		font-size: 1.4rem;
	}

	.direct__intro,
	.develop__intro{
		font-size: 1.5rem;
	}

	.direct__title br,
	.develop__title br,
	.develop__name br{
		display: none;
	}

	.direct__picture{
		height: 26rem;
	}

	.direct__card{
		padding: 2rem;
	}

	.direct__dots{
		margin-bottom: 3rem;
	}

	.direct__name{
		font-size: 1.8rem;
	}

	.direct__list{
		font-size: 1.4rem;
	}

	.direct__note{
		font-size: 1.2rem;
	}

	.direct__benefits{
		grid-template-columns: minmax(0, 1fr);
	}

	.order__box{
		margin-inline: 1rem;
		padding: 3rem 0;
	}

	.order__label{
		margin-bottom: 1.2rem;
		padding: 0.6rem 2rem;
		font-size: 1.2rem;
	}

	.order__title{
		font-size: 2rem;
	}

	.order__text{
		margin-bottom: 2.5rem;
		font-size: 1.5rem;
	}

	.order__button{
		width: 100%;
		min-width: 0;
		min-height: 5rem;
		font-size: 1.5rem;
	}

	.develop__item{
		height: 30rem;
	}

	.develop__body{
		padding-bottom: 2.5rem;
	}

	.develop__name{
		font-size: 1.4rem;
	}

	.develop__list{
		font-size: 1.3rem;
	}
}

@media (hover: none) {
	.product-item__cart{
		position: static;
		opacity: 1;
		visibility: visible;
	}

	.factory-card::after{
		opacity: 1;
	}

	.factory-card__text{
		opacity: 1;
		translate: 0 0;
	}

	.novelty__item:hover{
		flex-grow: 1;
	}

	.contacts__media::before{
		opacity: 1;
	}

	.contacts__hover{
		opacity: 1;
		translate: 0 0;
	}

	.zone__arrow{
		opacity: 1;
		visibility: visible;
	}
}

/* ==================================== */

.tabs-content{
	display: none;
}

.d-block{
	display: block;
}

.none{
	display: none;
}

[class*="copyrights-pane"]{
	display: none !important;
}

.animate__animated, .animate__{
	opacity: 0;
	animation-fill-mode: forwards !important;
	animation-delay: 0.2s !important;
}

.animate__delay-1s{
	animation-delay: 0.8s !important;
}

.animate__delay-2s{
	animation-delay: 1.2s !important;
}

.animate__delay-2s.button{
	animation-delay: 1.4s !important;
}

/* Глобальный твик для всех анимируемых элементов */
.animate__animated,
.animated { /* подойдёт и для кастомного animation.css */
  will-change: transform, opacity;
  backface-visibility: hidden;
  transform: translateZ(0);
}

/* Если в ваших классах есть анимации margin/height/width/top/left — запрещаем: */
[class*="animate-"][style*="margin"],
[class*="animate-"][style*="top"],
[class*="animate-"][style*="left"] {
}
  /* лучше переписать сами эффекты на transform/opacity */

/* По умолчанию скрыть, чтобы не было блинка первого кадра */
.animate__animated,
.animated {
  visibility: hidden;
}

/* Когда страница готова — показать и дать анимациям отработать */
.page-ready .animate__animated,
.page-ready .animated {
  visibility: visible;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2rem,0);
        transform: translate3d(0,2rem,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}