/*!
Theme Name: gosssalon
Theme URI: https://cropas.by/
Author: Cropas
Author URI: https://cropas.by/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: gosssalon
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

https://cropas.by/

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */



:root {
	--font-family: "Inter Tight", serif;
	--second-family: "ZtChablis", sans-serif;
	--bg: #f8f8f8;
	--dark-grey: #3c3c3c;
	--txt-on-light: #171717;
	--txt-on-dark: #f8f8f8;
	--grey: #888888;
	--white: #ffffff;
	--red: #171717;
	--red-2: #eb9b5e;
	--red-3: #cc1400;
	--green: #2a6903
}

@font-face {
	font-family: "Onest";
	src: url("/wp-content/themes/gosssalon/assets/fonts/Onest-Thin.ttf") format("truetype");
	font-weight: 100;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "ZtChablis";
	src: url("/wp-content/themes/gosssalon/assets/fonts/ZtChablisLight-ywow2.ttf") format("truetype");
	font-weight: 300;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "ZtChablis";
	src: url("/wp-content/themes/gosssalon/assets/fonts/ZtChablisLightSlow-lgrxZ.ttf") format("truetype");
	font-weight: 300;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: "ZtChablis";
	src: url("/wp-content/themes/gosssalon/assets/fonts/ZtChablisRegular-51Y1L.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "ZtChablis";
	src: url("/wp-content/themes/gosssalon/assets/fonts/ZtChablisSlow-1G1jj.ttf") format("truetype");
	font-weight: 400;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: "ZtChablis";
	src: url("/wp-content/themes/gosssalon/assets/fonts/ZtChablisMedium-nRKAR.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "ZtChablis";
	src: url("/wp-content/themes/gosssalon/assets/fonts/ZtChablisMediumSlow-9Y2YZ.ttf") format("truetype");
	font-weight: 500;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: "ZtChablis";
	src: url("/wp-content/themes/gosssalon/assets/fonts/ZtChablisSemiBold-BWgLG.ttf") format("truetype");
	font-weight: 600;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "ZtChablis";
	src: url("/wp-content/themes/gosssalon/assets/fonts/ZtChablisSemiboldSlow-RpM9v.ttf") format("truetype");
	font-weight: 600;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: "ZtChablis";
	src: url("/wp-content/themes/gosssalon/assets/fonts/ZtChablisBold-8MKOZ.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "ZtChablis";
	src: url("/wp-content/themes/gosssalon/assets/fonts/ZtChablisBoldSlow-6YrYo.ttf") format("truetype");
	font-weight: 700;
	font-style: italic;
	font-display: swap
}

.h1 {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: calc(min(4.5833333333vw, 88px)*1);
	line-height: 100%
}

@media(max-width: 768px) {
	.h1 {
		font-size: 36px
	}
}

.h1-news {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: calc(min(3.4375vw, 66px)*1);
	line-height: 100%
}

@media(max-width: 768px) {
	.h1-news {
		font-size: 32px
	}
}

.h2 {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: calc(min(3.125vw, 60px)*1);
	line-height: 100%
}

@media(max-width: 768px) {
	.h2 {
		font-size: 30px
	}
}

.h3 {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: calc(min(2.1875vw, 42px)*1);
	line-height: 100%
}

@media(max-width: 768px) {
	.h3 {
		font-size: 26px
	}
}

.h4 {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: calc(min(1.6666666667vw, 32px)*1);
	line-height: 100%
}

@media(max-width: 768px) {
	.h4 {
		font-size: 21px
	}
}

.h5 {
	font-family: var(--font-family);
	font-weight: 500;
	font-size: calc(min(1.25vw, 24px)*1);
	line-height: 130%;
	letter-spacing: .02em
}

@media(max-width: 768px) {
	.h5 {
		font-size: 19px
	}
}

.h6 {
	font-family: var(--font-family);
	font-weight: 500;
	font-size: calc(min(.9895833333vw, 19px)*1);
	line-height: 130%;
	letter-spacing: .02em
}

@media(max-width: 768px) {
	.h6 {
		font-size: 18px
	}
}

.body-1 {
	font-family: var(--font-family);
	font-weight: 300;
	font-size: calc(min(1.25vw, 24px)*1);
	line-height: 140%;
	letter-spacing: .02em
}

@media(max-width: 768px) {
	.body-1 {
		line-height: 130%;
		font-size: 19px
	}
}

.body-2 {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: calc(min(.9895833333vw, 19px)*1);
	line-height: 140%;
	letter-spacing: .02em
}

@media(max-width: 768px) {
	.body-2 {
		line-height: 140%;
		font-size: 17px
	}
}

.body-3 {
	font-family: var(--font-family);
	font-weight: 300;
	font-size: calc(min(.9895833333vw, 19px)*1);
	line-height: 140%;
	letter-spacing: .02em
}

@media(max-width: 768px) {
	.body-3 {
		line-height: 140%;
		font-size: 17px
	}
}

.body-4 {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: calc(min(.8333333333vw, 16px)*1);
	line-height: 140%;
	letter-spacing: .02em
}

@media(max-width: 768px) {
	.body-4 {
		line-height: 140%;
		font-size: 15px
	}
}

.body-5 {
	font-family: var(--font-family);
	font-weight: 300;
	font-size: calc(min(.8333333333vw, 16px)*1);
	line-height: 140%;
	letter-spacing: .02em
}

@media(max-width: 768px) {
	.body-5 {
		line-height: 140%;
		font-size: 14px
	}
}

.body-6 {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: calc(min(.78125vw, 15px)*1);
	line-height: 130%;
	letter-spacing: .02em
}

@media(max-width: 768px) {
	.body-6 {
		line-height: 120%;
		font-size: 13px
	}
}

.t-button {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: calc(min(1.0416666667vw, 20px)*1);
	letter-spacing: .02em
}

@media(max-width: 768px) {
	.t-button {
		font-size: 18px
	}
}

.t-link {
	font-family: var(--font-family);
	font-weight: 500;
	font-size: calc(min(.9375vw, 18px)*1);
	letter-spacing: .02em;
	text-decoration: underline;
	text-decoration-skip-ink: none
}

@media(max-width: 768px) {
	.t-link {
		font-size: 16px
	}
}

.t-placeholder {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: calc(min(.9375vw, 18px)*1);
	line-height: 140%;
	letter-spacing: .02em
}

@media(max-width: 768px) {
	.t-placeholder {
		font-size: 16px
	}
}

.header-1 {
	font-family: var(--font-family);
	font-weight: 500;
	font-size: calc(min(.9375vw, 18px)*1)
}

@media(max-width: 768px) {
	.header-1 {
		font-size: 17px
	}
}

.header-2 {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: calc(min(.9375vw, 18px)*1);
	letter-spacing: .02em
}

@media(max-width: 768px) {
	.header-2 {
		font-size: 17px
	}
}

.burger-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100svh;
	background-color: hsl(from var(--txt-on-light) h s l/0.6);
	opacity: 0;
	z-index: -1;
	pointer-events: none;
	transition: all .3s ease-in-out;
	display: flex;
	justify-content: flex-end
}

.burger-menu.active {
	opacity: 1;
	z-index: 1000;
	pointer-events: auto
}

.burger-menu.active .burger-menu__container {
	transform: translateX(0)
}

.burger-menu__container {
	position: relative;
	width: 267px;
	background-color: var(--white);
	transform: translateX(100%);
	transition: transform .3s ease-in-out;
	padding: 56px 20px 42px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	justify-content: space-between;
	max-height: 100svh;
	overflow-y: auto
}

.burger-menu__nav {
	display: flex;
	flex-direction: column;
	gap: 16px
}

.burger-menu__nav-title {
	text-decoration: none;
	color: var(--dark-grey);
	transition: color .2s ease;
	display: flex;
	align-items: center;
	gap: 4px;
	width: fit-content
}

.burger-menu__nav-title.promo {
	color: var(--red)
}

.burger-menu__nav-list {
	display: flex;
	flex-direction: column;
	gap: 10px
}

.burger-menu__nav-item {
	text-decoration: none;
	color: var(--txt-on-light);
	transition: color .2s ease
}

.burger-menu__nav-item:hover {
	text-decoration: underline;
	text-decoration-skip-ink: none
}

.burger-menu__nav>.is-open .burger-menu__nav-title {
	font-weight: 500;
	text-decoration: underline;
	text-decoration-skip-ink: none
}

.burger-menu__info {
	display: flex;
	flex-direction: column;
	gap: 12px
}

.burger-menu__info-item {
	display: flex;
	flex-direction: column;
	gap: 4px
}

.burger-menu__info-item span {
	opacity: .7
}

.burger-menu__info-item .h6 {
	color: var(--txt-on-light)
}

.burger-menu__info-item a {
	text-decoration: none
}

.burger-menu__close {
	position: absolute;
	top: 12px;
	right: 20px;
	width: 28px;
	height: 28px;
	background-color: rgba(0, 0, 0, 0);
	color: var(--red);
	border: none;
	cursor: pointer
}

.page-hero {
	position: relative;
	padding: calc(min(9.1666666667vw, 176px)*1) 0 calc(min(4.1666666667vw, 80px)*1)
}

@media(max-width: 768px) {
	.page-hero {
		padding: 125px 0 80px
	}
}

.page-hero .image-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	z-index: 1
}

.page-hero .image-container .page-hero__img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center
}

.page-hero.text {
	padding-bottom: calc(min(2.5vw, 48px)*1)
}

@media(max-width: 768px) {
	.page-hero.text {
		padding-bottom: 32px
	}
}

.page-hero.text .page-hero__content {
	color: var(--txt-on-light)
}

.page-hero.text .page-hero__content .h1,
.page-hero.text .page-hero__content .h1-news {
	max-width: 100%
}

.page-hero__content {
	position: relative;
	z-index: 2;
	color: var(--bg)
}

.page-hero__content .h1,
.page-hero__content .h1-news {
	margin-top: calc(min(1.25vw, 24px)*1);
	max-width: calc(min(44.7916666667vw, 860px)*1)
}

@media(max-width: 768px) {

	.page-hero__content .h1,
	.page-hero__content .h1-news {
		margin-top: 16px;
		max-width: 100%
	}
}

.page-hero__content p {
	margin-top: calc(min(.625vw, 12px)*1);
	max-width: calc(min(44.7916666667vw, 860px)*1)
}

@media(max-width: 768px) {
	.page-hero__content p {
		margin-top: 8px;
		max-width: 100%
	}
}

.header {
	max-width: calc(min(95vw, 1824px)*1);
	margin: 0 auto;
	width: 100%
}

@media(max-width: 768px) {
	.header {
		max-width: calc(100% - 40px)
	}
}

.header.fade::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(min(8.3333333333vw, 160px)*1);
	backdrop-filter: blur(0px);
	background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
	z-index: 2
}

@media(max-width: 768px) {
	.header.fade::before {
		height: 80px
	}
}

.header__static {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	padding: calc(min(.625vw, 12px)*1) 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: var(--bg);
	max-width: calc(min(95vw, 1824px)*1);
	margin: 0 auto;
	width: 100%;
	z-index: 2
}

.header__static.dark {
	color: var(--txt-on-light)
}

@media(max-width: 768px) {
	.header__static {
		padding: 12px 0;
		max-width: calc(100% - 40px)
	}
}

.header__static-info {
	display: flex;
	gap: calc(min(1.4583333333vw, 28px)*1);
	align-items: center
}

@media(max-width: 768px) {
	.header__static-info {
		gap: 28px
	}
}

.header__static-item {
	display: flex;
	gap: calc(min(.2083333333vw, 4px)*1);
	align-items: center
}

@media(max-width: 768px) {
	.header__static-item {
		gap: 4px
	}
}

.header__static-item span {
	opacity: .7
}

.header__static-item svg {
	width: calc(min(1.0416666667vw, 20px)*1);
	height: calc(min(1.0416666667vw, 20px)*1)
}

@media(max-width: 768px) {
	.header__static-item svg {
		width: 16px;
		height: 16px
	}
}

.header__static-socials {
	display: flex;
	gap: calc(min(.7291666667vw, 14px)*1);
	align-items: center
}

.header__static-socials>span {
	opacity: .7
}

.header__fixed {
	position: fixed;
	top: calc(min(3.125vw, 60px)*1);
	left: 50%;
	transform: translateX(-50%);
	max-width: calc(min(95vw, 1824px)*1);
	width: 100%;
	margin: 0 auto;
	padding: calc(min(.4166666667vw, 8px)*1) calc(min(.625vw, 12px)*1);
	border-radius: calc(min(.4166666667vw, 8px)*1);
	background-color: var(--white);
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 100;
	transition: all .3s ease
}

.header__fixed.scrolled {
	top: calc(min(.625vw, 12px)*1)
}

@media(min-width: 769px) {
	.header__fixed.transparent {
		background-color: rgba(0, 0, 0, 0)
	}

	.header__fixed.transparent .logo-text {
		color: var(--bg)
	}

	.header__fixed.transparent .logo span {
		color: var(--bg)
	}

	.header__fixed.transparent .header__nav-link {
		color: var(--bg)
	}

	.header__fixed.transparent .header__fixed-phone {
		color: var(--bg)
	}
}

@media(max-width: 768px) {
	.header__fixed {
		padding: 8px 10px;
		max-width: calc(100% - 40px);
		border-radius: 8px;
		top: 48px
	}

	.header__fixed.scrolled {
		top: 6px
	}
}

.header__fixed .logo {
	display: flex;
	gap: 0;
	align-items: center;
	gap: calc(min(.4166666667vw, 8px)*1)
}

@media(max-width: 768px) {
	.header__fixed .logo {
		gap: 6px
	}
}

.header__fixed .logo__img {
	width: calc(min(6.9270833333vw, 133px)*1);
	height: calc(min(2.7083333333vw, 52px)*1);
	object-fit: contain;
	object-position: center
}

.header__fixed .logo-text {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: calc(min(2.5vw, 48px)*1);
	line-height: 100%;
	color: var(--dark-grey)
}

@media(max-width: 768px) {
	.header__fixed .logo-text {
		font-size: 32px
	}
}

.header__fixed .logo span {
	color: var(--grey)
}

.header__fixed .header__nav {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: fit-content
}

.header__fixed .header__nav-list {
	display: flex;
	align-items: center;
	gap: calc(min(2.8125vw, 54px)*1);
	list-style: none
}

.header__fixed .header__nav-item {
	position: relative
}

.header__fixed .header__nav-item:hover .header__nav-sublist {
	opacity: 1;
	visibility: visible
}

.header__fixed .header__nav-item.promo .header__nav-link {
	color: var(--red-3)
}

.header__fixed .header__nav-item::before {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: calc(min(1.1979166667vw, 23px)*1);
	z-index: 1
}

.header__fixed .header__nav-link {
	text-decoration: none;
	color: var(--dark-grey);
	transition: color .2s ease;
	display: flex;
	align-items: center;
	gap: calc(min(.2083333333vw, 4px)*1)
}

.header__fixed .header__nav-link svg {
	width: calc(min(.8333333333vw, 16px)*1);
	height: calc(min(.8333333333vw, 16px)*1)
}

.header__fixed .header__nav-sublist {
	position: absolute;
	top: calc(100% + min(1.1979166667vw, 23px)*1);
	left: 0;
	max-width: calc(min(11.875vw, 228px)*1);
	background-color: var(--bg);
	border-radius: calc(min(.4166666667vw, 8px)*1);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	list-style: none;
	opacity: 0;
	visibility: hidden;
	transition: opacity .2s ease, visibility .2s ease
}

.header__fixed .header__nav-subitem {
	display: flex;
	padding: calc(min(.5208333333vw, 10px)*1) calc(min(.8333333333vw, 16px)*1);
	background-color: var(--bg);
	border-bottom: 1px solid hsl(from var(--dark-grey) h s l/0.07);
	transition: background-color .2s ease;
	color: var(--txt-on-light)
}

.header__fixed .header__nav-subitem:hover {
	background: var(--red);
	color: var(--white)
}

.header__fixed .header__nav-sublink {
	display: flex;
	color: inherit;
	text-decoration: none;
	transition: color .2s ease
}

.header__fixed-phone {
	display: flex;
	gap: calc(min(.3125vw, 6px)*1);
	align-items: center;
	text-decoration: none;
	color: var(--dark-grey);
	transition: color .2s ease
}

.header__fixed-phone:hover {
	text-decoration: underline;
	text-decoration-skip-ink: none
}

.header__fixed-phone svg {
	width: calc(min(1.0416666667vw, 20px)*1);
	height: calc(min(1.0416666667vw, 20px)*1)
}

.header__fixed-controls {
	display: flex;
	gap: 8px;
	align-items: center
}

