@view-transition {
	navigation: none;
}

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html {
	overflow-x: hidden;
}

body {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	overflow-x: clip;
}

:root {
	--white: #ffffff;
	--grey: #535353;
	--light-grey: #d9d9d9;
	--blue: #2f5597;
	--light-blue: #4472c4;
	--black: #000000;
	--error: #ff383c;
	--bg-input: #6d88b6;
	--dark-bg: #0f1c31;
	--separator: #f4f4f4;
	--subtle-border: rgba(217, 217, 217, 0.3);
	--blue-07: rgba(47, 85, 151, 0.7);
	--blue-012: rgba(68, 114, 196, 0.12);
	--shadow-card: 0 10px 30px rgba(47, 85, 151, 0.15);
	--shadow-dropdown: 0 4px 12px rgba(0, 0, 0, 0.08);
	--shadow-tooltip: 0 2px 12px rgba(0, 0, 0, 0.15);
	--ls-tight: -0.54px;
	--ls-btn: -0.48px;
}

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

.hero.isMain h1 {
	margin-top: 345px;
	font-family: "Inter-Medium", sans-serif;
	font-weight: 500;
	font-size: 24px;
	line-height: 120%;
}

.modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2000;
	align-items: center;
	justify-content: center;
}

.modal--open {
	display: flex;
}

.modal__close {
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: none;
	border: none;
	cursor: pointer;
	transition: opacity 0.2s;
}

.modal__close:hover {
	opacity: 0.7;
}

.tooltip {
	display: none;
	position: absolute;
	bottom: calc(100% + 10px);
	right: auto;
	left: -10px;
	padding: 12px 16px;
	background: var(--white);
	border-radius: 8px;
	box-shadow: var(--shadow-tooltip);
	font-family: "Inter-Medium", sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 150%;
	letter-spacing: -0.42px;
	color: var(--grey);
	z-index: 10;
}


.tooltip::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 12px;
	border: 6px solid transparent;
	border-top-color: var(--white);
}

.tooltip-wrap {
	position: relative;
}

.tooltip-wrap:hover .tooltip {
	display: block;
}

.tooltip-icon {
	width: 16px;
	height: 16px;
	color: var(--grey);
	cursor: pointer;
	transition: color 0.2s;
}

.tooltip-icon:hover {
	color: var(--blue);
}

.specs-row {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px;
}

.specs-row:nth-child(odd) {
	background-color: var(--subtle-border);
}

.specs-label {
	font-family: "Inter-Medium", sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 140%;
	letter-spacing: var(--ls-tight);
	color: var(--grey);
}

.specs-sep {
	flex: 1;
	height: 1px;
	background-color: var(--separator);
}

.specs-row:nth-child(odd) .specs-sep {
	background-color: var(--separator);
}

.specs-row:nth-child(even) .specs-sep {
	background-color: var(--white);
}

.specs-value {
	font-family: "Inter-Medium", sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 140%;
	letter-spacing: var(--ls-tight);
	color: var(--black);
	text-align: right;
}

@font-face {
	font-family: "Oswald";
	src: url("/dist/assets/Oswald-Bold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "Oswald";
	src: url("/dist/assets/Oswald-Medium.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
}

.container {
	max-width: 1920px;
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
}

.flex-row {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	align-items: flex-start;
	padding-top: 20px;
	padding-bottom: 20px;
}

.flex-col {
	flex: 1 0 calc(50% - 10px);
	min-width: 300px;
}

.flex-col__title {
	margin-bottom: 10px;
}

.flex-card {
	display: flex;
	flex-direction: column;
	padding: 20px;
	gap: 15px;
	background: #ffffff;
	border: 2px dashed var(--grey);
	border-radius: 10px;
	height: 100%;
}

.flex-group {
	display: flex;
	flex-direction: row;
	gap: 10px;
	flex-wrap: wrap;
	align-items: center;
}

.text-muted {
	color: var(--grey);
	display: block;
	margin-top: 5px;
}

.text-center {
	text-align: center !important;
}

.color-sample {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 94px;
	height: 94px;
	border-radius: 50%;
	background: var(--light-grey);
	text-align: center;
}

.color-sample--bordered {
	border: 1px solid var(--black);
}

h1 {
	font-family: "Oswald", sans-serif;
	font-weight: bold;
	font-size: 63px;
	line-height: 120%;
}

h2 {
	font-family: "Oswald", sans-serif;
	font-weight: bold;
	font-size: 32px;
	line-height: 140%;
}

h3 {
	font-family: "Oswald", sans-serif;
	font-weight: bold;
	font-size: 24px;
	line-height: 120%;
}

.t1 {
	font-family: "Inter-Medium", sans-serif;
	font-weight: 500;
	font-size: 24px;
	line-height: 120%;
}

.section-container,
.t3 {
	font-family: "Inter-Medium", sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 140%;
}

.pd-info__container,
.t2 {
	font-family: "Inter-Medium", sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 140%;
}

li {
	list-style: none;
}

.t4 {
	font-family: "Inter-Bold", sans-serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 140%;
}

.btn {
	font-family: "Inter", sans-serif;
	font-weight: bold;
	font-size: 18px;
	padding: 20px 32px;
	border-radius: 6px;
	text-align: center;
	cursor: pointer;
	user-select: none;
	text-transform: uppercase;
	transition: 0.25s ease-in-out;
	border: 1px solid rgba(21, 64, 132, 0.4);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
}

.btn:disabled {
	cursor: not-allowed;
	color: var(--light-grey) !important;
	background: var(--white) !important;
	border-color: rgba(21, 64, 132, 0.4);
}

.btn--secondary {
	background: var(--white);
	color: var(--blue);
}

.btn--secondary:hover,
.btn--secondary:active {
	background: var(--blue);
	color: var(--white);
}

.btn--primary {
	background: var(--blue);
	color: var(--white);
	border-color: var(--blue);
}

.btn--primary:hover,
.btn--primary:active {
	background: var(--white);
	color: var(--blue);
}

.btn--text {
	background: transparent;
	border: none;
	padding: 0;
	font-weight: 500;
	line-height: 140%;
	color: var(--white);
	gap: 8px;
}

.btn--text:hover {
	opacity: 0.8;
}

.btn--text:active {
	opacity: 0.6;
}

.btn--block {
	width: 100%;
	justify-content: space-between;
	padding: 22px 24px;
	background-color: var(--white);
	border: none;
	color: var(--blue);
	border-radius: 4px;
}

.btn--block span {
	font-family: "Inter", sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.4;
	text-align: left;
}

.btn--block svg {
	flex-shrink: 0;
}

.btn--block:hover,
.btn--block:active {
	color: var(--light-blue);
}

.form-group {
	display: flex;
	flex-direction: column;
}

.form-control {
	width: 100%;
	background-color: var(--bg-input);
	border: none;
	border-radius: 10px;
	padding: 16px;
	font-family: "Inter-Medium", sans-serif;
	font-weight: 500;
	line-height: 140%;
	font-size: 22px;
	color: var(--white);
	outline: none;
	transition: 0.25s ease-in-out;
	resize: none;
}

.form-control::placeholder {
	color: var(--light-grey);
	transition: 0.25s ease-in-out;
}

.form-control:focus::placeholder {
	color: transparent;
}

.form-control--error {
	border: 1px solid var(--error) !important;
}

.form-error {
	color: var(--error);
	font-size: 12px;
	font-family: "Inter", sans-serif;
	font-weight: 400;
	margin-top: 4px;
}

.input-wrapper--filled {
	background: var(--blue);
	padding: 10px;
	border-radius: 10px;
}

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

.burger-btn {
	width: 26px;
	height: 26px;
	padding: 0;
	background: transparent;
	border: none;
	cursor: pointer;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.burger-btn span {
	display: block;
	width: 100%;
	height: 3px;
	background-color: var(--blue);
	border-radius: 2px;
	transition: all 0.3s ease-in-out;
	transform-origin: center;
}

.burger-btn:hover span {
	background-color: var(--light-blue);
}

.burger-btn--active span:nth-child(1) {
	transform: translateY(11.5px) rotate(45deg);
}

.burger-btn--active span:nth-child(2) {
	opacity: 0;
	transform: scale(0);
}

.burger-btn--active span:nth-child(3) {
	transform: translateY(-11.5px) rotate(-45deg);
}

.social-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 24px;
	height: 24px;
	text-decoration: none;
	color: var(--blue);
	transition: all 0.2s ease;
}

.social-btn:hover {
	color: var(--light-grey);
	cursor: pointer;
}

.pagination {
	display: flex;
	align-items: center;
	gap: 6px;
	font-family: "Inter", sans-serif;
}

.pagination__link {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 26px;
	height: 26px;
	border-radius: 2px;
	text-decoration: none;
	color: var(--black);
	transition: all 0.2s;
}

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

.pagination__link:not(.pagination__link--active):hover {
	color: var(--blue);
	background-color: transparent;
}

.pagination__dots {
	color: var(--black);
	font-size: 16px;
	padding: 0 5px;
}

.pagination__arrow {
	width: 26px;
	height: 26px;
	background: none;
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--black);
	transition: all ease-in-out 0.2s;
}

.pagination__arrow:hover {
	color: var(--blue);
}

.pagination__arrow:disabled {
	cursor: not-allowed;
	color: var(--light-grey);
}

.carousel-dots {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 8px;
}

.carousel-dots__item {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	padding: 0;
	cursor: pointer;
	transition: all 0.2s ease;
	background-color: transparent;
	border: 1.5px solid var(--grey);
}

.carousel-dots__item--active {
	background-color: var(--blue);
	border-color: var(--blue);
}

.carousel-dots__item:not(.carousel-dots__item--active):hover {
	border-color: var(--blue);
}

.gradient-bg {
	background: linear-gradient(180deg, var(--blue) 0%, var(--dark-bg) 100%);
}

.section-container {
	max-width: 1600px;
	margin: 0 auto;
}

.section-title,
h2:not([class]) {
	color: var(--blue);
	text-align: center;
	margin-bottom: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 32px;
}

.section-title::before,
.section-title::after,
h2:not([class])::before,
h2:not([class])::after {
	content: "";
	display: block;
	width: 90px;
	height: 3px;
	background-color: var(--blue);
}

@media (max-width: 1600px) {
	h1 {
		font-size: 58px;
	}

	h2 {
		font-size: 31px;
	}
}

@media (max-width: 1440px) {
	h1 {
		font-size: 54px;
	}

	h2 {
		font-size: 30px;
	}

	h3 {
		font-size: 23px;
	}

	.hero.isMain h1,
	.t1 {
		font-size: 23px;
	}
}

@media (max-width: 1280px) {
	h1 {
		font-size: 50px;
	}

	h2 {
		font-size: 29px;
	}
}

@media (max-width: 1000px) {
	h1 {
		font-size: 46px;
	}

	h2 {
		font-size: 28px;
	}

	h3 {
		font-size: 22px;
	}

	.hero.isMain h1,
	.t1 {
		font-size: 22px;
	}

	.t2 {
		font-size: 17px;
	}

	.t3 {
		font-size: 15px;
	}
}

@media (max-width: 900px) {
	h1 {
		font-size: 42px;
	}
}

@media (max-width: 768px) {
	h1 {
		font-size: 40px;
	}

	.hero.isMain h1,
	.t1 {
		font-size: 21px;
	}

	.section-title,
	h2:not([class]) {
		flex-direction: column;
		gap: 15px;
		font-size: 28px;
	}

	.section-title::before,
	.section-title::after,
	h2:not([class])::before,
	h2:not([class])::after {
		width: 100%;
		height: 2px;
	}
}

@media (max-width: 600px) {
	h1 {
		font-size: 36px;
	}

	h2 {
		font-size: 27px;
	}

	h3 {
		font-size: 21px;
	}

	.hero.isMain h1,
	.t1 {
		font-size: 20px;
	}

	.t3 {
		font-size: 14px;
	}
}

@media (max-width: 475px) {
	h1 {
		font-size: 34px;
	}

	h2 {
		font-size: 26px;
	}

	h3 {
		font-size: 20px;
	}

	.hero.isMain h1,
	.t1 {
		font-size: 19px;
	}

	.t2 {
		font-size: 16px;
	}
}

@media (max-width: 360px) {
	.btn {
		font-size: 16px;
		padding: 14px 0;
	}

	.form-control {
		padding: 16px 12px;
		font-size: 16px;
	}

	h1 {
		font-size: 32px !important;
	}

	h2 {
		font-size: 26px !important;
	}

	h3 {
		font-size: 20px !important;
	}

	.hero.isMain h1,
	.t1 {
		font-size: 18px !important;
	}

	.t2 {
		font-size: 16px !important;
	}

	.t3 {
		font-size: 14px !important;
	}

	.t4 {
		font-size: 16px !important;
	}
}

.breadcrumbs {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 157px;
	font-family: "Inter-Medium", sans-serif;
	font-size: 16px;
	color: var(--white);
}

.breadcrumbs__link {
	text-decoration: none;
	color: var(--white);
	transition: opacity 0.2s;
	display: flex;
	align-items: center;
}

.breadcrumbs__link:hover {
	opacity: 1;
}

.breadcrumbs__current {
	color: var(--light-grey);
	pointer-events: none;
	display: flex;
	align-items: center;
}

.breadcrumbs>*:not(:last-child)::after {
	content: "";

	display: inline-block;
	width: 8px;
	height: 8px;
	background-color: var(--white);
	border-radius: 50%;

	margin-left: 10px;
	margin-right: 10px;
}

.breadcrumbs--dark {
	color: var(--black);
}

.breadcrumbs--dark .breadcrumbs__link {
	color: var(--light-blue);
	text-decoration: none;
}

.breadcrumbs--dark .breadcrumbs__current {
	color: var(--grey);
}

.breadcrumbs--dark>*:not(:last-child)::after {
	background-color: var(--light-blue);
}

@media (max-width: 360px) {
	.breadcrumbs {
		margin-bottom: 115px;
	}
}

.pagination-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
}

.pg-list {
	display: flex;
	gap: 10px;
	align-items: center;
}

.pg-link {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	border-radius: 4px;
	text-decoration: none;
	font-family: "Inter", sans-serif;
	font-weight: 500;
	font-size: 18px;
	color: #000;
	transition: all 0.2s;
}

.pg-link:hover {
	color: var(--blue);
	background-color: #f0f4fa;
}

.pg-link--active {
	background-color: var(--blue);
	color: var(--white);
}

.pg-link--active:hover {
	color: var(--white);
	background-color: var(--blue);
}

.pg-dots {
	font-family: "Inter", sans-serif;
	font-size: 18px;
	padding: 0 5px;
}