.main-hero {
	position: relative;
	background-color: #060608;
	height: 100svh;
	overflow: hidden;
	z-index: 1;
	display: flex;
	align-items: center
}

@media(max-width: 768px) {
	.main-hero {
		align-items: flex-start;
		padding: 130px 0
	}
}

.main-hero__img {
	position: absolute;
	top: 0;
	right: 0;
	width: auto;
	height: 100%;
	object-fit: cover;
	object-position: center;
	z-index: 1
}

@media(max-width: 768px) {
	.main-hero__img {
		width: 100%;
		height: auto
	}
}

.main-hero__caption {
	position: relative;
	z-index: 2;
	max-width: calc(min(67.7083333333vw, 1300px)*1);
	width: 100%;
	margin: 0 auto;
	color: var(--bg)
}

@media(max-width: 768px) {
	.main-hero__caption {
		max-width: calc(100% - 40px)
	}
}

.main-hero__caption h1 {
	max-width: calc(min(44.4791666667vw, 854px)*1);
	margin-bottom: calc(min(.9375vw, 18px)*1)
}

@media(max-width: 768px) {
	.main-hero__caption h1 {
		max-width: 100%;
		margin-bottom: 8px
	}
}

.main-hero__caption p {
	max-width: calc(min(44.4791666667vw, 854px)*1);
	margin-bottom: calc(min(1.6666666667vw, 32px)*1);
	opacity: .8
}

@media(max-width: 768px) {
	.main-hero__caption p {
		max-width: 100%;
		margin-bottom: 20px
	}
}

.main-hero__caption .button {
	color: var(--bg)
}

.services-slider {
	max-width: calc(min(67.7083333333vw, 1300px)*1);
	width: 100%;
	margin: 0 auto
}

@media(max-width: 768px) {
	.services-slider {
		max-width: calc(100% - 40px)
	}

	.services-slider .services-slider-button {
		width: 100%;
		margin-top: 20px
	}
}

.services-slider__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: calc(min(1.4583333333vw, 28px)*1)
}

.services-slider__header .button {
	min-width: calc(min(10.4166666667vw, 200px)*1)
}

@media(max-width: 768px) {
	.services-slider__header {
		margin-bottom: 20px
	}

	.services-slider__header div.services-swiper__controls {
		position: static;
		transform: none;
		display: flex;
		align-items: center;
		justify-content: center;
		width: fit-content;
		gap: 8px
	}

	.services-slider__header .button {
		min-width: auto
	}
}

.services-slider .services-swiper {
	position: relative
}

.services-slider .services-swiper .swiper {
	width: 100%
}

.services-slider .services-swiper .swiper-slide {
	margin-right: calc(min(1.0416666667vw, 20px)*1);
	width: fit-content !important
}

.services-slider .services-swiper .swiper-slide:last-child {
	margin-right: 0
}

@media(max-width: 768px) {
	.services-slider .services-swiper .swiper-slide {
		margin-right: 0
	}
}

.services-slider .services-swiper__controls {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: calc(100% + min(3.9583333333vw, 76px)*1*2)
}

.main-about {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: calc(min(1.0416666667vw, 20px)*1)
}

@media(max-width: 768px) {
	.main-about {
		grid-template-columns: 1fr;
		gap: 28px
	}
}

.main-about__caption {
	grid-column: 1/7
}

@media(max-width: 768px) {
	.main-about__caption {
		grid-column: span 1
	}
}

.main-about__caption .h2 {
	margin-bottom: calc(min(1.25vw, 24px)*1)
}

@media(max-width: 768px) {
	.main-about__caption .h2 {
		margin-bottom: 20px
	}
}

.main-about__caption p {
	margin-bottom: calc(min(.625vw, 12px)*1)
}

@media(max-width: 768px) {
	.main-about__caption p {
		margin-bottom: 8px
	}
}

.main-about__caption p:last-child {
	margin-bottom: 0
}

.main-about__caption .button {
	margin-top: calc(min(1.6666666667vw, 32px)*1)
}

@media(max-width: 768px) {
	.main-about__caption .button {
		margin-top: 20px;
		width: 100%
	}
}

.main-about__img {
	grid-column: 7/13;
	position: relative;
	border-radius: calc(min(.4166666667vw, 8px)*1);
	overflow: hidden
}

@media(max-width: 768px) {
	.main-about__img {
		grid-column: span 1;
		border-radius: 8px;
		height: 240px
	}
}

.main-about__img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center
}

.compare-slider {
	max-width: calc(min(67.7083333333vw, 1300px)*1);
	width: 100%;
	margin: 0 auto
}

@media(max-width: 768px) {
	.compare-slider {
		max-width: calc(100% - 40px)
	}
}

.compare-slider__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: calc(min(1.4583333333vw, 28px)*1)
}

@media(max-width: 768px) {
	.compare-slider__header {
		margin-bottom: 20px
	}

	.compare-slider__header div.compare-swiper__controls {
		position: static;
		transform: none;
		display: flex;
		align-items: center;
		justify-content: center;
		width: fit-content;
		gap: 8px
	}

	.compare-slider__header .button {
		min-width: auto
	}
}

.compare-slider .compare-swiper {
	position: relative
}

.compare-slider .compare-swiper .swiper {
	width: 100%
}

@media(max-width: 768px) {
	.compare-slider .compare-swiper .swiper {
		width: calc(100% + 40px);
		position: relative;
		left: -20px;
		padding: 0 20px
	}
}

.compare-slider .compare-swiper .swiper-slide {
	margin-right: calc(min(1.0416666667vw, 20px)*1);
	width: fit-content !important
}

.compare-slider .compare-swiper .swiper-slide:last-child {
	margin-right: 0
}

@media(max-width: 768px) {
	.compare-slider .compare-swiper .swiper-slide {
		margin-right: 0
	}
}

.compare-slider .compare-swiper__controls {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: calc(100% + min(3.9583333333vw, 76px)*1*2)
}

.compare-slider__img {
	width: calc(min(33.3333333333vw, 640px)*1);
	height: calc(min(20.8333333333vw, 400px)*1)
}

@media(max-width: 768px) {
	.compare-slider__img {
		width: 335px;
		height: 240px
	}
}

.banner {
	width: 100%;
	padding: calc(min(3.3333333333vw, 64px)*1) 0;
	position: relative;
	background-color: #262626
}

@media(max-width: 768px) {
	.banner {
		padding: 32px 0;
		height: 650px
	}
}

.banner .image-container {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center
}

.banner .image-container::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(-90deg, rgba(38, 38, 38, 0.13) 0%, rgb(38, 38, 38) 34%);
	z-index: 2
}

@media(max-width: 768px) {
	.banner .image-container::before {
		background: linear-gradient(360deg, rgba(38, 38, 38, 0.13) 0%, rgb(38, 38, 38) 39%)
	}
}

.banner .image-container .banner__img {
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	z-index: 1;
	transform: scaleX(-1)
}

@media(max-width: 768px) {
	.banner .image-container .banner__img {
		width: 100%;
		height: auto;
		bottom: 0;
		top: initial
	}
}

.banner__caption {
	position: relative;
	z-index: 3;
	max-width: calc(min(33.3333333333vw, 640px)*1);
	color: var(--white)
}

@media(max-width: 768px) {
	.banner__caption {
		max-width: 100%
	}
}

.banner__caption .h2 {
	margin-bottom: calc(min(1.25vw, 24px)*1)
}

@media(max-width: 768px) {
	.banner__caption .h2 {
		margin-bottom: 12px
	}
}

.banner__caption p {
	margin-bottom: calc(min(1.6666666667vw, 32px)*1)
}

@media(max-width: 768px) {
	.banner__caption p {
		margin-bottom: 20px
	}
}

.products-slider {
	max-width: calc(min(67.7083333333vw, 1300px)*1);
	width: 100%;
	margin: 0 auto
}

@media(max-width: 768px) {
	.products-slider {
		max-width: calc(100% - 40px)
	}

	.products-slider .products-slider-button {
		width: 100%;
		margin-top: 20px
	}
}

.products-slider__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: calc(min(1.4583333333vw, 28px)*1)
}

.products-slider__header .button {
	min-width: calc(min(10.4166666667vw, 200px)*1)
}

@media(max-width: 768px) {
	.products-slider__header {
		margin-bottom: 20px;
		gap: 44px
	}

	.products-slider__header div.products-slider__controls {
		position: static;
		transform: none;
		display: flex;
		align-items: center;
		justify-content: center;
		width: fit-content;
		gap: 8px
	}

	.products-slider__header .button {
		min-width: auto
	}
}

.products-slider .products-swiper {
	position: relative
}

.products-slider .products-swiper .swiper {
	width: 100%
}

@media(max-width: 768px) {
	.products-slider .products-swiper .swiper {
		width: calc(100% + 40px);
		position: relative;
		left: -20px;
		padding: 0 20px
	}
}

.products-slider .products-swiper .swiper-slide {
	margin-right: calc(min(1.0416666667vw, 20px)*1);
	width: fit-content !important
}

.products-slider .products-swiper .swiper-slide:last-child {
	margin-right: 0
}

@media(max-width: 768px) {
	.products-slider .products-swiper .swiper-slide {
		margin-right: 0
	}
}

.products-slider__controls {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: calc(100% + min(3.9583333333vw, 76px)*1*2)
}

.promo-slider {
	max-width: calc(min(67.7083333333vw, 1300px)*1);
	width: 100%;
	margin: 0 auto
}

@media(max-width: 768px) {
	.promo-slider {
		max-width: calc(100% - 40px)
	}

	.promo-slider .promo-slider-button {
		width: 100%;
		margin-top: 20px
	}
}

.promo-slider__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: calc(min(1.4583333333vw, 28px)*1)
}

.promo-slider__header .button {
	min-width: calc(min(10.4166666667vw, 200px)*1)
}

@media(max-width: 768px) {
	.promo-slider__header {
		margin-bottom: 20px;
		gap: 44px
	}

	.promo-slider__header div.promo-slider__controls {
		position: static;
		transform: none;
		display: flex;
		align-items: center;
		justify-content: center;
		width: fit-content;
		gap: 8px
	}

	.promo-slider__header .button {
		min-width: auto
	}
}

.promo-slider .promo-swiper {
	position: relative
}

.promo-slider .promo-swiper .swiper {
	width: 100%
}

@media(max-width: 768px) {
	.promo-slider .promo-swiper .swiper {
		width: calc(100% + 40px);
		position: relative;
		left: -20px;
		padding: 0 20px
	}
}

.promo-slider .promo-swiper .swiper-slide {
	margin-right: calc(min(1.0416666667vw, 20px)*1);
	width: fit-content !important
}

.promo-slider .promo-swiper .swiper-slide:last-child {
	margin-right: 0
}

@media(max-width: 768px) {
	.promo-slider .promo-swiper .swiper-slide {
		margin-right: 0
	}
}

.promo-slider__controls {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: calc(100% + min(3.9583333333vw, 76px)*1*2)
}

.yandex-reviews {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: calc(min(1.0416666667vw, 20px)*1)
}

@media(max-width: 768px) {
	.yandex-reviews {
		grid-template-columns: 1fr;
		gap: 28px
	}
}

.yandex-reviews.standalone {
	display: flex;
	flex-direction: column;
	gap: calc(min(1.6666666667vw, 32px)*1)
}

@media(max-width: 768px) {
	.yandex-reviews.standalone {
		gap: 28px
	}
}

.yandex-reviews.standalone .yandex-reviews__caption {
	display: flex;
	gap: calc(min(1.0416666667vw, 20px)*1)
}

@media(max-width: 768px) {
	.yandex-reviews.standalone .yandex-reviews__caption {
		flex-direction: column;
		gap: 8px
	}
}

.yandex-reviews.standalone .yandex-reviews__widget {
	max-width: calc(min(33.3333333333vw, 640px)*1);
	margin: 0 auto
}

@media(max-width: 768px) {
	.yandex-reviews.standalone .yandex-reviews__widget {
		max-width: 100%
	}
}

.yandex-reviews__caption {
	grid-column: 1/7
}

@media(max-width: 768px) {
	.yandex-reviews__caption {
		grid-column: span 1
	}
}

.yandex-reviews__caption .h2 {
	margin-bottom: calc(min(1.25vw, 24px)*1)
}

@media(max-width: 768px) {
	.yandex-reviews__caption .h2 {
		margin-bottom: 20px
	}
}

.yandex-reviews__caption p {
	max-width: calc(min(32.1875vw, 618px)*1);
	margin-bottom: calc(min(.625vw, 12px)*1)
}

@media(max-width: 768px) {
	.yandex-reviews__caption p {
		margin-bottom: 8px;
		max-width: 100%
	}
}

.yandex-reviews__caption p:last-child {
	margin-bottom: 0
}

.yandex-reviews__widget {
	grid-column: 7/13;
	width: 100%;
	height: calc(min(41.6666666667vw, 800px)*1);
	border-radius: calc(min(.4166666667vw, 8px)*1);
	overflow: hidden
}

@media(max-width: 768px) {
	.yandex-reviews__widget {
		grid-column: span 1;
		height: 600px
	}
}

.yandex-reviews__widget iframe {
	width: 100%
}

.certificate-banner {
	width: 100%;
	padding: calc(min(3.3333333333vw, 64px)*1) 0;
	position: relative;
	background: linear-gradient(180deg, #e7e2d6 0%, #e9e4d8 46.15%, #ece7dc 100%)
}

@media(max-width: 768px) {
	.certificate-banner {
		padding: 32px 0;
		padding-bottom: 0;
		height: 650px;
		background-color: #ece7dc
	}
}

.certificate-banner.full-height .certificate-banner__content {
	position: static
}

.certificate-banner.full-height .certificate-banner__content .image-container {
	width: 100%;
	height: 100%;
	transform: none;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1
}

.certificate-banner__content {
	position: relative
}

@media(max-width: 768px) {
	.certificate-banner__content {
		height: 100%
	}
}

.certificate-banner__content .image-container {
	position: absolute;
	right: -5%;
	top: 50%;
	transform: translateY(-50%);
	width: calc(min(32.2916666667vw, 620px)*1);
	height: 100%;
	object-fit: cover;
	object-position: center
}

@media(max-width: 768px) {
	.certificate-banner__content .image-container {
		width: calc(100% + 40px);
		height: auto;
		right: -20px;
		bottom: 0;
		transform: translateY(0)
	}
}

.certificate-banner__content .image-container .certificate-banner__img {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	z-index: 1
}

@media(max-width: 768px) {
	.certificate-banner__content .image-container .certificate-banner__img {
		width: 100%;
		height: auto;
		bottom: 0;
		top: initial
	}
}

.certificate-banner__caption {
	position: relative;
	z-index: 3;
	max-width: calc(min(32.1875vw, 618px)*1);
	color: var(--txt-on-light)
}

@media(max-width: 768px) {
	.certificate-banner__caption {
		max-width: 100%
	}
}

.certificate-banner__caption .h2 {
	margin-bottom: calc(min(1.25vw, 24px)*1)
}

@media(max-width: 768px) {
	.certificate-banner__caption .h2 {
		margin-bottom: 20px
	}
}

.certificate-banner__caption p {
	margin-bottom: calc(min(.625vw, 12px)*1)
}

@media(max-width: 768px) {
	.certificate-banner__caption p {
		margin-bottom: 8px
	}
}

.certificate-banner__caption .button.white {
	margin-top: calc(min(1.6666666667vw, 32px)*1);
	background: rgba(0, 0, 0, 0)
}

@media(max-width: 768px) {
	.certificate-banner__caption .button.white {
		margin-top: 16px
	}
}

.news-slider {
	max-width: calc(min(67.7083333333vw, 1300px)*1);
	width: 100%;
	margin: 0 auto
}

@media(max-width: 768px) {
	.news-slider {
		max-width: calc(100% - 40px)
	}

	.news-slider .news-slider-button {
		width: 100%;
		margin-top: 20px
	}
}

.news-slider__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: calc(min(1.4583333333vw, 28px)*1)
}

.news-slider__header .button {
	min-width: calc(min(10.4166666667vw, 200px)*1)
}

@media(max-width: 768px) {
	.news-slider__header {
		margin-bottom: 20px;
		gap: 44px
	}

	.news-slider__header div.news-slider__controls {
		position: static;
		transform: none;
		display: flex;
		align-items: center;
		justify-content: center;
		width: fit-content;
		gap: 8px
	}

	.news-slider__header .button {
		min-width: auto
	}
}

.news-slider .news-swiper {
	position: relative
}

.news-slider .news-swiper .swiper {
	width: 100%
}

@media(max-width: 768px) {
	.news-slider .news-swiper .swiper {
		width: calc(100% + 40px);
		position: relative;
		left: -20px;
		padding: 0 20px
	}
}

.news-slider .news-swiper .swiper-slide {
	margin-right: calc(min(1.0416666667vw, 20px)*1);
	width: fit-content !important
}

.news-slider .news-swiper .swiper-slide:last-child {
	margin-right: 0
}

@media(max-width: 768px) {
	.news-slider .news-swiper .swiper-slide {
		margin-right: 0
	}
}

.news-slider__controls {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: calc(100% + min(3.9583333333vw, 76px)*1*2)
}

.news-slider .news-grid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: repeat(3, 1fr);
	gap: calc(min(1.0416666667vw, 20px)*1)
}

.news-slider .news-grid .news-card {
	grid-column: span 6;
	grid-row: span 1
}

.news-slider .news-grid .news-card.big {
	grid-column: span 6;
	grid-row: span 3;
	flex-direction: column
}

.news-slider .news-grid .news-card.big .image-container {
	height: calc(min(17.9166666667vw, 344px)*1);
	width: 100%;
	flex: 0 0 calc(min(17.9166666667vw, 344px)*1)
}

.news-slider .news-grid .news-card.big .news-card__content {
	padding: 0
}

.news-slider .news-grid .news-card.big .news-card__content .news-card__title {
	line-clamp: 2;
	-webkit-line-clamp: 2;
	margin-bottom: calc(min(.4166666667vw, 8px)*1)
}

.news-slider .news-grid .news-card.big .news-card__content .news-card__text {
	margin-bottom: calc(min(.8333333333vw, 16px)*1);
	line-clamp: 2;
	-webkit-line-clamp: 2
}

.contacts.standalone {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: calc(min(1.0416666667vw, 20px)*1)
}

@media(max-width: 768px) {
	.contacts.standalone {
		grid-template-columns: repeat(1, 1fr);
		gap: 28px
	}
}

.contacts.standalone .contacts__info {
	grid-column: span 4;
	display: flex;
	flex-direction: column;
	gap: calc(min(1.25vw, 24px)*1)
}

@media(max-width: 768px) {
	.contacts.standalone .contacts__info {
		grid-column: span 1;
		gap: 20px
	}
}

.contacts.standalone .contacts__map {
	grid-column: span 8;
	height: calc(min(18.4375vw, 354px)*1);
	margin-top: 0
}

@media(max-width: 768px) {
	.contacts.standalone .contacts__map {
		grid-column: span 1;
		height: 400px
	}
}

.contacts .h2 {
	margin-bottom: calc(min(1.4583333333vw, 28px)*1)
}

@media(max-width: 768px) {
	.contacts .h2 {
		margin-bottom: 20px
	}
}

.contacts__info {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: calc(min(1.0416666667vw, 20px)*1)
}

@media(max-width: 768px) {
	.contacts__info {
		grid-template-columns: repeat(1, 1fr);
		gap: 16px
	}
}

.contacts__item {
	display: flex;
	flex-direction: column;
	gap: calc(min(.4166666667vw, 8px)*1)
}

@media(max-width: 768px) {
	.contacts__item {
		gap: 6px
	}
}

.contacts__item span {
	color: var(--grey)
}

.contacts__item-value {
	color: var(--txt-on-light)
}

.contacts__item a.contacts__item-value {
	color: var(--txt-on-light);
	text-decoration: none
}

.contacts__map {
	margin-top: calc(min(1.875vw, 36px)*1);
	width: 100%;
	height: calc(min(21.875vw, 420px)*1)
}

@media(max-width: 768px) {
	.contacts__map {
		margin-top: 28px;
		height: 420px
	}
}

.contacts__map .marker-image {
	position: relative;
	width: calc(min(5.3125vw, 102px)*1);
	height: calc(min(5.3125vw, 102px)*1);
	background: rgba(0, 0, 0, 0);
	transform: translate(-50%, -100%)
}

@media(max-width: 768px) {
	.contacts__map .marker-image {
		width: 102px;
		height: 102px
	}
}

.contacts__map .marker-image svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.contacts__map .marker-image img {
	position: absolute;
	top: 42%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: calc(min(4.8958333333vw, 94px)*1);
	height: calc(min(1.9270833333vw, 37px)*1);
	object-fit: contain;
	background: rgba(0, 0, 0, 0)
}

@media(max-width: 768px) {
	.contacts__map .marker-image img {
		width: 94px;
		height: 37px
	}
}

.feedback,
.feedback-popup {
	background: var(--white);
	border-radius: calc(min(.4166666667vw, 8px)*1);
	display: flex
}

@media(max-width: 768px) {

	.feedback,
	.feedback-popup {
		flex-direction: column;
		border-radius: 6px
	}
}

.feedback__form,
.feedback-popup__form {
	flex: 1 1 50%;
	display: flex;
	flex-direction: column;
	gap: calc(min(1.25vw, 24px)*1);
	padding: calc(min(1.875vw, 36px)*1) calc(min(2.9166666667vw, 56px)*1) calc(min(1.875vw, 36px)*1) calc(min(1.875vw, 36px)*1)
}

@media(max-width: 768px) {

	.feedback__form,
	.feedback-popup__form {
		padding: 32px 20px 28px
	}
}

.feedback__form .h2,
.feedback-popup__form .h2 {
	margin-bottom: calc(min(1.4583333333vw, 28px)*1)
}

@media(max-width: 768px) {

	.feedback__form .h2,
	.feedback-popup__form .h2 {
		margin-bottom: 20px
	}
}

.feedback__form-group,
.feedback-popup__form-group {
	display: flex;
	gap: calc(min(1.0416666667vw, 20px)*1)
}

@media(max-width: 768px) {

	.feedback__form-group,
	.feedback-popup__form-group {
		flex-direction: column;
		gap: 12px;
		width: 100%
	}
}

@media(max-width: 768px) {

	.feedback__form .text-area,
	.feedback-popup__form .text-area {
		margin-bottom: 12px;
		margin-top: 12px
	}
}

@media(max-width: 768px) {

	.feedback__form .button,
	.feedback-popup__form .button {
		margin-top: 12px
	}
}

.feedback .image-container,
.feedback-popup .image-container {
	flex: 1 1 50%;
	position: relative;
	border-radius: calc(min(.4166666667vw, 8px)*1);
	overflow: hidden
}

@media(max-width: 768px) {

	.feedback .image-container,
	.feedback-popup .image-container {
		border-radius: 6px;
		flex: initial;
		height: 240px
	}
}

.feedback .image-container img,
.feedback-popup .image-container img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.feedback-popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: hsl(from var(--txt-on-light) h s l/0.6);
	z-index: -1;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	visibility: hidden;
	transition: all .3s ease
}

.feedback-popup.active {
	opacity: 1;
	visibility: visible;
	z-index: 1000
}

@media(max-width: 768px) {
	.feedback-popup {
		padding: 20px
	}
}

.feedback-popup__content {
	width: calc(min(67.7083333333vw, 1300px)*1);
	background: var(--white);
	border-radius: calc(min(.4166666667vw, 8px)*1);
	display: flex;
	position: relative
}

@media(max-width: 768px) {
	.feedback-popup__content {
		border-radius: 6px;
		width: 100%
	}

	.feedback-popup__content .feedback__form {
		flex: initial;
		padding: 16px 20px
	}

	.feedback-popup__content .image-container {
		display: none
	}
}

.feedback-popup__content .feedback-popup__close {
	position: absolute;
	top: calc(min(.9895833333vw, 19px)*1);
	right: calc(min(.9895833333vw, 19px)*1);
	z-index: 1001;
	width: calc(min(1.5625vw, 30px)*1);
	height: calc(min(1.5625vw, 30px)*1);
	background: rgba(0, 0, 0, 0);
	border: none;
	cursor: pointer
}

@media(max-width: 768px) {
	.feedback-popup__content .feedback-popup__close {
		width: 24px;
		height: 24px;
		top: 18px;
		right: 18px
	}
}

.footer {
	margin-top: calc(min(7.2916666667vw, 140px)*1)
}

@media(max-width: 768px) {
	.footer {
		margin-top: 72px
	}
}

.footer__top {
	background: var(--txt-on-light);
	padding: calc(min(2.7083333333vw, 52px)*1) 0 calc(min(5vw, 96px)*1)
}

@media(max-width: 768px) {
	.footer__top {
		padding: 32px 0 100px
	}
}

.footer__content {
	display: flex;
	justify-content: space-between
}

@media(max-width: 768px) {
	.footer__content {
		flex-wrap: wrap;
		gap: 24px
	}
}

@media(max-width: 768px) {
	.footer__content-logo {
		width: 100%
	}
}

.footer__content .logo {
	display: flex;
	flex-direction: column;
	gap: calc(min(.625vw, 12px)*1);
	color: var(--white);
	font-family: var(--second-family);
	font-weight: 400;
	font-size: calc(min(2.5vw, 48px)*1);
	line-height: 100%
}

@media(max-width: 768px) {
	.footer__content .logo {
		font-size: 32px;
		max-width: 199px;
		gap: 8px
	}
}

.footer__content .logo span {
	color: var(--grey)
}

.footer__content .socials__list {
	margin-top: calc(min(1.0416666667vw, 20px)*1)
}

@media(max-width: 768px) {
	.footer__content .socials__list {
		margin-top: 16
	}
}

.footer .footer__item-list {
	display: flex;
	flex-direction: column;
	gap: calc(min(.625vw, 12px)*1)
}

@media(max-width: 768px) {
	.footer .footer__item-list {
		gap: 10px
	}
}

.footer .footer__nav-list {
	display: flex;
	align-items: center;
	gap: calc(min(2.8125vw, 54px)*1);
	list-style: none
}

@media(max-width: 768px) {
	.footer .footer__nav-list {
		gap: 24px
	}
}

.footer .footer__nav-item {
	position: relative
}

.footer .footer__nav-item:hover .footer__nav-sublist {
	opacity: 1;
	visibility: visible
}

.footer .footer__nav-item.promo .footer__nav-link {
	color: var(--red)
}

.footer .footer__nav-item::before {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: calc(min(.2083333333vw, 4px)*1);
	z-index: 1
}

@media(max-width: 768px) {
	.footer .footer__nav-item::before {
		height: 2px
	}
}

.footer .footer__nav-link {
	text-decoration: none;
	color: var(--white);
	transition: color .2s ease;
	display: flex;
	align-items: center;
	gap: calc(min(.2083333333vw, 4px)*1)
}

@media(max-width: 768px) {
	.footer .footer__nav-link {
		gap: 4px
	}
}

.footer .footer__nav-link svg {
	width: calc(min(.8333333333vw, 16px)*1);
	height: calc(min(.8333333333vw, 16px)*1)
}

@media(max-width: 768px) {
	.footer .footer__nav-link svg {
		width: 16px;
		height: 16px
	}
}

.footer .footer__nav-sublist {
	position: absolute;
	top: calc(100% + min(.2083333333vw, 4px)*1);
	left: 0;
	max-width: calc(min(11.875vw, 228px)*1);
	background-color: var(--bg);
	border-radius: calc(min(.4166666667vw, 8px)*1);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	list-style: none;
	opacity: 0;
	visibility: hidden;
	transition: opacity .2s ease, visibility .2s ease;
	z-index: 2
}

@media(max-width: 768px) {
	.footer .footer__nav-sublist {
		top: calc(100% + 4px);
		max-width: 160px;
		border-radius: 8px
	}
}

.footer .footer__nav-subitem {
	display: flex;
	padding: calc(min(.5208333333vw, 10px)*1) calc(min(.8333333333vw, 16px)*1);
	background-color: var(--bg);
	border-bottom: 1px solid hsl(from var(--dark-grey) h s l/0.07);
	transition: background-color .2s ease;
	color: var(--txt-on-light)
}

@media(max-width: 768px) {
	.footer .footer__nav-subitem {
		padding: 10px 12px
	}
}

.footer .footer__nav-subitem:hover {
	background: var(--red);
	color: var(--white)
}

.footer .footer__nav-sublink {
	display: flex;
	color: inherit;
	text-decoration: none;
	transition: color .2s ease
}

.footer .footer__services {
	max-width: calc(min(11.7708333333vw, 226px)*1)
}

@media(max-width: 768px) {
	.footer .footer__services {
		max-width: 160px
	}
}

.footer .footer__item {
	width: fit-content
}

.footer .footer__item-title {
	margin-bottom: calc(min(.8333333333vw, 16px)*1);
	opacity: .7;
	color: var(--bg)
}

@media(max-width: 768px) {
	.footer .footer__item-title {
		margin-bottom: 10px
	}
}

.footer .footer__contacts .footer__item-info {
	margin-bottom: calc(min(.8333333333vw, 16px)*1)
}

@media(max-width: 768px) {
	.footer .footer__contacts .footer__item-info {
		margin-bottom: 10px
	}
}

.footer .footer__contacts .footer__item-info-title {
	color: var(--bg);
	opacity: .7;
	margin-bottom: calc(min(.3125vw, 6px)*1)
}

@media(max-width: 768px) {
	.footer .footer__contacts .footer__item-info-title {
		margin-bottom: 4px
	}
}

.footer .footer__contacts .footer__item-info-value {
	color: var(--bg)
}

.footer .footer__contacts a.footer__item-info-value {
	color: var(--bg);
	text-decoration: none
}

.footer__copyright {
	padding: calc(min(.9375vw, 18px)*1) 0
}

@media(max-width: 768px) {
	.footer__copyright {
		padding: 24px 0
	}
}

.footer__copyright-container {
	display: flex;
	justify-content: space-between;
	align-items: center
}

@media(max-width: 768px) {
	.footer__copyright-container {
		flex-direction: column;
		gap: 12px;
		align-items: flex-start
	}
}

.footer__copyright-text {
	color: var(--grey)
}

.footer__copyright-links {
	display: flex;
	gap: calc(min(.8333333333vw, 16px)*1)
}

@media(max-width: 768px) {
	.footer__copyright-links {
		gap: 8px
	}
}

.footer__copyright-links a.footer__copyright-link {
	color: var(--grey);
	text-decoration: none
}

.footer__copyright-dev {
	display: flex;
	gap: calc(min(.4166666667vw, 8px)*1);
	align-items: center;
	color: var(--grey)
}

@media(max-width: 768px) {
	.footer__copyright-dev {
		gap: 4px
	}
}

.footer__copyright-dev-link {
	color: var(--red);
	text-decoration: none
}

.requisites__list {
	margin-top: calc(min(1.4583333333vw, 28px)*1);
	display: grid;
	gap: calc(min(1.0416666667vw, 20px)*1);
	grid-template-columns: repeat(12, 1fr)
}

@media(max-width: 768px) {
	.requisites__list {
		grid-template-columns: 1fr;
		gap: 16px;
		margin-top: 20px
	}
}

.requisites__item {
	display: flex;
	flex-direction: column;
	grid-column: span 4;
	background-color: var(--white);
	padding: calc(min(1.25vw, 24px)*1);
	border-radius: calc(min(.4166666667vw, 8px)*1)
}

@media(max-width: 768px) {
	.requisites__item {
		grid-column: span 1;
		padding: 20px;
		border-radius: 8px
	}
}

.requisites__item:nth-child(2) {
	grid-column: span 5
}

@media(max-width: 768px) {
	.requisites__item:nth-child(2) {
		grid-column: span 1
	}
}

.requisites__item-title {
	margin-bottom: calc(min(.625vw, 12px)*1);
	color: var(--grey)
}

@media(max-width: 768px) {
	.requisites__item-title {
		margin-bottom: 10px
	}
}

.requisites__item-value {
	color: var(--txt-on-light)
}

.interior {
	max-width: calc(min(67.7083333333vw, 1300px)*1);
	width: 100%;
	margin: 0 auto
}

@media(max-width: 768px) {
	.interior {
		max-width: calc(100% - 40px)
	}
}

.interior__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: calc(min(1.4583333333vw, 28px)*1)
}

@media(max-width: 768px) {
	.interior__header {
		margin-bottom: 20px
	}

	.interior__header div.interior__controls {
		position: static;
		transform: none;
		display: flex;
		align-items: center;
		justify-content: center;
		width: fit-content;
		gap: 8px
	}

	.interior__header .button {
		min-width: auto
	}
}

.interior .interior__swiper {
	position: relative
}

.interior .interior__swiper .swiper {
	width: 100%
}

@media(max-width: 768px) {
	.interior .interior__swiper .swiper {
		width: calc(100% + 40px);
		position: relative;
		left: -20px;
		padding: 0 20px
	}
}