.pg-arrow {
	background: none;
	border: none;
	cursor: pointer;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pg-arrow:not(:disabled):hover svg path {
	stroke: var(--blue);
}

.pg-arrow:disabled {
	cursor: not-allowed;
	opacity: 0.4;
}

@media (max-width: 600px) {
	.pg-link {
		width: 32px;
		height: 32px;
		font-size: 14px;
	}

	.pagination-wrapper {
		gap: 10px;
	}
}

.project-card {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	color: inherit;
	transition: transform 0.2s ease;
	cursor: pointer;
}

.project-card:hover {
	transform: translateY(-4px);
}

.project-card__img-wrapper {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 20px;
}

.project-card__img {
	width: 100%;
	height: 390px;
	object-fit: cover;
	display: block;
}

.project-card__tags {
	position: absolute;
	top: 12px;
	left: 12px;
	right: 12px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 10px;
}

.project-card__tag {
	padding: 6px 16px;
	border-radius: 30px;
}

.project-card__tag--location {
	background-color: rgba(47, 85, 151, 0.7);
	color: var(--white);
}

.project-card__tag--year {
	background-color: rgba(47, 85, 151, 0.7);
	color: var(--white);
}

.project-card h3,
.project-card__title {
	color: var(--black);
	text-transform: uppercase;
	margin-bottom: 16px;
}

.project-card__desc {
	color: var(--black);
	line-height: 160%;
}

@media (max-width: 600px) {
	.project-card__img {
		height: 255px;
	}
}

header {
	background-color: var(--white);
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	border-bottom: 1px solid var(--light-grey);
	transition: all 0.3s ease-in-out;
	padding: 0 16px;
}

.header--scrolled {
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
	border-bottom: none;
}

.header--scrolled .header__link {
	padding: 14px 10px;
}

.header--scrolled .header__dropdown-menu {
	top: 31px;
	padding-top: 31px;
}

.header__inner {
	max-width: 1600px;
	padding: 0;
	margin: 0 auto;
	transition: all 0.3s ease-in-out;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header__logo {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	transition: 0.3s all ease-in-out;
}

.header__logo:hover img {
	scale: 1.1;
}

.header__logo-svg {
	width: 100%;
	height: auto;
	display: block;
}

header nav {
	display: flex;
	position: relative;
	justify-content: space-around;
}

.header__link {
	text-decoration: none;
	color: var(--blue);
	font-family: "Inter", sans-serif;
	font-weight: bold;
	font-size: 18px;
	line-height: 140%;
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 24px 10px;
	transition: all 0.2s ease-in-out;
}

.header__link svg {
	width: 20px;
}

.header__link:hover {
	background-color: var(--blue);
	color: var(--white);
}

.header__contacts {
	display: flex;
	align-items: center;
	gap: 24px;
}

.header__phones {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.logo-mask-fire {
	height: 40px;
}

.logo-mask-vkmez {
	height: 38px;
}

.header__phone,
.header__email {
	color: var(--blue);
	display: flex;
	align-items: center;
	gap: 6px;
	flex-shrink: 0;
	text-decoration: none;
	font-family: "Inter-Medium", sans-serif;
	font-weight: 500;
	font-size: 18px;
	white-space: nowrap;
	transition: color 0.2s ease;
}

.header__phone:hover,
.header__email:hover {
	color: #1a3f6f;
}

.header__contact-icon {
	display: none;
	width: 22px;
	height: 22px;
	flex-shrink: 0;
}

.header__socials {
	display: flex;
	gap: 16px;
	align-items: center;
}

.header__social-btn {
	color: var(--blue);
	display: flex;
	align-items: center;
	justify-content: center;
	transition:
		transform 0.2s ease,
		color 0.2s ease;
	width: 32px;
	height: 32px;
	position: relative;
	text-decoration: none;
}

.header__social-btn:hover {
	transform: scale(1.15);
	color: #1a3f6f;
}

.header__social-btn .icon {
	width: 100%;
	height: 100%;
}

.header__social-btn-2 {
	width: 24px;
	height: 24px;
}

.header__mobile-controls {
	display: flex;
	flex-direction: row;
	gap: 20px;
	align-items: center;
}

.header__burger {
	display: none;
}

.header__mobile-catalog {
	display: none;
}

.logo-path-hide {
	transition: opacity 0.3s ease;
	opacity: 1;
}

.header--scrolled .logo-path-hide {
	opacity: 0;
}

.menu-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px 20px;
	text-decoration: none;
	background-color: var(--white);

	text-align: start;
	font-family: "Inter", sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: var(--blue);
	transition: all 0.2s ease-in-out;
}

.menu-item:hover {
	background-color: var(--blue);
	color: var(--white);
	cursor: pointer;
}

.menu-item:last-child {
	border-bottom: none;
}

.menu-item--link-a {
	text-decoration: none;
	color: var(--blue);
	transition: all 0.1s ease-in-out;
	cursor: pointer;
}

.menu-item--group {
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
	padding: 0;
	cursor: default;
}

.menu-item--group:hover {
	background-color: var(--white);
	color: var(--blue);
}

.menu-item--group .menu-item--link-a {
	display: block;
	padding: 16px 20px 20px;
	font-family: "Inter", sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: var(--blue);
	width: 100%;
}

.menu-item--group .menu-item--link-a:hover {
	background-color: var(--blue);
	color: var(--white);
}

.menu-item__brands {
	display: flex;
	align-items: center;
	gap: 4px;
	padding: 4px 20px 12px;
	width: 100%;
	box-sizing: border-box;
}

.menu-item__brands-label {
	font-family: "Inter", sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: var(--blue);
	opacity: 1;
	white-space: nowrap;
	padding-right: 4px;
	flex-shrink: 0;
	cursor: auto;
}

.menu-item__sep,
.header__dropdown-menu .menu-item:not(:last-child) {
	border-bottom: 1px solid var(--light-grey);
}

.menu-item__brand {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	padding: 6px 8px;
	text-decoration: none;
	color: var(--blue);
	font-family: "Inter", sans-serif;
	font-size: 10px;
	font-weight: 700;
	border-radius: 4px;
	transition: background-color 0.2s;
	flex: 1;
	text-align: center;
}

.menu-item__brand:hover {
	background-color: rgba(47, 85, 151, 0.08);
}

.menu-item__brand img {
	height: 32px;
	width: 100px;
	object-fit: contain;
	transition: transform 0.2s ease;
}

.menu-item__brand:hover img {
	transform: scale(1.12);
}

.header__dropdown-menu> :first-child {
	border-radius: 8px 8px 0 0;
}

.header__dropdown-menu>.menu-item:last-child {
	border-radius: 0 0 8px 8px;
}

.header__link--dropdown {
	border: none;
	outline: none;
	background: transparent;
	cursor: pointer;
	padding: 8px 16px;
	transition: all 0.2s ease-in-out;
	text-decoration: none;
}

.header__link--dropdown:hover,
.header__link--dropdown.open {
	background-color: var(--blue);
	color: var(--white);
}

.header__dropdown-menu {
	display: none;

	position: absolute;
	top: 41px;
	left: 0;
	min-width: 260px;
	background-color: transparent;
	border-radius: 8px;
	padding: 0;
	z-index: 100;
	padding-top: 41px;
}

.header__dropdown-menu.open {
	display: block;
	animation: fadeIn 0.2s ease;
}

#cat-arrow {
	transition: transform 0.3s ease;
}

.arrow-rotate {
	transform: rotate(180deg);
}

.cat-arrow--mobile {
	transition: transform 0.3s ease;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.mobile-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--white);
	z-index: 2000;
	display: flex;
	flex-direction: column;

	transform: translateX(100%);
	transition: transform 0.3s ease-in-out;

	overflow-y: auto;
}

.mobile-overlay.active {
	transform: translateX(0);
}

.mobile-overlay__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 20px;
}

.mobile-overlay__close {
	background: transparent;
	border: none;
	cursor: pointer;
	padding: 5px;
}

.mobile-overlay__body {
	flex-grow: 1;
	padding: 20px 0;
	position: relative;
	overflow: hidden;
	overflow-y: auto;
}

.mobile-overlay__nav {
	display: flex;
	flex-direction: column;
}

.mobile-nav-link {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px 20px;

	font-family: "Inter", sans-serif;
	font-weight: 700;
	font-size: 20px;
	color: var(--blue);
	text-decoration: none;
	border-bottom: 1px solid var(--light-grey);
}

.mobile-nav-link:last-child {
	border-bottom: none;
}

.mobile-overlay__footer {
	padding: 30px 20px 0px 20px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.mobile-footer-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.mobile-footer-phone {
	font-family: "Inter", sans-serif;
	font-weight: 700;
	font-size: 20px;
	color: var(--blue);
	text-decoration: none;
}

.mobile-footer-email {
	font-family: "Inter", sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: var(--blue);
	text-decoration: none;
}

.mobile-footer-social {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	color: var(--blue);
	text-decoration: none;
}

.wr-cookie-cookie-bar {
	position: fixed;
	bottom: 20px;
	left: 50%;
	z-index: 5;
	width: 350px;
	height: fit-content;
	padding: 15px;
	background: rgb(255, 255, 255);
	border-radius: 15px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 20px 0px;
	font-family:
		system-ui,
		-apple-system,
		Segoe UI,
		Roboto,
		Helvetica Neue,
		Noto Sans,
		Liberation Sans,
		Arial,
		sans-serif,
		Apple Color Emoji,
		Segoe UI Emoji,
		Segoe UI Symbol,
		Noto Color Emoji;
	color: rgb(43, 47, 53);
	transform: translate3d(-50%, 0px, 1px);
	transition: 0.8s;
	animation: 0.8s ease 0.8s 1 normal none running slideIn;
}

@media (max-width: 475px) {
	.wr-cookie-cookie-bar {
		width: 300px !important;
	}
}

.wr-cookie-message {
	display: block;
	font-weight: 500;
	font-size: 16px;
	line-height: 135%;
	margin-bottom: 15px;
	padding-right: 25px;
}

.wr-cookie-message-a {
	display: block;
	width: fit-content;
	color: rgb(31, 74, 170);
	text-decoration: underline;
}

.wr-agree-close-cb {
	display: block;
	width: 100%;
	padding: 6.5px;
	border-radius: 1000px;
	background: rgb(79, 172, 127);
	color: rgb(255, 255, 255);
	font-weight: 500;
	font-size: 16px;
	line-height: 135%;
	text-align: center;
	cursor: pointer;
}

.wr-cookie-close-cb {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 35px;
	padding: 10px;
	font-weight: 500;
	font-size: 21px;
	line-height: 100%;
	text-align: center;
	color: rgb(114, 132, 148);
	cursor: pointer;
	text-transform: uppercase;
	transform: translate(10px, -10px);
}

.close {
	display: none !important;
}

.header-logo-wrapper {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.logo-mask-1 {
	height: 23px;
}

.logo-mask-2 {
	height: 12px;
}

.header__mobile-controls {
	display: none;
}

.mobile-nav-accordion {
	display: flex;
	flex-direction: column;
	border-bottom: 1px solid var(--light-grey);
}

.mobile-nav-link--accordion {
	background: none;
	border: none;
	cursor: pointer;
	width: 100%;
	text-align: left;
}

.mobile-nav-accordion__arrow {
	transition: transform 0.3s ease;
}

.mobile-nav-link--accordion.active {
	background-color: var(--blue);
	color: var(--white);
}

.mobile-nav-link--accordion.active .mobile-nav-accordion__arrow {
	transform: rotate(180deg);
}

.mobile-nav-link--accordion.active .mobile-nav-accordion__arrow path {
	stroke: var(--white);
}

.mobile-nav-accordion__body {
	display: none;
	flex-direction: column;
	margin-left: 20px;
}

.mobile-nav-accordion__body.open {
	display: flex;
}

.mobile-nav-sublink {
	display: block;
	padding: 14px 20px;
	font-family: "Inter", sans-serif;
	font-weight: 700;
	font-size: 20px;
	color: var(--blue);
	text-decoration: none;
	transition: all 0.2s ease;
}

.mobile-nav-sublink--active {
	background-color: var(--blue);
	color: var(--white);
	font-weight: 700;
}

.mobile-nav-subgroup {
	display: flex;
	flex-direction: column;
}

.mobile-nav-sublink--title {
	display: block;
	padding: 14px 20px 8px;
	font-family: "Inter", sans-serif;
	font-weight: 700;
	font-size: 20px;
	color: var(--blue);
	text-decoration: none;
}

.mobile-nav-subbrands {
	display: flex;
	flex-direction: column;
	padding: 0 0 10px;
}

.mobile-nav-subbrands-label {
	padding: 4px 20px 8px;
	font-family: "Inter", sans-serif;
	font-size: 20px;
	font-weight: 700;
	color: var(--blue);
	opacity: 0.85;
}

.mobile-nav-subbrand {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 14px;
	flex: unset;
	text-decoration: none;
	color: var(--blue);
	font-family: "Inter", sans-serif;
	font-size: 15px;
	font-weight: 700;
	padding: 10px 20px;
	border-radius: 0;
	transition: background-color 0.2s;
	text-align: left;
}

.mobile-nav-subbrand:hover {
	background-color: rgba(47, 85, 151, 0.06);
}

.mobile-nav-subbrand img {
	height: 40px;
	width: 100px;
	object-fit: contain;
	flex-shrink: 0;
}

.mobile-nav-sublink:hover:not(.mobile-nav-sublink--active) {
	background-color: rgba(47, 85, 151, 0.05);
}

@media (max-width: 1600px) {
	.header__contacts {
		gap: 24px;
	}

	.header__social-btn {
		width: 28px;
		height: 28px;
	}

	.header__social-btn-2 {
		width: 20px;
		height: 20px;
	}

	.logo-mask-1 {
		height: 20px;
	}

	.logo-mask-2 {
		height: 10px;
	}
}

@media (max-width: 1366px) {
	.header__link {
		font-size: 16px;
	}

	.header__contacts {
		gap: 10px;
	}

	.header__phone,
	.header__email {
		font-size: 16px;
	}

	header {
		padding: 0 12px;
	}
}

@media (max-width: 1290px) {
	.logo-mask-fire {
		height: 36px;
	}

	.header__contacts {
		gap: 6px;
	}

	.header__socials {
		gap: 10px;
	}
}

@media (max-width: 1200px) {
	.header__social-btn {
		width: 24px;
		height: 24px;
	}

	.header__social-btn-2 {
		width: 20px;
		height: 20px;
	}

	.header__contacts {
		gap: 8px;
	}

	.header__phones {
		flex-direction: row;
	}

	.header__link {
		padding: 16px 6px;
	}

	.header--scrolled .header__link {
		padding: 10px 6px;
	}

	.header__contact-text {
		display: none;
	}

	.header__contact-icon {
		display: block;
	}

	.header__phone,
	.header__email {
		width: 28px;
		height: 28px;
		justify-content: center;
		transition:
			transform 0.2s ease,
			color 0.2s ease;
	}

	.header__phone:hover,
	.header__email:hover {
		transform: scale(1.2);
		color: #1a3f6f;
	}

	.header__mobile-controls {
		display: none !important;
	}
}

@media (max-width: 1132px) {
	.header__contacts {
		gap: 6px;
	}

	.header__socials {
		gap: 6px;
	}
}

@media (max-width: 990px) {
	.logo-mask-vkmez {
		height: 30px;
	}

	.logo-mask-fire {
		height: 38px;
	}

	.header__contacts {
		gap: 0;
	}

	.header__logo {
		gap: 0;
	}

	.logo-mask-1 {
		height: 18px;
	}

	.logo-mask-2 {
		height: 9px;
		max-width: 115px;
	}
}

@media (max-width: 900px) {
	.logo-mask-fire {
		height: 40px;
	}

	header {
		padding: 0;
	}

	.header__logo {
		gap: 10px;
	}

	.logo-mask-2 {
		height: 10px;
		max-width: 200px;
	}

	header nav,
	.header__contacts {
		display: none;
	}

	.header__mobile-controls {
		display: flex !important;
	}

	.header__burger {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: 30px;
		height: 20px;
		background: transparent;
		border: none;
		cursor: pointer;
		padding: 0;
		z-index: 1001;
		color: var(--black);
	}

	.header__burger span {
		display: block;
		width: 100%;
		height: 2px;
		background-color: var(--blue);
		border-radius: 2px;
		transition: all 0.3s ease;
	}

	.header__mobile-catalog {
		display: none;
	}

	.header__inner {
		padding: 5px 20px;
	}

	.header--scrolled .header__inner {
		padding: 5px 20px;
	}
}

footer {
	color: var(--white);
	padding: 32px 16px 24px 16px;
	font-family: "Inter", sans-serif;
	margin-top: auto;
}

.footer__grid {
	display: grid;
	grid-template-columns: 1.5fr 1fr 0.8fr 1.2fr 2fr;
	gap: 20px;
	margin-bottom: 32px;
}

.footer__logo-link {
	height: 75px;
	display: flex;
	align-items: center;
	gap: 10px;
	text-decoration: none;
	margin-bottom: 5px;
	transition: opacity 0.2s ease;
}

.footer__logo-link:hover {
	opacity: 0.8;
}

.footer__logo-text {
	color: rgba(255, 255, 255, 0.6);
	font-size: 11px;
	letter-spacing: 0.5px;
	margin-top: -5px;
	margin-left: 50px;
}

.footer__nav {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.footer__nav a {
	text-decoration: none;
	color: var(--white);
	transition: color 0.2s ease;
}

.footer__nav a:hover {
	color: rgba(255, 255, 255, 0.7);
}

.footer__col--contacts {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.footer__phone {
	color: var(--white);
	text-decoration: none;
	transition: color 0.2s ease;
}

.footer__phone:hover {
	color: rgba(255, 255, 255, 0.7);
}

.footer__email {
	color: var(--white);
	text-decoration: none;
	transition: color 0.2s ease;
}

.footer__email:hover {
	color: rgba(255, 255, 255, 0.7);
}

.footer__col--address {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.footer__phones {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.footer__socials {
	display: flex;
	gap: 15px;
	margin-top: 5px;
}

.social-link svg {
	transition: opacity 0.2s;
}

.footer__col--address p {}

.social-link {
	color: var(--white);
	transition: transform 0.2s ease;
	display: inline-flex;
}

.social-link:hover {
	transform: scale(1.15);
}

.footer__bottom {
	border-top: 1px solid rgba(217, 217, 217, 0.5);

	padding: 16px 0;

	display: flex;
	justify-content: space-between;
	align-items: center;

	font-family: "Inter-Medium", sans-serif;
	font-weight: 400;
	font-size: 12px;
}

.footer__policy {
	color: rgba(255, 255, 255, 0.6);
	text-decoration: underline;
	transition: color 0.2s;
}

.footer__policy:hover {
	color: #fff;
}

.footer__dev {
	display: block;
	width: 140px;
	height: 25px;
	background: url("data:image/svg+xml,%3csvg%20width='140'%20height='25'%20viewBox='0%200%20140%2025'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17%2011.885C17%2013.2232%2015.8807%2014.3081%2014.5%2014.3081C13.1193%2014.3081%2012%2013.2232%2012%2011.885C12%2010.5468%2013.1193%209.46191%2014.5%209.46191C15.8807%209.46191%2017%2010.5468%2017%2011.885Z'%20fill='%23ECEFF7'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M17%2011.885C17%2013.2232%2015.8807%2014.3081%2014.5%2014.3081C13.1193%2014.3081%2012%2013.2232%2012%2011.885C12%2010.5468%2013.1193%209.46191%2014.5%209.46191C15.8807%209.46191%2017%2010.5468%2017%2011.885Z'%20fill='%232E3860'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.5%200C5.59644%200%200%205.59644%200%2012.5C0%2019.4036%205.59644%2025%2012.5%2025H127.5C134.404%2025%20140%2019.4036%20140%2012.5C140%205.59644%20134.404%200%20127.5%200H12.5ZM14.5%2020.1234C19.1944%2020.1234%2023%2016.4349%2023%2011.8849C23%207.33496%2019.1944%203.64648%2014.5%203.64648C9.80558%203.64648%206%207.33496%206%2011.8849C6%2016.4349%209.80558%2020.1234%2014.5%2020.1234ZM17%2011.885C17%2013.2232%2015.8807%2014.3081%2014.5%2014.3081C13.1193%2014.3081%2012%2013.2232%2012%2011.885C12%2010.5468%2013.1193%209.46191%2014.5%209.46191C15.8807%209.46191%2017%2010.5468%2017%2011.885Z'%20fill='%23ECEFF7'/%3e%3c/svg%3e") no-repeat center;
	background-size: contain;
	text-align: right;
	padding-right: 10px;
	padding-top: 5px;
	box-sizing: border-box;
	font-size: 14px;
	color: #2e3860;
	line-height: 1;
	text-decoration: none !important;
	font-weight: 400;
}

.footer__dev:hover {
	opacity: 0.75;
	color: #2e3860;
}

@media (max-width: 1366px) {
	footer {
		padding: 32px 12px 24px 12px;
	}
}

@media (max-width: 1100px) {
	.footer__grid {
		grid-template-columns: 1fr 1fr;
		gap: 40px;
	}

	.footer__col--logo {
		grid-column: 1 / -1;
	}

	.footer__col--address {
		grid-column: 1 / -1;
		margin-top: 10px;
	}
}

@media (max-width: 768px) {
	footer {
		padding: 40px 20px;
	}
}

@media (max-width: 600px) {
	.footer__grid {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	footer {
		text-align: left;
	}

	.footer__nav {
		gap: 20px;
	}

	.footer__nav a {
		font-size: 16px;
	}

	.footer__phone {
		font-size: 16px;
		margin-bottom: 5px;
		display: block;
	}

	.footer__email {
		font-size: 16px;
	}

	.footer__socials {
		margin-top: 15px;
	}

	.social-link svg {
		width: 28px;
		height: 28px;
	}

	.footer__bottom {
		flex-direction: column;
		align-items: flex-start;
		gap: 15px;
	}

	.footer__dev {
		margin-top: 10px;
	}
}

@media (max-width: 475px) {
	footer {
		padding: 40px 10px;
	}
}

.hero {
	position: relative;
	overflow: hidden;
	min-height: 700px;
	display: flex;
	align-items: center;
	color: var(--white);
	padding: 0 16px;
}

.hero__bg-picture {
	position: absolute;
	inset: 0;
	z-index: 0;
}

.hero__bg-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

.hero::before {
	content: "";
	position: absolute;
	inset: 0;
	/* background: rgba(0, 0, 0, 0.7); */
	z-index: 1;
}

.hero__container {
	position: relative;
	z-index: 2;
	width: 100%;
}



.hero__title,
.hero:not(.isMain) h1 {
	margin-top: 24px;
	font-family: "Oswald", sans-serif;
	font-weight: bold;
	font-size: 63px;
	line-height: 120%;
	color: var(--white);
	color: var(--white) !important;

}

.hero__btn {
	margin-top: 40px;
	margin-bottom: 60px;
}

.hero.isMain .hero__title {
	display: inline-block;
	background-color: var(--blue);
	padding-left: 20px;
	padding-right: 20px;
}

.hero.isMain h1 {
	display: inline-block;
	background-color: var(--blue);
	padding-left: 20px;
	padding-right: 20px;
}

@media (max-width: 1600px) {

	.projects-hero h1,
	.hero__title,
	.hero:not(.isMain) h1 {
		font-size: 58px;
	}
}

@media (max-width: 1440px) {

	.projects-hero h1,
	.hero__title,
	.hero:not(.isMain) h1 {
		font-size: 54px;
	}
}

@media (max-width: 1366px) {
	.hero {
		padding: 0 12px;
	}

	.projects-hero h1,
	.hero__title,
	.hero:not(.isMain) h1 {
		font-size: 50px;
	}
}

@media (max-width: 1000px) {

	.projects-hero h1,
	.hero__title,
	.hero:not(.isMain) h1 {
		font-size: 46px;
	}
}

@media (max-width: 900px) {

	.projects-hero h1,
	.hero__title,
	.hero:not(.isMain) h1 {
		font-size: 42px;
	}
}

@media (max-width: 768px) {
	.hero {
		padding: 0 20px;
	}

	.projects-hero h1,
	.hero__title,
	.hero:not(.isMain) h1 {
		font-size: 40px;
	}

	.hero__btn {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 16px;
		padding: 16px 24px;
	}
}

@media (max-width: 600px) {

	.projects-hero h1,
	.hero__title,
	.hero:not(.isMain) h1 {
		font-size: 36px;
	}
}

@media (max-width: 475px) {
	.hero {
		padding: 0 10px;
	}

	.projects-hero h1,
	.hero__title,
	.hero:not(.isMain) h1 {
		font-size: 34px;
	}

	.hero__btn {
		font-size: 14px;
		padding: 14px 20px;
	}
}

@media (max-width: 360px) {

	.projects-hero h1,
	.hero__title,
	.hero:not(.isMain) h1 {
		font-size: 32px !important;
	}
}

.catalog {
	padding: 80px 16px;
	background-color: var(--white);
}

.catalog__row {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: center;
}

.card {
	width: calc((100% - 60px) / 4);

	border: 1px solid var(--blue);
	border-radius: 10px;
	background-color: var(--white);
	display: flex;
	flex-direction: column;
	justify-content: space-between;

	overflow: hidden;
	transition:
		transform 0.2s,
		box-shadow 0.2s;
	text-decoration: none;
	position: relative;
	cursor: pointer;
}

.card__link {
	color: inherit;
	text-decoration: none;
}

.card__link::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}

.card__tag-wrapper a {
	position: relative;
	z-index: 2;
}

.card:hover h3 {
	color: var(--white);
}

.card:hover .card__desc {
	color: rgba(255, 255, 255, 0.8);
}

.card:hover .card__tag-label {
	color: rgba(255, 255, 255, 0.8);
}

.card__tag-label {
	display: block;
}

.card:hover {
	transform: translateY(-10px);
	box-shadow: 0 15px 30px rgba(47, 85, 151, 0.2);
	background-color: var(--blue);
	border-color: var(--blue);
}

.card__content {
	padding: 20px 20px 0 20px;
}

.card h3 {
	color: var(--blue);
	margin-bottom: 12px;
	transition: color 0.3s;
	text-transform: uppercase;
}

.card__desc {
	color: var(--blue);
	transition: color 0.3s;
}

.card__image-wrapper {
	display: flex;
}

.card__img {
	max-width: 100%;
	height: auto;
	display: block;
}

.card--blue {
	background-color: var(--blue);
	border-color: var(--blue);
}

.card--blue h3 {
	color: var(--white);
}

.card--blue .card__desc,
.card--blue .card__tag-label {
	color: rgba(255, 255, 255, 0.7);
}

.card__tags {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 6px;
}

.brand-logo__tag {
	margin-left: 0px !important;
	transition: 0.2s all ease !important;
	height: 32px !important;
	width: 100px !important;
	object-fit: contain !important;
	max-width: 200px !important;
}

.brand-logo__tag:hover {
	transform: scale(1.1);
}

.card__tag-wrapper {
	display: flex;
	flex-direction: row;
	font-size: 20px;
	gap: 16px;
	align-items: center;
	flex-wrap: wrap;
}

.tag {
	background-color: var(--blue);
	color: var(--white);
	border-radius: 6px;
	padding: 6px 11px;
	transition: all 0.2s ease;
}

.tag--link {
	text-decoration: none;
	cursor: pointer;
	position: relative;
	z-index: 2;
}

.product-card__brand-logo {
	height: 22px;
	width: auto;
	max-width: 80px;
	object-fit: contain;
	margin-left: 8px;
	transition: filter 0.2s ease;
}

.tag--link:hover {
	opacity: 0.85;
	transform: scale(1.05);
}

.card:hover .tag {
	background-color: var(--white);
	color: var(--blue);
}

@media (max-width: 1200px) {
	.card {
		width: calc((100% - 20px) / 2);
	}
}

@media (max-width: 768px) {
	.catalog__row {
		max-width: 100%;
		justify-content: center;
	}

	.card {
		width: 100%;
		max-width: 384px;
		margin-left: auto;
		margin-right: auto;
		min-height: auto;
	}
}

@media (max-width: 1366px) {
	.catalog {
		padding: 80px 12px;
	}
}

@media (max-width: 768px) {
	.catalog {
		padding: 80px 20px;
	}
}

@media (max-width: 475px) {
	.catalog {
		padding: 80px 10px;
	}
}

.about {
	padding: 60px 16px 80px 16px;
	background-color: var(--white);
}

.about__container {
	max-width: 1600px;
	margin: 0 auto;
	position: relative;
}

.about__container::after {
	content: "";
	display: block;
	position: absolute;

	bottom: 0;
	right: 0;

	width: 225px;
	height: 225px;

	border-bottom: 2px solid var(--blue);
	border-right: 2px solid var(--blue);

	opacity: 0.4;

	pointer-events: none;
	z-index: 1;
}

.slider-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: transparent;
	border: none;
	cursor: pointer;
	padding: 10px;
	transition: opacity 0.2s;
}

.slider-arrow:hover {
	opacity: 0.7;
}

.slider-arrow--prev {
	left: 10px;
}

.slider-arrow--next {
	right: 10px;
}

.about__content {
	display: flex;
	gap: 40px;
	align-items: flex-start;
}

.about__visuals {
	flex: 2;
	display: grid;
	grid-template-columns: 4fr 1fr;
	grid-template-rows: repeat(3, 1fr);
	gap: 15px;
	aspect-ratio: 1190 / 672;
}

.about__main-wrapper {
	grid-column: 1 / 2;
	grid-row: 1 / 4;

	position: relative;
	border-radius: 16px;
	overflow: hidden;
	height: 100%;
}

.about__main-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: opacity 0.3s ease-in-out;
	cursor: default;
}

.about__thumb-wrapper {
	overflow: hidden;
	border-radius: 8px;
	cursor: pointer;
	min-height: 0;
}

/* fix for main slider */
.about__thumb-wrapper:nth-child(n + 5) {
	display: none;
}

.about__thumb {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: opacity 0.2s;
}

.about__thumb-wrapper:hover .about__thumb {
	opacity: 0.8;
}

.about__info {
	flex: 1;
}

@media (max-width: 900px) {
	.about__content {
		flex-direction: column-reverse;
	}

	.about__container::after {
		display: none;
	}

	.about__visuals {
		width: 100%;
	}

	.about__info {
		width: 100%;
	}
}

@media (max-width: 600px) {
	.about__visuals {
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: auto auto;
		aspect-ratio: auto;
	}

	.about__main-wrapper {
		grid-column: 1 / -1;
		grid-row: 1 / 2;
		aspect-ratio: 4 / 3;
		margin-bottom: 10px;
	}

	.about__thumb-wrapper {
		aspect-ratio: 1 / 1;
	}
}

.brands {
	background-color: var(--white);
	padding: 80px 16px;
}

.brands__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.brands__item {
	background-color: var(--white);
	border: 1px solid var(--light-blue);
	border-radius: 10px;

	height: 260px;

	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;

	transition: all 0.3s ease;

	cursor: pointer;
}

.brands__item:hover {
	border-color: var(--blue);
	box-shadow: 0 5px 15px rgba(0, 46, 99, 0.1);
}

.brands__logo {
	max-width: 80%;
	max-height: 80%;
	object-fit: contain;
}

@media (max-width: 1366px) {
	.brands {
		padding: 80px 12px;
	}
}

@media (max-width: 900px) {
	.brands {
		padding: 50px 12px;
	}

	.brands__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
}

@media (max-width: 768px) {
	.brands {
		padding: 50px 20px;
	}
}

@media (max-width: 600px) {
	.brands__grid {
		grid-template-columns: 1fr;
	}

	.brands__item {
		height: 140px;
	}
}

@media (max-width: 475px) {
	.brands {
		padding: 50px 10px;
	}
}

.benefits-areas {
	padding: 80px 16px;
	background-color: var(--white);
}

.benefits-areas__heading {
	text-align: center;
	margin-bottom: 40px;
}

.benefits-areas__layout {
	display: grid;
	grid-template-columns: 3fr 2fr;
	gap: 60px;
	align-items: stretch;
}

.benefits-col,
.areas-col {
	display: flex;
	flex-direction: column;
}

.benefits__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: repeat(2, 1fr);
	gap: 16px;
	flex: 1;
}

.benefits__item {
	background: var(--blue);
	border-radius: 10px;
	padding: 30px 15px 15px 15px;
	color: var(--white);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.benefits__icon {
	width: 48px;
	height: 48px;
	display: block;
	margin: 0 auto 24px;
}

.benefits__item h3 {
	margin-bottom: 10px;
}

.benefits__text {
	color: var(--white);
	opacity: 0.7;
}

.areas__list {
	display: flex;
	flex-direction: column;
	gap: 12px;
	flex: 1;
}

.areas__item {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 16px 20px;
	border: 1px solid var(--blue);
	border-radius: 10px;
	flex: 1;
}

.areas__item>img {
	flex-shrink: 0;
	width: 48px;
	height: 48px;
}

.areas__heading {
	font-family: "Inter", sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: var(--black);
	margin-bottom: 16px;
}

.areas__text {
	font-family: "Oswald", sans-serif;
	font-weight: 500;
	font-size: 15px;
	line-height: 130%;
	color: var(--black);
	text-transform: uppercase;
}

@media (max-width: 1200px) {
	.benefits-areas__layout {
		grid-template-columns: 3fr 2fr;
		gap: 40px;
	}
}

@media (max-width: 1000px) {
	.benefits-areas__layout {
		grid-template-columns: 1fr;
		gap: 40px;
	}
}

@media (max-width: 768px) {
	.benefits-areas {
		padding: 60px 20px;
	}
}

@media (max-width: 600px) {
	.benefits__grid {
		grid-template-columns: 1fr;
	}

	.benefits__item {
		padding: 20px 15px;
	}
}

@media (max-width: 475px) {
	.benefits-areas {
		padding: 50px 10px;
	}
}

.feedback {
	padding: 60px 16px 120px 16px;
	color: var(--white);
}

.feedback h2 {
	color: var(--white) !important;
}

.feedback h2::after,
.feedback h2::before {
	background-color: var(--white) !important;
}

.feedback__grid {
	display: grid;
	grid-template-columns: 6fr 6fr;
	gap: 20px;

	align-items: start;
}

.feedback__image-block {
	width: 100%;
	height: 100%;
	position: relative;
	min-height: 300px;
	max-height: 580px;
}

.feedback__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
	display: block;
}

.feedback__form {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
}

.full-width {
	grid-column: 1 / -1;
}

.form-footer {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-top: 10px;
}

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

.attachment-label {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--white);
	opacity: 0.9;
	padding-bottom: 2px;
	transition: opacity 0.2s;
	align-self: flex-start;
	width: fit-content;
}

.attachment-label:hover {
	opacity: 1;
}

.attachment-label span {
	border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
}

.attachment-label:hover span {
	border-bottom: 1px dashed rgba(255, 255, 255, 1);
}

.form-actions {
	display: flex;
	align-items: center;
	gap: 20px;
}

.ui-btn--white {
	background-color: var(--white);
	color: var(--blue);
	border: none;
	padding: 20px 32px;
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
	border-radius: 6px;
	cursor: pointer;
	transition: all 0.2s ease;
	white-space: nowrap;
}

.ui-btn--white:hover {
	background: var(--blue);
	color: var(--white);
	transform: translateY(-2px);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.policy-text {
	color: rgba(255, 255, 255, 0.7);
	max-width: 371px;
}

.policy-text a {
	color: rgba(255, 255, 255, 0.7);
	text-decoration: underline;
	transition: color 0.2s ease;
}

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

@media (max-width: 1366px) {
	.feedback {
		padding: 60px 12px 120px 12px;
	}
}

@media (max-width: 900px) {
	.feedback__grid {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.feedback__image-block {
		height: 250px;
		min-height: auto;
	}
}

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

@media (max-width: 600px) {
	.feedback {
		padding: 50px 20px;
		background: linear-gradient(180deg,
				var(--blue) 0%,
				var(--dark-bg) 100%);
	}

	.feedback__form {
		grid-template-columns: 1fr;
		gap: 15px;
	}

	.full-width {
		grid-column: auto;
	}

	.form-actions {
		flex-direction: column;
		align-items: stretch;
		text-align: center;
	}
}

@media (max-width: 475px) {
	.feedback {
		padding: 50px 10px;
	}
}

.hero--inner {
	min-height: auto;
	padding-top: 120px;
	padding-bottom: 60px;
}

.hero__content--inner {
	max-width: 1100px;
}

.projects-hero h1,
.hero__title--inner {
	margin-bottom: 24px;
	text-align: left;
	color: var(--blue);
}

.hero:not(.isMain) h1 {
	margin-bottom: 24px;
	text-align: left;
	color: var(--blue);
}

.hero__lead {
	margin-bottom: 24px;
}

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

.products {
	padding: 40px 16px 40px 16px;
	background-color: var(--white);
}

.products__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.product-card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;

	background: var(--white);
	border: 1px solid var(--blue);
	border-radius: 10px;
	padding: 20px;

	text-decoration: none;
	transition: all 0.3s ease;
	min-height: 404px;
}

.product-card:hover {
	border-color: var(--blue);
	box-shadow: var(--shadow-card);
	transform: translateY(-5px);
	background: var(--blue);
}

.product-card:hover .product-card__footer h3 {
	color: var(--white);
}

.product-card:hover .product-card__footer span {
	color: var(--white);
}

.product-card__footer h3 {
	display: flex;
}

.product-card__footer {
	text-align: center;
}

.product-card__footer span {
	display: flex;
	justify-content: center;
	color: var(--blue);
	font-weight: bold;
	text-transform: none;
}

.product-card__img-wrapper {
	flex-grow: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
}

.product-card__img {
	max-width: 100%;
	max-height: 313px;
	object-fit: contain;
}

.product-card h3 {
	text-align: center;
}

.product-card h3 {
	display: inline;
	text-transform: uppercase;
	color: var(--blue);
}

.product-ceo__text {
	margin-top: 20px;
}

.product-card__brand-row {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 8px;
}

.product-card__brand-label {
	display: inline-flex;
	align-items: center;
	font-family: "Inter", sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: var(--blue);
	white-space: nowrap;
}

.product-card__brand-logo {
	height: 22px;
	width: auto;
	max-width: 100px;
	object-fit: contain;
	margin-left: 8px;
	transition: filter 0.2s ease;
}

.product-card:hover .product-card__brand-label {
	color: rgba(255, 255, 255, 0.7);
}

.product-card:hover .product-card__brand-logo {
	filter: brightness(0) invert(1);
}

.card:hover .product-card__brand-label {
	color: rgba(255, 255, 255, 0.7);
}

.card:hover .product-card__brand-logo {
	filter: brightness(0) invert(1);
}

@media (max-width: 1200px) {

	.projects-hero h1,
	.hero__title--inner {
		font-size: 40px;
	}

	.hero:not(.isMain) h1 {
		font-size: 40px;
	}

}

@media (max-width: 900px) {
	.products__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.hero--inner {
		padding-top: 100px;
		padding-bottom: 40px;
	}
}

@media (max-width: 600px) {
	.products__grid {
		grid-template-columns: 1fr;
	}

	.projects-hero h1,
	.hero__title--inner {
		font-size: 28px;
	}

	.hero:not(.isMain) h1 {
		font-size: 28px;
	}

	.products {
		padding: 50px 20px;
	}
}

.realized-projects {
	padding: 80px 16px 120px 16px;
	background-color: var(--white);
}

.realized-projects__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
}

.realized-projects__footer {
	display: flex;
	justify-content: center;
	margin-top: 20px;
	/* margin-top: 40px; */
}

.realized-projects__btn {
	padding: 20px 97px;
}

@media (max-width: 900px) {
	.realized-projects__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 600px) {
	.realized-projects {
		padding: 50px 20px;
	}

	.realized-projects__grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 475px) {
	.realized-projects {
		padding: 50px 10px;
	}

	.realized-projects__btn {
		padding: 14px 80px;
	}
}

.product-filter {
	margin-bottom: 24px;
}

.realized-projects-products {
	padding: 0 16px 120px 16px;
}

.filter-dropdown {
	position: relative;
	display: inline-block;
}

.filter-dropdown__toggle {
	display: flex;
	align-items: center;
	gap: 10px;
	background: var(--white);
	border: 1px solid var(--black);
	border-radius: 6px;
	padding: 10px 18px;
	font-family: "Inter-Medium", sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: var(--black);
	cursor: pointer;
	min-width: 200px;
	transition:
		border-color 0.2s,
		border-radius 0.2s;
}

.filter-dropdown__toggle:hover {
	border-color: var(--blue);
}

.filter-dropdown--open .filter-dropdown__toggle {
	border-color: var(--blue);
	border-radius: 6px 6px 0 0;
}

.filter-dropdown__label {
	flex: 1;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 200px;
}

.filter-dropdown__clear {
	display: flex;
	align-items: center;
	justify-content: center;
	background: none;
	border: none;
	cursor: pointer;
	padding: 2px;
	color: var(--grey);
	flex-shrink: 0;
	transition: color 0.2s;
}

.filter-dropdown__clear:hover {
	color: var(--black);
}

.filter-dropdown__arrow {
	flex-shrink: 0;
	transition: transform 0.25s;
	color: var(--black);
}

.filter-dropdown--open .filter-dropdown__arrow {
	transform: rotate(180deg);
}

.filter-dropdown__menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: var(--white);
	border: 1px solid var(--blue);
	border-top: none;
	border-radius: 0 0 6px 6px;
	padding: 4px 0;
	z-index: 100;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.filter-dropdown--open .filter-dropdown__menu {
	display: block;
}

.filter-dropdown__option {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 18px;
	cursor: pointer;
	font-family: "Inter-Medium", sans-serif;
	font-size: 16px;
	color: var(--black);
	transition: background 0.15s;
}

.filter-dropdown__option:hover {
	background: rgba(68, 114, 196, 0.08);
}

.filter-dropdown__checkbox {
	display: none;
}

.filter-dropdown__checkmark {
	width: 18px;
	height: 18px;
	border: 2px solid var(--grey);
	border-radius: 4px;
	flex-shrink: 0;
	position: relative;
	transition:
		background 0.15s,
		border-color 0.15s;
}

.filter-dropdown__checkbox:checked+.filter-dropdown__checkmark {
	background: var(--blue);
	border-color: var(--blue);
}

.filter-dropdown__checkbox:checked+.filter-dropdown__checkmark::after {
	content: "";
	position: absolute;
	left: 5px;
	width: 5px;
	height: 10px;
	border: solid var(--white);
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.product-list {
	padding: 100px 16px 120px 16px;
	background-color: var(--white);
}

.product-list__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin-bottom: 32px;
}

.prod-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	background: var(--white);
	border: 1px solid #2f5597;
	border-radius: 10px;
	padding: 24px;
	text-decoration: none;

	min-height: 400px;
	transition: all 0.3s ease;
	cursor: pointer;
}

.prod-card__content {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	width: 100%;
}

.prod-card h3 {
	color: var(--blue);
	margin-bottom: 12px;
	text-transform: uppercase;
	transition: color 0.3s;
}

.prod-card__desc {
	color: var(--blue);
	margin-bottom: 20px;
	transition: color 0.3s;
}

.prod-card__article {
	color: var(--grey);
	margin-bottom: 8px;
	transition: color 0.3s;
}

.prod-card__bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: auto;
	gap: 12px;
}