.interior .interior__swiper .swiper-slide {
	margin-right: calc(min(1.0416666667vw, 20px)*1);
	width: fit-content !important
}

.interior .interior__swiper .swiper-slide:last-child {
	margin-right: 0
}

@media(max-width: 768px) {
	.interior .interior__swiper .swiper-slide {
		margin-right: 0
	}
}

.interior__controls {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: calc(100% + min(3.9583333333vw, 76px)*1*2)
}

.interior__img {
	width: calc(min(21.875vw, 420px)*1);
	height: calc(min(25vw, 480px)*1)
}

@media(max-width: 768px) {
	.interior__img {
		width: 335px;
		height: 380px
	}
}

.news-page {
	max-width: calc(min(67.7083333333vw, 1300px)*1);
	width: 100%;
	margin: 0 auto;
	margin-top: calc(min(5.1041666667vw, 98px)*-1)
}

@media(max-width: 768px) {
	.news-page {
		max-width: calc(100% - 40px);
		margin-top: -40px
	}
}

.news-page__tags {
	margin-bottom: calc(min(1.875vw, 36px)*1)
}

@media(max-width: 768px) {
	.news-page__tags {
		margin-bottom: 24px
	}

	.news-page__tags.swiper {
		width: calc(100% + 40px);
		position: relative;
		left: -20px;
		padding: 0 20px
	}

	.news-page__tags.swiper .swiper-wrapper {
		width: fit-content
	}
}

.news-page__tags .swiper-slide {
	width: fit-content !important
}

.news-page__tags .news-page__tag {
	display: flex;
	padding: calc(min(.4166666667vw, 8px)*1) calc(min(.625vw, 12px)*1);
	background: var(--white);
	border: 1px solid hsl(from var(--txt-on-light) h s l/0.07);
	border-radius: calc(min(.4166666667vw, 8px)*1);
	color: var(--txt-on-light);
	text-decoration: none
}

@media(max-width: 768px) {
	.news-page__tags .news-page__tag {
		padding: 8px 12px;
		border-radius: 8px
	}
}

.news-page__tags .news-page__tag.active {
	background: var(--txt-on-light);
	color: var(--white)
}

.news-page .news-grid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: repeat(6, calc(min(9.1666666667vw, 176px) * 1));
	gap: calc(min(1.0416666667vw, 20px)*1)
}

@media(max-width: 768px) {
	.news-page .news-grid {
		grid-template-rows: initial;
		grid-template-columns: 1fr;
		gap: 24px
	}
}

.news-page .news-grid .news-card {
	grid-column: span 6;
	grid-row: span 1
}

@media(min-width: 769px) {
	.news-page .news-grid .news-card.big {
		grid-column: span 6;
		grid-row: span 3;
		flex-direction: column
	}

	.news-page .news-grid .news-card.big .image-container {
		height: calc(min(17.9166666667vw, 344px)*1);
		width: 100%;
		flex: 0 0 calc(min(17.9166666667vw, 344px)*1)
	}

	.news-page .news-grid .news-card.big .news-card__content {
		padding: 0
	}

	.news-page .news-grid .news-card.big .news-card__content .news-card__title {
		line-clamp: 2;
		-webkit-line-clamp: 2;
		margin-bottom: calc(min(.4166666667vw, 8px)*1)
	}

	.news-page .news-grid .news-card.big .news-card__content .news-card__text {
		margin-bottom: calc(min(.8333333333vw, 16px)*1);
		line-clamp: 2;
		-webkit-line-clamp: 2
	}
}

.news-page .pagination {
	margin-top: calc(min(1.875vw, 36px)*1)
}

@media(max-width: 768px) {
	.news-page .pagination {
		margin-top: 32px
	}
}

.single-news {
	padding-top: calc(min(9.1666666667vw, 176px)*1);
	display: flex;
	gap: calc(min(2.1875vw, 42px)*1);
	align-items: center
}

@media(max-width: 768px) {
	.single-news {
		padding-top: 125px;
		flex-direction: column;
		gap: 24px
	}
}

.single-news .image-wrapper {
	display: flex;
	flex: 0 0 calc(min(33.3333333333vw, 640px)*1);
	width: calc(min(33.3333333333vw, 640px)*1);
	height: calc(min(25vw, 480px)*1);
	position: relative;
	overflow: hidden;
	border-radius: calc(min(.4166666667vw, 8px)*1)
}

@media(max-width: 768px) {
	.single-news .image-wrapper {
		width: 100%;
		flex: initial;
		height: 235px;
		border-radius: 8px
	}
}

.single-news .image-wrapper img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1
}

.single-news .image-wrapper .tag {
	position: absolute;
	top: calc(min(1.6666666667vw, 32px)*1);
	left: calc(min(1.6666666667vw, 32px)*1);
	z-index: 2;
	color: var(--txt-on-light);
	background: var(--bg);
	border-radius: calc(min(.3125vw, 6px)*1);
	padding: calc(min(.4166666667vw, 8px)*1) calc(min(.625vw, 12px)*1)
}

@media(max-width: 768px) {
	.single-news .image-wrapper .tag {
		top: 24px;
		left: 24px;
		padding: 8px 12px;
		border-radius: 6px
	}
}

.single-news__caption {
	display: flex;
	flex-direction: column;
	flex: 1
}

.single-news__caption .h1-news {
	margin-top: calc(min(1.0416666667vw, 20px)*1);
	margin-bottom: calc(min(1.0416666667vw, 20px)*1)
}

@media(max-width: 768px) {
	.single-news__caption .h1-news {
		margin-top: 16px;
		margin-bottom: 12px
	}
}

section.news-content {
	margin-top: calc(min(5.1041666667vw, 98px)*-1);
	display: flex;
	flex-direction: column;
	gap: calc(min(.625vw, 12px)*1)
}

@media(max-width: 768px) {
	section.news-content {
		margin-top: -40px;
		gap: 12px
	}
}

section.news-content ul,
section.news-content ol {
	padding-left: calc(min(1.4583333333vw, 28px)*1)
}

@media(max-width: 768px) {

	section.news-content ul,
	section.news-content ol {
		padding-left: 28px
	}
}

section.news-content img {
	max-width: 100%;
	height: auto;
	object-fit: cover;
	border-radius: calc(min(.4166666667vw, 8px)*1)
}

@media(max-width: 768px) {
	section.news-content img {
		width: 100%;
		height: auto;
		object-fit: cover;
		border-radius: 8px
	}
}

section.news-content .button {
	margin-top: calc(min(1.0416666667vw, 20px)*1)
}

@media(max-width: 768px) {
	section.news-content .button {
		margin-top: 14px
	}
}

.promo-page {
	max-width: calc(min(67.7083333333vw, 1300px)*1);
	width: 100%;
	margin: 0 auto;
	margin-top: calc(min(5.1041666667vw, 98px)*-1)
}

@media(max-width: 768px) {
	.promo-page {
		max-width: calc(100% - 40px);
		margin-top: -40px
	}
}

.promo-page__tags {
	margin-bottom: calc(min(1.875vw, 36px)*1)
}

@media(max-width: 768px) {
	.promo-page__tags {
		margin-bottom: 24px
	}

	.promo-page__tags.swiper {
		width: calc(100% + 40px);
		position: relative;
		left: -20px;
		padding: 0 20px
	}

	.promo-page__tags.swiper .swiper-wrapper {
		width: fit-content
	}
}

.promo-page__tags .swiper-slide {
	width: fit-content !important
}

.promo-page__tags .news-page__tag {
	display: flex;
	padding: calc(min(.4166666667vw, 8px)*1) calc(min(.625vw, 12px)*1);
	background: var(--white);
	border: 1px solid hsl(from var(--txt-on-light) h s l/0.07);
	border-radius: calc(min(.4166666667vw, 8px)*1);
	color: var(--txt-on-light);
	text-decoration: none
}

@media(max-width: 768px) {
	.promo-page__tags .news-page__tag {
		padding: 8px 12px;
		border-radius: 8px
	}
}

.promo-page__tags .news-page__tag.active {
	background: var(--txt-on-light);
	color: var(--white)
}

.promo-page .promo-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: calc(min(1.4583333333vw, 28px)*1) calc(min(1.0416666667vw, 20px)*1)
}

@media(max-width: 768px) {
	.promo-page .promo-grid {
		grid-template-rows: initial;
		grid-template-columns: 1fr;
		gap: 24px
	}
}

.promo-page .pagination {
	margin-top: calc(min(1.875vw, 36px)*1)
}

@media(max-width: 768px) {
	.promo-page .pagination {
		margin-top: 32px
	}
}

.single-promo {
	padding-top: calc(min(5.1666666667vw, 176px)*1) !important;
}

@media(max-width: 768px) {
	.single-promo {
		padding-top: 50px
	}
}

.single-promo .image-wrapper {
	display: flex;
	width: 100%;
	height: calc(min(16.6666666667vw, 320px)*1);
	position: relative;
	overflow: hidden;
	border-radius: calc(min(.4166666667vw, 8px)*1);
	margin-top: calc(min(1.6666666667vw, 32px)*1)
}

@media(max-width: 768px) {
	.single-promo .image-wrapper {
		width: 100%;
		flex: initial;
		height: 235px;
		border-radius: 8px;
		margin-top: 24px
	}
}

.single-promo .image-wrapper img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1
}

.single-promo__caption {
	display: flex;
	flex-direction: column;
	flex: 1
}

.single-promo__caption .h1-news {
	margin-top: calc(min(1.25vw, 24px)*1);
	margin-bottom: calc(min(.625vw, 12px)*1)
}

@media(max-width: 768px) {
	.single-promo__caption .h1-news {
		margin-top: 16px;
		margin-bottom: 12px
	}
}

.single-promo__caption .single-promo__date {
	color: var(--white);
	background: var(--red);
	width: fit-content;
	padding: calc(min(.3125vw, 6px)*1) calc(min(.4166666667vw, 8px)*1);
	border-radius: calc(min(.3125vw, 6px)*1)
}

@media(max-width: 768px) {
	.single-promo__caption .single-promo__date {
		padding: 6px 8px;
		border-radius: 6px
	}
}

section.news-content {
	margin-top: calc(min(5.1041666667vw, 98px)*-1);
	display: flex;
	flex-direction: column;
	gap: calc(min(.625vw, 12px)*1)
}

@media(max-width: 768px) {
	section.news-content {
		margin-top: -40px;
		gap: 12px
	}
}

section.news-content ul,
section.news-content ol {
	padding-left: calc(min(1.4583333333vw, 28px)*1)
}

@media(max-width: 768px) {

	section.news-content ul,
	section.news-content ol {
		padding-left: 28px
	}
}

section.news-content img {
	max-width: 100%;
	height: auto;
	object-fit: cover;
	border-radius: calc(min(.4166666667vw, 8px)*1)
}

@media(max-width: 768px) {
	section.news-content img {
		width: 100%;
		height: auto;
		object-fit: cover;
		border-radius: 8px
	}
}

section.news-content .button {
	margin-top: calc(min(1.0416666667vw, 20px)*1)
}

@media(max-width: 768px) {
	section.news-content .button {
		margin-top: 14px
	}
}

section.policy-text {
	margin-top: calc(min(7.2916666667vw, 140px)*-1)
}

@media(max-width: 768px) {
	section.policy-text {
		margin-top: -70px
	}
}

section.policy-text h5 {
	margin-top: calc(min(1.4583333333vw, 28px)*1);
	margin-bottom: calc(min(.625vw, 12px)*1)
}

@media(max-width: 768px) {
	section.policy-text h5 {
		margin-top: 28px;
		margin-bottom: 10px
	}
}

section.policy-text h5:first-child {
	margin-top: 0
}

section.policy-text h6 {
	margin-top: calc(min(.8333333333vw, 16px)*1);
	margin-bottom: calc(min(.4166666667vw, 8px)*1)
}

@media(max-width: 768px) {
	section.policy-text h6 {
		margin-top: 12px;
		margin-bottom: 8px
	}
}

section.policy-text h6:first-child {
	margin-top: 0
}

section.policy-text p {
	margin-bottom: calc(min(.4166666667vw, 8px)*1)
}

@media(max-width: 768px) {
	section.policy-text p {
		margin-bottom: 8px
	}
}

section.policy-text p:last-child {
	margin-bottom: 0
}

.services-page {
	position: relative;
	padding: calc(min(9.1666666667vw, 176px)*1) 0 calc(min(4.1666666667vw, 80px)*1)
}

@media(max-width: 768px) {
	.services-page {
		padding: 125px 0 80px
	}
}

.services-page .image-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	z-index: 1
}

.services-page .image-container .page-hero__img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center
}

.services-page.text {
	padding-bottom: calc(min(2.5vw, 48px)*1)
}

@media(max-width: 768px) {
	.services-page.text {
		padding-bottom: 32px
	}
}

.services-page.text .page-hero__content {
	color: var(--txt-on-light)
}

.services-page.text .page-hero__content .h1,
.services-page.text .page-hero__content .h1-news {
	max-width: 100%
}

.services-page__content {
	position: relative;
	z-index: 2;
	color: var(--bg)
}

.services-page__content .h1,
.services-page__content .h1-news {
	margin-top: calc(min(1.25vw, 24px)*1);
	max-width: calc(min(44.7916666667vw, 860px)*1)
}

@media(max-width: 768px) {

	.services-page__content .h1,
	.services-page__content .h1-news {
		margin-top: 16px;
		max-width: 100%
	}
}

.services-page__content p {
	margin-top: calc(min(.625vw, 12px)*1);
	max-width: calc(min(44.7916666667vw, 860px)*1)
}

@media(max-width: 768px) {
	.services-page__content p {
		margin-top: 8px;
		max-width: 100%
	}
}

.single-service {
	padding-top: calc(min(9.1666666667vw, 176px)*1)
}

@media(max-width: 768px) {
	.single-service {
		padding-top: 125px
	}
}

.single-service__wrapper {
	display: flex;
	gap: calc(min(2.1875vw, 42px)*1);
	align-items: center;
	margin-top: calc(min(1.6666666667vw, 32px)*1)
}

@media(max-width: 768px) {
	.single-service__wrapper {
		margin-top: 24px;
		gap: 24px;
		flex-direction: column
	}
}

.single-service__wrapper .h1 {
	margin-bottom: 0;
	width: 100%
}

.single-service .image-wrapper {
	display: flex;
	flex: 0 0 calc(min(27.6041666667vw, 530px)*1);
	width: calc(min(27.6041666667vw, 530px)*1);
	height: calc(min(23.9583333333vw, 460px)*1);
	position: relative;
	overflow: hidden;
	border-radius: calc(min(.4166666667vw, 8px)*1)
}

@media(max-width: 768px) {
	.single-service .image-wrapper {
		width: 100%;
		flex: initial;
		height: 235px;
		border-radius: 8px
	}
}

.single-service .image-wrapper img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1
}

.single-service__caption {
	display: flex;
	flex-direction: column;
	flex: 1
}

.single-service__caption .h1 {
	margin-bottom: calc(min(1.0416666667vw, 20px)*1)
}

@media(max-width: 768px) {
	.single-service__caption .h1 {
		margin-bottom: 12px
	}
}

.single-service__info {
	display: flex;
	align-items: center;
	gap: calc(min(.4166666667vw, 8px)*1);
	margin-top: calc(min(.9375vw, 18px)*1)
}

@media(max-width: 768px) {
	.single-service__info {
		gap: 4px;
		margin-top: 16px
	}
}

.single-service__info .clock {
	width: calc(min(1.0416666667vw, 20px)*1);
	height: calc(min(1.0416666667vw, 20px)*1)
}

@media(max-width: 768px) {
	.single-service__info .clock {
		width: 16px;
		height: 16px
	}
}

.single-service__info .dot {
	width: calc(min(.2604166667vw, 5px)*1);
	height: calc(min(.2604166667vw, 5px)*1)
}

@media(max-width: 768px) {
	.single-service__info .dot {
		width: 4px;
		height: 4px
	}
}

.single-service__price {
	margin-top: calc(min(.9375vw, 18px)*1);
	margin-bottom: calc(min(.9375vw, 18px)*1)
}

@media(max-width: 768px) {
	.single-service__price {
		margin-top: 16px;
		margin-bottom: 16px
	}
}

.service-description {
	display: flex;
	gap: calc(min(1.0416666667vw, 20px)*1)
}

@media(max-width: 768px) {
	.service-description {
		gap: 20px;
		flex-direction: column
	}
}

.service-description__caption {
	flex: 0 0 calc(min(33.3333333333vw, 640px)*1)
}

@media(max-width: 768px) {
	.service-description__caption {
		flex: initial;
		width: 100%
	}
}

.service-description__caption .h2 {
	margin-bottom: calc(min(1.25vw, 24px)*1)
}