.prod-card__price {
	font-weight: 700;
	color: var(--blue);
	transition: color 0.3s;
	margin-top: auto;
}

.prod-card__brand-logo {
	height: 16px;
	width: auto;
	opacity: 0.7;
	transition: filter 0.3s;
}

.prod-card:hover .prod-card__brand-logo {
	filter: brightness(0) invert(1);
}

.prod-card:hover .prod-card__article {
	color: var(--white);
}

.prod-card__img-wrap {
	/* margin-top: 20px; */
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	/* flex-shrink: 0; */
	aspect-ratio: 1/1;
	width: 100%;
	height: 100%;
	max-height: 300px;
	margin-bottom: 20px;
}

.prod-card__img {
	/* width: 345px; */
	/* max-width: 100%; */
	/* height: auto; */
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.prod-card:hover {
	background-color: var(--blue);
	border-color: var(--blue);
	box-shadow: 0px 10px 30px rgba(47, 85, 151, 0.3);
	transform: translateY(-5px);
}

.prod-card:hover .prod-card h3,
.prod-card:hover .prod-card__desc,
.prod-card:hover .prod-card__price {
	color: var(--white);
}

.prod-card:hover h3 {
	color: var(--white);
}

@media (max-width: 1200px) {
	.product-list__grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 900px) {
	.product-list__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.product-list {
		padding: 80px 12px 100px 12px;
	}
}

@media (max-width: 600px) {
	.product-list {
		padding: 50px 20px;
	}

	.realized-projects-products {
		padding: 50px 20px;
	}

	.product-list__grid {
		grid-template-columns: 1fr;
		gap: 15px;
	}

	.prod-card {
		flex-direction: row;
		align-items: center;
		min-height: auto;
		padding: 16px;
		height: auto;
	}

	.prod-card__img-wrap {
		margin-top: 0;
		margin-bottom: 0;
		width: 100px;
		height: 100px;
		flex-shrink: 0;
		justify-content: center;
		align-items: center;
		order: 2;
	}

	.prod-card__content {
		flex: 1;
		padding-right: 15px;
		align-items: flex-start;
		order: 1;
	}

	.prod-card h3 {
		margin-bottom: 8px;
	}

	.prod-card__desc {
		margin-bottom: 12px;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.prod-card__price {
		margin-top: 0;
	}

	.prod-card__img {
		max-height: 100%;
		max-width: 100%;
	}
}

.pd-breadcrumbs-section {
	background: var(--white);
	padding: 100px 16px 0 16px;
}

.pd-breadcrumbs-container {
	padding-top: 6px;
}

.pd-breadcrumbs {
	margin-bottom: 24px !important;
}

.breadcrumbs--dark .breadcrumbs__link {
	color: var(--light-blue);
	text-decoration: none;
}

.breadcrumbs--dark .breadcrumbs__current {
	color: var(--grey);
}

.breadcrumbs--dark>*:not(:last-child)::after {
	background-color: var(--light-blue) !important;
}

.pd-hero {
	background: var(--white);
	/* padding: 8px 16px 80px 16px; */
	padding: 8px 16px 40px 16px;
}

.pd-hero h1 {
	color: var(--blue);
	margin-bottom: 44px;
}

.pd-hero__meta {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 10px;
	flex-wrap: wrap;
}

.pd-hero__article {
	font-family: "Inter-Medium", sans-serif;
	font-size: 14px;
	color: var(--grey);
}

.pd-hero__brand {
	cursor: pointer;
	text-decoration: none;
	font-family: "Inter-Medium", sans-serif;
	font-size: 14px;
	color: var(--grey);
	display: flex;
	align-items: center;
	gap: 6px;
}

.pd-hero__brand-logo {
	height: 18px;
	width: auto;
}

.pd-hero__grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 40px;
	align-items: start;
}

.pd-hero__mobile-price {
	display: none;
}

.pd-hero__meta--mobile {
	display: none;
}

.pd-gallery__main {
	width: 100%;
	aspect-ratio: 1/1;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-radius: 6px;
	margin-bottom: 16px;
	position: relative;
}

.pd-gallery__main.only-one {
	margin-bottom: 0;
}

.pd-gallery__arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	/* background: rgba(255, 255, 255, 0.85); */
	/* border: 1px solid var(--light-grey); */
	border: 1.5px solid var(--blue);
	background: var(--white);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	/* color: var(--blue); */
	color: var(--blue);
	opacity: 0;
	transition:
		opacity 0.25s,
		background 0.2s;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.pd-gallery__main:hover .pd-gallery__arrow {
	opacity: 1;
}

.pd-gallery__arrow:hover {
	/* background: var(--white); */
	background: var(--blue);
	color: var(--white);
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.18);
}

.pd-gallery__arrow--prev {
	left: 12px;
}

.pd-gallery__arrow--next {
	right: 12px;
}

.pd-gallery__img {
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* object-fit: contain; */
	cursor: pointer;
	transition: opacity 0.2s;
}

.pd-gallery__img:hover {
	opacity: 0.8;
}

.pd-gallery__video-btn {
	position: absolute;
	bottom: 16px;
	right: 16px;
	z-index: 3;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 16px;
	background: rgba(47, 85, 151, 0.85);
	color: var(--white);
	border-radius: 8px;
	text-decoration: none;
	font-family: "Inter-Medium", sans-serif;
	font-size: 14px;
	font-weight: 500;
	transition: background 0.2s;
	backdrop-filter: blur(4px);
}

.pd-gallery__video-btn:hover {
	background: rgba(47, 85, 151, 1);
}

.pd-gallery__thumbs {
	display: flex;
	gap: 12px;
	margin-bottom: 12px;
}

.pd-gallery__thumb {
	width: 80px;
	height: 60px;
	border: 2px solid var(--light-grey);
	border-radius: 4px;
	overflow: hidden;
	cursor: pointer;
	padding: 4px;
	background: var(--white);
	transition: border-color 0.2s;
}

.pd-gallery__thumb--active,
.pd-gallery__thumb:hover {
	border-color: var(--blue);
}

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

.pd-gallery__dots {
	display: none !important;
}

.pd-sidebar__section-gallery {
	margin-top: 16px;
}

.pd-sidebar__section-gallery .pd-sidebar__section-header {
	cursor: default !important;
}

.pd-sidebar__section-gallery .pd-sidebar__gabarits-img {
	max-width: 100%;
	max-height: 500px;
}