@media(max-width: 768px) {
	.service-description__caption .h2 {
		margin-bottom: 16px
	}
}

.service-description__list {
	display: flex;
	flex-direction: column;
	gap: calc(min(1.0416666667vw, 20px)*1)
}

@media(max-width: 768px) {
	.service-description__list {
		gap: 16px
	}
}

.service-description__item {
	display: grid;
	grid-template-columns: calc(min(2.5vw, 48px)*1) 1fr;
	border-radius: calc(min(.4166666667vw, 8px)*1);
	padding: calc(min(1.25vw, 24px)*1);
	gap: calc(min(.4166666667vw, 8px)*1) calc(min(1.25vw, 24px)*1);
	background: var(--white)
}

@media(max-width: 768px) {
	.service-description__item {
		display: block;
		padding: 20px;
		border-radius: 8px
	}
}

.service-description__item-number {
	color: hsl(from var(--white) h s l/0.8);
	grid-column: span 1;
	grid-row: span 2;
	width: calc(min(2.5vw, 48px)*1);
	height: calc(min(2.5vw, 48px)*1);
	border-radius: 50%;
	background: var(--red);
	display: flex;
	align-items: center;
	justify-content: center
}

@media(max-width: 768px) {
	.service-description__item-number {
		width: 36px;
		height: 36px;
		border-radius: 50%;
		background: var(--red);
		display: flex;
		align-items: center;
		justify-content: center
	}
}

.service-description__item-title {
	grid-column: span 1
}

@media(max-width: 768px) {
	.service-description__item-title {
		margin-top: 16px;
		margin-bottom: 6px
	}
}

.service-description__item-description {
	grid-column: 2/3
}

.service-price.margin-remove {
	margin-top: calc(min(3.9583333333vw, 76px)*-1)
}

@media(max-width: 768px) {
	.service-price.margin-remove {
		margin-top: -28px
	}
}

.service-price .h2 {
	margin-bottom: calc(min(1.4583333333vw, 28px)*1)
}

@media(max-width: 768px) {
	.service-price .h2 {
		margin-bottom: 24px
	}
}

.service-price__list {
	display: flex;
	flex-direction: column;
	gap: calc(min(1.0416666667vw, 20px)*1)
}

@media(max-width: 768px) {
	.service-price__list {
		gap: 20px
	}
}

.service-price__item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: calc(min(.9375vw, 18px)*1) 0;
	gap: calc(min(.625vw, 12px)*1);
	border-bottom: 1px solid hsl(from var(--txt-on-light) h s l/0.07)
}

@media(max-width: 768px) {
	.service-price__item {
		padding: 12px 0;
		gap: 12px;
		border-bottom: 1px solid hsl(from var(--txt-on-light) h s l/0.07)
	}
}

.service-price__item-price {
	flex: 1 0 auto
}

.service-banner {
	width: 100%;
	padding: calc(min(3.3333333333vw, 64px)*1) 0;
	position: relative;
	background: #f3dfc5
}

@media(max-width: 768px) {
	.service-banner {
		padding: 32px 0;
		padding-bottom: 0;
		height: 650px;
		background-color: #f3dfc5
	}
}

.service-banner .image-container {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center
}

@media(max-width: 768px) {
	.service-banner .image-container {
		height: 377px;
		top: initial;
		bottom: 0
	}
}

.service-banner__content {
	position: relative
}

@media(max-width: 768px) {
	.service-banner__content {
		height: 100%
	}
}

.service-banner__caption {
	position: relative;
	z-index: 3;
	max-width: calc(min(32.1875vw, 618px)*1);
	color: var(--txt-on-light)
}

@media(max-width: 768px) {
	.service-banner__caption {
		max-width: 100%
	}
}

.service-banner__caption .h2 {
	margin-bottom: calc(min(1.25vw, 24px)*1)
}

@media(max-width: 768px) {
	.service-banner__caption .h2 {
		margin-bottom: 20px
	}
}

.service-banner__caption p {
	margin-bottom: calc(min(.625vw, 12px)*1)
}

@media(max-width: 768px) {
	.service-banner__caption p {
		margin-bottom: 8px
	}
}

.service-banner__caption .button.white {
	margin-top: calc(min(1.6666666667vw, 32px)*1);
	background: rgba(0, 0, 0, 0)
}

@media(max-width: 768px) {
	.service-banner__caption .button.white {
		margin-top: 16px
	}
}

.advantages {
	display: flex;
	gap: calc(min(2.1875vw, 42px)*1)
}

@media(max-width: 768px) {
	.advantages {
		gap: 20px;
		flex-direction: column
	}
}

.advantages__caption {
	flex: 0 0 calc(min(32.0833333333vw, 616px)*1)
}

@media(max-width: 768px) {
	.advantages__caption {
		flex: initial;
		width: 100%
	}
}

.advantages__caption .h2 {
	margin-bottom: calc(min(1.25vw, 24px)*1)
}

@media(max-width: 768px) {
	.advantages__caption .h2 {
		margin-bottom: 16px
	}
}

.advantages__caption p {
	margin-bottom: calc(min(.625vw, 12px)*1)
}

@media(max-width: 768px) {
	.advantages__caption p {
		margin-bottom: 8px
	}
}

.advantages__caption p:last-child {
	margin-bottom: 0
}

.advantages__list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: calc(min(1.0416666667vw, 20px)*1)
}

@media(max-width: 768px) {
	.advantages__list {
		grid-template-columns: 1fr;
		gap: 20px
	}
}

.advantages__item {
	position: relative;
	height: calc(min(14.5833333333vw, 280px)*1);
	padding: calc(min(1.25vw, 24px)*1)
}

@media(max-width: 768px) {
	.advantages__item {
		padding: 20px;
		height: 200px
	}
}

.advantages__item:hover .image-container::after {
	opacity: 1
}

.advantages__item:hover .image-container::before {
	opacity: 0
}

.advantages__item:hover .image-container img {
	filter: grayscale(0%)
}

.advantages__item .image-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	overflow: hidden;
	border-radius: calc(min(.4166666667vw, 8px)*1);
	z-index: 1
}

@media(max-width: 768px) {
	.advantages__item .image-container {
		border-radius: 8px
	}
}

.advantages__item .image-container::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(23, 23, 32, 0.6) 0%, rgba(23, 23, 23, 0) 100%);
	z-index: 2;
	opacity: 0;
	transition: all .3s ease
}

.advantages__item .image-container::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(23, 23, 32, 0.6) 0%, rgba(23, 23, 23, 0.6) 100%);
	z-index: 2;
	transition: all .3s ease
}

.advantages__item .image-container img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	filter: grayscale(100%);
	transition: all .3s ease
}

.advantages__item-title {
	position: relative;
	z-index: 3;
	color: var(--bg)
}

.vacancies-page {
	max-width: calc(min(67.7083333333vw, 1300px)*1);
	width: 100%;
	margin: 0 auto;
	margin-top: calc(min(5.1041666667vw, 98px)*-1)
}

@media(max-width: 768px) {
	.vacancies-page {
		max-width: calc(100% - 40px);
		margin-top: -40px
	}
}

.vacancies-page .vacancies-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: calc(min(1.4583333333vw, 28px)*1) calc(min(1.0416666667vw, 20px)*1)
}

@media(max-width: 768px) {
	.vacancies-page .vacancies-grid {
		grid-template-columns: 1fr;
		gap: 20px
	}
}

.vacancies-page .pagination {
	margin-top: calc(min(1.875vw, 36px)*1)
}

@media(max-width: 768px) {
	.vacancies-page .pagination {
		margin-top: 32px
	}
}

.vacancies,
.vacancies-popup {
	background: var(--white);
	border-radius: calc(min(.4166666667vw, 8px)*1)
}

@media(max-width: 768px) {

	.vacancies,
	.vacancies-popup {
		flex-direction: column;
		border-radius: 6px
	}
}

.vacancies__form,
.vacancies-popup__form {
	flex: 1 1 50%;
	display: flex;
	flex-direction: column;
	gap: calc(min(1.25vw, 24px)*1)
}

@media(max-width: 768px) {

	.vacancies__form,
	.vacancies-popup__form {
		gap: 12px
	}
}

.vacancies__form .h2,
.vacancies-popup__form .h2 {
	margin-bottom: calc(min(1.4583333333vw, 28px)*1)
}

@media(max-width: 768px) {

	.vacancies__form .h2,
	.vacancies-popup__form .h2 {
		margin-bottom: 20px
	}
}

.vacancies__form-group,
.vacancies-popup__form-group {
	display: flex;
	gap: calc(min(1.0416666667vw, 20px)*1)
}

@media(max-width: 768px) {

	.vacancies__form-group,
	.vacancies-popup__form-group {
		flex-direction: column;
		gap: 12px;
		width: 100%
	}
}

@media(max-width: 768px) {

	.vacancies__form .text-area,
	.vacancies-popup__form .text-area {
		margin-bottom: 12px;
		margin-top: 12px
	}
}

@media(max-width: 768px) {

	.vacancies__form .button,
	.vacancies-popup__form .button {
		margin-top: 12px
	}
}

.vacancies-popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: hsl(from var(--txt-on-light) h s l/0.6);
	z-index: -1;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	visibility: hidden;
	transition: all .3s ease;
	overflow-y: auto
}

.vacancies-popup.active {
	opacity: 1;
	visibility: visible;
	z-index: 1000
}

@media(max-width: 768px) {
	.vacancies-popup {
		padding: 20px;
		display: block;
		padding: 69px 20px
	}
}

.vacancies-popup__content {
	width: calc(min(44.7916666667vw, 860px)*1);
	background: var(--white);
	border-radius: calc(min(.4166666667vw, 8px)*1);
	padding: calc(min(1.875vw, 36px)*1);
	display: flex;
	position: relative
}

@media(max-width: 768px) {
	.vacancies-popup__content {
		border-radius: 6px;
		width: 100%;
		padding: 20px
	}

	.vacancies-popup__content .vacancies__form {
		flex: initial
	}
}

.vacancies-popup__content .vacancies-popup__close {
	position: absolute;
	top: calc(min(.9895833333vw, 19px)*1);
	right: calc(min(.9895833333vw, 19px)*1);
	z-index: 1001;
	width: calc(min(1.5625vw, 30px)*1);
	height: calc(min(1.5625vw, 30px)*1);
	background: rgba(0, 0, 0, 0);
	border: none;
	cursor: pointer
}

@media(max-width: 768px) {
	.vacancies-popup__content .vacancies-popup__close {
		width: 24px;
		height: 24px;
		top: 18px;
		right: 18px
	}
}

.catalog-page {
	max-width: calc(min(67.7083333333vw, 1300px)*1);
	width: 100%;
	margin: 0 auto
}

@media(max-width: 768px) {
	.catalog-page {
		max-width: calc(100% - 40px)
	}
}

.catalog-page__tags {
	margin-bottom: calc(min(1.875vw, 36px)*1)
}

@media(max-width: 768px) {
	.catalog-page__tags {
		margin-bottom: 24px
	}

	.catalog-page__tags.swiper {
		width: calc(100% + 40px);
		position: relative;
		left: -20px;
		padding: 0 20px
	}

	.catalog-page__tags.swiper .swiper-wrapper {
		width: fit-content
	}
}

.catalog-page__tags .swiper-slide {
	width: fit-content !important
}

.catalog-page__tags .catalog-page__tag {
	display: flex;
	padding: calc(min(.4166666667vw, 8px)*1) calc(min(.625vw, 12px)*1);
	background: var(--white);
	border: 1px solid hsl(from var(--txt-on-light) h s l/0.07);
	border-radius: calc(min(.4166666667vw, 8px)*1);
	color: var(--txt-on-light);
	text-decoration: none
}

@media(max-width: 768px) {
	.catalog-page__tags .catalog-page__tag {
		padding: 8px 12px;
		border-radius: 8px
	}
}

.catalog-page__tags .catalog-page__tag.active {
	background: var(--txt-on-light);
	color: var(--white)
}

.catalog-page__container {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: calc(min(1.0416666667vw, 20px)*1)
}

@media(max-width: 768px) {
	.catalog-page__container {
		gap: 20px;
		grid-template-columns: 1fr
	}
}

.catalog-page .pagination {
	margin-top: calc(min(1.875vw, 36px)*1);
	grid-column: span 2
}

@media(max-width: 768px) {
	.catalog-page .pagination {
		margin-top: 32px;
		grid-column: span 1
	}
}

.catalog-filters {
	grid-column: span 4
}

@media(max-width: 768px) {
	.catalog-filters {
		grid-column: span 1
	}
}

.catalog-filters__title {
	margin-bottom: calc(min(.625vw, 12px)*1)
}

@media(max-width: 768px) {
	.catalog-filters__title {
		margin-bottom: 12px
	}
}

.catalog-filters .collapsible-filter {
	max-width: calc(min(20.8333333333vw, 400px)*1)
}

@media(max-width: 768px) {
	.catalog-filters .collapsible-filter {
		max-width: 100%
	}
}

.catalog-filters__list {
	display: flex;
	flex-direction: column;
	gap: calc(min(.625vw, 12px)*1)
}

@media(max-width: 768px) {
	.catalog-filters__list {
		gap: 12px
	}
}

.catalog-filters__list .checkbox__label {
	color: var(--red);
	opacity: 1
}

.catalog-products {
	grid-column: span 8;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: calc(min(1.4583333333vw, 28px)*1) calc(min(1.0416666667vw, 20px)*1)
}

@media(max-width: 768px) {
	.catalog-products {
		grid-column: span 1;
		grid-template-columns: 1fr;
		gap: 20px
	}
}

.product-page {
	padding-top: calc(min(9.1666666667vw, 176px)*1)
}

@media(max-width: 768px) {
	.product-page {
		padding-top: 125px
	}
}

.product-page__content {
	display: flex;
	gap: calc(min(2.1875vw, 42px)*1);
	align-items: center;
	margin-top: calc(min(1.6666666667vw, 32px)*1)
}

@media(max-width: 768px) {
	.product-page__content {
		margin-top: 16px;
		gap: 24px;
		flex-direction: column
	}
}

.product-page .image-wrapper {
	display: flex;
	flex: 0 0 calc(min(27.6041666667vw, 530px)*1);
	width: calc(min(27.6041666667vw, 530px)*1);
	height: calc(min(23.9583333333vw, 460px)*1);
	position: relative;
	overflow: hidden;
	border-radius: calc(min(.4166666667vw, 8px)*1)
}

@media(max-width: 768px) {
	.product-page .image-wrapper {
		width: 100%;
		flex: initial;
		height: 235px;
		border-radius: 8px
	}
}

.product-page .image-wrapper img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
	background: var(--white)
}

.product-page__caption {
	display: flex;
	flex-direction: column;
	flex: 1
}

@media(max-width: 768px) {
	.product-page__caption {
		width: 100%
	}
}

.product-page__caption .h1-news {
	margin-bottom: calc(min(1.25vw, 24px)*1)
}

@media(max-width: 768px) {
	.product-page__caption .h1-news {
		margin-bottom: 12px
	}
}

.product-page__specs {
	margin-bottom: calc(min(.8333333333vw, 16px)*1);
	display: flex;
	flex-direction: column;
	gap: calc(min(.8333333333vw, 16px)*1)
}

@media(max-width: 768px) {
	.product-page__specs {
		margin-bottom: 16px;
		gap: 12px
	}
}

.product-page__specs-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: calc(min(.4166666667vw, 8px)*1);
	overflow: hidden
}

@media(max-width: 768px) {
	.product-page__specs-item {
		gap: 4px
	}
}

.product-page__specs-item span {
	display: flex;
	width: fit-content;
	flex-shrink: 0;
	position: relative;
	background: var(--bg);
	z-index: 1
}

.product-page__specs-item span:after {
	content: "................................................................................................................................";
	position: absolute;
	white-space: nowrap;
	left: calc(100% + 2px);
	color: var(--txt-on-light)
}

.product-page__specs-item div {
	padding-left: 2px;
	position: relative;
	z-index: 1;
	background: var(--bg);
	flex-shrink: 0
}

.product-page__price {
	margin-bottom: calc(min(.9375vw, 18px)*1)
}

@media(max-width: 768px) {
	.product-page__price {
		margin-bottom: 20px
	}
}

.product-page__container {
	margin-top: calc(min(2.5vw, 48px)*1)
}

@media(max-width: 768px) {
	.product-page__container {
		margin-top: 48px
	}
}

.product-page__tabs {
	display: flex;
	gap: calc(min(.8333333333vw, 16px)*1);
	margin-bottom: calc(min(.8333333333vw, 16px)*1);
	overflow-x: auto;
	-ms-overflow-style: none;
	scrollbar-width: none
}

.product-page__tabs::-webkit-scrollbar {
	display: none
}

.product-page__tabs::-webkit-scrollbar-thumb {
	display: none
}

.product-page__tabs::-webkit-scrollbar-track {
	display: none
}

@media(max-width: 768px) {
	.product-page__tabs {
		margin-bottom: 20px;
		gap: 18px;
		width: calc(100% + 40px);
		position: relative;
		left: -20px;
		padding: 0 20px
	}
}

.product-page__tabs-content {
	display: flex;
	flex-direction: column;
	gap: calc(min(.8333333333vw, 16px)*1);
	max-width: calc(min(44.7916666667vw, 860px)*1)
}

@media(max-width: 768px) {
	.product-page__tabs-content {
		max-width: 100%;
		gap: 16px
	}
}

.product-page__tabs-content .product-page__specs {
	max-width: calc(min(21.875vw, 420px)*1)
}

@media(max-width: 768px) {
	.product-page__tabs-content .product-page__specs {
		max-width: 100%
	}
}

.product-page__tabs-content-item {
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1
}

.product-page__tabs-content-item.active {
	pointer-events: auto;
	opacity: 1;
	visibility: visible;
	position: static;
	z-index: 1
}

.product-page .button.tab-trigger {
	background-color: var(--white);
	color: var(--txt-on-light)
}

.product-page .button.tab-trigger.active {
	background-color: var(--red);
	color: var(--white)
}

.order,
.order-popup {
	background: var(--white);
	border-radius: calc(min(.4166666667vw, 8px)*1);
	display: flex
}

@media(max-width: 768px) {

	.order,
	.order-popup {
		flex-direction: column;
		border-radius: 6px
	}
}

.order__form,
.order-popup__form {
	flex: 1 1 50%;
	display: flex;
	flex-direction: column;
	gap: calc(min(1.0416666667vw, 20px)*1)
}

@media(max-width: 768px) {

	.order__form,
	.order-popup__form {
		gap: 12px
	}
}

.order__form-group,
.order-popup__form-group {
	display: flex;
	gap: calc(min(1.25vw, 24px)*1)
}

@media(max-width: 768px) {

	.order__form-group,
	.order-popup__form-group {
		flex-direction: column;
		gap: 12px;
		width: 100%
	}
}

@media(max-width: 768px) {

	.order__form .text-area,
	.order-popup__form .text-area {
		margin-bottom: 12px;
		margin-top: 12px
	}
}

@media(max-width: 768px) {

	.order__form .button,
	.order-popup__form .button {
		margin-top: 12px
	}
}

.order-popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: hsl(from var(--txt-on-light) h s l/0.6);
	z-index: -1;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	visibility: hidden;
	transition: all .3s ease
}

.order-popup.active {
	opacity: 1;
	visibility: visible;
	z-index: 1000
}

@media(max-width: 768px) {
	.order-popup {
		display: block;
		padding: 20px;
		overflow-y: auto
	}
}

.order-popup__content {
	width: calc(min(53.3333333333vw, 1024px)*1);
	background: var(--white);
	border-radius: calc(min(.4166666667vw, 8px)*1);
	display: grid;
	grid-template-columns: calc(min(18.75vw, 360px)*1) 1fr;
	gap: 0 calc(min(2.1875vw, 42px)*1);
	position: relative;
	padding: calc(min(1.875vw, 36px)*1) calc(min(2.9166666667vw, 56px)*1) calc(min(1.875vw, 36px)*1) calc(min(1.875vw, 36px)*1)
}

@media(max-width: 768px) {
	.order-popup__content {
		border-radius: 6px;
		width: 100%;
		padding: 16px 20px;
		grid-template-columns: 1fr;
		gap: 24px
	}

	.order-popup__content .order__form {
		flex: initial
	}
}

.order-popup__content .h2 {
	margin-bottom: calc(min(1.4583333333vw, 28px)*1);
	grid-column: span 2
}

@media(max-width: 768px) {
	.order-popup__content .h2 {
		margin-bottom: 20px;
		grid-column: span 1
	}
}

.order-popup__content .order-popup__close {
	position: absolute;
	top: calc(min(.9895833333vw, 19px)*1);
	right: calc(min(.9895833333vw, 19px)*1);
	z-index: 1001;
	width: calc(min(1.5625vw, 30px)*1);
	height: calc(min(1.5625vw, 30px)*1);
	background: rgba(0, 0, 0, 0);
	border: none;
	cursor: pointer
}

@media(max-width: 768px) {
	.order-popup__content .order-popup__close {
		width: 24px;
		height: 24px;
		top: 18px;
		right: 18px
	}
}

.order-popup__content .order__info .image-container {
	width: calc(min(18.75vw, 360px)*1);
	height: calc(min(18.75vw, 360px)*1);
	background: var(--bg);
	border-radius: calc(min(.4166666667vw, 8px)*1);
	overflow: hidden;
	position: relative
}

@media(max-width: 768px) {
	.order-popup__content .order__info .image-container {
		border-radius: 6px;
		flex: initial;
		height: 200px;
		width: 100%
	}
}

.order-popup__content .order__info .image-container img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain
}

.order-popup__content .order__info-content {
	display: flex;
	flex-direction: column;
	gap: calc(min(.4166666667vw, 8px)*1);
	align-items: center;
	text-align: center
}

@media(max-width: 768px) {
	.order-popup__content .order__info-content {
		gap: 6px;
		margin-top: 12px
	}
}

.error-page {
	margin: 0 auto;
	margin-top: calc(min(6.25vw, 120px)*1);
	max-width: calc(min(33.3333333333vw, 640px)*1);
	text-align: center
}

@media(max-width: 768px) {
	.error-page {
		margin-top: 110px;
		max-width: calc(100% - 40px)
	}
}

.error-page__img {
	width: calc(min(27.0833333333vw, 520px)*1);
	height: calc(min(24.8958333333vw, 478px)*1)
}

@media(max-width: 768px) {
	.error-page__img {
		width: 335px;
		height: 305px
	}
}

.error-page .h5 {
	margin-bottom: calc(min(.4166666667vw, 8px)*1)
}

@media(max-width: 768px) {
	.error-page .h5 {
		margin-bottom: 8px
	}
}

.error-page .button {
	margin: 0 auto;
	margin-top: calc(min(.4166666667vw, 8px)*1)
}

@media(max-width: 768px) {
	.error-page .button {
		margin-top: 8px
	}
}

.collapsible {
	width: fit-content
}

.collapsible__trigger {
	display: flex;
	align-items: center;
	gap: calc(min(.2083333333vw, 4px)*1);
	cursor: pointer;
	user-select: none;
	width: fit-content
}

@media(max-width: 768px) {
	.collapsible__trigger {
		gap: 4px
	}
}

.collapsible__trigger svg {
	flex-shrink: 0;
	will-change: transform
}

.collapsible__content {
	overflow: hidden;
	will-change: height, opacity
}

.button {
	width: fit-content;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: calc(min(.8333333333vw, 16px)*1);
	border: 1px solid var(--dark-grey);
	border-radius: calc(min(.4166666667vw, 8px)*1);
	padding: calc(min(.8854166667vw, 17px)*1) calc(min(1.4583333333vw, 28px)*1) calc(min(.8854166667vw, 17px)*1) calc(min(1.25vw, 24px)*1);
	background: rgba(0, 0, 0, 0);
	outline: none;
	cursor: pointer;
	transition: all .3s ease;
	text-decoration: none;
	color: var(--txt-on-light)
}

@media(max-width: 768px) {
	.button {
		padding: 13px 24px;
		border-radius: 8px;
		gap: 12px
	}
}

.button svg {
	width: calc(min(1.25vw, 24px)*1);
	height: calc(min(1.25vw, 24px)*1)
}

@media(max-width: 768px) {
	.button svg {
		width: 24px;
		height: 24px
	}
}

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

.button:active {
	box-shadow: 0 0 10px 0 rgba(145, 24, 11, .5);
	background: var(--red-2);
	border-color: var(--red-2);
	color: var(--white)
}

.button:disabled {
	background: var(--grey);
	border-color: var(--grey);
	color: var(--white);
	cursor: default;
	box-shadow: none
}

.button.callback {
	position: relative;
	width: calc(min(3.2291666667vw, 62px)*1);
	height: calc(min(3.2291666667vw, 62px)*1);
	background-color: var(--bg);
	color: var(--red);
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	border: none;
	border-radius: 50%
}

.button.callback svg {
	width: calc(min(1.9791666667vw, 38px)*1);
	height: calc(min(1.9791666667vw, 38px)*1);
	position: relative;
	z-index: 2
}

.button.callback:hover {
	background-color: var(--red-2);
	color: var(--white)
}

@media(max-width: 768px) {
	.button.callback {
		width: 50px;
		height: 50px
	}

	.button.callback svg {
		width: 30px;
		height: 30px
	}
}

.button.callback::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: inherit;
	border-radius: 50%;
	opacity: .2;
	z-index: 1;
	animation: pulse 3s infinite
}

.button.callback::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: inherit;
	border-radius: 50%;
	opacity: .2;
	z-index: 1;
	animation: pulse 3s 1.5s infinite
}

.button.icon {
	width: calc(min(2.5vw, 48px)*1);
	height: calc(min(2.5vw, 48px)*1);
	flex-shrink: 0;
	padding: 0;
	border: none;
	border-radius: 50%;
	background-color: var(--white);
	color: var(--red);
	display: flex;
	justify-content: center;
	align-items: center
}

@media(max-width: 768px) {
	.button.icon {
		width: 36px;
		height: 36px
	}
}

.button.icon svg {
	width: calc(min(1.25vw, 24px)*1);
	height: calc(min(1.25vw, 24px)*1)
}

@media(max-width: 768px) {
	.button.icon svg {
		width: 20px;
		height: 20px
	}
}

.button.icon:hover {
	background-color: var(--red-2);
	color: var(--white)
}

.button.icon:disabled {
	background: rgba(0, 0, 0, 0);
	color: var(--grey);
	border: 1px solid hsl(from var(--grey) h s l/0.7);
	cursor: default
}

.button.icon.dark {
	background-color: var(--txt-on-light);
	color: var(--bg)
}

.button.small {
	padding: calc(min(.4166666667vw, 8px)*1) calc(min(.625vw, 12px)*1);
	background: var(--txt-on-light);
	color: var(--white);
	border: 1px solid rgba(0, 0, 0, 0);
	border-radius: calc(min(.4166666667vw, 8px)*1)
}

@media(max-width: 768px) {
	.button.small {
		padding: 8px 12px;
		border-radius: 8px
	}
}

.button.small:hover {
	background: var(--white);
	color: var(--red);
	border: 1px solid hsl(from var(--txt-on-light) h s l/0.07)
}

.button.link {
	background: rgba(0, 0, 0, 0);
	border: none;
	padding: 0;
	gap: calc(min(.3125vw, 6px)*1);
	color: var(--red);
	text-decoration: underline;
	text-decoration-skip-ink: none
}

@media(max-width: 768px) {
	.button.link {
		gap: 6px
	}
}

.button.link svg {
	width: calc(min(1.3020833333vw, 25px)*1);
	height: calc(min(1.25vw, 24px)*1)
}

@media(max-width: 768px) {
	.button.link svg {
		width: 24px;
		height: 24px
	}
}

.button.link:not(:has(svg)):active {
	color: var(--txt-on-light)
}

.button.link:has(svg):active svg {
	color: var(--txt-on-light)
}

.button.link:disabled,
.button.link.disabled {
	color: var(--grey);
	cursor: default;
	text-decoration: none;
	pointer-events: none
}

.button.link:disabled svg,
.button.link.disabled svg {
	color: var(--grey)
}

.button.white {
	background: var(--white);
	color: var(--txt-on-light)
}

.button.white:hover {
	background: var(--red-2);
	color: var(--white)
}

@keyframes pulse {
	0% {
		transform: scale(1);
		opacity: .2
	}

	80% {
		transform: scale(1.38);
		opacity: .2
	}

	100% {
		transform: scale(1.38);
		opacity: 0
	}
}

.text-field {
	position: relative;
	display: block;
	width: fit-content;
	width: 100%
}

.text-field__title {
	margin-bottom: calc(min(.5208333333vw, 10px)*1);
	width: fit-content
}

@media(max-width: 768px) {
	.text-field__title {
		margin-bottom: 8px
	}
}

.text-field:has(input[required]) .text-field__title::after {
	content: "*";
	color: var(--red-2)
}

.text-field__input {
	display: block;
	width: 100%;
	background: var(--bg);
	border-radius: calc(min(.4166666667vw, 8px)*1);
	min-width: 0px;
	padding: calc(min(.8854166667vw, 17px)*1) calc(min(.9375vw, 18px)*1);
	border: 1px solid rgba(0, 0, 0, 0);
	outline: none
}

@media(max-width: 768px) {
	.text-field__input {
		padding: 14px 18px
	}
}

.text-field__input::placeholder {
	color: var(--grey);
	opacity: .6
}

.text-field__input:focus {
	border-color: var(--red-2)
}

.text-field__error {
	position: absolute;
	bottom: calc(min(.3125vw, 6px)*-1);
	transform: translateY(100%);
	right: 0;
	color: var(--red-2);
	display: none
}

@media(max-width: 768px) {
	.text-field__error {
		bottom: -4px
	}
}

.text-field.error .text-field__input {
	border-color: var(--red-2);
	color: var(--red-2)
}

.text-field.error .text-field__error {
	display: block
}

.select {
	position: relative;
	display: block;
	width: fit-content;
	width: 100%
}

.select__title {
	margin-bottom: calc(min(.5208333333vw, 10px)*1);
	width: fit-content
}

@media(max-width: 768px) {
	.select__title {
		margin-bottom: 8px
	}
}

.select:has(select[required]) .select__title::after {
	content: "*";
	color: var(--red-2)
}

.select select {
	display: none
}

.select__trigger {
	display: flex;
	align-items: center;
	gap: calc(min(.8333333333vw, 16px)*1);
	background: var(--bg);
	border-radius: calc(min(.4166666667vw, 8px)*1);
	min-width: 0px;
	padding: calc(min(.8854166667vw, 17px)*1) calc(min(.9375vw, 18px)*1);
	border: 1px solid rgba(0, 0, 0, 0);
	white-space: nowrap;
	cursor: pointer;
	user-select: none;
	outline: none
}

@media(max-width: 768px) {
	.select__trigger {
		padding: 13px 14px;
		gap: 16px;
		border-radius: 8px
	}
}

.select__trigger:focus-visible {
	border-color: var(--red-2)
}

.select__value {
	flex: 1
}

.select__value--placeholder {
	color: var(--grey);
	opacity: .6
}

.select__arrow {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	color: var(--red);
	transition: transform .2s ease
}

.select__arrow svg {
	width: calc(min(1.25vw, 24px)*1);
	height: calc(min(1.25vw, 24px)*1)
}

@media(max-width: 768px) {
	.select__arrow svg {
		width: 24px;
		height: 24px
	}
}

.select__dropdown {
	position: absolute;
	top: calc(100% + min(.3125vw, 6px)*1);
	left: 0;
	min-width: 100%;
	background: var(--bg);
	border-radius: calc(min(.4166666667vw, 8px)*1);
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
	transform: translateY(calc(min(0.4166666667vw, 8px) * -1));
	transition: opacity .2s ease, transform .2s ease;
	z-index: 10
}

@media(max-width: 768px) {
	.select__dropdown {
		top: calc(100% + 6px);
		border-radius: 8px;
		transform: translateY(-8px)
	}
}

.select__option {
	padding: calc(min(.5208333333vw, 10px)*1) calc(min(.8333333333vw, 16px)*1);
	cursor: pointer;
	white-space: nowrap;
	transition: background .15s ease
}

@media(max-width: 768px) {
	.select__option {
		padding: 10px 16px
	}
}

.select__option:hover {
	background: var(--red);
	color: var(--white)
}

.select__option--selected {
	color: var(--red-2)
}

.select.is-open .select__trigger {
	border-color: var(--red-2);
	box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .05)
}

.select.is-open .select__arrow {
	transform: rotate(180deg)
}

.select.is-open .select__dropdown {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0)
}

.select__error {
	position: absolute;
	bottom: calc(min(.3125vw, 6px)*-1);
	transform: translateY(100%);
	right: 0;
	color: var(--red-2);
	display: none
}

.select.error .select__trigger {
	border-color: var(--red-2);
	color: var(--red-2)
}

.select.error .select__error {
	display: block
}

.breadcrumbs {
	display: flex;
	width: fit-content;
	gap: calc(min(.5208333333vw, 10px)*1);
	align-items: center;
	flex-wrap: wrap
}