.pd-hero__specs h3 {
	color: var(--blue);
	margin-bottom: 16px;
	text-transform: uppercase;
}

.pd-specs__list {
	width: 100%;
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid var(--subtle-border);
}

.pd-specs__table {
	width: 100%;
	border-collapse: collapse;
}

.pd-specs__table tr {
	border-bottom: 1px solid var(--light-grey);
}

.pd-specs__table td {
	padding: 10px 0;
	font-family: "Inter-Medium", sans-serif;
	font-size: 16px;
	line-height: 140%;
	color: var(--black);
}

.pd-specs__table td:first-child {
	color: var(--grey);
}

.pd-specs__table td:last-child {
	text-align: right;
	font-weight: 500;
}

.pd-specs__link {
	display: inline-block;
	margin-top: 16px;
	color: var(--blue);
	font-weight: 700;
	cursor: pointer;
	line-height: 140%;
	text-decoration: none;
	transition: opacity 0.2s;
}

.pd-specs__link:hover {
	color: #0f3d8d;
}

@media (max-width: 1440px) {
	.pd-hero__grid {
		gap: 24px;
	}

	.pd-specs__list .specs-label,
	.pd-specs__list .specs-value {
		font-size: 16px;
	}
}

@media (max-width: 1200px) {
	.pd-hero__grid {
		grid-template-columns: 1fr 1fr;
		gap: 24px;
	}

	.pd-hero__gallery {
		grid-column: 1 / 2;
		grid-row: 1 / 2;
	}

	.pd-hero__specs {
		grid-column: 2 / 3;
		grid-row: 1 / 2;
	}

	.pd-hero__sidebar {
		grid-column: 1 / -1;
	}
}

@media (max-width: 1000px) {

	.pd-specs__list .specs-label,
	.pd-specs__list .specs-value {
		font-size: 14px;
	}
}

@media (max-width: 768px) {
	.pd-breadcrumbs-section {
		padding: 90px 20px 0 20px;
	}

	.pd-hero {
		padding: 6px 20px 40px 20px;
	}

	.pd-hero h1 {
		margin-bottom: 8px;
	}

	.pd-hero__meta {
		margin-bottom: 16px;
	}

	.pd-gallery__main {
		aspect-ratio: 4/3;
	}

	.pd-hero__grid {
		grid-template-columns: 1fr;
	}

	.pd-hero__gallery {
		grid-column: auto;
		grid-row: auto;
	}

	.pd-hero__specs {
		grid-column: auto;
		grid-row: auto;
	}

	.pd-hero__meta--mobile {
		display: flex;
		margin-bottom: 12px;
	}

	.pd-hero__mobile-price {
		display: block;
		background: var(--blue-012);
		border-radius: 12px;
		padding: 16px;
	}

	.pd-hero__sidebar {
		display: none;
	}

	.pd-sidebar__section-gallery {
		display: none;
	}

	.pd-gallery__thumbs {
		display: none;
	}

	.pd-gallery__dots {
		display: flex !important;
		justify-content: center;
	}

	.pd-mobile-price__price-row {
		display: flex;
		align-items: flex-start;
		gap: 6px;
		margin-bottom: 16px;
	}

	.pd-mobile-price__value {
		font-weight: 700;
		color: var(--blue);
		font-size: 28px;
	}

	.pd-mobile-price__tooltip {
		width: 260px;
	}

	.pd-mobile-price__btn {
		width: 100%;
		padding: 16px 24px;
		margin-bottom: 10px;
	}

	.pd-mobile-price__btn:last-child {
		margin-bottom: 0;
	}
}

@media (max-width: 600px) {
	.pd-breadcrumbs-section {
		padding: 90px 20px 0 20px;
	}

	.pd-hero {
		padding: 6px 20px 30px 20px;
	}

	.pd-hero h1 {
		font-size: 28px;
		margin-bottom: 20px;
	}

	.pd-mobile-price__value {
		font-size: 24px;
	}
}

@media (max-width: 475px) {
	.pd-breadcrumbs-section {
		padding: 90px 10px 0 10px;
	}

	.pd-hero {
		padding: 6px 10px 24px 10px;
	}

	.pd-gallery__main {
		aspect-ratio: 3/2;
	}
}

.pd-sidebar__price-block {
	background-color: var(--blue-012);
	border-radius: 12px;
	padding: 16px;
	margin-bottom: 32px;
}

.pd-sidebar__price-row {
	display: flex;
	align-items: flex-start;
	gap: 6px;
	margin-bottom: 24px;
}

.pd-sidebar__price {
	font-family: "Oswald", sans-serif;
	font-weight: 700;
	color: var(--blue);
	font-size: 32px;
	line-height: 1.2;
}

.pd-sidebar__tooltip {
	width: 280px;
}

.pd-sidebar__actions {
	display: flex;
	gap: 16px;
}

.pd-sidebar__btn {
	flex: 1;
	padding: 20px 16px;
	font-size: 16px;
	white-space: nowrap;
	letter-spacing: var(--ls-btn);
	transition:
		transform 0.2s ease,
		box-shadow 0.2s ease;
}

.pd-sidebar__btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(47, 85, 151, 0.3);
}

.pd-sidebar__warranty {
	margin-bottom: 32px;
}

.pd-sidebar__warranty h3 {
	color: var(--blue);
	text-transform: uppercase;
	margin-bottom: 16px;
}

.pd-sidebar__warranty-period {
	font-weight: 400;
}

.pd-sidebar__warranty-text {
	color: var(--black);
	font-size: 18px;
	letter-spacing: var(--ls-tight);
	line-height: 140%;
	margin-bottom: 16px;
}

.pd-sidebar__warranty-link {
	color: var(--blue);
	font-family: "Inter-Bold", sans-serif;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: var(--ls-tight);
	text-decoration: none;
	transition: opacity 0.2s;
}

.pd-sidebar__warranty-link:hover {
	opacity: 0.7;
}

.pd-sidebar__section {
	margin-bottom: 16px;
}

.pd-sidebar__section-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 16px;
}

.pd-sidebar__section h3 {
	color: var(--blue);
	text-transform: uppercase;
}

.pd-sidebar__toggle {
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: none;
	border: none;
	cursor: pointer;
	color: var(--grey);
	transition:
		transform 0.3s,
		color 0.2s;
}

.pd-sidebar__toggle:hover {
	color: var(--blue);
}

.pd-sidebar__toggle--collapsed {
	transform: rotate(45deg);
}

.pd-sidebar__section-body {
	overflow: hidden;
	transition: max-height 0.3s ease;
}

.pd-sidebar__section-body--hidden {
	max-height: 0 !important;
	overflow: hidden;
}

.pd-sidebar__gabarits-img {
	max-width: 179px;
	height: auto;
	border-radius: 4px;
	object-fit: cover;
	cursor: pointer;
	transition: opacity 0.2s;
}

.pd-sidebar__gabarits-img:hover {
	opacity: 0.8;
}

.pd-file-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 10px 0 4px 0;
	text-decoration: none;
	color: var(--blue);
	font-family: "Inter-Medium", sans-serif;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: var(--ls-tight);
	transition: color 0.2s;
	border-bottom: 1px solid var(--light-grey);
}

.pd-file-link:last-child {
	border-bottom: none;
}

.pd-file-link:hover {
	opacity: 0.7;
}

.pd-file-link span {
	flex: 1;
}

.pd-file-link__arrow {
	flex-shrink: 0;
}

@media (max-width: 1440px) {
	.pd-sidebar__btn {
		font-size: 13px;
		padding: 16px 8px;
	}
}

.pd-lightbox__overlay {
	background: rgba(0, 0, 0, 0.7);
}

.pd-lightbox__content {
	position: relative;
	z-index: 1;
	max-width: 90vw;
	max-height: 90vh;
}

.pd-lightbox__img {
	max-width: 90vw;
	max-height: 85vh;
	object-fit: contain;
	border-radius: 8px;
	background: var(--white);
}

.pd-lightbox__close {
	position: absolute;
	top: -40px;
	right: 0;
	color: var(--white);
}

.pd-form-modal__overlay {
	background: rgba(0, 0, 0, 0.6);
}

.pd-form-modal__panel {
	position: relative;
	z-index: 1;
	background: linear-gradient(180deg, var(--blue) 0%, #1a3058 100%);
	border-radius: 16px;
	padding: 48px 16px;
	width: 480px;
	max-width: 90vw;
	max-height: 90vh;
	overflow-y: auto;
	color: var(--white);
}

.pd-form-modal__close {
	position: absolute;
	top: 16px;
	right: 16px;
	color: var(--white);
}

.pd-form-modal h2 {
	font-family: "Oswald", sans-serif;
	text-align: center;
	font-size: 28px;
	font-weight: 700;
	color: var(--white);
	margin-bottom: 12px;
	display: inherit;
}

.pd-form-modal h2::after,
.pd-form-modal h2::before {
	display: none;
}

.pd-form-modal__subtitle {
	color: rgba(255, 255, 255, 0.8);
	margin-bottom: 28px;
	line-height: 150%;
	text-align: center;
}

.pd-form-modal__form {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.pd-form-modal__form .form-control {
	width: 100%;
	font-size: 18px;
}

.pd-form-modal__submit {
	width: 100%;
	margin-top: 8px;
}

.pd-form-modal__policy {
	color: rgba(255, 255, 255, 0.6);
	text-align: center;
	line-height: 140%;
}

.pd-form-modal__policy a {
	color: rgba(255, 255, 255, 0.6);
	text-decoration: underline;
}

.pd-specs-modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}

.pd-specs-modal--open {
	display: flex;
}

.pd-specs-modal__overlay {
	background: rgba(0, 0, 0, 0.5);
}

.pd-specs-modal__panel {
	position: absolute;
	top: 0;
	right: 0;
	width: 644px;
	max-width: 100%;
	height: 100%;
	background: var(--white);
	display: flex;
	flex-direction: column;
	transform: translateX(100%);
	transition: transform 0.3s ease;
}

.pd-specs-modal--open .pd-specs-modal__panel {
	transform: translateX(0);
}

.pd-specs-modal__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 24px 20px;
	flex-shrink: 0;
}

.pd-specs-modal h2 {
	color: var(--blue);
	font-size: 24px;
	text-transform: uppercase;
	margin-bottom: 0;
}

.pd-specs-modal h2::after,
.pd-specs-modal h2::before {
	display: none;
}

.pd-specs-modal__close {
	color: var(--blue);
	transition: color 0.2s;
	outline: none;
	background: transparent;
	border: none;
	cursor: pointer;
}

.pd-specs-modal__body {
	flex: 1;
	overflow-y: auto;
	padding: 0 20px;
}

.pd-specs-modal__section {
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid var(--subtle-border);
}

.pd-specs-modal__group-header {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px;
	background-color: var(--light-grey);
}

.pd-specs-modal__group-title {
	font-family: "Inter-Medium", sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 140%;
	letter-spacing: var(--ls-tight);
	color: var(--grey);
}

.pd-specs-modal__row {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px;
}

.pd-specs-modal__row--odd {
	background-color: var(--subtle-border);
}

.pd-specs-modal__row:not(.pd-specs-modal__row--odd) .specs-sep {
	background-color: var(--white);
}

.pd-specs-modal__footer {
	padding: 16px 20px;
	border-top: 1px solid var(--light-grey);
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.pd-specs-modal__footer-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.pd-specs-modal__price {
	font-family: "Oswald", sans-serif;
	font-weight: 700;
	color: var(--blue);
	font-size: 32px;
	line-height: 1.2;
	white-space: nowrap;
}

.pd-specs-modal__footer-actions {
	display: flex;
	gap: 16px;
}

.pd-specs-modal__action-btn {
	padding: 20px 32px;
	font-size: 16px;
	letter-spacing: var(--ls-btn);
	white-space: nowrap;
}

.pd-specs-modal__footer-note {
	color: var(--grey);
	letter-spacing: var(--ls-btn);
	line-height: 140%;
}

@media (max-width: 1440px) {
	.pd-specs-modal__footer-actions {
		flex-direction: column;
		gap: 10px;
	}

	.pd-specs-modal__action-btn {
		padding: 16px 24px;
	}
}

@media (max-width: 768px) {
	.pd-specs-modal__panel {
		width: 100%;
	}

	.pd-specs-modal__footer-top {
		flex-direction: column;
		gap: 12px;
	}

	.pd-specs-modal__footer-actions {
		width: 100%;
	}

	.pd-specs-modal__action-btn {
		flex: 1;
		padding: 16px 12px;
		font-size: 14px;
	}

	.pd-specs-modal .specs-label,
	.pd-specs-modal .specs-value {
		font-size: 16px;
	}
}

@media (max-width: 600px) {
	.pd-form-modal__panel {
		padding: 32px 20px;
		width: 100%;
		margin: 0 10px;
	}

	.pd-form-modal h2 {
		font-size: 24px;
	}
}

.pd-mobile-tabs {
	display: none;
}

.pd-mobile-tabs__nav {
	display: flex;
	gap: 0;
	border-bottom: 2px solid var(--light-grey);
	margin-bottom: 24px;
	-webkit-overflow-scrolling: touch;
}

.pd-mobile-tabs__btn {
	font-family: "Inter-Medium", sans-serif;
	font-weight: 500;
	font-size: 16px;
	padding: 12px 16px;
	background: none;
	border: none;
	border-bottom: 2px solid transparent;
	margin-bottom: -2px;
	cursor: pointer;
	color: var(--grey);
	transition:
		color 0.2s,
		border-color 0.2s;
	white-space: nowrap;
}

.pd-mobile-tabs__btn:hover {
	color: var(--blue);
}

.pd-mobile-tabs__btn--active {
	color: var(--blue);
	border-bottom-color: var(--blue);
}

.pd-mobile-tabs__content {
	display: none;
}

.pd-mobile-tabs__content--active {
	display: block;
}

.pd-mobile-tabs__text {
	color: var(--black);
	line-height: 170%;
	margin-bottom: 16px;
}

.pd-info {
	background: var(--white);
	padding: 40px 16px 100px 16px;
}

.pd-info__container {
	padding-top: 0;
}

.pd-info__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
}


.pd-engineering-mobile h2,
.pd-info h2 {
	color: var(--blue);
	text-transform: uppercase;
	margin-bottom: 16px;
	justify-content: left;
	text-align: inherit;
	align-items: inherit;
}

.pd-engineering-mobile h2::before,
.pd-engineering-mobile h2::after,
.pd-info h2::before,
.pd-info h2::after {
	display: none;
}

.pd-info__text {
	color: var(--black);
	font-size: 18px;
	letter-spacing: var(--ls-tight);
	line-height: 140%;
	margin-bottom: 16px;
}

.pd-info__text--intro {
	margin-bottom: 16px;
}

.pd-engineering__list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.pd-engineering__item {
	display: flex;
	align-items: center;
	gap: 12px;
}

.pd-engineering__item svg {
	flex-shrink: 0;
	width: 24px;
	height: 24px;
}

.pd-engineering__item span {
	color: var(--black);
	font-size: 18px;
	letter-spacing: var(--ls-tight);
	line-height: 140%;
}

.pd-engineering-mobile {
	display: none;
}

.pd-related {
	background: var(--white);
	padding: 80px 16px 120px 16px;
}

.pd-related__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

@media (max-width: 1200px) {
	.pd-related__grid {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media (max-width: 1000px) {
	.pd-related__grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 768px) {
	.pd-mobile-tabs {
		display: block;
		background: var(--white);
		padding: 0 20px 40px 20px;
	}

	.pd-info {
		display: none;
	}

	.pd-engineering-mobile {
		display: block;
		background: var(--white);
		padding: 0 20px 40px 20px;
	}

	.pd-engineering-mobile__container {
		padding-top: 30px;
		border-top: 1px solid var(--light-grey);
	}

	.pd-related {
		padding: 40px 20px 80px 20px;
	}

	.pd-related__grid {
		grid-template-columns: repeat(1, 1fr);
		gap: 15px;
	}

	.pd-info__grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}
}

@media (max-width: 600px) {
	.pd-mobile-tabs__btn {
		font-size: 14px;
		padding: 10px 12px;
	}

	.pd-related {
		padding: 30px 20px 50px 20px;
	}
}

@media (max-width: 475px) {
	.pd-mobile-tabs {
		padding: 0 10px 30px 10px;
	}

	.pd-engineering-mobile {
		padding: 0 10px 30px 10px;
	}

	.pd-related {
		padding: 24px 10px 40px 10px;
	}
}

.projects-hero {
	background: var(--white);
	padding: 100px 16px 0 16px;
}

.projects-page {
	padding: 25px 16px 120px 16px;
	background-color: var(--white);
}

.projects-page__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	margin-bottom: 40px;
}

.pj-breadcrumbs {
	margin-bottom: 78px !important;
}

@media (max-width: 900px) {
	.projects-page__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.projects-hero {
		padding: 90px 20px 0 20px;
	}

	.projects-page {
		padding: 20px 20px 80px 20px;
	}
}

@media (max-width: 600px) {
	.projects-page {
		padding: 20px 20px 50px 20px;
	}

	.projects-page__grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 475px) {
	.projects-hero {
		padding: 90px 10px 0 10px;
	}

	.projects-page {
		padding: 20px 10px 50px 10px;
	}
}

.project-detail-hero {
	background: var(--white);
	padding: 100px 16px 0 16px;
}

.project-detail {
	padding: 25px 16px 120px 16px;
	background-color: var(--white);
}

.project-detail__header {
	margin-bottom: 40px;
}

.project-detail h1 {
	color: var(--blue);
	margin-bottom: 16px;
}

.project-detail__tags {
	display: flex;
	gap: 12px;
}

.project-detail__tag {
	padding: 6px 16px;
	border-radius: 30px;
	font-family: "Inter", sans-serif;
	font-size: 14px;
	color: var(--white);
	background-color: var(--blue);
}

.project-detail__gallery {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	margin-bottom: 40px;
}

.project-detail__gallery-img {
	width: 100%;
	height: 400px;
	object-fit: cover;
	border-radius: 10px;
	display: block;
	cursor: pointer;
	transition: opacity 0.2s;
}

.project-detail__gallery-img:hover {
	opacity: 0.8;
}

.project-detail__body {
	max-width: 100%;
	margin-bottom: 40px;
}

.project-detail__desc {
	font-family: "Inter", sans-serif;
	font-size: 18px;
	line-height: 180%;
	color: var(--black);
}

.project-detail__back {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-family: "Inter", sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: var(--blue);
	text-decoration: none;
	transition: all 0.2s ease;
}

.project-detail__back:hover {
	color: var(--light-blue);
}

@media (max-width: 900px) {
	.project-detail__gallery {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.project-detail-hero {
		padding: 90px 20px 0 20px;
	}

	.project-detail {
		padding: 20px 20px 80px 20px;
	}

	.project-detail h1,
	.project-detail__title {
		font-size: 24px;
	}
}

@media (max-width: 600px) {
	.project-detail__gallery {
		grid-template-columns: 1fr;
	}

	.project-detail__gallery-img {
		height: 255px;
	}

	.project-detail {
		padding: 20px 20px 50px 20px;
	}
}

@media (max-width: 475px) {
	.project-detail-hero {
		padding: 90px 10px 0 10px;
	}

	.project-detail {
		padding: 20px 10px 50px 10px;
	}
}

.contacts-hero {
	background: var(--white);
	padding: 100px 16px 0 16px;
}

.contacts-hero__container {
	padding-top: 12px;
}

.contacts-hero h1 {
	color: var(--blue);
	margin-top: 16px;
	margin-bottom: 0;
}

.contacts-breadcrumbs {
	margin-bottom: 38px !important;
}

.contacts-info {
	background: var(--white);
	padding: 40px 16px 60px 16px;
}

.contacts-info__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 32px;
}

.contacts-info__block {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.contacts-info__label {
	font-family: "Oswald", sans-serif;
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: var(--grey);
}

.contacts-info__value {
	font-family: "Inter-Medium", sans-serif;
	font-weight: 500;
	font-size: 20px;
	line-height: 140%;
	letter-spacing: var(--ls-tight);
	color: var(--black);
	margin: 0;
}

.contacts-info__link {
	text-decoration: none;
	color: var(--blue);
	transition: opacity 0.2s;
}

.contacts-info__link:hover {
	opacity: 0.7;
}

.contacts-map {
	background: var(--white);
	padding: 0 16px 80px 16px;
}

.contacts-map__wrapper {
	border-radius: 12px;
	overflow: hidden;
	height: 450px;
	background: var(--light-grey);
}

.contacts-map__wrapper iframe {
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
}

@media (max-width: 1000px) {
	.contacts-info__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 24px;
	}
}

@media (max-width: 768px) {
	.contacts-hero {
		padding: 90px 20px 0 20px;
	}

	.contacts-info {
		padding: 32px 20px 40px 20px;
	}

	.contacts-map {
		padding: 0 20px 60px 20px;
	}

	.contacts-map__wrapper {
		height: 350px;
	}
}

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

	.contacts-info__value {
		font-size: 18px;
	}

	.contacts-map__wrapper {
		height: 300px;
	}
}

@media (max-width: 475px) {
	.contacts-hero {
		padding: 90px 10px 0 10px;
	}

	.contacts-info {
		padding: 24px 10px 30px 10px;
	}

	.contacts-map {
		padding: 0 10px 40px 10px;
	}
}

.production-hero {
	background: var(--white);
	padding: 100px 16px 0 16px;
}

.production-hero__container {
	padding-top: 12px;
}

.production-hero h1,
.production-hero__title {
	color: var(--blue);
	margin-top: 16px;
	margin-bottom: 0;
}

.production-breadcrumbs {
	margin-bottom: 38px !important;
}

.production-intro {
	background: var(--white);
	padding: 40px 16px 60px 16px;
}

.production-intro__text-block {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.production-intro__text {
	color: var(--black);
	letter-spacing: var(--ls-tight);
}

.production-intro__link {
	color: var(--blue);
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
	transition: opacity 0.2s;
}

.production-intro__link:hover {
	opacity: 0.7;
}

.production-intro__link strong {
	font-family: "Inter-SemiBold", sans-serif;
	font-weight: 600;
}

.production-about {
	background: var(--white);
	padding: 0 16px 80px 16px;
}

.production-about__text {
	color: var(--black);
	letter-spacing: var(--ls-tight);
	margin-top: 24px;
}

.production-slider {
	position: relative;
	margin-top: 40px;
}

.production-slider__track {
	display: flex;
	gap: 20px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	padding: 0;
}

.production-slider__track::-webkit-scrollbar {
	display: none;
}

.production-slider__slide {
	flex: 0 0 auto;
	width: 520px;
	border-radius: 16px;
	overflow: hidden;
	scroll-snap-align: start;
	aspect-ratio: 4 / 3;
	/* aspect-ratio: 16 / 10; */
}

.production-slider__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	cursor: pointer;
	transition: opacity 0.2s;
}

.production-slider__img:hover {
	opacity: 0.8;
}

/* .production-slider__arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	border: 2px solid var(--white);
	background: rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(4px);
	color: var(--white);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition:
		background 0.2s,
		border-color 0.2s,
		opacity 0.2s;
} */

/* .production-slider__arrow--prev {
	left: 16px;
} */

/* .production-slider__arrow--next {
	right: 16px;
} */

/* .production-slider__arrow:hover:not(:disabled) {
	background: rgba(255, 255, 255, 0.4);
} */

/* .production-slider__arrow:disabled {
	opacity: 0.3;
	cursor: default;
} */

.production-slider__arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	border: 1.5px solid var(--blue);
	background: var(--white);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--blue);
	transition: all 0.2s ease;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.production-slider__arrow--prev {
	/* left: 16px; */
	left: 0;
	transform: translate(-50%, -50%);
}

.production-slider__arrow--next {
	/* right: 16px; */
	right: 0;
	transform: translate(50%, -50%);
}

@media (min-width: 768px) and (max-width: 1680px) {
	.production-slider__arrow--prev {
		left: 12px;
	}

	.production-slider__arrow--next {
		right: 12px;
	}
}

.production-slider__arrow:hover {
	background: var(--blue);
	color: var(--white);
}

.production-slider__arrow:hover:not(:disabled) {
	background: var(--blue);
	color: var(--white);
}

.production-slider__arrow:disabled {
	opacity: 0.3;
	cursor: not-allowed;
}

.production-slider__arrow:disabled:hover {
	background: var(--white);
	color: var(--blue);
}

.production-slider__arrow svg {
	width: 10px;
	height: 16px;
	stroke-width: 2;
}

@media (max-width: 1366px) {
	.production-slider__slide {
		width: 440px;
	}
}

@media (max-width: 1000px) {
	.production-slider__slide {
		width: 380px;
	}
}

@media (max-width: 768px) {
	.production-hero {
		padding: 90px 20px 0 20px;
	}

	.production-intro {
		padding: 32px 20px 48px 20px;
	}

	.production-about {
		padding: 0 20px 40px 20px;
	}

	.production-about {
		padding-bottom: 60px;
	}

	.production-slider__track {
		gap: 14px;
	}

	.production-slider__slide {
		width: 320px;
	}
}

@media (max-width: 600px) {
	.production-slider__slide {
		width: 280px;
	}
}

@media (max-width: 475px) {
	.production-hero {
		padding: 90px 10px 0 10px;
	}

	.production-intro {
		padding: 24px 10px 40px 10px;
	}

	.production-about {
		padding-bottom: 48px;
	}

	.production-slider__track {
		gap: 10px;
	}

	.production-slider__slide {
		width: 260px;
	}

	.production-slider__arrow {
		width: 40px;
		height: 40px;
	}
}

.warranty-hero {
	background: var(--white);
	padding: 100px 16px 0 16px;
}

.warranty-hero__container {
	padding-top: 12px;
	padding-bottom: 60px;
}

.policy-hero h1 {
	color: var(--blue);
	margin-top: 16px;
	margin-bottom: 24px;
	margin-top: 90px;
}

.warranty-breadcrumbs {
	margin-bottom: 38px !important;
}

.warranty-hero__text {
	color: var(--black);
	letter-spacing: var(--ls-tight);
}

.warranty-products {
	background: var(--white);
	padding: 0 16px 80px 16px;
}

.warranty-products__subtitle {
	color: var(--blue);
	letter-spacing: var(--ls-tight);
	margin-bottom: 32px;
}

.warranty-limitations {
	padding: 60px 16px;
}

.warranty-limitations__container {
	margin: 0 auto;
}

.warranty-limitations__list {
	list-style: none;
	padding: 0;
	margin: 32px 0 0 0;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.warranty-limitations__item {
	display: flex;
	align-items: center;
	gap: 14px;
	color: var(--black);
	letter-spacing: var(--ls-tight);
	background: var(--white);
	padding: 20px 24px;
	border: 1px solid var(--blue);
	border-radius: 10px;
	transition: all 0.3s ease;
	box-shadow: 0 2px 8px rgba(47, 85, 151, 0.06);
}

.warranty-limitations__icon {
	flex-shrink: 0;
	display: flex;
	align-items: center;
}

.warranty-claim {
	background: var(--white);
	padding: 60px 16px;
}

.warranty-claim__container {
	margin: 0 auto;
}

.warranty-claim__intro {
	color: var(--black);
	letter-spacing: var(--ls-tight);
	margin-top: 32px;
}

.warranty-claim__list {
	list-style: none;
	padding: 0;
	margin: 20px 0;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.warranty-claim__item {
	display: flex;
	align-items: center;
	gap: 16px;
	color: var(--black);
	letter-spacing: var(--ls-tight);
}

.warranty-claim__num {
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	background: var(--blue);
	color: var(--white);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "Inter-Medium", sans-serif;
	font-weight: 500;
	font-size: 15px;
	margin-top: 2px;
}

.warranty-claim__outro {
	color: var(--black);
	letter-spacing: var(--ls-tight);
	margin-bottom: 32px;
}

.warranty-claim__btn {
	display: inline-flex;
	letter-spacing: var(--ls-btn);
}

.warranty-service-contacts {
	padding: 60px 16px 80px 16px;
}

.warranty-service-contacts__container {
	margin: 0 auto;
}

.warranty-service-contacts__grid {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 40px;
	margin-top: 40px;
}

.warranty-service-contacts__block {
	display: flex;
	flex-direction: column;
	gap: 8px;
	background: var(--white);
}

.warranty-service-contacts__label {
	font-family: "Oswald", sans-serif;
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: var(--grey);
}

.warranty-service-contacts__value {
	font-family: "Inter-Medium", sans-serif;
	font-weight: 500;
	font-size: 20px;
	line-height: 140%;
	letter-spacing: var(--ls-tight);
	color: var(--black);
	margin: 0;
}

.warranty-service-contacts__link {
	text-decoration: none;
	color: var(--blue);
	transition: opacity 0.2s;
}

.warranty-service-contacts__link:hover {
	opacity: 0.7;
}

.warranty-service-contacts__hint {
	font-family: "Inter", sans-serif;
	font-size: 13px;
	color: var(--grey);
	line-height: 1.5;
	letter-spacing: var(--ls-tight);
	margin-top: 4px;
}

.warranty-form-section {
	padding: 60px 16px 80px 16px;
	color: var(--white);
}

.warranty-form__form {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
}

.dropzone {
	border: 2px dashed rgba(255, 255, 255, 0.35);
	border-radius: 10px;
	padding: 32px 24px;
	text-align: center;
	cursor: pointer;
	transition:
		border-color 0.2s,
		background 0.2s;
}

.dropzone:hover,
.dropzone--active {
	border-color: rgba(255, 255, 255, 0.75);
	background: rgba(255, 255, 255, 0.06);
}

.dropzone__content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}

.dropzone__icon {
	color: var(--white);
	opacity: 0.65;
}

.dropzone__text {
	color: var(--white);
	opacity: 0.85;
	letter-spacing: var(--ls-tight);
}

.dropzone__link {
	text-decoration: underline dashed;
	cursor: pointer;
	text-underline-offset: 3px;
}

.dropzone__hint {
	color: rgba(255, 255, 255, 0.55);
	letter-spacing: var(--ls-tight);
}

.dropzone__files {
	margin-top: 16px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	text-align: left;
}

.dropzone__file-item {
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--white);
	opacity: 0.9;
	font-family: "Inter-Medium", sans-serif;
	font-size: 15px;
}

.dropzone__file-item svg {
	flex-shrink: 0;
}

@media (max-width: 1366px) {
	.warranty-limitations {
		padding: 60px 12px;
	}

	.warranty-claim {
		padding: 60px 12px;
	}

	.warranty-service-contacts {
		padding: 60px 30px 80px;
	}

	.warranty-form-section {
		padding: 60px 30px 80px;
	}
}

@media (max-width: 1000px) {
	.warranty-service-contacts__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 24px;
	}

	.warranty-form__form {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.warranty-form__form .full-width {
		grid-column: auto;
	}
}

@media (max-width: 768px) {
	.warranty-hero {
		padding: 90px 20px 0 20px;
	}

	.warranty-hero__container {
		padding-bottom: 40px;
	}

	.warranty-products {
		padding: 0 20px 60px 20px;
	}

	.warranty-limitations {
		padding: 48px 20px;
	}

	.warranty-claim {
		padding: 48px 20px;
	}

	.warranty-service-contacts {
		padding: 48px 20px 60px;
	}

	.warranty-service-contacts__grid {
		grid-template-columns: 1fr 1fr;
		gap: 20px;
	}

	.warranty-service-contacts__value {
		font-size: 18px;
	}

	.warranty-form-section {
		padding: 48px 20px 60px;
	}
}

@media (max-width: 600px) {
	.warranty-service-contacts__grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.warranty-limitations__item {
		padding: 16px 18px;
	}
}

@media (max-width: 475px) {
	.warranty-hero {
		padding: 90px 10px 0 10px;
	}

	.warranty-products {
		padding: 0 10px 48px 10px;
	}

	.warranty-limitations {
		padding: 40px 10px;
	}

	.warranty-claim {
		padding: 40px 10px;
	}

	.warranty-service-contacts {
		padding: 40px 10px 48px;
	}

	.warranty-form-section {
		padding: 40px 10px 48px;
	}
}