@media(max-width: 768px) {
	.breadcrumbs {
		gap: 8px
	}
}

.breadcrumbs.white .breadcrumbs__link {
	color: var(--white)
}

.breadcrumbs.white .breadcrumbs__item {
	color: var(--white)
}

.breadcrumbs__item {
	display: flex;
	align-items: center;
	gap: calc(min(.5208333333vw, 10px)*1);
	color: var(--txt-on-light)
}

@media(max-width: 768px) {
	.breadcrumbs__item {
		gap: 8px
	}
}

.breadcrumbs__item svg {
	width: calc(min(.8333333333vw, 16px)*1);
	height: calc(min(.8333333333vw, 16px)*1)
}

@media(max-width: 768px) {
	.breadcrumbs__item svg {
		width: 16px;
		height: 16px
	}
}

.breadcrumbs__link {
	color: var(--txt-on-light);
	text-decoration: none;
	transition: color .2s ease
}

.breadcrumbs a.breadcrumbs__link:hover {
	color: var(--red)
}

.pagination {
	display: flex;
	align-items: center;
	gap: calc(min(.625vw, 12px)*1);
	justify-content: center
}

@media(max-width: 768px) {
	.pagination {
		gap: 12px
	}
}

.pagination__button {
	width: calc(min(1.25vw, 24px)*1);
	height: calc(min(1.25vw, 24px)*1);
	background: rgba(0, 0, 0, 0);
	border: none;
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--red);
	cursor: pointer;
	transition: all .3s ease
}

.pagination__button svg {
	width: calc(min(1.25vw, 24px)*1);
	height: calc(min(1.25vw, 24px)*1)
}

@media(max-width: 768px) {
	.pagination__button {
		width: 24px;
		height: 24px
	}

	.pagination__button svg {
		width: 24px;
		height: 24px
	}
}

.pagination__pages {
	display: flex;
	gap: calc(min(.625vw, 12px)*1)
}

@media(max-width: 768px) {
	.pagination__pages {
		gap: 12px
	}
}

.pagination__page.button {
	width: calc(min(1.875vw, 36px)*1);
	height: calc(min(1.875vw, 36px)*1)
}

@media(max-width: 768px) {
	.pagination__page.button {
		width: 36px;
		height: 36px
	}
}

.pagination__page.button.active {
	background: var(--red);
	color: var(--white)
}

.checkbox {
	display: inline-flex;
	align-items: center;
	gap: calc(min(.625vw, 12px)*1);
	cursor: pointer;
	user-select: none;
	max-width: calc(min(29.5833333333vw, 568px)*1)
}

@media(max-width: 768px) {
	.checkbox {
		gap: 12px;
		max-width: 100%;
		align-items: flex-start
	}
}

.checkbox__input {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0
}

.checkbox__box {
	flex-shrink: 0;
	width: calc(min(1.6666666667vw, 32px)*1);
	height: calc(min(1.6666666667vw, 32px)*1);
	border: 1px solid hsl(from var(--dark-grey) h s l/0.07);
	border-radius: calc(min(.2083333333vw, 4px)*1);
	background: var(--white);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background .2s ease, border-color .2s ease
}

@media(max-width: 768px) {
	.checkbox__box {
		width: 32px;
		height: 32px;
		border-radius: 4px
	}
}

.checkbox__box svg {
	width: calc(min(.8333333333vw, 16px)*1);
	height: calc(min(.5729166667vw, 11px)*1);
	opacity: 0;
	transition: opacity .2s ease;
	color: var(--white)
}

@media(max-width: 768px) {
	.checkbox__box svg {
		width: 16px;
		height: 11px
	}
}

.checkbox__label {
	color: var(--grey);
	opacity: .8
}

.checkbox__label a {
	color: var(--grey);
	text-decoration: underline
}

.checkbox__label a:hover {
	color: var(--red)
}

.checkbox__input:focus-visible~.checkbox__box {
	background: var(--red-2)
}

.checkbox__input:checked~.checkbox__box {
	background: var(--red);
	border-color: var(--red)
}

.checkbox__input:checked~.checkbox__box svg {
	opacity: 1
}

.checkbox--disabled,
.checkbox:has(input:disabled) {
	cursor: default;
	pointer-events: none
}

.checkbox--disabled .checkbox__box,
.checkbox:has(input:disabled) .checkbox__box {
	border-color: var(--grey);
	background: var(--grey)
}

.checkbox--disabled .checkbox__label,
.checkbox:has(input:disabled) .checkbox__label {
	color: var(--grey)
}

.socials__list {
	display: flex;
	gap: calc(min(.4166666667vw, 8px)*1);
	align-items: center
}

@media(max-width: 768px) {
	.socials__list {
		gap: 6px
	}
}

.socials__list-item {
	width: calc(min(1.875vw, 36px)*1);
	height: calc(min(1.875vw, 36px)*1);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	background-color: hsl(from var(--bg) h s l/0.1);
	color: var(--bg);
	transition: all .3s ease;
	cursor: pointer
}

@media(max-width: 768px) {
	.socials__list-item {
		width: 24px;
		height: 24px
	}
}

.socials__list-item svg {
	width: calc(min(1.0416666667vw, 20px)*1);
	height: calc(min(1.0416666667vw, 20px)*1)
}

@media(max-width: 768px) {
	.socials__list-item svg {
		width: 16px;
		height: 16px
	}
}

.socials__list-item:hover {
	background-color: hsl(from var(--bg) h s l/0.2)
}

@media(max-width: 768px) {
	.socials__list.big {
		gap: 8px
	}
}

.socials__list.big .socials__list-item {
	width: calc(min(2.5vw, 48px)*1);
	height: calc(min(2.5vw, 48px)*1)
}

@media(max-width: 768px) {
	.socials__list.big .socials__list-item {
		width: 48px;
		height: 48px
	}
}

.socials__list.big .socials__list-item svg {
	width: calc(min(1.4583333333vw, 28px)*1);
	height: calc(min(1.4583333333vw, 28px)*1)
}

@media(max-width: 768px) {
	.socials__list.big .socials__list-item svg {
		width: 28px;
		height: 28px
	}
}

.socials__list.colored .socials__list-item {
	color: var(--red);
	background-color: hsl(from var(--txt-on-light) h s l/0.05)
}

.services-card {
	width: calc(min(21.875vw, 420px)*1);
	border-radius: calc(min(.4166666667vw, 8px)*1);
	overflow: hidden;
	box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .05);
	background: var(--white);
	border: 1px solid rgba(0, 0, 0, 0);
	transition: all .3s ease
}

.services-card:hover {
	box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .05);
	border-color: var(--red)
}

@media(max-width: 768px) {
	.services-card {
		width: 335px;
		border-radius: 8px
	}
}

.services-card.wide {
	width: calc(min(33.3333333333vw, 640px)*1)
}

@media(max-width: 768px) {
	.services-card.wide {
		width: 335px
	}
}

.services-card__img {
	width: 100%;
	height: calc(min(11.4583333333vw, 220px)*1);
	object-fit: cover
}

@media(max-width: 768px) {
	.services-card__img {
		height: 188px
	}
}

.services-card__content {
	padding: calc(min(.8333333333vw, 16px)*1) calc(min(1.25vw, 24px)*1)
}

@media(max-width: 768px) {
	.services-card__content {
		padding: 12px 24px
	}
}

.services-card__title {
	margin-bottom: calc(min(.3125vw, 6px)*1)
}

@media(max-width: 768px) {
	.services-card__title {
		margin-bottom: 4px
	}
}

.services-card__price {
	margin-bottom: calc(min(1.0416666667vw, 20px)*1)
}

@media(max-width: 768px) {
	.services-card__price {
		margin-bottom: 20px
	}
}

.services-card .button {
	width: 100%
}

.product-card {
	display: block;
	width: calc(min(21.875vw, 420px)*1);
	border-radius: calc(min(.4166666667vw, 8px)*1);
	overflow: hidden;
	box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .05);
	background: var(--white);
	border: 1px solid rgba(0, 0, 0, 0);
	transition: all .3s ease;
	text-decoration: none;
	color: var(--txt-on-light)
}

.product-card:hover {
	box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .05);
	border-color: var(--red)
}

@media(max-width: 768px) {
	.product-card {
		width: 335px;
		border-radius: 8px
	}
}

.product-card__img {
	width: 100%;
	height: calc(min(14.5833333333vw, 280px)*1);
	object-fit: cover
}

@media(max-width: 768px) {
	.product-card__img {
		height: 178px
	}
}

.product-card__content {
	padding: calc(min(.8333333333vw, 16px)*1) calc(min(1.25vw, 24px)*1)
}

@media(max-width: 768px) {
	.product-card__content {
		padding: 12px 24px
	}
}

.product-card__title {
	margin-bottom: calc(min(.8333333333vw, 16px)*1);
	display: -webkit-box;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

@media(max-width: 768px) {
	.product-card__title {
		margin-bottom: 16px;
		line-clamp: 3;
		-webkit-line-clamp: 3
	}
}

.product-card__specs {
	margin-bottom: calc(min(.8333333333vw, 16px)*1);
	display: flex;
	flex-direction: column;
	gap: calc(min(.625vw, 12px)*1)
}

@media(max-width: 768px) {
	.product-card__specs {
		margin-bottom: 16px;
		gap: 12px
	}
}

.product-card__specs-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: calc(min(.4166666667vw, 8px)*1);
	overflow: hidden
}

@media(max-width: 768px) {
	.product-card__specs-item {
		gap: 4px
	}
}

.product-card__specs-item span {
	display: flex;
	width: fit-content;
	flex-shrink: 0;
	position: relative;
	background: var(--white);
	z-index: 1
}

.product-card__specs-item span:after {
	content: "................................................................";
	position: absolute;
	white-space: nowrap;
	left: calc(100% + 2px);
	color: var(--txt-on-light)
}

.product-card__specs-item div {
	padding-left: 2px;
	position: relative;
	z-index: 1;
	background: var(--white);
	flex-shrink: 0
}

.product-card__price {
	margin-bottom: calc(min(.8333333333vw, 16px)*1)
}

@media(max-width: 768px) {
	.product-card__price {
		margin-bottom: 20px
	}
}

.product-card .button {
	width: 100%
}

.promo-card {
	display: block;
	width: calc(min(33.3333333333vw, 640px)*1);
	border-radius: calc(min(.4166666667vw, 8px)*1);
	overflow: hidden;
	box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .05);
	background: var(--white);
	border: 1px solid rgba(0, 0, 0, 0);
	transition: all .3s ease;
	text-decoration: none;
	color: var(--txt-on-light)
}

.promo-card:hover {
	box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .05);
	border-color: var(--red)
}

.promo-card:hover .promo-card__date {
	background: var(--red)
}

@media(max-width: 768px) {
	.promo-card {
		width: 335px;
		border-radius: 8px
	}
}

.promo-card__img {
	width: 100%;
	height: calc(min(12.5vw, 240px)*1);
	object-fit: cover
}

@media(max-width: 768px) {
	.promo-card__img {
		height: 240px
	}
}

.promo-card__content {
	padding: calc(min(.8333333333vw, 16px)*1) calc(min(1.25vw, 24px)*1)
}

@media(max-width: 768px) {
	.promo-card__content {
		padding: 12px 24px
	}
}

.promo-card__date {
	width: fit-content;
	margin-bottom: calc(min(.4166666667vw, 8px)*1);
	color: var(--white);
	background: var(--dark-grey);
	border-radius: calc(min(.3125vw, 6px)*1);
	padding: calc(min(.3125vw, 6px)*1) calc(min(.4166666667vw, 8px)*1);
	transition: all .3s ease
}

@media(max-width: 768px) {
	.promo-card__date {
		margin-bottom: 6px;
		padding: 6px 8px;
		border-radius: 6px
	}
}

.promo-card__title {
	margin-bottom: calc(min(.8333333333vw, 16px)*1);
	display: -webkit-box;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

@media(max-width: 768px) {
	.promo-card__title {
		margin-bottom: 12px;
		line-clamp: 3;
		-webkit-line-clamp: 3
	}
}

.news-card {
	display: flex;
	gap: calc(min(.8333333333vw, 16px)*1);
	width: calc(min(33.3333333333vw, 640px)*1);
	overflow: hidden;
	transition: all .3s ease;
	text-decoration: none;
	color: var(--txt-on-light)
}

@media(max-width: 768px) {
	.news-card {
		width: 335px;
		gap: 16px;
		flex-direction: column
	}
}

.news-card:hover .image-container .tag {
	background-color: var(--txt-on-light);
	color: var(--bg)
}

.news-card:hover .button {
	color: var(--red-2)
}

.news-card .image-container {
	position: relative;
	width: calc(min(11.4583333333vw, 220px)*1);
	flex: 0 0 calc(min(11.4583333333vw, 220px)*1);
	height: calc(min(9.1666666667vw, 176px)*1)
}

@media(max-width: 768px) {
	.news-card .image-container {
		width: 100%;
		flex: initial;
		height: 235px
	}
}

.news-card .image-container .news-card__img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: calc(min(.4166666667vw, 8px)*1)
}

@media(max-width: 768px) {
	.news-card .image-container .news-card__img {
		border-radius: 8px
	}
}

.news-card .image-container .tag {
	position: absolute;
	top: calc(min(.8333333333vw, 16px)*1);
	left: calc(min(.8333333333vw, 16px)*1);
	z-index: 2;
	color: var(--txt-on-light);
	background: var(--bg);
	border-radius: calc(min(.3125vw, 6px)*1);
	padding: calc(min(.3125vw, 6px)*1) calc(min(.4166666667vw, 8px)*1);
	transition: all .3s ease
}

@media(max-width: 768px) {
	.news-card .image-container .tag {
		top: 24px;
		left: 24px;
		padding: 6px 8px;
		border-radius: 6px
	}
}

.news-card__content {
	padding: calc(min(.4166666667vw, 8px)*1) 0
}

@media(max-width: 768px) {
	.news-card__content {
		padding: 0
	}
}

.news-card__content .news-card__date {
	width: fit-content;
	margin-bottom: calc(min(.3125vw, 6px)*1)
}

@media(max-width: 768px) {
	.news-card__content .news-card__date {
		margin-bottom: 8px
	}
}

.news-card__content .news-card__title {
	margin-bottom: calc(min(.3125vw, 6px)*1);
	display: -webkit-box;
	line-clamp: 1;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

@media(max-width: 768px) {
	.news-card__content .news-card__title {
		line-clamp: 2;
		-webkit-line-clamp: 2;
		margin-bottom: 8px
	}
}

.news-card__content .news-card__text {
	margin-bottom: calc(min(.625vw, 12px)*1);
	display: -webkit-box;
	line-clamp: 3;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

@media(max-width: 768px) {
	.news-card__content .news-card__text {
		line-clamp: 2;
		-webkit-line-clamp: 2;
		margin-bottom: 16px
	}
}

.news-card__content .button {
	color: var(--txt-on-light)
}

.text-area {
	position: relative;
	display: flex;
	flex-direction: column
}

.text-area__title {
	margin-bottom: calc(min(.5208333333vw, 10px)*1);
	width: fit-content
}

@media(max-width: 768px) {
	.text-area__title {
		margin-bottom: 8px
	}
}

.text-area:has(input[required]) .text-area__title::after {
	content: "*";
	color: var(--red-2)
}

.text-area__input {
	display: block;
	width: 100%;
	background: var(--bg);
	border-radius: calc(min(.4166666667vw, 8px)*1);
	min-width: 0px;
	padding: calc(min(.8854166667vw, 17px)*1) calc(min(.9375vw, 18px)*1);
	border: 1px solid rgba(0, 0, 0, 0);
	outline: none;
	resize: none;
	min-height: calc(min(7.8125vw, 150px)*1)
}

@media(max-width: 768px) {
	.text-area__input {
		padding: 14px 18px;
		border-radius: 6px;
		height: 120px
	}
}

.text-area__input::placeholder {
	color: var(--grey);
	opacity: .6
}

.text-area__input:focus {
	border-color: var(--red-2)
}

.text-area__error {
	position: absolute;
	bottom: calc(min(.3125vw, 6px)*-1);
	transform: translateY(100%);
	right: 0;
	color: var(--red-2);
	display: none
}

.text-area.error .text-area__input {
	border-color: var(--red-2);
	color: var(--red-2)
}

.text-area.error .text-area__error {
	display: block
}

.collapsible-line {
	width: 100%;
	background: var(--white);
	border-radius: calc(min(.4166666667vw, 8px)*1);
	padding: calc(min(1.25vw, 24px)*1) calc(min(1.25vw, 24px)*1) calc(min(1.4583333333vw, 28px)*1)
}

@media(max-width: 768px) {
	.collapsible-line {
		padding: 20px;
		border-radius: 8px
	}
}

.collapsible-line__trigger {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: calc(min(.2083333333vw, 4px)*1);
	cursor: pointer;
	user-select: none
}

@media(max-width: 768px) {
	.collapsible-line__trigger {
		gap: 4px
	}
}

.collapsible-line__trigger .button {
	flex-shrink: 0;
	will-change: transform
}

.collapsible-line__trigger .button svg {
	width: calc(min(1.25vw, 24px)*1);
	height: calc(min(1.25vw, 24px)*1)
}

@media(max-width: 768px) {
	.collapsible-line__trigger .button svg {
		width: 24px;
		height: 24px
	}
}

.collapsible-line__content {
	overflow: hidden;
	will-change: height, opacity
}

.vacancies-card {
	border-radius: calc(min(.4166666667vw, 8px)*1);
	overflow: hidden;
	box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .05);
	background: var(--white);
	border: 1px solid rgba(0, 0, 0, 0);
	transition: all .3s ease;
	padding: calc(min(1.6666666667vw, 32px)*1);
	display: flex;
	flex-direction: column
}

.vacancies-card:hover {
	box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .05);
	border-color: var(--red)
}