.certificates {
	padding: 80px 16px;
	background-color: var(--white);
	position: relative;
}

.certificates__slider-wrapper {
	position: relative;
}

.certificates__slider {
	position: relative;
	overflow: hidden;
	padding-top: 5px;
	flex: 1;
	min-width: 0;
}

.certificates__track {
	display: flex;
	gap: 20px;
	transition: transform 0.4s ease;
}

.certificates__item {
	flex: 0 0 calc(25% - 15px);
	min-width: 0;
}

.certificates__card {
	display: block;
	width: 100%;
	text-decoration: none;
	transition: transform 0.3s ease;
}

.certificates__card:hover {
	transform: translateY(-4px);
}

.certificates__card-icon {
	width: 64px;
	height: 64px;
	color: var(--blue);
	flex-shrink: 0;
}

.certificates__card-category {
	font-family: "Oswald", sans-serif;
	font-weight: 500;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: var(--grey);
	background: rgba(47, 85, 151, 0.08);
	padding: 4px 10px;
	border-radius: 4px;
}

.certificates__card-title {
	font-family: "Inter-Medium", sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 140%;
	color: var(--black);
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.certificates__card-download {
	font-family: "Inter-Medium", sans-serif;
	font-weight: 500;
	font-size: 13px;
	color: var(--blue);
	display: flex;
	align-items: center;
	gap: 6px;
	margin-top: auto;
}

.certificates__arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	border: 1.5px solid var(--blue);
	background: var(--white);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--blue);
	transition: all 0.2s ease;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.certificates__arrow--prev {
	/* left: 16px; */
	left: 0;
	transform: translate(-50%, -50%);
}

.certificates__arrow--next {
	/* right: 16px; */
	right: 0;
	transform: translate(50%, -50%);
}

@media (min-width: 768px) and (max-width: 1680px) {
	.certificates__arrow--prev {
		left: 12px;
	}

	.certificates__arrow--next {
		right: 12px;
	}
}

.certificates__arrow:hover {
	background: var(--blue);
	color: var(--white);
}

.certificates__arrow:disabled {
	opacity: 0.3;
	cursor: not-allowed;
}

.certificates__arrow:disabled:hover {
	background: var(--white);
	color: var(--blue);
}

.certificate__img {
	width: 100%;
	height: 220px;
	object-fit: contain;
	display: block;
}

@media (max-width: 1366px) {
	.certificates {
		padding: 60px 12px;
	}
}

@media (max-width: 1000px) {
	.certificates__item {
		flex: 0 0 calc(33.333% - 14px);
	}
}

@media (max-width: 768px) {
	.certificates {
		padding: 50px 20px;
	}

	.certificates__item {
		flex: 0 0 calc(50% - 10px);
	}

	.certificate__img {
		height: 150px;
	}
}

@media (max-width: 475px) {
	.certificates {
		padding: 40px 10px;
	}

	.certificates__item {
		flex: 0 0 calc(50% - 10px);
	}

	.certificates__arrow {
		width: 40px;
		height: 40px;
	}

	.certificate__img {
		height: 100px;
	}
}

@media (min-width: 1001px) {
	.certificates__track {
		gap: 30px;
	}

	.certificates__item {
		flex: 0 0 calc(25% - 22.5px);
	}

	.certificate__img {
		height: 220px;
	}
}

.warranty-hero__block {
	display: flex;
	font-size: 20px;
	background-color: var(--blue);
	color: var(--white);
	border-radius: 6px;
	padding: 6px 11px;
	transition: all 0.2s ease;
	max-width: 400px;
	justify-content: center;
}

.form-success-modal__overlay {
	background: rgba(0, 0, 0, 0.55);
}

.form-success-modal__panel {
	position: relative;
	z-index: 1;
	background: var(--white);
	border-radius: 16px;
	padding: 32px 28px;
	width: 400px;
	max-width: 90vw;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 10px;
}

.form-success-modal__title {
	font-family: "Oswald", sans-serif;
	font-size: 22px;
	font-weight: 700;
	color: var(--black);
	line-height: 1.3;
}

.form-success-modal__subtitle {
	font-family: "Inter", sans-serif;
	color: var(--grey);
	font-size: 15px;
	line-height: 150%;
}

.form-success-modal__btn {
	margin-top: 8px;
	width: 100%;
}

@media (max-width: 480px) {
	.form-success-modal__panel {
		padding: 24px 20px;
	}
}

.video-modal__overlay {
	background: rgba(0, 0, 0, 0.8);
}

.video-modal__content {
	position: relative;
	width: 900px;
	max-width: 95vw;
	background: #000;
	border-radius: 8px;
	overflow: hidden;
}

.video-modal__close {
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 10;
	color: #fff;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 4px;
}

.video-modal__close:hover {
	opacity: 0.8;
}

.video-modal__iframe-wrap {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.video-modal__iframe-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

.policy-hero {
	padding: 0 16px;
}

.policy-content {
	padding: 0 16px 20px 16px;
}

.warranty-hero h1,
.warranty-hero__title {
	color: var(--blue) !important;
	margin-top: 16px;
	margin-bottom: 24px;
}

.policy-content h2 {
	color: var(--blue) !important;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
	justify-content: left;
}

.policy-content h2::before {
	display: none;
}

.policy-content h2::after {
	display: none;
}

.breadcrumbs-polytico {
	margin-bottom: 38px !important;
}


.brands-slider {
	position: relative;
	margin-top: 40px;
}

.brands-slider .brands-slider__track {
	display: flex;
	gap: 20px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	padding: 0;
}

.brands-slider .brands-slider__track::-webkit-scrollbar {
	display: none;
}

.brands-slider .brands__item {
	flex: 0 0 auto;
	width: calc((100% - 40px) / 3);
	/* 3 карточки минус 2 gap по 20px */
	height: 260px;
	scroll-snap-align: start;
}

.brands-slider .production-slider__arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	border: 1.5px solid var(--blue);
	background: var(--white);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--blue);
	transition: all 0.2s ease;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.brands-slider .production-slider__arrow--prev {
	/* left: 16px; */
	left: 0;
	transform: translate(-50%, -50%);
}

.brands-slider .production-slider__arrow--next {
	/* right: 16px; */
	right: 0;
	transform: translate(50%, -50%);
}

@media (min-width: 768px) and (max-width: 1680px) {
	.brands-slider .production-slider__arrow--prev {
		left: 12px;
	}

	.brands-slider .production-slider__arrow--next {
		right: 12px;
	}
}

.brands-slider .production-slider__arrow:hover {
	background: var(--blue);
	color: var(--white);
}

.brands-slider .production-slider__arrow:disabled {
	opacity: 0.3;
	cursor: not-allowed;
}

.brands-slider .production-slider__arrow:disabled:hover {
	background: var(--white);
	color: var(--blue);
}

.brands-slider .production-slider__arrow svg {
	width: 10px;
	height: 16px;
	stroke-width: 2;
}

@media (max-width: 1366px) {
	.brands-slider .brands__item {
		width: calc((100% - 40px) / 3);
	}
}

@media (max-width: 900px) {
	.brands-slider .brands__item {
		width: calc((100% - 40px) / 3);
		height: 220px;
	}
}

@media (max-width: 768px) {
	.brands-slider {
		margin-top: 30px;
	}

	/* На мобильных 2 в ряд */
	.brands-slider .brands__item {
		width: calc((100% - 20px) / 2);
		height: 180px;
	}

	.brands-slider .production-slider__arrow {
		width: 40px;
		height: 40px;
	}
}

@media (max-width: 600px) {

	/* На очень маленьких экранах 1 в ряд */
	.brands-slider .brands__item {
		width: 100%;
		height: 140px;
	}
}

@media (max-width: 475px) {
	.brands-slider .brands__item {
		height: 120px;
	}

	.brands-slider .production-slider__arrow {
		width: 36px;
		height: 36px;
	}

	.brands-slider .production-slider__arrow--prev {
		left: 8px;
	}

	.brands-slider .production-slider__arrow--next {
		right: 8px;
	}
}


.projects-slider {
	position: relative;
	margin-top: 40px;
}

.projects-slider__track {
	display: flex;
	gap: 40px;
	/* Как в .realized-projects__grid */
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	padding: 0;
}

.projects-slider__track::-webkit-scrollbar {
	display: none;
}

.projects-slider__track .realized-projects__item,
.projects-slider__track [class*="portfolio"],
.projects-slider__track>* {
	flex: 0 0 auto;
	width: calc((100% - 80px) / 3);
	scroll-snap-align: start;
}

.projects-slider .certificates__arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	border: 1.5px solid var(--blue);
	background: var(--white);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--blue);
	transition: all 0.2s ease;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.projects-slider .certificates__arrow--prev {
	/* left: 16px; */
	left: 0;
	transform: translate(-50%, -50%);
}

.projects-slider .certificates__arrow--next {
	/* right: 16px; */
	right: 0;
	transform: translate(50%, -50%);
}

@media (min-width: 768px) and (max-width: 1680px) {
	.projects-slider .certificates__arrow--prev {
		left: 12px;
	}

	.projects-slider .certificates__arrow--next {
		right: 12px;
	}
}

.projects-slider .certificates__arrow:hover {
	background: var(--blue);
	color: var(--white);
}

.projects-slider .certificates__arrow:disabled {
	opacity: 0.3;
	cursor: not-allowed;
}

.projects-slider .certificates__arrow:disabled:hover {
	background: var(--white);
	color: var(--blue);
}

.projects-slider .certificates__arrow svg {
	width: 10px;
	height: 16px;
	stroke-width: 2;
}

@media (max-width: 1366px) {

	.projects-slider__track .realized-projects__item,
	.projects-slider__track [class*="portfolio"],
	.projects-slider__track>* {
		width: calc((100% - 80px) / 3);
	}
}

@media (max-width: 900px) {

	/* На планшетах 2 в ряд как в сетке */
	.projects-slider__track .realized-projects__item,
	.projects-slider__track [class*="portfolio"],
	.projects-slider__track>* {
		width: calc((100% - 40px) / 2);
	}
}

@media (max-width: 768px) {
	.projects-slider {
		margin-top: 30px;
	}

	.projects-slider__track {
		gap: 30px;
	}

	.projects-slider__track .realized-projects__item,
	.projects-slider__track [class*="portfolio"],
	.projects-slider__track>* {
		width: calc((100% - 30px) / 2);
	}

	.projects-slider .certificates__arrow {
		width: 40px;
		height: 40px;
	}
}

@media (max-width: 600px) {
	.projects-slider__track {
		gap: 20px;
	}

	.projects-slider__track .realized-projects__item,
	.projects-slider__track [class*="portfolio"],
	.projects-slider__track>* {
		width: 100%;
	}
}

@media (max-width: 475px) {
	.projects-slider .certificates__arrow {
		width: 36px;
		height: 36px;
	}

	.projects-slider .certificates__arrow--prev {
		left: 8px;
	}

	.projects-slider .certificates__arrow--next {
		right: 8px;
	}
}


.project-gallery-slider {
	position: relative;
	margin-bottom: 40px;
}

.project-gallery-slider__track {
	display: flex;
	gap: 16px;
	/* Как в .project-detail__gallery */
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	padding: 0;
}

.project-gallery-slider__track::-webkit-scrollbar {
	display: none;
}

.project-gallery-slider__track .project-detail__gallery-img {
	flex: 0 0 auto;
	width: calc((100% - 32px) / 3);
	height: 400px;
	object-fit: cover;
	border-radius: 10px;
	scroll-snap-align: start;
	cursor: pointer;
	transition: opacity 0.2s;
}

.project-gallery-slider__track .project-detail__gallery-img:hover {
	opacity: 0.8;
}

.project-gallery-slider .certificates__arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	border: 1.5px solid var(--blue);
	background: var(--white);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--blue);
	transition: all 0.2s ease;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.project-gallery-slider .certificates__arrow--prev {
	left: 16px;
}

.project-gallery-slider .certificates__arrow--next {
	right: 16px;
}

.project-gallery-slider .certificates__arrow:hover {
	background: var(--blue);
	color: var(--white);
}

.project-gallery-slider .certificates__arrow:disabled {
	opacity: 0.3;
	cursor: not-allowed;
}

.project-gallery-slider .certificates__arrow:disabled:hover {
	background: var(--white);
	color: var(--blue);
}

.project-gallery-slider .certificates__arrow svg {
	width: 10px;
	height: 16px;
	stroke-width: 2;
}


@media (max-width: 900px) {
	.project-gallery-slider__track .project-detail__gallery-img {
		width: calc((100% - 16px) / 2);
		/* 2 изображения минус 1 gap по 16px */
		height: 400px;
	}
}

@media (max-width: 768px) {
	margin-bottom: 30px;
}

.project-gallery-slider__track .project-detail__gallery-img {
	height: 350px;
}

.project-gallery-slider .certificates__arrow {
	width: 40px;
	height: 40px;
}
}

@media (max-width: 600px) {
	.project-gallery-slider__track .project-detail__gallery-img {
		width: 100%;
		height: 255px;
		/* Как в оригинале */
	}
}

@media (max-width: 475px) {
	.project-gallery-slider .certificates__arrow {
		width: 36px;
		height: 36px;
	}

	.project-gallery-slider .certificates__arrow--prev {
		left: 8px;
	}

	.project-gallery-slider .certificates__arrow--next {
		right: 8px;
	}
}

.pd-lightbox {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s, visibility 0.3s;
}

.pd-lightbox.modal--active {
	opacity: 1;
	visibility: visible;
}

.pd-lightbox__overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.9);
}

.pd-lightbox__wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 90%;
	max-height: 90vh;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

.pd-lightbox__img {
	max-width: 100%;
	max-height: 90vh;
	object-fit: contain;
	border-radius: 8px;
}

.pd-lightbox__nav {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	border: 1.5px solid var(--blue);
	background: var(--white);
	color: var(--blue);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.2s ease;
	z-index: 3;
	flex-shrink: 0;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.pd-lightbox__nav:hover {
	background: var(--blue);
	color: var(--white);
	border-color: var(--blue);
}

.pd-lightbox__nav svg {
	width: 24px;
	height: 24px;
}

.pd-lightbox__close {
	position: absolute;
	right: -20px;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.2s ease;
	z-index: 4;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.pd-lightbox__close svg {
	width: 20px;
	height: 20px;
}

@media (max-width: 1000px) {
	.pd-lightbox__wrapper {
		gap: 10px;
	}

	.pd-lightbox__nav {
		width: 40px;
		height: 40px;
	}

	.pd-lightbox__nav svg {
		width: 20px;
		height: 20px;
	}
}

@media (max-width: 768px) {
	.pd-lightbox__wrapper {
		max-width: 95%;
		gap: 8px;
	}

	.pd-lightbox__nav {
		width: 36px;
		height: 36px;
	}

	.pd-lightbox__close {
		top: 15px;
		right: 15px;
		width: 36px;
		height: 36px;
	}
}

@media (max-width: 475px) {
	.pd-lightbox__nav {
		display: none;
	}

	.pd-lightbox__wrapper {
		gap: 0;
	}

	.pd-lightbox__close {
		top: 10px;
		right: 10px;
		width: 32px;
		height: 32px;
	}
}

.production-slider__img,
.project-detail__gallery-img,
.pd-gallery__img {
	cursor: pointer;
	transition: opacity 0.2s;
}

.production-slider__img:hover,
.project-detail__gallery-img:hover,
.pd-gallery__img:hover {
	opacity: 0.8;
}

/* glightbox styles */
@-webkit-keyframes lightboxLoader {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes lightboxLoader {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes gfadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes gfadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-webkit-keyframes gfadeOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@keyframes gfadeOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@-webkit-keyframes gslideInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-60%, 0, 0);
		transform: translate3d(-60%, 0, 0);
	}

	to {
		visibility: visible;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

@keyframes gslideInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-60%, 0, 0);
		transform: translate3d(-60%, 0, 0);
	}

	to {
		visibility: visible;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

@-webkit-keyframes gslideOutLeft {
	from {
		opacity: 1;
		visibility: visible;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	to {
		-webkit-transform: translate3d(-60%, 0, 0);
		transform: translate3d(-60%, 0, 0);
		opacity: 0;
		visibility: hidden;
	}
}

@keyframes gslideOutLeft {
	from {
		opacity: 1;
		visibility: visible;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	to {
		-webkit-transform: translate3d(-60%, 0, 0);
		transform: translate3d(-60%, 0, 0);
		opacity: 0;
		visibility: hidden;
	}
}

@-webkit-keyframes gslideInRight {
	from {
		opacity: 0;
		visibility: visible;
		-webkit-transform: translate3d(60%, 0, 0);
		transform: translate3d(60%, 0, 0);
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

@keyframes gslideInRight {
	from {
		opacity: 0;
		visibility: visible;
		-webkit-transform: translate3d(60%, 0, 0);
		transform: translate3d(60%, 0, 0);
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

@-webkit-keyframes gslideOutRight {
	from {
		opacity: 1;
		visibility: visible;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	to {
		-webkit-transform: translate3d(60%, 0, 0);
		transform: translate3d(60%, 0, 0);
		opacity: 0;
	}
}

@keyframes gslideOutRight {
	from {
		opacity: 1;
		visibility: visible;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	to {
		-webkit-transform: translate3d(60%, 0, 0);
		transform: translate3d(60%, 0, 0);
		opacity: 0;
	}
}

@-webkit-keyframes gzoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}

	to {
		opacity: 1;
	}
}

@keyframes gzoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}

	to {
		opacity: 1;
	}
}

@-webkit-keyframes gzoomOut {
	from {
		opacity: 1;
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}

	to {
		opacity: 0;
	}
}

@keyframes gzoomOut {
	from {
		opacity: 1;
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}

	to {
		opacity: 0;
	}
}

.glightbox-container {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999 !important;
	overflow: hidden;
	-ms-touch-action: none;
	touch-action: none;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	outline: 0;
}

.glightbox-container .gcontainer {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 9999;
	overflow: hidden;
}

.glightbox-container .gslider {
	-webkit-transition: -webkit-transform 0.4s ease;
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
	position: relative;
	overflow: hidden;
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.glightbox-container .gslide {
	width: 100%;
	position: absolute;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	opacity: 0;
}

.glightbox-container .gslide.current {
	opacity: 1;
	z-index: 99999;
	position: relative;
}

.glightbox-container .gslide.prev {
	opacity: 1;
	z-index: 9999;
}

.glightbox-container .gslide-inner-content {
	width: 100%;
}

.glightbox-container .ginner-container {
	position: relative;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	max-width: 100%;
	margin: auto;
	height: 100vh;
}

.glightbox-container .ginner-container.gvideo-container {
	width: 100%;
}

.glightbox-container .ginner-container.desc-bottom {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.glightbox-container .ginner-container.desc-top {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.glightbox-container .ginner-container.desc-left {
	max-width: 100% !important;
}

.glightbox-container .ginner-container.desc-right {
	max-width: 100% !important;
}

.glightbox-container.inactive {
	display: none;
}

.gslide iframe {
	outline: 0 !important;
	border: none;
	min-height: 165px;
	-webkit-overflow-scrolling: touch;
	-ms-touch-action: auto;
	touch-action: auto;
}

.gslide video {
	outline: 0 !important;
	border: none;
	min-height: 165px;
	-webkit-overflow-scrolling: touch;
	-ms-touch-action: auto;
	touch-action: auto;
}

.gslide:not(.current) {
	pointer-events: none;
}

.gslide-image {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: var(--white);
}

.gslide-image img {
	max-height: 100vh;
	display: block;
	padding: 0;
	float: none;
	outline: 0;
	border: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	max-width: 100vw;
	width: auto;
	height: auto;
	-o-object-fit: cover;
	object-fit: cover;
	-ms-touch-action: none;
	touch-action: none;
	margin: auto;
	min-width: 200px;
}

.gslide-image img.zoomable {
	position: relative;
}

.gslide-image img.dragging {
	cursor: -webkit-grabbing !important;
	cursor: grabbing !important;
	-webkit-transition: none;
	transition: none;
}

.desc-bottom .gslide-image img {
	width: auto;
}

.desc-bottom .gslide-media {
	margin: 0 auto;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.desc-top .gslide-image img {
	width: auto;
}

.desc-top .gslide-media {
	margin: 0 auto;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.desc-left .gslide-image img {
	width: auto;
	max-width: 100%;
}

.desc-right .gslide-image img {
	width: auto;
	max-width: 100%;
}

.gslide-video {
	position: relative;
	max-width: 100vh;
	width: 100% !important;
}

.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster {
	display: none;
}

.gslide-video .gvideo-wrapper {
	width: 100%;
	margin: auto;
}

.gslide-video::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(255, 0, 0, 0.34);
	display: none;
}

.gslide-video.playing::before {
	display: none;
}

.gslide-video.fullscreen {
	max-width: 100% !important;
	min-width: 100%;
	height: 75vh;
}

.gslide-video.fullscreen video {
	max-width: 100% !important;
	width: 100% !important;
}

.gslide-inline {
	background: #fff;
	text-align: left;
	max-height: calc(100vh - 40px);
	overflow: auto;
	max-width: 100%;
	margin: auto;
}

.gslide-inline .ginlined-content {
	padding: 20px;
	width: 100%;
}

.gslide-inline .dragging {
	cursor: -webkit-grabbing !important;
	cursor: grabbing !important;
	-webkit-transition: none;
	transition: none;
}

.ginlined-content {
	overflow: auto;
	display: block !important;
	opacity: 1;
}

.gslide-external {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	min-width: 100%;
	background: #fff;
	padding: 0;
	overflow: auto;
	max-height: 75vh;
	height: 100%;
}

.gslide-media {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: auto;
}

.zoomed .gslide-media {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.zoomed .gslide-description {
	display: none;
}

.gslide-description {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 100%;
	flex: 1 0 100%;
}

.gslide-description p {
	margin-bottom: 12px;
}

.gslide-description p:last-child {
	margin-bottom: 0;
}

.gslide-description.description-left {
	max-width: 100%;
}

.gslide-description.description-right {
	max-width: 100%;
}

.gslide-description.description-bottom {
	margin: 0 auto;
	width: 100%;
}

.gslide-description.description-top {
	margin: 0 auto;
	width: 100%;
}

.glightbox-button-hidden {
	display: none;
}

.glightbox-mobile .glightbox-container .gslide-description {
	height: auto !important;
	width: 100%;
	position: absolute;
	bottom: 0;
	padding: 19px 11px;
	max-width: 100vw !important;
	-webkit-box-ordinal-group: 3 !important;
	-ms-flex-order: 2 !important;
	order: 2 !important;
	max-height: 78vh;
	overflow: auto !important;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)));
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.75) 100%);
	-webkit-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
	padding-bottom: 50px;
}

.glightbox-mobile .glightbox-container .gslide-title {
	color: #fff;
	font-size: 1em;
}

.glightbox-mobile .glightbox-container .gslide-desc {
	color: #a1a1a1;
}

.glightbox-mobile .glightbox-container .gslide-desc a {
	color: #fff;
	font-weight: 700;
}

.glightbox-mobile .glightbox-container .gslide-desc * {
	color: inherit;
}

.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
	color: #fff;
	opacity: 0.4;
}

.glightbox-mobile .goverlay {
	background: #000;
}

.gdesc-open .gslide-media {
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	opacity: 0.4;
}

.gdesc-open .gdesc-inner {
	padding-bottom: 30px;
}

.gdesc-closed .gslide-media {
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	opacity: 1;
}

.greset {
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.gabsolute {
	position: absolute;
}

.grelative {
	position: relative;
}

.glightbox-desc {
	display: none !important;
}

.glightbox-open {
	overflow: hidden;
}

.gloader {
	height: 25px;
	width: 25px;
	-webkit-animation: lightboxLoader 0.8s infinite linear;
	animation: lightboxLoader 0.8s infinite linear;
	border: 2px solid #fff;
	border-right-color: transparent;
	border-radius: 50%;
	position: absolute;
	display: block;
	z-index: 9999;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 47%;
}

.goverlay {
	width: 100%;
	height: calc(100vh + 1px);
	position: fixed;
	top: -1px;
	left: 0;
	background: #000;
	will-change: opacity;
}

.gclose {
	z-index: 99999;
	cursor: pointer;
	width: 26px;
	height: 44px;
	border: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 5px;
}

.gclose svg {
	display: block;
	width: 25px;
	height: auto;
	margin: 0;
	padding: 0;
}

.gclose .garrow {
	stroke: #fff;
}

.gnext {
	z-index: 99999;
	cursor: pointer;
	width: 26px;
	height: 44px;
	border: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.gnext svg {
	display: block;
	width: 25px;
	height: auto;
	margin: 0;
	padding: 0;
}

.gnext .garrow {
	stroke: #fff;
}

.gprev {
	z-index: 99999;
	cursor: pointer;
	width: 26px;
	height: 44px;
	border: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.gprev svg {
	display: block;
	width: 25px;
	height: auto;
	margin: 0;
	padding: 0;
}

.gprev .garrow {
	stroke: #fff;
}

.gclose.disabled {
	opacity: 0.1;
}

.gnext.disabled {
	opacity: 0.1;
}

.gprev.disabled {
	opacity: 0.1;
}

.gbtn.focused {
	outline: 2px solid #0f3d81;
}

iframe.wait-autoplay {
	opacity: 0;
}

.glightbox-closing .gclose {
	opacity: 0 !important;
}

.glightbox-closing .gnext {
	opacity: 0 !important;
}

.glightbox-closing .gprev {
	opacity: 0 !important;
}

.glightbox-clean .gslide-description {
	background: #fff;
}

.glightbox-clean .gdesc-inner {
	padding: 22px 20px;
}

.glightbox-clean .gslide-title {
	font-size: 1em;
	font-weight: 400;
	font-family: arial;
	color: #000;
	margin-bottom: 19px;
	line-height: 1.4em;
}

.glightbox-clean .gslide-desc {
	font-size: 0.86em;
	margin-bottom: 0;
	font-family: arial;
	line-height: 1.4em;
}

.glightbox-clean .gslide-video {
	background: #000;
}

.glightbox-clean .gclose {
	background-color: rgba(0, 0, 0, 0.75);
	border-radius: 4px;
	width: 35px;
	height: 35px;
	top: 15px;
	right: 10px;
	position: absolute;
}

.glightbox-clean .gclose path {
	fill: #fff;
}

.glightbox-clean .gclose svg {
	width: 18px;
	height: auto;
}

.glightbox-clean .gclose:hover {
	opacity: 1;
}

.glightbox-clean .gnext {
	background-color: rgba(0, 0, 0, 0.75);
	border-radius: 4px;
	position: absolute;
	top: -100%;
	right: 30px;
	width: 40px;
	height: 50px;
}

.glightbox-clean .gnext path {
	fill: #fff;
}

.glightbox-clean .gprev {
	background-color: rgba(0, 0, 0, 0.75);
	border-radius: 4px;
	position: absolute;
	top: -100%;
	left: 30px;
	width: 40px;
	height: 50px;
}

.glightbox-clean .gprev path {
	fill: #fff;
}

.gfadeIn {
	-webkit-animation: gfadeIn 0.5s ease;
	animation: gfadeIn 0.5s ease;
}

.gfadeOut {
	-webkit-animation: gfadeOut 0.5s ease;
	animation: gfadeOut 0.5s ease;
}

.gslideOutLeft {
	-webkit-animation: gslideOutLeft 0.3s ease;
	animation: gslideOutLeft 0.3s ease;
}

.gslideInLeft {
	-webkit-animation: gslideInLeft 0.3s ease;
	animation: gslideInLeft 0.3s ease;
}

.gslideOutRight {
	-webkit-animation: gslideOutRight 0.3s ease;
	animation: gslideOutRight 0.3s ease;
}

.gslideInRight {
	-webkit-animation: gslideInRight 0.3s ease;
	animation: gslideInRight 0.3s ease;
}

.gzoomIn {
	-webkit-animation: gzoomIn 0.5s ease;
	animation: gzoomIn 0.5s ease;
}

.gzoomOut {
	-webkit-animation: gzoomOut 0.5s ease;
	animation: gzoomOut 0.5s ease;
}

@media (min-width: 769px) {
	.glightbox-container .ginner-container {
		width: auto;
		height: auto;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}

	.glightbox-container .ginner-container.desc-top .gslide-description {
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 0;
		order: 0;
	}

	.glightbox-container .ginner-container.desc-top .gslide-image {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	.glightbox-container .ginner-container.desc-top .gslide-image img {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	.glightbox-container .ginner-container.desc-left .gslide-description {
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 0;
		order: 0;
	}

	.glightbox-container .ginner-container.desc-left .gslide-image {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	.gslide-image img {
		max-height: 97vh;
		max-width: 100%;
	}

	.gslide-image img.zoomable {
		cursor: -webkit-zoom-in;
		cursor: zoom-in;
	}

	.zoomed .gslide-image img.zoomable {
		cursor: -webkit-grab;
		cursor: grab;
	}

	.gslide-inline {
		max-height: 95vh;
	}

	.gslide-external {
		max-height: 100vh;
	}

	.gslide-description.description-left {
		max-width: 275px;
	}

	.gslide-description.description-right {
		max-width: 275px;
	}

	.glightbox-open {
		height: auto;
	}

	.goverlay {
		background: rgba(0, 0, 0, 0.92);
	}

	.glightbox-clean .gslide-media {
		-webkit-box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, 0.65);
		box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, 0.65);
	}

	.glightbox-clean .description-left .gdesc-inner {
		position: absolute;
		height: 100%;
		overflow-y: auto;
	}

	.glightbox-clean .description-right .gdesc-inner {
		position: absolute;
		height: 100%;
		overflow-y: auto;
	}

	.glightbox-clean .gclose {
		background-color: rgba(0, 0, 0, 0.32);
	}

	.glightbox-clean .gclose:hover {
		background-color: rgba(0, 0, 0, 0.7);
	}

	.glightbox-clean .gnext {
		background-color: rgba(0, 0, 0, 0.32);
		top: 45%;
	}

	.glightbox-clean .gnext:hover {
		background-color: rgba(0, 0, 0, 0.7);
	}

	.glightbox-clean .gprev {
		background-color: rgba(0, 0, 0, 0.32);
		top: 45%;
	}

	.glightbox-clean .gprev:hover {
		background-color: rgba(0, 0, 0, 0.7);
	}
}

@media (min-width: 992px) {
	.glightbox-clean .gclose {
		opacity: 0.7;
		right: 20px;
	}
}

@media screen and (max-height: 420px) {
	.goverlay {
		background: #000;
	}
}

.pd-info__description p,
.pd-info__description li {
	min-height: 22px;
}

/* 16.03.2026 */
main > section:nth-child(1n+3) {
	padding-top: 0 !important;
}

/* cookies */
.cookies {
  position: fixed;
  box-sizing: border-box;
  bottom: 8px;
  left: 0;
  right: 0;
  z-index: 1020;
  margin: 0 auto;
  width: 96%;
  max-width: 360px;
  padding: 12px 16px 8px 16px;
  background: #f7f5f1;
  color: #443322;
  box-shadow: 0 0 8px 4px rgba(44, 33, 22, 0.2);
  border-radius: 24px;
  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    "Open Sans",
    "Helvetica Neue",
    sans-serif;
  font-size: 15px;
}
@media (max-width: 600px) {
  .cookies {
    font-size: 13px;
  }
}
.cookies span {
  display: block;
  padding-right: 16px;
}
.cookies .close_cookies {
  position: absolute;
  top: 10px;
  right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  cursor: pointer;
  color: #223344;
  border: 1px solid transparent;
  border-radius: 4px;
}
.cookies .close_cookies:hover {
  border-color: rgba(22, 33, 44, 0.2);
}
.cookies .cookies_button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: #223344;
  color: #f7f5f1;
  border: none;
  border-radius: 24px;
  box-shadow: none;
  padding: 8px 16px;
  margin-top: 12px;
  text-align: center;
  cursor: pointer;
  transition: 0.2s;
}
.cookies .cookies_button:hover {
  background: #112233;
}