@media(max-width: 768px) {
	.vacancies-card {
		border-radius: 8px;
		padding: 20px
	}
}

.vacancies-card__img {
	width: 100%;
	height: calc(min(11.4583333333vw, 220px)*1);
	object-fit: cover
}

@media(max-width: 768px) {
	.vacancies-card__img {
		height: 188px
	}
}

.vacancies-card__title {
	display: flex;
	gap: calc(min(.625vw, 12px)*1);
	align-items: center
}

@media(max-width: 768px) {
	.vacancies-card__title {
		gap: 8px
	}
}

.vacancies-card__title .vacancies-card__img {
	width: calc(min(3.0208333333vw, 58px)*1);
	height: calc(min(3.0208333333vw, 58px)*1);
	object-fit: cover;
	border-radius: 50%
}

@media(max-width: 768px) {
	.vacancies-card__title .vacancies-card__img {
		width: 58px;
		height: 58px
	}
}

.vacancies-card__title span {
	opacity: .9;
	color: var(--txt-on-light)
}

.vacancies-card__description {
	margin-top: calc(min(.4166666667vw, 8px)*1);
	margin-bottom: calc(min(1.25vw, 24px)*1);
	flex: 1 0 auto
}

@media(max-width: 768px) {
	.vacancies-card__description {
		margin-top: 8px;
		margin-bottom: 16px
	}
}

.vacancies-card__salary {
	margin-bottom: calc(min(.625vw, 12px)*1)
}

@media(max-width: 768px) {
	.vacancies-card__salary {
		margin-bottom: 12px
	}
}

.vacancies-card .button {
	width: 100%
}

.collapsible-filter {
	width: 100%;
	padding: calc(min(.8333333333vw, 16px)*1) 0;
	border-bottom: 1px solid hsl(from var(--txt-on-light) h s l/0.07)
}

@media(max-width: 768px) {
	.collapsible-filter {
		padding: 16px 0
	}
}

.collapsible-filter__trigger {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: calc(min(.2083333333vw, 4px)*1);
	cursor: pointer;
	user-select: none
}

@media(max-width: 768px) {
	.collapsible-filter__trigger {
		gap: 4px
	}
}

.collapsible-filter__trigger svg {
	flex-shrink: 0;
	will-change: transform;
	width: calc(min(1.25vw, 24px)*1);
	height: calc(min(1.25vw, 24px)*1)
}

@media(max-width: 768px) {
	.collapsible-filter__trigger svg {
		width: 24px;
		height: 24px
	}
}

.collapsible-filter__content {
	overflow: hidden;
	will-change: height, opacity
}

.notification {
	position: fixed;
	top: calc(min(8.4895833333vw, 163px)*1);
	left: 50%;
	transform: translateX(-50%);
	width: calc(min(21.875vw, 420px)*1);
	background: var(--white);
	border-radius: calc(min(.4166666667vw, 8px)*1);
	padding: calc(min(1.25vw, 24px)*1) calc(min(1.0416666667vw, 20px)*1);
	z-index: 10000;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: calc(min(.4166666667vw, 8px)*1);
	text-align: center
}

@media(max-width: 768px) {
	.notification {
		top: 117px;
		width: 295px;
		padding: 20px;
		border-radius: 6px;
		gap: 8px
	}
}

.notification.error svg {
	color: var(--red-2)
}

.notification svg {
	color: var(--green);
	width: calc(min(1.875vw, 36px)*1);
	height: calc(min(1.875vw, 36px)*1);
	margin-bottom: calc(min(.4166666667vw, 8px)*1)
}

@media(max-width: 768px) {
	.notification svg {
		width: 36px;
		height: 36px;
		margin-bottom: 8px
	}
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box
}

html,
body {
	max-width: 100vw;
	width: 100%;
	min-height: 100vh;
	color: var(--txt-on-light);
	font-family: var(--font-family);
	background-color: var(--txt-on-dark)
}

main {
	display: flex;
	flex-direction: column;
	gap: calc(min(7.2916666667vw, 140px)*1)
}

@media(max-width: 768px) {
	main {
		gap: 72px
	}
}

.container {
	max-width: calc(min(67.7083333333vw, 1300px)*1);
	width: 100%;
	margin: 0 auto
}

@media(max-width: 768px) {
	.container {
		max-width: calc(100% - 40px)
	}
}

.container-sm {
	max-width: calc(min(44.7916666667vw, 860px)*1);
	width: 100%;
	margin: 0 auto
}

@media(max-width: 768px) {
	.container-sm {
		max-width: calc(100% - 40px)
	}
}

.first-block {
	margin-top: calc(min(3.9583333333vw, 76px)*-1) !important
}

@media(max-width: 768px) {
	.first-block {
		margin-top: -28px !important
	}
}

@media(max-width: 768px) {
	.desktop-only {
		display: none !important
	}
}

@media(min-width: 768px) {
	.mobile-only {
		display: none !important
	}
}

.yt-lite {
	background-color: #000;
	position: relative;
	display: block;
	contain: content;
	background-position: center center;
	background-size: cover;
	cursor: pointer
}

.yt-lite::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	background-position: top;
	background-repeat: repeat-x;
	height: 60px;
	padding-bottom: 50px;
	width: 100%;
	transition: all .2s cubic-bezier(0, 0, 0.2, 1)
}

.yt-lite::after {
	content: "";
	display: block;
	padding-bottom: 56.25%
}

.yt-lite>iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.yt-lite>.lty-playbtn {
	width: 65px;
	height: 46px;
	z-index: 1;
	opacity: .8;
	border: none;
	background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22YouTube_Icon%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%201024%20721%22%20enable-background%3D%22new%200%200%201024%20721%22%20xml%3Aspace%3D%22preserve%22%3E%3Cscript%20xmlns%3D%22%22%3E%0A%20%20%20%20try%20%7B%0A%20%20%20%20%20%20Object.defineProperty(navigator%2C%20%22globalPrivacyControl%22%2C%20%7B%0A%20%20%20%20%20%20%20%20value%3A%20false%2C%0A%20%20%20%20%20%20%20%20configurable%3A%20false%2C%0A%20%20%20%20%20%20%20%20writable%3A%20false%0A%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20document.currentScript.parentElement.removeChild(document.currentScript)%3B%0A%20%20%20%20%7D%20catch(e)%20%7B%7D%3B%0A%20%20%20%20%20%20%3C%2Fscript%3E%0A%3Cpath%20id%3D%22Triangle%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M407%2C493l276-143L407%2C206V493z%22%2F%3E%0A%3Cpath%20id%3D%22The_Sharpness%22%20opacity%3D%220.12%22%20fill%3D%22%23420000%22%20d%3D%22M407%2C206l242%2C161.6l34-17.6L407%2C206z%22%2F%3E%0A%3Cg%20id%3D%22Lozenge%22%3E%0A%09%3Cg%3E%0A%09%09%0A%09%09%09%3ClinearGradient%20id%3D%22SVGID_1_%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%22512.5%22%20y1%3D%22719.7%22%20x2%3D%22512.5%22%20y2%3D%221.2%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%20721)%22%3E%0A%09%09%09%3Cstop%20offset%3D%220%22%20style%3D%22stop-color%3A%23E52D27%22%2F%3E%0A%09%09%09%3Cstop%20offset%3D%221%22%20style%3D%22stop-color%3A%23BF171D%22%2F%3E%0A%09%09%3C%2FlinearGradient%3E%0A%09%09%3Cpath%20fill%3D%22url(%23SVGID_1_)%22%20d%3D%22M1013%2C156.3c0%2C0-10-70.4-40.6-101.4C933.6%2C14.2%2C890%2C14%2C870.1%2C11.6C727.1%2C1.3%2C512.7%2C1.3%2C512.7%2C1.3%20%20%20%20h-0.4c0%2C0-214.4%2C0-357.4%2C10.3C135%2C14%2C91.4%2C14.2%2C52.6%2C54.9C22%2C85.9%2C12%2C156.3%2C12%2C156.3S1.8%2C238.9%2C1.8%2C321.6v77.5%20%20%20%20C1.8%2C481.8%2C12%2C564.4%2C12%2C564.4s10%2C70.4%2C40.6%2C101.4c38.9%2C40.7%2C89.9%2C39.4%2C112.6%2C43.7c81.7%2C7.8%2C347.3%2C10.3%2C347.3%2C10.3%20%20%20%20s214.6-0.3%2C357.6-10.7c20-2.4%2C63.5-2.6%2C102.3-43.3c30.6-31%2C40.6-101.4%2C40.6-101.4s10.2-82.7%2C10.2-165.3v-77.5%20%20%20%20C1023.2%2C238.9%2C1013%2C156.3%2C1013%2C156.3z%20M407%2C493V206l276%2C144L407%2C493z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");
	transition: all .2s cubic-bezier(0, 0, 0.2, 1)
}

.yt-lite:hover>.lty-playbtn {
	opacity: 1
}

.yt-lite>.lty-playbtn:before {
	content: "";
	border-style: solid;
	border-width: 11px 0 11px 19px;
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff
}

.yt-lite>.lty-playbtn,
.yt-lite>.lty-playbtn:before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0)
}

.yt-lite.lyt-activated {
	cursor: unset
}

.yt-lite.lyt-activated::before,
.yt-lite.lyt-activated>.lty-playbtn {
	opacity: 0;
	pointer-events: none
}

.swiper-button-prev,
.swiper-button-next {
	height: initial
}

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

/*# sourceMappingURL=main.css.map */


.services-page {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.services-card {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.services-card__img {
	width: 100%;
	height: 240px;
	object-fit: cover;
}

.services-card__content {
	display: flex;
	flex-direction: column;
	gap: 12px;
	flex: 1;
}

@media (max-width: 1024px) {
	.services-page {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 640px) {
	.services-page {
		grid-template-columns: 1fr;
	}
}

.pagination__pages ul {
	display: flex;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.pagination__pages a,
.pagination__pages span {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 48px;
	height: 48px;
	text-decoration: none;
}

.pagination__pages .current {
	pointer-events: none;
}

.pagination__button.disabled {
	opacity: .4;
	pointer-events: none;
}

.product-card__img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	display: block;
}

.feedback-popup,
.feedback,
.vacancies-popup,
.order-popup {
	.wpcf7-form .text-field,
	.wpcf7-form .text-area {
		display: block;
		width: 100%;
	}

	.wpcf7-form .text-field__title,
	.wpcf7-form .text-area__title {
		display: block;
		margin-bottom: 8px;
		color: #111;
	}

	.wpcf7-form .text-field__input,
	.wpcf7-form .text-area__input {
		width: 100%;
		box-sizing: border-box;
		border: 1px solid #d9d9d9 !important;
		color: #111;
		outline: none;
		box-shadow: none;
	}

	.wpcf7-form .text-field__input {
		height: 48px;
		padding: 0 16px;
		border-radius: 6px;
	}

	.wpcf7-form .text-area__input {
		min-height: 140px;
		padding: 16px;
		border-radius: 6px;
		resize: vertical;
	}

	.wpcf7-form .text-field__input::placeholder,
	.wpcf7-form .text-area__input::placeholder {
		color: #9a9a9a;
		opacity: 1;
	}

	.wpcf7-form .text-field__input:focus,
	.wpcf7-form .text-area__input:focus {
		border-color: #111 !important;
		background: #fff !important;
	}

	.wpcf7-form .checkbox {
		display: flex;
		align-items: flex-start;
		gap: 10px;
		cursor: pointer;
	}

	.wpcf7-form .wpcf7-acceptance {
		display: contents;
	}

	.wpcf7-form .checkbox__input {
		appearance: none;
		width: 18px;
		height: 18px;
		border: 1px solid #ccc;
		border-radius: 3px;
		position: relative;
		cursor: pointer;
		margin: 3px 0 0;
		flex-shrink: 0;
	}

	.wpcf7-form .checkbox__input:checked::after {
		content: '';
		position: absolute;
		top: 2px;
		left: 5px;
		width: 6px;
		height: 10px;
		border: solid #000;
		border-width: 0 2px 2px 0;
		transform: rotate(45deg);
	}

	.wpcf7-form .checkbox__box {
		display: none !important;
	}

	.wpcf7-form .checkbox__label,
	.wpcf7-form .wpcf7-list-item-label {
		display: block !important;
		color: #111 !important;
		visibility: visible !important;
		opacity: 1 !important;
		line-height: 1.4;
	}

	.wpcf7-form .checkbox__label a,
	.wpcf7-form .wpcf7-list-item-label a {
		color: inherit;
		text-decoration: underline;
	}

	.wpcf7-response-output {
		margin: 0 !important;
		padding: 0 !important;
		border: none !important;
		font-size: 14px;
	}

	.screen-reader-response,
	.hidden-fields-container {
		display: none !important;
	}
}

.feedback-popup {
	.wpcf7 {
		flex: 1 1 50%;
		display: flex;
	}

	.wpcf7-form {
		width: 100%;
		flex: 1 1 50%;
		display: flex;
		flex-direction: column;
		gap: vw-1920(24);
		padding: vw-1920(36) vw-1920(56) vw-1920(36) vw-1920(36);
	}

	.wpcf7-form .h2 {
		margin-bottom: vw-1920(28);
	}

	.wpcf7-form .feedback__form-group {
		display: flex;
		gap: vw-1920(20);
	}

	.wpcf7-form .text-field {
		display: flex;
		flex-direction: column;
		gap: 8px;
	}

	.wpcf7-form .text-area {
		display: flex;
		flex-direction: column;
		gap: 8px;
	}

	.wpcf7-form .button {
		width: fit-content;
	}
}

.feedback {
	.wpcf7 {
		flex: 1 1 50%;
		display: flex;
	}

	.wpcf7-form {
		width: 100%;
	}

	.feedback__form {
		width: 100%;
	}

	.feedback__form-group {
		display: flex;
		gap: 16px;
	}

	.feedback__form-group .text-field {
		flex: 1 1 50%;
	}

	.text-area__input {
		min-height: 218px;
	}
}

.vacancies-popup {
	.vacancies__form-group {
		display: flex;
		gap: 16px;
	}

	.vacancies__form-group .text-field {
		flex: 1 1 50%;
	}
}

.order-popup {
	.order__form-group {
		display: flex;
		gap: 16px;
	}

	.order__form-group .text-field {
		flex: 1 1 50%;
	}
}

@media (max-width: 768px) {
	.feedback-popup {
		.wpcf7 {
			width: 100%;
			flex: initial;
		}

		.wpcf7-form {
			padding: 16px 20px;
			gap: 16px;
		}

		.wpcf7-form .h2 {
			margin-bottom: 20px;
			padding-right: 36px;
		}

		.wpcf7-form .feedback__form-group {
			flex-direction: column;
			gap: 12px;
			width: 100%;
		}

		.wpcf7-form .text-area {
			margin-top: 12px;
			margin-bottom: 12px;
		}

		.wpcf7-form .text-area__input {
			min-height: 120px;
		}

		.wpcf7-form .button {
			margin-top: 12px;
		}
	}

	.feedback {
		.feedback__form-group {
			flex-direction: column;
		}

		.text-area__input {
			min-height: 140px;
		}
	}

	.vacancies-popup {
		.vacancies__form-group {
			flex-direction: column;
			gap: 12px;
		}
	}

	.order-popup {
		.order__form-group {
			flex-direction: column;
			gap: 12px;
		}
	}
}