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

body {
	background: #021523;
	overflow-x: hidden;
	scroll-behavior: smooth;
}

.container {
	max-width: 1150px;
	margin: 0 auto;
	padding: 0 20px;
}

.wrapper {
	overflow: clip;
}

.wrapper.hidden {
	display: none;
}

.welcome-screen {
	z-index: 999;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	transition: all 0.5s ease;
}

.welcome-screen.hidden {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.welcome-screen .logo img {
	width: 600px;
	transition: all 3s ease;
	opacity: 0;
}

.welcome-screen .logo.active img {
	opacity: 1;
}

.welcome-screen .language-select {
	display: flex;
	align-items: center;
	gap: 10px;
	height: 0px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s ease;
}

.welcome-screen .language-select.active {
	height: 40px;
	opacity: 1;
	visibility: visible;
}

.welcome-screen .language-select button {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px;
	border-radius: 10px;
	background: rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(17.350000381469727px);
	color: #fff;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease;
	border: 1px solid #4d4e4f;
	font-family: Manrope;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: -0.28px;
}

.welcome-screen .language-select button img {
	border-radius: 50%;
	width: 20px;
	height: 20px;
	object-fit: cover;
}

.welcome-screen .language-select button:hover {
	background: #fff;
	color: #000;
}

.welcome-screen .language-select button:active {
	background: #fff;
	color: #000;
}

.intro-wrapper {
	background-image: url(../img/car-bg-2.png);
	/*background-size: contain 100%;*/
	background-size: contain;
	background-position: top center;
	padding-top: 190px;
	background-repeat: no-repeat;
}

.intro-wrapper .header {
	background-color: transparent;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 12;
	width: 100%;
	transition: all 0.2s linear;
}

.intro-wrapper .header.scrolled {
	background-color: rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	height: fit-content;
}

.intro-wrapper .header .logo img {
	transition: all 0.3s linear;
}

.intro-wrapper .header.scrolled .logo img {
	height: 75px;
}

.intro-wrapper .header .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	transition: all 0.2s linear;
}

.fullstop {
	font-size: 54px;
	margin-top: -25px;
}

.residue  {
	/*line-height: 1;*/
	display: flex;
	flex-direction: column;
	font-size: 138px;
	text-align: unset;
	align-items: flex-start;
}

.residue span {
	font-size: 54px;
	line-height: 54px;
	text-align: unset;
}
.price-new-new {
	font-family: Manrope;
	font-size: 130px;
	display: flex;
	align-items: center;
	color: #F60;
	leading-trim: both;
	text-edge: cap;
	font-weight: 700;
	line-height: 78%;
	letter-spacing: -2px;
}

.intro-wrapper .header.scrolled .container {
	height: fit-content;
}

.intro-wrapper .language-select {
	display: flex;
	align-items: center;
	gap: 10px;
	height: 0px;
	transition: all 0.5s ease;
}

.intro-wrapper .header .logo img {
	margin-left: -12px;
}

.intro-wrapper .language-select button {
	display: flex;
	align-items: center;
	gap: 7.71px;
	padding: 7.71px;
	border-radius: 7.711px;
	background: rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(17.350000381469727px);
	color: #fff;
	cursor: pointer;
	transition: all 0.2s ease;
	border: 1px solid rgba(0, 0, 0, 0.1);
	font-family: Manrope;
	font-size: 10.8px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: -0.28px;
}

.intro-wrapper .language-select button img {
	border-radius: 50%;
	width: 15px;
	height: 15px;
	object-fit: cover;
}

.intro-wrapper .language-select button.active {
	border-radius: 10px;
	border: 1px solid #cfd1d3;
	background: #fff;
	box-shadow: 0px 4px 15.2px 0px rgba(0, 0, 0, 0.2);
	color: #000;
}

.intro-wrapper .header-actions {
	display: flex;
	align-items: center;
	gap: 10px;
}

.intro-wrapper .header-actions button {
	display: flex;
	align-items: center;
	gap: 7px;
	color: #fff;
	font-family: Manrope;
	font-size: 13.88px;
	font-style: normal;
	font-weight: 800;
	line-height: 24px;
	text-transform: uppercase;
	display: flex;
	height: 50px;
	padding: 10px 15px;
	justify-content: center;
	border: none;
	border-radius: 10px;
	background: linear-gradient(0deg, #ef6000 0%, #ef6000 100%), #fff;
	cursor: pointer;
	transition: all 0.2s ease;
}

.intro-wrapper .header-actions button:hover {
	transform: scale(1.03);
	box-shadow: 0 4px 15px rgba(239, 96, 0, 0.5);
}

.intro-wrapper .header-actions button.menu {
	background: #000;
}

.intro-wrapper .header-actions button.menu:hover {
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
}

.intro h1 {
	color: #fff;
	text-align: center;
	font-family: Tektur;
	font-size: 70px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	text-transform: uppercase;
	padding: 80px 0 60px 0;
}

.intro .intro-img {
	border: 2px solid #fff;
	margin-bottom: 31px;
	display: flex;
	align-items: center;
	justify-content: center;
	display: none;
}

.intro .intro-img img {
	width: 100%;
	object-fit: cover;
	object-position: bottom;
	height: 163px;
}

.intro .intro-content {
	padding-bottom: 40px;
}

.intro .intro-content h3 {
	color: #fff;
	font-family: Manrope;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 110%;
	text-transform: uppercase;
	margin-bottom: 30px;
}

.intro .intro-content .intro-package {
	display: flex;
	gap: 23px;
}

.intro .intro-content .intro-package .text-content {
	display: flex;
	align-items: center;
	gap: 20px;
}

.intro .intro-content .intro-package .left {
	display: flex;
	flex-direction: column;
	gap: 7.71px;
}

.intro .intro-content .intro-package .text {
	display: flex;
	align-items: center;
	width: max-content;
	padding-left: 18px;
	gap: 10px;
	background-size: cover;
}

.intro .intro-content .intro-package .text img {
	width: 12px;
}

.intro .intro-content .intro-package .text.text-1 {
	background-image: url(../img/intro-text-bg-1.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 234px;
	height: 43px;
}

.intro .intro-content .intro-package .text.text-2 {
	background-image: url(../img/intro-text-bg-2.svg);
	background-repeat: no-repeat;
	background-position: center;
	width: 262px;
	height: 50px;
	padding-top: 16px;
	padding-bottom: 24px;
}

.intro .intro-content .intro-package .text.text-3 {
	background-image: url(../img/intro-text-bg-3.svg);
	background-repeat: no-repeat;
	background-position: center;
	width: 237px;
	height: 50px;
}

.intro .intro-content .intro-package .text.text-4 {
	background-image: url(../img/intro-text-bg-4.svg);
	background-repeat: no-repeat;
	background-position: center;
	width: 295px;
	height: 51px;
}

.intro .intro-content .intro-package .text span {
	color: #032a46;
	font-family: Manrope;
	font-size: 14px;
	font-style: normal;
	font-weight: 800;
	line-height: 24px;
	text-transform: uppercase;
}

.intro .intro-content .price-content h4 {
	color: #fff;
	font-family: Manrope;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 27.412px;
}

.intro .intro-content .price-content .old-price-flex {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.intro .intro-content .price-content .old-price {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	margin-top: 0px;
}

@media (min-width: 992px) {
	.intro .intro-content .price-content .old-price {
		margin-top: -14px;
	}
}

.vip-exist {
	margin-top: -15px;
	font-size: 10px;
}

@media (min-width: 992px) {
	.vip-exist {
		margin-top: -30px;
		font-size: 10px;
	}
}


@media (max-width: 768px) {
	.intro .intro-content .price-content {
		width: 100%;
	}

	.intro .intro-content .price-content .old-price-flex {
		justify-content: space-around;
	}
}

.intro .intro-content .price-content .old-price .price {
	color: #fff;
	font-family: Manrope;
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-decoration: line-through;
	white-space: nowrap;
}

.intro .intro-content .price-content .old-price .percent {
	color: #fff;
	font-family: Manrope;
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.96px;
}

@media (max-width: 768px) {
	.intro .intro-content .price-content .old-price .percent {
		display: none;
	}
}

.intro .intro-content .price-content .new-price {
	display: flex;
	align-items: center;
	gap: 16px;
	height: 130px;
}

.intro .intro-content .price-content .new-price .price {
	color: #f60;
	font-family: Manrope;
	font-size: 138px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -2.76px;
}

.intro .intro-content .price-content .new-price .price span {
	font-size: 90px;
	margin-left: -22px;
}

.intro .intro-content .price-content .new-price .euro {
	display: flex;
	flex-direction: column;
	gap: 0;
	align-items: center;
	justify-content: flex-end;
	margin-top: 7px;
}

.intro .intro-content .price-content .new-price .euro span {
	color: #f60;
	font-family: Manrope;
	font-size: 54px;
	font-style: normal;
	font-weight: 800;
	line-height: 55px;
	letter-spacing: -1.4px;
}

.intro .intro-content .price-content .new-price .euro span.num {
	font-size: 65.745px;
}

.intro .intro-content {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	gap: 72px;
}

.intro .intro-content .mini-info {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

@media (max-width: 992px) {
	.intro .intro-content .mini-info {
		flex-wrap: wrap;
	}
}

@media (max-width: 992px) {
	.intro .intro-content .mini-info {
		align-items: center;
		justify-content: center;
	}
}

.intro .intro-content .mini-info .mini-info-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

@media (max-width: 768px) {
	.intro .intro-content .mini-info .mini-info-item {
		width: 100%;
	}
}

.intro .intro-content .mini-info .mini-info-item.hour {
	display: flex;
	padding: 10.558px 21.116px;
	justify-content: center;
	gap: 10.558px;
	border-radius: 7.735px;
	width: max-content;
	background: rgba(255, 102, 0, 0.35);
	align-items: center;
}

.intro .intro-content .mini-info .mini-info-item.hour img {
	width: 23px;
	height: 23px;
}

.intro .intro-content .mini-info .mini-info-item.hour span {
	color: #fff;
	font-family: Manrope;
	font-size: 21.657px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.intro .intro-content .mini-info p {
	color: #fff;
	font-family: Manrope;
	font-size: 14px;
	font-style: normal;
	font-weight: 800;
	line-height: 20px;
	width: 152px;
}

.intro .intro-content .mini-info .icons {
	display: flex;
	align-items: center;
	gap: 10px;
}

.intro .intro-content .mini-info .icon {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	/*justify-content: content;*/
	justify-content: center;
	border-radius: 10px;
	background: #e6e6e6;
}

@media (max-width: 768px) {
	.intro .intro-content .mini-info .icons .icon {
		width: 50px !important;
		height: 40px !important;
	}
}

.intro .intro-content .mini-info .icon.outline {
	background: transparent;
	border: 1px solid #e6e6e6;
}

.intro .intro-content .mini-info .icon img {
	margin: 0 auto;
	width: 23px;
}

.main-wrapper {
	background: linear-gradient(180deg,
			rgba(0, 0, 0, 0.6),
			rgba(0, 51, 102, 1) 100%),
		linear-gradient(180deg,
			rgba(0, 51, 102, 0.7) 0%,
			rgba(0, 51, 102, 0.3) 100%),
		url(./../img/main-bg.png) center / cover no-repeat;
	background-blend-mode: multiply, screen;
	background-repeat: no-repeat;
	background-position: center bottom;
	position: relative;
	padding-bottom: 81px;
}

.vip-card {
	position: absolute;
	top: -272px;
	left: 50%;
	transform: translateX(-50%);
}

.vip-card h2 {
	color: #f60;
	text-align: center;
	font-family: Tektur;
	font-size: 45px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	text-transform: uppercase;
	background: linear-gradient(to right,
			rgba(255, 102, 0, 1),
			rgba(255, 153, 51, 1) 30%,
			rgba(255, 153, 51, 1) 70%,
			rgba(255, 102, 0, 1));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	gap: 12px;
	margin-bottom: 53px;
}

.vip-card h2 .line-animation {
	background: linear-gradient(to right,
			rgba(255, 102, 0, 0.8),
			rgba(255, 153, 51, 1) 0%,
			rgba(255, 153, 51, 1) 0%,
			rgba(255, 102, 0, 1));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	position: relative;
}

.vip-card h2 .line-animation .img-wrap {
	position: absolute;
	bottom: -30px;
	left: 0;
	width: 0;
	transition: width 1s ease;
	overflow: hidden;
}

.vip-card h2 .line-animation .img-wrap.active {
	width: 100%;
}

.line-animation .img-wrap.active {
	width: 100%;
}

.hidden {
	opacity: 0;
	transition: opacity 1s ease;
}

.vip-card .card-content {
	position: relative;
	border-radius: 18.682px;
	background: #fff;
	height: 314px;
	width: 1110px;
}

.vip-card .card-content .left {
	margin-left: 35px;
	padding-top: 35px;
}

.vip-card .card-content .left .text {
	background: url(../img/card-text-bg.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 222px;
	height: 70px;
	color: #fff;
	text-align: center;
	font-family: Tektur;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: center;
}

.vip-card .card-content .left {
	display: flex;
	flex-direction: column;
	gap: 5px;
	align-items: center;
	width: max-content;
}

.vip-card .card-content .left .num {
	color: #021523;
	font-family: Manrope;
	font-size: 107px;
	font-style: normal;
	font-weight: 700;
	line-height: 110px;
	letter-spacing: -2.14px;
}

.vip-card .card-content .left .day {
	color: #021523;
	font-family: Tektur;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	text-transform: uppercase;
}

.vip-card .card-content p {
	color: #000;
	font-family: Manrope;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: 35.44px;
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
}

.vip-card .card-content .center button {
	display: flex;
	width: 448.023px;
	height: 120px;
	padding: 26px 37px;
	justify-content: space-between;
	align-items: center;
	flex-shrink: 0;
	border-radius: 10.704px;
	border: 3.736px solid #fff;
	background: #ef6000;
	color: #fff;
	text-align: center;
	font-family: Tektur;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	text-transform: uppercase;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	transition: all 0.2s ease;
	z-index: 10;
}

.vip-card .card-content .center button:hover {
	transform: translate(-50%, -50%) scale(1.02);
	box-shadow: 0 8px 30px rgba(239, 96, 0, 0.8);
}

.vip-card .card-content .center .arrows {
	display: flex;
	gap: 2px;
}

.vip-card .card-content .center .arrows .arrow {
	width: 12px;
	height: 20px;
	opacity: 0.3;
}

.vip-card .card-content .center .arrows.right .arrow {
	transform: scaleX(-1);
}

.vip-card .card-content .center .arrow-1 {
	animation: blink 2s infinite 0.6s;
}

.vip-card .card-content .center .arrow-2 {
	animation: blink 2s infinite 0.3s;
}

.vip-card .card-content .center .arrow-3 {
	animation: blink 2s infinite 0s;
}

@keyframes blink {

	0%,
	100% {
		opacity: 0.3;
	}

	50% {
		opacity: 1;
	}
}

.vip-card .card-content .right-card {
	position: absolute;
	right: -48px;
	top: 15px;
	width: 336.017px;
	height: 211.001px;
	transform: rotate(-10.193deg);
	flex-shrink: 0;
	border-radius: 23.264px;
	background: linear-gradient(259deg,
			rgba(255, 255, 255, 0.3) 17.59%,
			rgba(255, 255, 255, 0) 55.23%),
		#021523;
	box-shadow: 0px 15.51px 30.631px 0px rgba(0, 0, 0, 0.2);
	animation: sway 4s ease-in-out infinite;
	overflow: hidden;
	background-size: 200% 100%;
}

@keyframes sway {
	0% {
		transform: rotate(-10.193deg) translateX(0);
	}

	25% {
		transform: rotate(-10.193deg) translateX(-5px);
	}

	50% {
		transform: rotate(-10.193deg) translateX(5px);
	}

	75% {
		transform: rotate(-10.193deg) translateX(-5px);
	}

	100% {
		transform: rotate(-10.193deg) translateX(0);
	}
}

@keyframes shimmer {
	0% {
		background-position: -100%;
	}

	100% {
		background-position: 100%;
	}
}

.vip-card .card-content .right-card img {
	width: 67.003px;
	margin-top: 12px;
	margin-left: 12px;
}

.vip-card .card-content .right-card h4 {
	color: #fff;
	text-shadow: 0px 1.551px 0.775px rgba(0, 0, 0, 0.25);
	font-family: Manrope;
	font-size: 108px;
	font-style: normal;
	font-weight: 700;
	line-height: 90px;
	letter-spacing: -2.884px;
	margin-left: 42px;
	margin-bottom: 15px;
}

.vip-card .card-content .right-card span {
	color: #fff;
	text-shadow: 0px 1.551px 0.775px rgba(0, 0, 0, 0.25);
	font-family: Manrope;
	font-size: 23.264px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: -0.465px;
	margin-left: 30px;
}

.wash-car {
	padding-top: 120px;
}

.wash-car h3 {
	color: #fff;
	text-align: center;
	font-family: Tektur;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	text-transform: uppercase;
	margin-bottom: 7.7px;
}

.wash-car h2 {
	background: linear-gradient(to right,
			rgb(216, 88, 2),
			rgba(255, 153, 51, 0.8) 40%,
			rgba(255, 153, 51, 0.8) 10%,
			rgba(216, 88, 0, 1));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	text-align: center;
	font-family: Tektur;
	font-size: 45px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	text-transform: uppercase;
	margin-bottom: 103px;
}

.wash-car .wash-car-content {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	background: url(./../img/wash-machine.png);
	background-repeat: no-repeat;
	background-position: 48% 60px;
	background-size: 30%;
}

.wash-car .wash-car-content .car-item .img-wrap {
	position: relative;
	width: 393px;
	height: 288px;
	border-radius: 10px;
}

.wash-car .wash-car-content .car-item .img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wash-car .wash-car-content .car-item .img-wrap .text-wrap {
	background: url(../img/garage-text-bg.svg);
	background-repeat: no-repeat;
	background-position: center;
	width: 233px;
	height: 76px;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #2a2a2a;
	text-align: center;
	font-family: Tektur;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	text-transform: uppercase;
	display: flex;
	justify-content: center;
	align-items: center;
}

.wash-car .wash-car-content .car-item .img-wrap .text-wrap.tw2 {
	width: 314px;
	height: 72px;
	background: url(../img/home-text-bg.svg);
	background-size: cover;
}

.wash-car .wash-car-content .car-item .icons-wrap {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 15px;
	margin-bottom: 20px;
}

.wash-car .wash-car-content .car-item .icons-wrap .icon {
	width: 49px;
	height: 49px;
	border-radius: 7.734px;
	border: 1px solid #e6e6e6;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wash-car .wash-car-content .car-item .icons-wrap .icon.line {
	position: relative;
	overflow: hidden;
}

.wash-car .wash-car-content .car-item .icons-wrap .icon.line:after {
	content: "";
	position: absolute;
	top: 30px;
	left: -20px;
	width: 100px;
	height: 1px;
	background-color: white;
	transform: rotate(45deg);
}

.wash-car .wash-car-content .car-item .list-items {
	max-width: 399px;
	padding: 0 15px;
	position: relative;
	max-height: 160px;
	overflow: hidden;
	transition: max-height 0.5s ease;
	text-align: left;
}

.wash-car .wash-car-content .car-item .list-items::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	height: 70px;
	pointer-events: none;
	box-shadow: inset 0 -10px 15px rgba(0, 0, 0, 0.3);
	background: linear-gradient(to bottom,
			rgba(255, 255, 255, 0),
			rgba(0, 0, 0, 0.5));
}

.wash-car .wash-car-content .car-item .list-items.active {
	max-height: 380px;
}

.wash-car .wash-car-content .car-item .list-items.active::after {
	box-shadow: none;
	background: none;
}

.wash-car .wash-car-content .car-item button .arrows svg.rotate {
	transform: rotate(180deg);
}

.wash-car .wash-car-content .car-item .list-items li {
	color: #fff;
	font-family: Manrope;
	font-size: 14px;
	font-style: normal;
	font-weight: 800;
	line-height: 24px;
	text-transform: uppercase;
}

.wash-car .wash-car-content .car-item button {
	display: flex;
	width: 395px;
	height: 50px;
	padding: 20px 15px;
	justify-content: center;
	align-items: center;
	gap: 94px;
	flex-shrink: 0;
	border-radius: 10px;
	border: 1px solid rgba(239, 96, 0, 1);
	background: transparent;
	cursor: pointer;
	margin-top: 20px;
	transition: all 0.2s ease;
}

.wash-car .wash-car-content .car-item button:hover {
	box-shadow: 0 4px 15px rgba(239, 96, 0, 0.5);
}

.wash-car .wash-car-content .car-item button .arrows {
	display: flex;
	gap: 0;
	flex-direction: column;
}

.wash-car .wash-car-content .car-item button .arrows svg {
	width: 10px;
}

.wash-car .wash-car-content span {
	color: #fff;
	text-align: center;
	font-family: Tektur;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	text-transform: uppercase;
}

.wash-car .wash-car-content .car-item button .arrow-1 {
	animation: blink 2s infinite 0.6s;
}

.wash-car .wash-car-content .car-item button .arrow-2 {
	animation: blink 2s infinite 0.3s;
}

.wash-car .wash-car-content .car-item button .arrow-3 {
	animation: blink 2s infinite 0s;
}

.wash-car .wash-car-content .car-item button .arrow-1.rotate {
	animation: blink 2s infinite 0s;
}

.wash-car .wash-car-content .car-item button .arrow-2.rotate {
	animation: blink 2s infinite 0.3s;
}

.wash-car .wash-car-content .car-item button .arrow-3.rotate {
	animation: blink 2s infinite 0.6s;
}

@keyframes blink {

	0%,
	100% {
		opacity: 0.3;
	}

	50% {
		opacity: 1;
	}
}

.footer .container {
	display: flex;
	align-items: center;
	gap: 50px;
	justify-content: space-between;
	margin-top: 50px;
}

.footer .container p {
	opacity: 0.5;
	color: #fff;
	font-family: Manrope;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 21.375px;
}

.footer .container a {
	opacity: 0.5;
	color: #fff;
	font-family: Manrope;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 21.375px;
	text-decoration-line: underline;
}

.footer .container a.logo {
	opacity: 1;
}

.footer .container a.logo img {
	width: 162px;
	object-fit: cover;
	height: 88px;
}

.footer .container .actions {
	display: flex;
	align-items: center;
	gap: 50px;
}

.footer .container button {
	display: flex;
	height: 50px;
	padding: 24.047px 17.813px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 8.906px;
	border: 1px solid rgba(239, 96, 0, 1);
	color: #fff;
	font-family: Manrope;
	font-size: 16px;
	font-style: normal;
	font-weight: 800;
	line-height: 21.375px;
	text-transform: uppercase;
	background: transparent;
	cursor: pointer;
	transition: all 0.2s ease;
}

.footer .container button:hover {
	transform: scale(1.03);
	box-shadow: 0 4px 15px rgba(239, 96, 0, 0.5);
}

.order-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 200;
	display: none;
	overflow-y: auto;
	background: rgba(2, 21, 35, 0.5);
	backdrop-filter: blur(8px);
}

.order-modal.show {
	display: block;
}

.order-modal .modal-content {
	max-width: 520px;
	padding: 28px 28px 40px 28px;
	position: absolute;
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
	transform-origin: top center;
	background-color: #f8f9fa;
	z-index: 300;
	width: 100%;
	border-radius: 18px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}

.order-modal .modal-content .close-btn {
	position: absolute;
	cursor: pointer;
	top: 16px;
	right: 18px;
	opacity: 0.5;
	transition: opacity 0.2s ease;
}

.order-modal .modal-content .close-btn:hover {
	opacity: 1;
}

.order-modal .modal-content h2 {
	color: #1a1a2e;
	text-align: center;
	font-family: Manrope, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	text-transform: none;
	margin-bottom: 18px;
	letter-spacing: -0.3px;
}

.order-modal .inputs {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
}

.order-modal .input-label {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 3px;
}

.select2.select2-container {
	width: 100% !important;
}

.select2-container--default .select2-selection--single {
	height: 34px !important;
	border-radius: 8px !important;
	border: 1px solid #e0e0e0 !important;
	background: #fff !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.select2-container--default .select2-selection--single:focus,
.select2-container--default.select2-container--open .select2-selection--single {
	border-color: #4CAF50 !important;
	box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.1) !important;
}

.select2-selection__rendered {
	color: #1a1a2e;
	font-family: Manrope, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	height: 100%;
	display: flex !important;
	align-items: center !important;
	padding-left: 14px !important;
}

.select2-container .select2-selection__arrow b {
	display: none;
}

.select2-container .select2-selection__arrow::after {
	content: "";
	display: inline-block;
	width: 13px;
	height: 8px;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="13" viewBox="0 0 19 13" fill="none"><g opacity="0.5" clip-path="url(%23clip0_2089_200)"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.42894 0.872698L0.307617 2.99402L7.37868 10.0651L9.50001 12.1864L11.6213 10.0651L18.6924 2.99402L16.5711 0.872698L9.5 7.94377L2.42894 0.872698Z" fill="black"/></g><defs><clipPath id="clip0_2089_200"><rect width="19" height="12" fill="white" transform="translate(0 0.800659)"/></clipPath></defs></svg>');
	background-repeat: no-repeat;
	background-size: contain;
	transition: transform 0.3s ease;
	position: absolute;
	top: 9px;
	right: 19px;
}

.select2-container--open .select2-selection__arrow::after {
	transform: rotate(180deg);
}

.custom-dropdown .select2-results__option {
	color: #1a1a2e;
	font-family: Manrope, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
}

.select2-container .select2-search--dropdown .select2-search__field {
	height: 36px;
	font-size: 14px;
	padding: 8px 12px;
	border-radius: 6px;
}

.calendar .calendar-header .title {
	display: block;
	color: #888;
	font-family: Manrope, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 12px;
	margin: 16px 0 4px 0;
}

.calendar .calendar-header .display-monthyear {
	border-radius: 0;
	border: none;
	background: transparent;
	padding: 8px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
}

.calendar .calendar-header .display-monthyear button {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	background: #fff;
	border: 1px solid #e0e0e0;
	transition: all 0.2s ease;
	box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}

.calendar .calendar-header .display-monthyear button:hover {
	background: #f0f0f0;
	border-color: #ccc;
}

.calendar .calendar-header .display-monthyear button.disable {
	background-color: #f5f5f5;
	border: 1px solid #eee;
	opacity: 0.5;
}

.calendar .calendar-header .display-monthyear button:active {
	transform: scale(0.95);
}

.calendar .calendar-header .display-monthyear button.disable:active {
	transform: none;
}

.calendar .calendar-header .display-monthyear .text {
	color: #1a1a2e;
	font-family: Manrope, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px;
	min-width: 160px;
	text-align: center;
}

.calendar .calendar-info {
	margin: 8px 0 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
}

.calendar .calendar-info .info-item {
	height: auto;
	padding: 4px 10px;
	color: #666;
	font-family: Manrope, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: 600;
	line-height: 16px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	gap: 5px;
}

.calendar .calendar-info .info-item::before {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	flex-shrink: 0;
}

.calendar .calendar-info .info-item.busy {
	background: transparent;
	color: #B71C1C;
}

.calendar .calendar-info .info-item.busy::before {
	background: #FFCDD2;
	border: 1px solid rgba(244, 67, 54, 0.3);
}

.calendar .calendar-info .info-item.empty {
	background: transparent;
	color: #1B5E20;
}

.calendar .calendar-info .info-item.empty::before {
	background: #C8E6C9;
	border: 1px solid rgba(76, 175, 80, 0.3);
}

.calendar .calendar-info .info-item.weekend {
	background: transparent;
	color: #888;
	opacity: 1;
}

.calendar .calendar-info .info-item.weekend::before {
	background: #e8e8e8;
	border: 1px solid #ddd;
}

.calendar .calendar-days {
	border-radius: 12px;
	border: none;
	background: transparent;
	padding: 12px 8px;
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	grid-gap: 6px;
}

.calendar .calendar-days .day {
	display: flex;
	width: 42px;
	height: 42px;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	background: linear-gradient(180deg, #E8F5E9 0%, #C8E6C9 100%);
	color: #1B5E20;
	font-family: Manrope, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: 1;
	cursor: pointer;
	transition: all 0.2s ease;
	margin: 0 auto;
	border: 1px solid rgba(76, 175, 80, 0.15);
}

.calendar .calendar-days .day.empty-block {
	background: none;
	border: none;
	cursor: default;
}

.calendar .calendar-days .day.busy {
	cursor: default;
	pointer-events: none;
	background: linear-gradient(180deg, #FFEBEE 0%, #FFCDD2 100%);
	color: #B71C1C;
	border: 1px solid rgba(244, 67, 54, 0.15);
}

.calendar .calendar-days .day.late {
	background: transparent;
	color: #bbb;
	opacity: 0.6;
	pointer-events: none;
	cursor: default;
	border: 1px solid #eee;
}

.calendar .calendar-days .day.weekend {
	background: #f5f5f5;
	color: #aaa;
	cursor: default;
	opacity: 0.7;
	pointer-events: none;
	border: 1px solid #eee;
}

.calendar .calendar-days .day:hover {
	transform: scale(1.1);
	box-shadow: 0 4px 12px rgba(76, 175, 80, 0.2);
}

.calendar .calendar-days .day.weekend:hover {
	transform: unset;
	box-shadow: none;
}

.calendar .calendar-days .day.active {
	border: 2px solid #ef6000;
	background: linear-gradient(180deg, #FFF3E0 0%, #FFE0B2 100%);
	color: #E65100;
	box-shadow: 0 4px 12px rgba(239, 96, 0, 0.25);
}

.calendar .calendar-days .day-text {
	color: #666;
	font-family: Manrope, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 28px;
	text-transform: lowercase;
	margin: 0 auto;
}

.calendar .calendar-days .day-text.weekend {
	color: #E57373;
}

.order-modal .input-label.address {
	width: 100%;
	margin-top: 20px;
}

.order-modal .input-label.address input,
.order-modal .input-label.address textarea {
	width: 100%;
}

.order-modal .input-label span {
	color: #888;
	font-family: Manrope, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 18px;
}

.order-modal .input-label input,
.order-modal .input-label textarea {
	width: 100%;
	height: 34px;
	display: flex;
	padding: 6px 14px;
	align-items: center;
	gap: 10px;
	border-radius: 8px;
	border: 1px solid #e0e0e0;
	background: #fff;
	outline: none;
	color: #1a1a2e;
	font-family: Manrope, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 14px;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.order-modal .input-label input:focus,
.order-modal .input-label textarea:focus {
	border-color: #4CAF50;
	box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.1);
}

.order-modal .input-label input::placeholder {
	color: #aaa;
	font-family: Manrope, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: 14px;
	opacity: 1;
}

.order-modal .your-data {
	margin-top: 16px;
}

.order-modal .your-data .inputs {
	margin-bottom: 12px;
}

.order-modal .your-data h4 {
	color: #1a1a2e;
	font-family: Manrope, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: -0.2px;
	margin-bottom: 8px;
}

.custom-checkbox {
	position: relative;
	width: 16px;
	height: 16px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 2.015px;
	margin-right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	flex: 0 0 auto;
}

.custom-checkbox svg {
	display: none;
}

input[type="checkbox"]:checked+.custom-checkbox {
	background: #20c863;
	border-color: #20c863;
}

input[type="checkbox"]:checked+.custom-checkbox svg {
	display: block;
	width: 16.119px;
	height: 11.418px;
}

.order-modal .final-checkboxes {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-top: 21px;
	margin-bottom: 21px;
}

.order-modal .final-checkboxes label {
	display: flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
}

.order-modal .final-checkboxes .text-label {
	color: #000;
	font-family: Manrope;
	font-size: 10px;
	font-style: normal;
	font-weight: 700;
	line-height: 13px;
	user-select: none;
}

.order-modal .submit-button {
	display: flex;
	width: 100%;
	height: 56px;
	padding: 16px;
	justify-content: center;
	gap: 10px;
	align-items: center;
	border-radius: 14px;
	background: #ef6000;
	color: #fff;
	text-align: center;
	font-family: Manrope, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px;
	text-transform: uppercase;
	cursor: pointer;
	transition: all 0.2s ease;
	border: none;
	box-shadow: 0 6px 20px rgba(239, 96, 0, 0.3);
	letter-spacing: 0.5px;
}
}

.order-modal .submit-button:hover {
	transform: scale(1.02);
	box-shadow: 0 8px 30px rgba(239, 96, 0, 0.8);
}

.order-modal .submit-button:disabled {
	background: #999;
	cursor: not-allowed;
	opacity: 0.7;
}

.order-modal .submit-button:disabled:hover {
	transform: none;
	box-shadow: none;
}

.order-modal .submit-button .arrows {
	display: flex;
	gap: 2px;
}

.order-modal .submit-button .arrows .arrow {
	height: 13px;
	width: 8px;
	opacity: 0.3;
}

.order-modal .submit-button .arrows.right .arrow {
	transform: scaleX(-1);
}

.order-modal .submit-button .arrow-1 {
	animation: blink 2s infinite 0.6s;
}

.order-modal .submit-button .arrow-2 {
	animation: blink 2s infinite 0.3s;
}

.order-modal .submit-button .arrow-3 {
	animation: blink 2s infinite 0s;
}

@keyframes blink {

	0%,
	100% {
		opacity: 0.3;
	}

	50% {
		opacity: 1;
	}
}

.order-modal .map {
	margin-top: 20px;
}

.order-modal .map span {
	color: #f60;
	font-family: Manrope;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.28px;
}

.order-modal .map #map {
	width: 100%;
	margin: 20px 0;
	height: 282px;
	border-radius: 20px;
}

.order-modal .map button {
	color: #fff;
	font-family: Manrope;
	font-size: 12px;
	font-style: normal;
	font-weight: 800;
	line-height: 16px;
	text-transform: uppercase;
	border-radius: 6.716px;
	background: linear-gradient(0deg, #ef6000 0%, #ef6000 100%), #fff;
	display: flex;
	height: 34px;
	padding: 9px 14px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border: none;
	transition: all 0.2s ease;
	cursor: pointer;
}

.order-modal .map button:hover {
	transform: scale(1.03);
	box-shadow: 0 4px 15px rgba(239, 96, 0, 0.5);
}

.order-modal .text-info {
	display: flex;
	flex-direction: column;
	padding: 23.5px 33.5px;
	align-items: flex-start;
	align-self: stretch;
	border-radius: 6.716px;
	border: 1px solid #f60;
	margin-top: 20px;
	background: #fff;
}

.order-modal .text-info p {
	color: #000;
	font-family: Manrope;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.36px;
}

.order-modal .text-info p span {
	font-weight: 700;
}

.order-modal .where-we-wash-car span {
	color: #212121;
	font-family: Manrope, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.3px;
	margin-bottom: 16px;
}

.order-modal .where-we-wash-car .variants {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.order-modal .where-we-wash-car .variant-item {
	display: flex;
	padding: 12px 16px;
	align-items: center;
	gap: 12px;
	border: 1px solid #E0E0E0;
	background: #F5F5F7;
	max-width: 240px;
	width: 100%;
	justify-content: center;
	cursor: pointer;
	margin-top: 12px;
	border-radius: 16px;
	transition: all 0.25s ease;
}

.order-modal .where-we-wash-car .variant-item:has(input:checked) {
	background: linear-gradient(180deg, #E8F5E9 0%, #C8E6C9 100%);
	border: 1px solid #A5D6A7;
	box-shadow: 0 8px 20px rgba(76, 175, 80, 0.25);
}

.order-modal .where-we-wash-car .variant-item input[type="radio"] {
	display: none;
}

.order-modal .where-we-wash-car .variant-item .custom-checkbox {
	width: 24px;
	height: 24px;
	min-width: 24px;
	margin: 0;
	border-radius: 6px;
	border: 1.5px solid #BCBCBC;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s ease;
}

.order-modal .where-we-wash-car .variant-item .custom-checkbox svg {
	display: none;
}

.order-modal .where-we-wash-car .variant-item input[type="radio"]:checked+.custom-checkbox {
	background: #2E7D32;
	border-color: #2E7D32;
}

.order-modal .where-we-wash-car .variant-item input[type="radio"]:checked+.custom-checkbox svg {
	display: block;
	width: 14px;
	height: 10px;
}

.order-modal .where-we-wash-car .variant-item .img-wrap {
	display: flex;
	gap: 6px;
	align-items: center;
}

.order-modal .where-we-wash-car .variant-item .img-wrap span {
	margin: 0;
	color: #212121;
	font-weight: 600;
	font-size: 13px;
}

.order-modal .where-we-wash-car .variant-item img {
	width: 80px;
	height: 56px;
	object-fit: cover;
	border-radius: 8px;
}

/* ===== Location sub-options ===== */
.location-sub-options {
	display: none;
	margin-top: 10px;
	padding: 16px;
	border-radius: 14px;
	background: #F9F9FB;
	border: 1px solid #E0E0E0;
	animation: fadeSlideIn 0.3s ease;
}

.location-sub-options.active {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

@keyframes fadeSlideIn {
	from { opacity: 0; transform: translateY(-8px); }
	to   { opacity: 1; transform: translateY(0); }
}

/* Both blocks same width, no shift */
.garage-sub-options,
.house-sub-options {
	max-width: 100%;
	margin-left: 0;
}

/* List of radio items */
.sub-options-list {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

/* Radio items inside sub-options */
.sub-option-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 12px;
	cursor: pointer;
	border-radius: 10px;
	transition: background 0.2s ease;
	margin: 0;
}

.sub-option-item:hover {
	background: #EEEEEE;
}

.sub-option-item:has(input:checked) {
	background: linear-gradient(180deg, #E8F5E9 0%, #C8E6C9 100%);
}

.sub-option-item input[type="radio"] {
	display: none;
}

.sub-checkbox {
	width: 22px;
	height: 22px;
	min-width: 22px;
	border-radius: 5px;
	border: 1.5px solid #BCBCBC;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s ease;
}

.sub-checkbox svg {
	display: none;
}

.sub-option-item input[type="radio"]:checked + .sub-checkbox {
	background: #2E7D32;
	border-color: #2E7D32;
}

.sub-option-item input[type="radio"]:checked + .sub-checkbox svg {
	display: block;
}

.sub-option-text {
	font-family: Manrope, sans-serif;
	font-size: 13px;
	font-weight: 600;
	color: #212121;
	line-height: 1.3;
	text-align: left;
}

/* Info text blocks — unified style for blue and yellow */
.sub-info-text {
	margin: 0;
	padding: 10px 14px;
	border-radius: 10px;
	background: #E3F2FD;
	border: 1px solid #BBDEFB;
}

.sub-info-text.warning {
	background: #FFF3E0;
	border-color: #FFE0B2;
}

.sub-info-text p {
	font-family: Manrope, sans-serif;
	font-size: 12px;
	font-weight: 500;
	color: #424242;
	margin: 3px 0;
	line-height: 1.4;
	text-align: left;
}

/* Individual info blocks under each radio (tent / no-tent) — same style as sub-info-text */
.sub-info-block {
	display: none;
	margin: 0 0 2px 0;
	padding: 10px 14px;
	border-radius: 10px;
	background: #E3F2FD;
	border: 1px solid #BBDEFB;
}

.sub-info-block p {
	font-family: Manrope, sans-serif;
	font-size: 12px;
	font-weight: 500;
	color: #424242;
	margin: 3px 0;
	line-height: 1.4;
	text-align: left;
}

/* Show info block when corresponding radio is checked */
.sub-option-item:has(input[value="with_tent"]:checked) ~ #tentInfoBlock,
.sub-option-item:has(input[value="without_tent"]:checked) ~ #noTentInfoBlock {
	display: block;
}


.select-what-we-need-todo {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.select-what-we-need-todo .top {
	border-radius: 10px;
	border: 1px solid #f60;
	padding: 8px 6px;
	display: flex;
	align-items: flex-start;
	gap: 20px;
	margin-top: 20px;
}

.select-what-we-need-todo .top .more-service {
	display: none;
}

.select-what-we-need-todo .top .left-section {
	display: flex;
	flex-direction: column;
	gap: 6px;
	/*width: 50%;*/
}

.select-what-we-need-todo .top .left-section h6 {
	color: #000;
	font-family: Manrope;
	font-size: 12px;
	font-style: normal;
	font-weight: 800;
	line-height: 13px;
}

.select-what-we-need-todo .top .left-section span {
	color: #000;
	font-family: Manrope;
	font-size: 10px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	margin-bottom: 14px;
}

.select-what-we-need-todo .top .left-section label {
	display: flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
}

.select-what-we-need-todo .top .left-section label span {
	margin: 0;
}

.select-what-we-need-todo .top .left-section label .custom-checkbox {
	min-width: 27px;
	width: 27px;
	height: 27px;
}

.select-what-we-need-todo .top .left-section label .text {
	color: #000;
	font-family: Manrope;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 13px;
	user-select: none;
}

.select-what-we-need-todo .top .right-section {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.select-what-we-need-todo .top .right-section h6 {
	color: #000;
	font-family: Manrope;
	font-size: 12px;
	font-style: normal;
	font-weight: 800;
	line-height: 13px;
}

.select-what-we-need-todo .top .right-section span {
	color: #000;
	font-family: Manrope;
	font-size: 10px;
	font-style: normal;
	font-weight: 500;
	line-height: 13px;
	margin-bottom: 20px;
}

.select-what-we-need-todo .top .right-section .item {
	display: flex;
	align-items: center;
	gap: 6px;
}

.select-what-we-need-todo .top .right-section .item .icon {
	border-radius: 3.358px;
	background: #fd2016;
	display: flex;
	width: 27px;
	height: 27px;
	align-items: center;
	justify-content: center;
}

.select-what-we-need-todo .top .right-section .item span {
	color: #000;
	font-family: Manrope;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 13px;
	margin: 0;
}

.select-what-we-need-todo .center {
	border-radius: 6.716px;
	border: 1px solid #f60;
	padding: 10px 6px;
}

.select-what-we-need-todo .center label {
	display: flex;
	align-items: center;
	cursor: pointer;
	user-select: none;
	gap: 10px;
}

.select-what-we-need-todo .center label span {
	color: #000;
	font-family: Manrope;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 13px;
}

.select-what-we-need-todo .center label .custom-checkbox {
	width: 27px;
	height: 27px;
	flex: 0 0 auto;
}

.select-what-we-need-todo .center label h5 {
	color: #000;
	font-family: Manrope;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: 13px;
	margin-left: auto;
}

.select-what-we-need-todo .center label h5 span {
	color: #f60;
	font-family: Manrope;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: 13px;
}

.select-what-we-need-todo .bottom {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 13.43px 0;
	margin-bottom: 20px;
}

.select-what-we-need-todo .bottom h6 {
	color: #000;
	text-align: center;
	font-family: Manrope;
	font-size: 16px;
	font-style: normal;
	font-weight: 800;
	line-height: normal;
	letter-spacing: -0.32px;
	margin-bottom: 26px;
}

.select-what-we-need-todo .bottom .new-price {
	display: flex;
	align-items: center;
	gap: 10px;
	height: 86.327px;
}

.select-what-we-need-todo .bottom .new-price .price {
	color: #f60;
	font-family: Manrope;
	font-size: 120.894px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -2.418px;
}

.select-what-we-need-todo .bottom .new-price .price span {
	font-size: 57.089px;
	margin-left: -22px;
}

.select-what-we-need-todo .bottom .new-price .euro {
	display: flex;
	flex-direction: column;
	gap: 0;
	align-items: center;
	justify-content: flex-end;
	margin-top: 7px;
}

.select-what-we-need-todo .bottom .new-price .euro span {
	color: #f60;
	font-family: Manrope;
	font-size: 47.014px;
	font-style: normal;
	font-weight: 800;
	line-height: 55px;
	letter-spacing: -1.4px;
}

.select-what-we-need-todo .bottom .new-price .euro span.num {
	font-size: 57.089px;
}

.wash-start-time {
	border-radius: 12px;
	border: none;
	margin-top: 16px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 0;
}

.wash-start-time h5 {
	color: #666;
	font-family: Manrope, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 16px;
}

.wash-start-time .hours {
	display: flex;
	align-items: stretch;
	gap: 12px;
	justify-content: center;
}

.wash-start-time .hours .hour {
	flex: 1;
	min-height: 70px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.6);
	color: #1a1a2e;
	font-family: Manrope, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -0.5px;
	transition: all 0.2s ease;
	cursor: default;
	position: relative;
}

.wash-start-time .hours .hour span {
	font-size: 22px;
	font-weight: 600;
}

.wash-start-time .hours .hour input[type="radio"] {
	display: none;
}

.wash-start-time .hours .hour.disable {
	color: #999;
	background: #f0f0f0;
	border: 1px solid #e8e8e8;
	box-shadow: none;
}

.wash-start-time .hours .hour.empty {
	color: #1B5E20;
	background: linear-gradient(180deg, #E8F5E9 0%, #C8E6C9 100%);
	border: 1px solid rgba(255, 255, 255, 0.6);
	box-shadow: 0 10px 20px rgba(76, 175, 80, 0.2);
	cursor: pointer;
}

.wash-start-time .hours .hour.empty:hover,
.wash-start-time .hours .hour.active:hover {
	transform: translateY(-2px);
	box-shadow: 0 15px 25px rgba(76, 175, 80, 0.3);
}

.wash-start-time .hours .hour.busy {
	color: #B71C1C;
	background: linear-gradient(180deg, #FFEBEE 0%, #FFCDD2 100%);
	border: 1px solid rgba(255, 255, 255, 0.6);
	box-shadow: 0 10px 20px rgba(244, 67, 54, 0.15);
}

.wash-start-time .hours .hour.active {
	color: #E65100;
	border: 2px solid #ef6000;
	background: linear-gradient(180deg, #FFF3E0 0%, #FFE0B2 100%);
	box-shadow: 0 10px 20px rgba(239, 96, 0, 0.25);
	cursor: pointer;
}

.wash-start-time .hours .hour:not(.busy):has(input:checked) {
	color: #E65100;
	border: 2px solid #ef6000;
	background: linear-gradient(180deg, #FFF3E0 0%, #FFE0B2 100%);
	box-shadow: 0 10px 20px rgba(239, 96, 0, 0.25);
	cursor: pointer;
}

.wash-start-time .hours .hour .hour-desc {
	font-size: 11px;
	font-weight: 500;
	opacity: 0.7;
	margin-top: 2px;
}

.order-modal .text-info-label {
	color: #E53935;
	font-family: Manrope, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: 18px;
	margin-top: 4px;
}

.error-message {
	color: #E53935;
	font-family: Manrope, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: 18px;
	margin-top: -8px;
}

.order-modal .step {
	display: none;
}

.order-modal .step.active {
	display: flex;
}

.order-modal .step-2.block.active {
	display: block;
}

.order-modal .step-3.block.active {
	display: block;
}

.order-modal .step-4.block.active {
	display: block;
}

.footer .prava-mb {
	display: none;
}

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

.success-modal.show {
	display: block;
}

.success-modal .overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(2, 21, 35, 0.3);
	backdrop-filter: blur(20.700000762939453px);
}

.success-modal .modal-content {
	overflow-y: auto;
	max-height: 95vh;
	max-width: 497px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 32px 32px 39px 32px;
	background-color: white;
	z-index: 300;
	width: 100%;
	border-radius: 20px;
}

.success-modal .close-btn {
	position: absolute;
	cursor: pointer;
	right: 27px;
	top: 27px;
}

.success-modal h2 {
	color: #000;
	text-align: center;
	font-family: Tektur;
	font-size: 29.957px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.success-modal .success-info {
	display: flex;
	padding: 20px 30px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	color: #000;
	text-align: center;
	font-family: Manrope;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.28px;
	border-radius: 5.991px;
	border: 0.599px solid #f60;
}

.success-modal .success-info p {
	color: #000;
	text-align: center;
	font-family: Manrope;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.48px;
}

.success-modal p {
	color: #000;
	font-family: Manrope;
	font-size: 10px;
	font-style: normal;
	font-weight: 800;
	line-height: 21px;
	margin: 20px 0;
}

.success-modal span {
	color: #000;
	font-family: Manrope;
	font-size: 10px;
	font-style: normal;
	font-weight: 500;
	line-height: 11.983px;
}

.success-modal button {
	display: flex;
	width: 100%;
	height: 63px;
	padding: 21.5px;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	background: #ef6000;
	cursor: pointer;
	transition: all 0.2s ease;
	border: none;
	margin-top: 20px;
	gap: 8.58px;
}

.success-modal button span {
	color: #fff;
	text-align: center;
	font-family: Manrope;
	font-size: 16px;
	font-style: normal;
	font-weight: 800;
	line-height: 20px;
	text-transform: uppercase;
}

.success-modal button:hover {
	transform: scale(1.02);
	box-shadow: 0 8px 30px rgba(239, 96, 0, 0.8);
}

.success-modal button .arrows {
	display: flex;
	gap: 2px;
}

.success-modal button .arrows .arrow {
	height: 11px;
	width: 7px;
	opacity: 0.3;
}

.success-modal button .arrows.right .arrow {
	transform: scaleX(-1);
}

.success-modal button .arrow-1 {
	animation: blink 2s infinite 0.6s;
}

.success-modal button .arrow-2 {
	animation: blink 2s infinite 0.3s;
}

.success-modal button .arrow-3 {
	animation: blink 2s infinite 0s;
}

.mobile-size-btn {
	display: none;
}

.card-day {
	text-align: center;
}

.card-day span {
	display: block;
}

/* territory */
.territory {
	background: linear-gradient(167deg,
			rgba(0, 0, 0, 0) 87.02%,
			rgba(2, 21, 35, 0.5) 97.95%),
		linear-gradient(180deg,
			rgba(2, 25, 41, 0.2) 2.36%,
			rgba(2, 21, 34, 0.2) 18.28%),
		#021523;
	background-image: url(../img/territory-bg.png);
	background-size: cover;
	padding: 41px 0 62px 0;
}

.territory h3 {
	text-align: center;
	font-family: "Tektur";
	font-size: 45px;
	font-style: normal;
	font-weight: 600;
	line-height: 110%;
	/* 49.5px */
	text-transform: uppercase;
	background: linear-gradient(to right,
			rgba(255, 102, 0, 1),
			rgba(255, 153, 51, 1) 30%,
			rgba(255, 153, 51, 1) 70%,
			rgba(255, 102, 0, 1));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.territory h2 {
	color: #fff;
	text-align: center;
	font-family: "Tektur";
	font-size: 30px;
	font-style: normal;
	font-weight: 600;
	line-height: 110%;
	letter-spacing: 2.1px;
	text-transform: uppercase;
	max-width: 609px;
	margin: 0 auto;
	margin-top: 20px;
}

.territory-block {
	border-radius: 20px;
	border: 0.5px solid #fff;
	background: #021523;
	backdrop-filter: blur(5px);
	height: 490px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	margin-top: 40px;
}

.territory-infos {
	background: radial-gradient(83.69% 115.38% at 130.94% 40.51%,
			rgba(255, 255, 255, 0.2) 0%,
			rgba(255, 255, 255, 0) 75.53%),
		#081b28;
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	padding-left: 24px;
}

.territory-infos ul {
	list-style: none;
	color: #fff;
	font-family: "Tektur";
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	line-height: 110%;
	letter-spacing: -0.44px;
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.territory-infos ul .yellow,
.territory-infos ul span {
	color: #f60;
}

.territory-infos button {
	border-radius: 7.711px;
	background: linear-gradient(0deg, #ef6000 0%, #ef6000 100%), #fff;
	padding: 13px 27px;
	color: #fff;
	font-family: "Manrope";
	font-size: 13.88px;
	font-style: normal;
	font-weight: 800;
	line-height: 18.507px;
	text-transform: uppercase;
	width: fit-content;
	margin-top: 40px;
	cursor: pointer;
	border: none;
}

.territory-infos button:hover {
	transform: scale(1.03);
	box-shadow: 0 4px 15px rgba(239, 96, 0, 0.5);
}

.territory-map {
	border-radius: 10px 20px 20px 10px;
	border: 1px solid #fff;
	width: 584px;
	flex: 0 0 auto;
	height: 100%;
}

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

.zoom-button {
	position: absolute;
	top: 41px;
	right: 53px;
	cursor: pointer;
	background: transparent;
	border: none;
}

/* Modal Styles */
#mapModal.modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	justify-content: center;
	align-items: center;
	z-index: 1000;
}

#mapModal .modal-content {
	position: relative;
	background: transparent;
	width: fit-content;
	/* max-width: 900px; */
	border-radius: 10px;
	height: calc(100vh - 92px);
	overflow: hidden;
}

#modalMap {
	height: 100%;
}

#modalMap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#mapModal .close-map-modal {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 20px;
	cursor: pointer;
	z-index: 100;
}

#mapModal .close-map-modal img {
	width: 50px;
	height: 50px;
}

.territory-new {
	color: #fff;
	font-family: "Tektur";
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 110%;
	text-transform: lowercase;
	max-width: 584px;
	margin: 20px 0 auto auto;
}

.territory-new span {
	color: #f60;
}

/* services */
.services {
	background-image: url(../img/services_bg.png);
	background-size: cover;
	padding: 56px 0;
	position: relative;
	margin-top: 90px;
}

.services::before {
	content: "";
	position: absolute;
	left: -5%;
	top: -80px;
	z-index: 2;
	width: 110%;
	height: 116px;
	border-radius: 2250px;
	background: linear-gradient(90deg,
			#042135 1.74%,
			#021b2c 21.02%,
			#04263b 45.23%,
			#031d2f 74.46%,
			#031827 91.02%);
	filter: blur(20px);
}

.services-title {
	color: #fff;
	text-align: center;
	font-family: "Tektur";
	font-size: 34.005px;
	font-style: normal;
	font-weight: 600;
	line-height: 110%;
	text-transform: uppercase;
	width: fit-content;
	margin: 0 auto;
	position: relative;
}

.services-title .not-service {
	color: #ff6f10;
	padding-left: 250px;
	display: flex;
	align-items: center;
	gap: 5px;
}

.services-title .not-service img {
	animation: warning infinite 1.3s;
	animation-delay: 0.3s;
}

.services-block {
	position: relative;
	margin-top: 6px;
	max-width: 936px;
	margin: 0 auto;
}

.services-block-title {
	width: 440px;
	background-image: url(../img/services-title-bg.png);
	background-size: cover;
	min-height: 64px;
	text-align: center;
	padding-top: 6px;
	color: #2a2a2a;
	text-align: center;
	font-family: "Tektur";
	font-size: 29.755px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	text-transform: uppercase;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.services-row {
	display: flex;
	margin-top: 32px;
	justify-content: space-between;
}

.services-item {
	width: 100%;
	border-radius: 17.003px;
	background: #fff;
	padding: 28px 25px;
	padding-bottom: 43px;
	position: relative;
	height: fit-content;
	min-height: 458px;
}

.services-item h4 {
	display: flex;
	align-items: center;
	gap: 5px;
	justify-content: center;
	color: #000;
	text-align: center;
	font-family: "Tektur";
	font-size: 34.005px;
	font-style: normal;
	font-weight: 600;
	line-height: 110%;
	text-transform: uppercase;
	position: relative;
	width: fit-content;
	margin: 0 auto;
	min-width: 221px;
}

.services-item h4::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 11px;
	background-image: url(../img/yes-line.svg);
	bottom: -10px;
	background-repeat: no-repeat;
	background-size: cover;
}

.services-item.no h4 {
	min-width: 221px;
}

.services-item.no h4 img {
	animation: warning infinite 1.3s;
}

@keyframes warning {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.3;
	}

	100% {
		opacity: 1;
	}
}

.services-item.no h4::after {
	background-image: url(../img/no-line.svg);
}

.services-item-image {
	width: 100%;
	margin-top: 30px;
}

.services-item-image img {
	width: 100%;
}

.services-item ul {
	display: flex;
	flex-direction: column;
	margin-top: 22px;
	list-style: none;
	color: #031c2f;
	font-family: Manrope;
	font-size: 11.902px;
	font-style: normal;
	font-weight: 800;
	line-height: 105%;
	text-transform: uppercase;
	gap: 11px;
	position: relative;
	max-height: 130px;
	overflow: hidden;
	transition: 0.3s all ease;
	/* Fix for iOS Safari */
	-webkit-transition: 0.3s all ease;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	will-change: max-height;
}

.services-item ul.active {
	max-height: 500px;
	transition: 0.3s all ease;
	-webkit-transition: 0.3s all ease;
	margin-bottom: 10px;
	/* Fix for iOS Safari */
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.services-item ul.active::after {
	opacity: 0;
}

.services-item ul:after {
	content: "";
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, #fff 100.2%);
	width: 100%;
	height: 111px;
	bottom: 0;
	left: 0;
	position: absolute;
}

@media (max-width: 768px) {
	.services-item ul:after {
		display: none;
	}
}

.services-item li {
	padding-left: 13px;
	position: relative;
}

.services-item.yes li::after {
	content: "";
	width: 9px;
	height: 9px;
	background-image: url(../img/check-green.svg);
	position: absolute;
	left: 0;
	background-size: cover;
	top: 0;
}

.services-item.no li::after {
	content: "";
	width: 9px;
	height: 9px;
	position: absolute;
	left: 0;
	background-size: cover;
	top: 0;
	background-image: url(../img/check-red.svg);
}

.services-item button {
	display: flex;
	width: 100%;
	height: 43px;
	padding: 20px 15px;
	justify-content: center;
	align-items: center;
	gap: 94px;
	flex-shrink: 0;
	border-radius: 10px;
	border: none;
	background: #ef6000;
	cursor: pointer;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 3;
}

.services-item button .arrows {
	display: flex;
	gap: 0;
	flex-direction: column;
}

.services-item button .arrows svg {
	width: 10px;
	transition: 0.3s al ease;
}

.services-item button.clicked {
	margin-top: 20px;
}

.services-item button .arrow-1 {
	animation: blink 2s infinite 0.6s;
}

.services-item button .arrow-2 {
	animation: blink 2s infinite 0.3s;
}

.services-item button .arrow-3 {
	animation: blink 2s infinite 0s;
}

.services-item button .arrow-1.rotate {
	animation: blink 2s infinite 0s;
}

.services-item button .arrow-2.rotate {
	animation: blink 2s infinite 0.3s;
}

.services-item button .arrow-3.rotate {
	animation: blink 2s infinite 0.6s;
}

.services-item button .arrows svg.rotate {
	transform: rotate(180deg);
}

.services-swiper .first-prev-services::after,
.services-swiper .first-next-services::after,
.services-swiper .second-prev-services::after,
.services-swiper .second-next-services::after {
	display: none;
}

.first-prev-services .arrow {
	transition: 0.3s al ease;
}

.first-next-services .arrow {
	transition: 0.3s al ease;
	transform: rotate(180deg);
}

.first-prev-services .arrow.arrow-1,
.first-next-services .arrow.arrow-1 {
	animation: blink 2s infinite 0.6s;
}

.first-prev-services .arrow.arrow-2,
.first-next-services .arrow.arrow-2 {
	animation: blink 2s infinite 0.3s;
}

.first-prev-services .arrow.arrow-3,
.first-next-services .arrow.arrow-3 {
	animation: blink 2s infinite 0s;
}

.services-swiper .first-prev-services {
	background-color: #ff6600;
	width: 122px;
	height: 51px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	top: 22px;
	left: 0;
}

.services-swiper .first-next-services {
	background-color: #ff6600;
	width: 122px;
	height: 51px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	right: 0;
	top: 22px;
}

.services-swiper .second-prev-services {
	width: 35px;
	height: 35px;
	background-color: rgba(255, 102, 0, 0.27);
	border: 1px solid #000;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 50%;
	left: 0;
	justify-content: start;
	padding-left: 4px;
	top: 300px;
}

.services-swiper .second-next-services {
	width: 35px;
	height: 35px;
	background-color: rgba(255, 102, 0, 0.27);
	border: 1px solid #000;
	/*box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);*/
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	border-radius: 50%;
	right: 0;
	display: flex;
	align-items: center;
	padding-right: 4px;
	justify-content: end;
	top: 300px;
}

.swiper-button-next svg,
.swiper-button-prev svg {
	width: fit-content !important;
	height: fit-content !important;
}

.services-swiper {
	max-width: 976px;
	padding: 0 20px;
}

.services-pagination {
	top: 72px !important;
	bottom: auto !important;
	display: flex;
	gap: 5px;
	justify-content: center;
}

.services-pagination .swiper-pagination-bullet {
	width: 85px;
	height: 9px;
	border-radius: 0.85px;
	background: #fff;
	opacity: 1;
}

.services-pagination .swiper-pagination-bullet-active {
	background: #f60;
}

.swiper-mobile-buttons {
	display: none;
}

.header-menu {
	position: fixed;
	background-color: #2b3a45;
	padding: 12px 3px;
	height: 499px;
	max-width: 387px;
	width: 100%;
	transition: 0.3s all ease;
	right: 20px;
	border-radius: 34px;
	top: -100vh;
	border: 1px solid #7676801f;
	box-shadow: 0px 4px 8px 3px #00000026;
	z-index: 10001;
}

.header-menu.active {
	top: 90px;
}

.header-menu .header-menu-nav {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.header-menu .header-menu-nav span{
	text-align: left;
}

.header-menu a {
	color: #032a46;
	text-decoration: none;
	font-family: Manrope;
	font-size: 14px;
	font-style: normal;
	font-weight: 800;
	line-height: 24px;
	text-transform: uppercase;
	position: relative;
	display: flex;
	gap: 10px;
	align-items: center;
	z-index: 2;
	height: 48px;
	padding-left: 17px;
	cursor: pointer;
}

.header-menu a span {
	line-height: 0.98;
}

.header-menu a:hover svg path {
	transition: 0.3s all ease;
}

.header-menu a:hover svg path {
	fill: #ff6600;
}

.header-menu a svg {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

.header-menu-bg {
	background: rgba(3, 42, 70, 0.7);
	height: 100vh;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10000;
	opacity: 0;
	visibility: hidden;
}

.header-menu-bg.active {
	visibility: visible;
	opacity: 1;
}

/* response */
.response {
	padding-top: 85px;
	padding-bottom: 145px;
	background: linear-gradient(180deg,
			rgba(2, 26, 43, 0.3) 7.78%,
			rgba(2, 26, 43, 0.3) 25.79%);
}

.response .container {
	max-width: 1321px;
}

.response-title {
	text-align: center;
	font-family: "Tektur";
	font-size: 45px;
	font-style: normal;
	font-weight: 600;
	line-height: 110%;
	text-transform: uppercase;
	background: linear-gradient(to right,
			rgba(255, 102, 0, 1),
			rgba(255, 153, 51, 1) 30%,
			rgba(255, 153, 51, 1) 70%,
			rgba(255, 102, 0, 1));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.response-block {
	position: relative;
	padding-top: 60px;
}

.response-block::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 1321px;
	background: rgba(4, 47, 77, 0.6);
	mix-blend-mode: screen;
	filter: blur(100px);
	z-index: -1;
}

.response-row {
	display: flex;
	gap: 24px;
	justify-content: center;
}

.response-item {
	border-radius: 20px;
	background: linear-gradient(259deg,
			rgba(255, 255, 255, 0.4) 17.59%,
			rgba(255, 255, 255, 0) 55.23%),
		#ef6000;
	box-shadow: 0px 11.59px 22.89px 0px rgba(0, 0, 0, 0.2);
	padding: 10px 0;
	min-height: 380px;
	height: fit-content;
	width: 200px;
}

.response-item:last-child {
	display: none;
}

.response-item:nth-child(2) {
	border-radius: 20px;
	background: linear-gradient(259deg,
			rgba(255, 255, 255, 0.4) 17.59%,
			rgba(255, 255, 255, 0) 55.23%),
		#dc9566;
	box-shadow: 0px 11.59px 22.89px 0px rgba(0, 0, 0, 0.2);
}

.response-item:nth-child(3) {
	border-radius: 20px;
	background: linear-gradient(259deg,
			rgba(255, 255, 255, 0.4) 17.59%,
			rgba(255, 255, 255, 0) 55.23%),
		#d9a887;
	box-shadow: 0px 11.59px 22.89px 0px rgba(0, 0, 0, 0.2);
}

.response-item:nth-child(4) {
	border-radius: 20px;
	background: linear-gradient(259deg,
			rgba(255, 255, 255, 0.4) 17.59%,
			rgba(255, 255, 255, 0) 55.23%),
		#d5b299;
	box-shadow: 0px 11.59px 22.89px 0px rgba(0, 0, 0, 0.2);
}

.response-item:nth-child(5) {
	background: linear-gradient(259deg,
			rgba(255, 255, 255, 0.4) 17.59%,
			rgba(255, 255, 255, 0) 55.23%),
		#d5cdc7;
}

.response-item:nth-child(2),
.response-item:nth-child(4) {
	margin-top: 30px;
}

.response-item:nth-child(3) {
	margin-top: 60px;
}

.response-item-top {
	position: relative;
}

.response-item-top .icon_number {
	position: absolute;
	width: 49px;
	height: 49px;
	background-color: #fff;
	border-radius: 5px 10px 5px 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	right: 10px;
}

.response-item-top .icon_number svg {
	width: 23px;
	height: 33px;
}

.response-item-name {
	color: #031825;
	font-family: "Tektur";
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 110%;
	letter-spacing: -0.36px;
	margin-top: 30px;
	padding: 0 10px;
}

.response-item p {
	color: #021725;
	font-family: "Tektur";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 110%;
	letter-spacing: -0.32px;
	margin-top: 10px;
	padding: 0 10px;
}

.not-wash {
	/*padding-top: 272px;*/
}

.not-wash-block {
	border-radius: 30px;
	background: #fff;
	position: relative;
	padding: 0 13px 17px 13px;
}

.not-wash-block .disc-1 {
	position: absolute;
	top: 8px;
	left: 11px;
}

.not-wash-block .disc-2 {
	position: absolute;
	top: 6px;
	right: 17px;
}

.not-wash-block .disc-3 {
	position: absolute;
	left: 11px;
	bottom: 17px;
}

.not-wash-block .disc-4 {
	position: absolute;
	right: 17px;
	bottom: 13px;
}

.not-wash-title {
	color: #ff9651;
	text-align: center;
	font-family: "Tektur";
	font-size: 35px;
	font-style: normal;
	font-weight: 600;
	line-height: 110%;
	height: 38px;
	width: 80%;
	text-transform: uppercase;
	background: #032a46;
	margin: auto;
}

.not-wash-row {
	display: flex;
	justify-content: space-between;
	margin-top: 17px;
}

.not-wash-item {
	display: flex;
	flex-direction: column;
}

.not-wash-item-images {
	background: #d9d9d9;
	height: 160px;
	display: flex;
	flex-direction: column;
	position: relative;
	justify-content: space-between;
}

.not-wash-item-images::after {
	content: "";
	position: absolute;
	width: 5px;
	height: 214px;
	background-color: #fd2016;
	transform: rotate(55deg);
	right: 50%;
	top: -17%;
}

.not-wash-item-images::before {
	content: "";
	position: absolute;
	width: 5px;
	height: 214px;
	background-color: #fd2016;
	transform: rotate(-55deg);
	right: 50%;
	top: -17%;
}

.not-wash-item-top,
.not-wash-item-bottom {
	display: flex;
	justify-content: center;
	align-items: start;
}

.not-wash-item-top img,
.not-wash-item-bottom img {
	width: 50%;
	height: 100%;
	object-fit: cover;
}

.not-wash-item-bottom {
	align-items: end;
}

.not-wash-item-name {
	color: #000;
	text-align: center;
	font-family: "Tektur";
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	margin-top: 10px;
	text-transform: uppercase;
}

.prev-response,
.next-response {
	display: none !important;
}
.item-grid__left {
	margin-top: -20px;
}
@keyframes blink {

	0%,
	100% {
		opacity: 0.3;
	}

	50% {
		opacity: 1;
	}
}

@media (max-width: 1600px) {
	.intro-wrapper .header {
		height: 90px;
	}

	.intro-wrapper .header .container {
		height: 90px;
	}

	.intro-wrapper .header .logo img {
		object-fit: contain;
		height: 90px;
		width: 100%;
	}

	.intro-wrapper h1 {
		padding-top: 0;
	}
}

@media (max-width: 1500px) {
	.vip-card h2 {
		font-size: 55px;
	}

	.vip-card .card-content .left {
		margin: 20px;
	}

	.vip-card .card-content .center button {
		width: 500px;
		font-size: 30px;
		padding: 25px 50px;
		height: unset;
	}

	.vip-card .card-content .right-card {
		right: -60px;
	}
}

@media (max-width: 1300px) {
	.vip-card h2 {
		font-size: 50px;
	}

	.vip-card .card-content p {
		white-space: wrap;
		text-align: center;
		line-height: unset;
	}

	.vip-card .card-content .center button {
		width: 400px;
		font-size: 25px;
		padding: 25px 30px;
	}
}

@media (max-width: 1280px) {
	.intro .intro-content {
		gap: 60px;
		transform: scale(0.9);
	}

	.intro-wrapper h1 {
		padding: 0;
	}

	.vip-card {
		top: -250px;
	}

	.wash-car .wash-car-content .or {
		display: none;
	}

	.footer {
		padding-bottom: 30px;
	}

	.footer .prava {
		display: none;
	}

	.footer .container {
		flex-direction: column;
		gap: 0;
	}

	.footer .container .actions {
		flex-direction: column-reverse;
	}

	.footer .prava-mb {
		display: block;
		margin-top: 20px;
	}
}

@media (max-width: 1150px) {
	.vip-card {
		width: 100%;
	}

	.wash-car {
		padding-top: 130px;
	}

	.vip-card .card-content {
		height: 760px;
		width: 100%;
	}

	.vip-card .card-content .left {
		padding-top: 20px;
		width: 100%;
		gap: 0;
	}

	.vip-card .card-content .left .num {
		font-size: 100px;
	}

	.vip-card .card-content .left .day {
		font-size: 30px;
	}

	.vip-card .card-content p {
		font-size: 16px;
	}

	.vip-card .card-content .center button {
		top: unset;
		bottom: 50px;
	}

	.vip-card .card-content .right-card {
		right: 23%;
		top: 270px;
	}

	.not-wash {
		/*padding-top: 672px;*/
	}

	.not-wash-item {
		width: 25%;
		justify-content: space-between;
	}

	.not-wash-item-top img,
	.not-wash-item-bottom img {
		width: 50%;
	}
}

@media (max-width: 1100px) {
	.intro .intro-content {
		flex-direction: column;
		gap: 60px;
		transform: scale(1);
	}

	.intro-wrapper h1 {
		padding-bottom: 30px;
	}

	.vip-card h2 {
		font-size: 40px;
		text-align: center;
		justify-content: center;
	}

	.intro-wrapper .language-select button {
		padding: 1px;
		background: #000;
		box-shadow: 0px 4px 15.2px 0px rgba(0, 0, 0, 0.2);
		background: rgba(0, 0, 0, 0.5);
	}

	.intro-wrapper .language-select button span {
		display: none;
	}

	.intro-wrapper .language-select button.active {
		border-color: #f60;
		background: transparent;
	}

	.intro-wrapper .header-actions button {
		font-size: 16px;
		padding: 17px 10px;
	}

	.wash-car .wash-car-content {
		flex-direction: column;
		align-items: center;
		gap: 40px;
	}

	.wash-car .wash-car-content .or {
		display: block;
		margin-bottom: 50px;
	}

	.territory-map {
		width: 50%;
	}

	.territory-new {
		max-width: 50%;
	}

	.response-row {
		flex-wrap: wrap;
	}

	.response-item:nth-child(4) {
		margin-top: 0;
	}

	.response-item:nth-child(3) {
		margin-top: 30px;
	}
}

@media (max-width: 911px) {
	.response-item {
		margin-top: 0 !important;
	}
}

@media (max-width: 880px) {
	.vip-card h2 {
		font-size: 28px;
	}

	.vip-card .card-content .right-card {
		right: 18%;
	}

	.intro .intro-content {
		gap: 10px;
	}

	.intro .intro-content .intro-package {
		flex-direction: column;
		align-items: center;
		gap: 11px;
	}

	.intro h1 {
		color: #fff;
		text-align: center;
		font-family: Tektur;
		font-size: 28px;
		font-style: normal;
		font-weight: 700;
		line-height: 110%;
		text-transform: uppercase;
		padding: 10px 0;
		max-width: 450px;
		margin: 0 auto;
	}

	.intro .intro-content h3 {
		color: #fff;
		text-align: center;
		font-family: Manrope;
		font-size: 16px;
		font-style: normal;
		font-weight: 800;
		line-height: 110%;
		text-transform: uppercase;
	}

	.intro .intro-content .intro-package .right {
		display: none;
	}

	.intro .intro-content .intro-package .price-content .old-price-wrapper h4 {
		color: #fff;
		font-family: Manrope;
		font-size: 16px;
		font-style: normal;
		font-weight: 700;
		line-height: 20px;
		width: 168px;
		text-align: center;
	}

	.intro .intro-content .intro-package .price-content .old-price-flex {
		flex-direction: row;
	}

	.intro .intro-content .intro-package .price-content .old-price {
		gap: 10px;
		height: 60px;
	}

	.intro .intro-content .intro-package .price-content .old-price .price {
		color: #cbcbcb;
		font-family: Manrope;
		font-size: 30px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		filter: blur(1px);
		-webkit-text-stroke-color: #ef6000;
		-webkit-text-stroke-width: 1px;
	}

	.intro .intro-content .intro-package .price-content .old-price .percent {
		color: #fff;
		font-family: Manrope;
		font-size: 30px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: -0.6px;
	}

	.intro .intro-content .intro-package .price-content .new-price {
		margin-top: -60px;
	}

	.intro .intro-content .intro-package .price-content .new-price .price {
		color: #f60;
		font-family: Manrope;
		font-size: 114.652px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: -2.293px;
	}

	.intro .intro-content .intro-package .price-content .new-price .euro span {
		font-size: 44.541px;
		line-height: 44px;
	}

	.intro .intro-content .price-content .new-price .euro span.num {
		font-size: 54px;
	}

	.intro .intro-content .mini-info {
		gap: 20px;
	}

	.order-modal .modal-content {
		border-radius: 15px;
		padding: 30px 10px;
		width: calc(100% - 20px);
	}

	.order-modal .modal-content .close-btn {
		width: 35px;
		height: 35px;
	}

	.order-modal .modal-content .close-btn img {
		width: 100%;
	}

	.order-modal .modal-content h2 {
		color: #000;
		text-align: center;
		font-family: Tektur;
		font-size: 30px;
		font-style: normal;
		font-weight: 700;
		line-height: 110%;
		text-transform: uppercase;
	}

	.order-modal .modal-content .inputs {
		flex-direction: column;
	}

	.select2.select2-container {
		width: 100% !important;
	}

	.order-modal .modal-content .inputs label {
		width: 100%;
	}

	.order-modal .modal-content .inputs label input {
		width: 100%;
	}

	.order-modal .modal-content::-webkit-scrollbar {
		width: 6px;
	}

	.order-modal .modal-content::-webkit-scrollbar-thumb {
		background-color: #ccc;
		border-radius: 10px;
	}

	.order-modal .modal-content::-webkit-scrollbar-track {
		background-color: #f1f1f1;
		margin: 10px 0;
	}

	.services {
		background: linear-gradient(180deg,
				#031b2d -17.94%,
				#fff 26.04%,
				#fff 82.99%,
				#02192a 126.25%);
		padding: 24px 0;
	}

	.services::after,
	.services::before {
		display: none;
	}

	.services-row {
		flex-direction: column;
		gap: 18px;
	}

	.services-item {
		width: 100%;
	}

	.services-title .not-service {
		flex-direction: row-reverse;
	}

	.services-title .not-service img {
		display: block;
	}

	.services-title {
		display: flex;
		flex-direction: column;
		width: 100%;
		/*align-items: start;*/
		font-size: 22px;
	}

	.services-title .not-service {
		align-self: self-end;
		padding: 0;
	}

	.services-swiper {
		padding-top: 30px !important;
		padding-bottom: 20px !important;
	}

	.services-pagination {
		top: auto !important;
		bottom: 0 !important;
	}

	.services-row {
		margin-top: 3px;
	}

	.services-block-title {
		background-image: none;
		color: #2a2a2a;
		font-size: 14px;
		max-width: 333px;
		min-height: 33px;
		width: 100%;
		z-index: 2;
		position: relative;
	}

	.services-item {
		background: transparent;
		border-radius: 10px 10px 0px 0px;
		border: 1px solid #031c2f;
	}

	.services-row {
		margin-top: -20px;
	}

	/* Скрываем дублирующийся большой заголовок в форме заказа на мобильных */
	.select-what-we-need-todo > .services-block-title {
		display: none;
	}
	.select-what-we-need-todo .action-selector__content {
		margin-top: 0;
	}
}

.header-menu .link-1 svg {
	width: 208px;
}

.header-menu .link-1 span {
	width: calc(100% - 208px);
}

.header-menu .link-2 svg {
	width: 245px;
}

.header-menu .link-2 span {
	width: calc(100% - 200px);
}

.header-menu .link-3 svg {
	width: 217px;
}

.header-menu .link-3 span {
	width: calc(100% - 217px);
}

.header-menu .link-4 svg {
	width: 298px;
}

.header-menu .link-4 span {
	width: calc(100% - 128px);
}

.header-menu .link-5 svg {
	width: 222px;
}

.header-menu .link-5 span {
	width: calc(100% - 222px);
}

.header-menu .link-6 svg {
	width: 296px;
}

.header-menu .link-6 span {
	width: calc(100% - 126px);
}

.header-menu .link-7 svg {
	width: 182px;
}

.header-menu .link-7 span {
	width: calc(100% - 182px);
}

.header-menu .link-8 svg {
	width: 280px;
}

.header-menu .link-8 span {
	width: calc(100% - 120px);
}

@media (max-width: 768px) {
	.vip-card .card-content .left {
		margin-left: 0;
	}

	.vip-card h2 {
		margin: 0 auto 50px auto;
		font-size: 24px;
		flex-direction: column;
	}

	.vip-card .card-content .right-card {
		right: 8%;
	}

	.intro-wrapper {
		padding-top: 80px;
	}

	.intro-wrapper .header-actions button:first-child {
		display: none;
	}

	.intro-wrapper .header .logo {
		width: unset;
	}

	.intro-wrapper .logo img {
		width: 150px;
	}

	.wash-car h2 {
		display: none;
	}

	.wash-car h3 {
		margin-bottom: 73px;
		color: transparent;
		text-align: center;
		font-family: "Tektur";
		font-size: 26px;
		font-style: normal;
		font-weight: 700;
		line-height: 110%;
		/* 28.6px */
		background: linear-gradient(to right,
				rgba(255, 102, 0, 1),
				rgba(255, 153, 51, 1) 30%,
				rgba(255, 153, 51, 1) 70%,
				rgba(255, 102, 0, 1));
		background-clip: text;
		text-transform: uppercase;
	}

	.wash-car .wash-car-content {
		background: none;
	}

	.wash-car .wash-car-content .img-wrap {
		max-width: unset;
		width: 100% !important;
	}

	.wash-car .wash-car-content .img-wrap .text-wrap {
		font-size: 30px !important;
		padding-top: 25px !important;
	}

	.wash-car .wash-car-content .img-wrap .text-wrap.tw2 {
		width: 320px !important;
		background-size: contain !important;
		font-size: 30px;
		background-repeat: no-repeat !important;
		padding-top: 15px !important;
	}

	.wash-car .wash-car-content .img-wrap img {
		width: 100%;
		border-radius: 10px;
	}

	.wash-car .wash-car-content .icons-wrap {
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.wash-car .wash-car-content .icons-wrap .icon {
		width: 40px !important;
		height: 40px !important;
	}

	.wash-car .wash-car-content .icons-wrap .icon img {
		width: 20px;
		height: 20px;
	}

	.wash-car .wash-car-content .car-item button {
		width: 100%;
		height: 60px;
	}

	.calendar .calendar-info {
		justify-content: center;
		gap: 12px;
	}

	.calendar .calendar-info .info-item {
		width: auto;
		justify-content: center;
		font-size: 10px;
		height: auto;
	}

	.calendar .calendar-days {
		padding: 8px 4px;
		overflow: hidden;
		gap: 4px;
		grid-template-columns: repeat(7, 1fr);
	}

	.calendar .calendar-days .day {
		font-size: 13px;
		margin: 0 auto;
		width: 34px;
		height: 34px;
	}

	.calendar .calendar-days .day-text {
		width: 100%;
		font-size: 10px;
	}

	.calendar .calendar-days .day.active {
		border-width: 2px;
	}

	.order-modal .wash-start-time h5 {
		font-size: 12px;
	}

	.order-modal .wash-start-time .hours .hour {
		border: none;
		font-size: 18px;
		min-height: 60px;
	}

	.order-modal .select-what-we-need-todo .top {
		flex-direction: column;
		border: none;
		padding: 0;
	}

	.select-what-we-need-todo .top .left-section {
		width: 100%;
		border-radius: 10px;
		border: 1px solid #f60;
		padding: 10px;
	}

	.select-what-we-need-todo .top .right-section {
		width: 100%;
		border-radius: 10px;
		border: 1px solid #f60;
		padding: 10px;
		position: relative;
		height: 188px;
		overflow: hidden;
		transition: 0.3s all ease;
	}

	.select-what-we-need-todo .top .right-section.show {
		height: 400px;
	}

	.mobile-size-btn {
		position: absolute;
		width: 100%;
		border-radius: 10px;
		border: 1px solid #fff;
		background: #ef6000;
		display: flex;
		left: 0;
		bottom: 0;
		justify-content: center;
		gap: 87px;
		padding: 13px;
	}

	.mobile-size-btn .arrows {
		display: flex;
		flex-direction: column;
	}

	.mobile-size-btn.show .arrows {
		transform: rotate(180deg);
	}

	.mobile-size-btn .arrows .arrow-1 {
		animation: blink 2s infinite 0.6s;
	}

	.mobile-size-btn .arrows .arrow-2 {
		animation: blink 2s infinite 0.3s;
	}

	.mobile-size-btn .arrows .arrow-3 {
		animation: blink 2s infinite 0s;
	}

	.select-what-we-need-todo .top .right-section .icon {
		min-width: 27px;
	}

	.select-what-we-need-todo .top .right-section h6+span {
		margin: 0;
	}

	.select-what-we-need-todo .top .left-section span {
		color: #b0b0b1;
		font-size: 14px;
	}

	.select-what-we-need-todo .top .more-service {
		border-radius: 10px;
		border: 1px solid #f60;
		padding: 5px 9px;
		display: block;
		margin: 0 -10px -10px;
	}

	.select-what-we-need-todo .top .more-service h5 {
		color: #000;
		font-family: Manrope;
		font-size: 14px;
		font-style: normal;
		font-weight: 700;
		line-height: 20px;
		text-align: center;
		margin-top: 5px;
	}

	.select-what-we-need-todo .top .more-service h5 span {
		color: #f60;
	}

	.select-what-we-need-todo .center {
		display: none;
	}

	.where-we-wash-car .variants {
		flex-direction: column;
		width: 100%;
	}

	.where-we-wash-car .variants .variant-item {
		width: 100%;
		max-width: unset;
		border-radius: 16px;
		margin-top: 10px;
	}

	.where-we-wash-car .variants .variant-item:last-child {
		margin-top: 12px;
		padding-left: 16px;
	}

	.order-modal .where-we-wash-car .variant-item img {
		border-radius: 8px;
		width: 120px;
		height: 84px;
	}

	.order-modal .where-we-wash-car .variant-item .custom-checkbox {
		width: 32px;
		height: 32px;
		min-width: 32px;
	}

	.order-modal .where-we-wash-car .variant-item .img-wrap {
		gap: 12px;
	}

	.order-modal .text-info {
		padding: 20px;
	}

	.order-modal .map iframe {
		width: 100%;
		height: 186px;
	}

	.order-modal .map #map {
		height: 186px;
	}

	.order-modal .map button {
		width: 100%;
	}

	.order-modal .your-data .input-label {
		width: 100%;
	}

	.order-modal .your-data .input-label input {
		width: 100%;
	}

	.order-modal .submit-button {
		height: 60px;
		padding: 0 20px;
		font-size: 16px;
	}

	.order-modal .submit-button:disabled {
		background: #999;
		cursor: not-allowed;
		opacity: 0.7;
	}

	.order-modal .submit-button:disabled:hover {
		transform: none;
		box-shadow: none;
	}

	.success-modal .modal-content {
		padding: 30px 10px;
		width: calc(100% - 20px);
	}

	.success-modal .success-info {
		padding: 20px;
	}

	.success-modal .success-info p {
		font-size: 16px;
	}

	.success-modal h2 {
		margin-bottom: 20px;
	}

	.success-modal p {
		margin: 20px 0;
		font-size: 16px;
	}

	.success-modal span {
		font-size: 14px;
	}

	.success-modal button {
		margin-top: 20px;
		height: 60px;
	}

	.success-modal button span {
		font-size: 18px;
	}

	.wash-car {
		padding-top: 586px;
	}

	.territory {
		background: none;
		padding-bottom: 21px;
	}

	.territory-block {
		flex-direction: column-reverse;
		height: auto;
		border: none;
		margin-top: 5px;
		align-items: self-start;
	}

	.territory h3 {
		font-size: 24px;
	}

	.territory h2 {
		font-size: 14px;
		margin-top: 5px;
	}

	.territory-map {
		height: 419px;
		width: 100%;
		padding: 0 19px;
		border: none;
		border-radius: 20px;
	}

	.territory-new {
		max-width: 100%;
	}

	.territory-infos {
		background: none;
		margin-top: 11px;
		padding: 0 9px;
	}

	.territory-infos ul {
		font-size: 14px;
	}

	.territory-infos button {
		display: none;
	}

	.territory-new {
		padding: 0 9px;
		font-size: 10px;
		margin-top: 15px;
	}

	.zoom-button {
		top: 34px;
		right: 39px;
	}

	#mobile-fullscreen-btn.zoom-button {
		position: absolute;
		bottom: 15px;
		right: 15px;
		top: auto;
		left: auto;
		width: 44px;
		height: 44px;
		z-index: 20;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0;
	}

	#mobile-fullscreen-btn.zoom-button svg {
		width: 33px;
		height: 33px;
	}

	.zoom-button svg,
	.close-map-modal svg {
		width: 33px;
		height: 33px;
		flex-shrink: 0;
	}

	#mapModal.modal-content {
		height: 100vh;
		width: 100%;
	}

	.welcome-screen .logo.active img {
		width: 300px;
	}

	.welcome-screen .language-select.active {
		flex-wrap: wrap;
		justify-content: center;
	}

	.welcome-screen .language-select button {
		padding: 3px;
	}

	.intro-wrapper .header {
		height: 50px;
	}

	.intro-wrapper .header .container {
		height: 50px;
	}

	.header-menu.active {
		top: 60px;
	}

	.header-menu {
		width: 90%;
	}

	.header-menu a {
		font-size: 12px;
		font-weight: 600;
		gap: 5px;
	}

	.header-menu .link-1 svg {
		width: 208px;
	}

	.header-menu .link-1 span {
		width: calc(100% - 118px);
	}

	.header-menu .link-2 svg {
		width: 245px;
	}

	.header-menu .link-2 span {
		width: calc(100% - 55px);
	}

	.header-menu .link-3 svg {
		width: 217px;
	}

	.header-menu .link-3 span {
		width: calc(100% - 117px);
	}

	.header-menu .link-4 svg {
		width: 298px;
	}

	.header-menu .link-4 span {
		width: calc(100% - 108px);
	}

	.header-menu .link-5 svg {
		width: 222px;
	}

	.header-menu .link-5 span {
		width: calc(100% - 122px);
	}

	.header-menu .link-6 svg {
		width: 296px;
	}

	.header-menu .link-6 span {
		width: calc(100% - 96px);
	}

	.header-menu .link-7 svg {
		width: 182px;
	}

	.header-menu .link-7 span {
		width: calc(100% - 182px);
	}

	.header-menu .link-8 svg {
		width: 280px;
	}

	.header-menu .link-8 span {
		width: calc(100% - 80px);
	}

	.header-menu {
		max-width: 100%;
		width: calc(100% - 20px);
		left: 10px;
		height: 90vh;
	}

	.not-wash-row {
		flex-wrap: wrap;
		gap: 30px 0;
	}

	.not-wash-item {
		width: 50%;
	}

	.not-wash-item-top img,
	.not-wash-item-bottom img {
		width: fit-content;
	}

	.wash-car {
		padding-top: 130px;
	}

	.not-wash-title {
		height: fit-content;
	}
}

@media (max-width: 540px) {
	.intro .intro-img {
		display: flex;
		margin-bottom: 15px;
	}

	.intro-wrapper .language-select {
		gap: 8px;
	}

	.intro-wrapper .header-actions button {
		width: 40px;
		height: 40px;
	}

	.intro-wrapper .header-actions button span {
		display: none;
	}

	.intro-wrapper .logo img {
		width: 95px !important;
		margin-left: -10px;
	}

	.intro .intro-content .intro-package .text span {
		font-size: 12px;
	}

	.intro .intro-content .intro-package .text.text-1 {
		background-image: url(../img/intro-text-bg-mb-1.svg);
		width: 259px;
		height: 35.238px;
	}

	.intro .intro-content .intro-package .text.text-2 {
		background-image: url(../img/intro-text-bg-mb-2.svg);
		width: 274px;
		height: 34.465px;
		padding-top: 0;
		padding-bottom: 0;
	}

	.intro .intro-content .intro-package .text.text-3 {
		background-image: url(../img/intro-text-bg-mb-3.svg);
		width: 251px;
		height: 35.105px;
	}

	.intro .intro-content .intro-package .text.text-4 {
		background-image: url(../img/intro-text-bg-mb-4.svg);
		width: 302px;
		height: 36.168px;
	}

	.intro .intro-content .mini-info {
		margin-top: 30px;
		padding: 20px 10px;
		transform: scale(1);
		border-radius: 10px;
		gap: 10px;
		width: 100%;
		padding: 0;
	}

	.intro .intro-content .mini-info p {
		color: #fff;
		font-family: Manrope;
		font-size: 12px;
		font-style: normal;
		font-weight: 600;
		line-height: 12px;
	}

	.intro .intro-content .mini-info .mini-info-item {
		gap: 0;
		justify-content: space-between;
	}

	.intro .intro-content .mini-info .mini-info-item.hour {
		width: 100%;
		padding: 4px 10px;
	}

	.intro .intro-content .mini-info .mini-info-item.hour span {
		font-size: 12px;
	}

	.intro .intro-content .mini-info .mini-info-item .icons .icon {
		width: 60px;
		height: 60px;
	}

	.vip-card .card-content {
		height: 660px;
		width: 262px;
		margin: auto;
	}

	.vip-card .card-content .left .text {
		width: 292px;
		height: 94px;
	}

	.vip-card .card-content .right-card {
		width: 304px;
		height: 195px;
		right: -10px;
		border: 5px solid #fff;
		top: 230px;
	}

	.vip-card .card-content .right-card img {
		width: 80px;
	}

	.vip-card .card-content .right-card h4 {
		font-size: 90px;
		line-height: 50px;
		margin-left: 50px;
	}

	.vip-card .card-content .right-card span {
		font-size: 18px;
	}

	.vip-card .card-content .left {
		margin: 0;
		gap: 0;
	}

	.vip-card .card-content .center button {
		height: 60px;
		width: 300px;
		font-size: 18px;
		padding: 15px;
		bottom: 134px;
	}

	.vip-card .card-content p {
		width: 100%;
		font-size: 14px;
	}

	.calendar .calendar-header .display-monthyear span {
		font-size: 25px !important;
	}

	.order-modal h2 {
		width: 320px;
		text-align: center;
		margin: 0 auto;
	}

	.intro-wrapper .language-select button img {
		width: 20px;
		height: 20px;
	}

	.intro-wrapper {
		background-image: url(../img/car-bg-mb.png);
		background-size: contain;
	}

	.intro .intro-content h3 {
		text-align: start;
		margin-bottom: 15px;
	}

	.intro .intro-content .intro-package .text-content {
		margin-left: -42px;
	}

	.card-day {
		display: flex;
		align-items: baseline;
		gap: 10px;
	}

	.vip-card .card-content .left .num {
		font-size: 65px;
	}

	.vip-card .card-content .left .day {
		font-size: 26px;
	}

	.wash-car .wash-car-content .car-item .list-items {
		max-height: 106px;
	}

	.wash-car .wash-car-content .car-item button .arrows:nth-child(n + 2) {
		display: flex;
	}

	.select-what-we-need-todo .top .left-section h6 {
		font-size: 16px;
	}

	.select-what-we-need-todo .top .right-section h6 {
		font-size: 16px;
	}

	.order-modal .where-we-wash-car span {
		font-size: 16px;
	}

	.intro-wrapper .header .logo img {
		margin-left: -12px;
	}

	#modalMap {
		overflow: scroll;
		/*-webkit-overflow-scrolling: none;*/
		-webkit-overflow-scrolling: auto;
	}

	#modalMap::-webkit-scrollbar {
		display: none;
	}

	#modalMap img {
		height: fit-content;
		width: 1200px;
	}

	.territory-map img {
		border-radius: 20px;
	}

	.close-map-modal {
		top: 50px;
		right: 50px;
	}

	.close-map-modal img {
		width: fit-content;
		height: fit-content;
	}

	.services-swiper .first-prev-services {
		height: 16px;
		width: fit-content;
		background-color: transparent;
		top: 30px;
	}

	.services-swiper .first-prev-services img {
		content: url(../img/left-arrows-mobile.svg);
	}

	.services-swiper .first-prev-services img:nth-child(n + 2) {
		display: none;
	}

	.services-swiper .first-next-services {
		height: 16px;
		width: fit-content;
		background-color: transparent;
		top: 30px;
	}

	.services-swiper .first-next-services img {
		content: url(../img/right-arrow-mobile.png);
		transform: rotate(0);
	}

	.services-swiper .first-next-services img:nth-child(n + 2) {
		display: none;
	}

	.services-item {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		/*overflow: hidden;*/
	}

	.services-item h4 {
		font-size: 18px;
		color: #f60;
		min-width: auto;
	}

	.services-item h4::after {
		display: none;
	}

	.services-item-image {
		width: 143px;
		height: 84px;
		margin-top: 0;
		margin-right: 7px;
	}

	.services-item-image img {
		height: 100%;
		object-fit: cover;
		border-radius: 10px;
	}

	.services-item.no h4 {
		flex-direction: column;
	}

	.services-item {
		padding: 6px 0 0 6px;
		border-radius: 10px;
		min-height: fit-content;
	}

	.services-item.yes {
		padding-top: 22px;
	}

	.services-item button {
		width: calc(100% + 8px);
		position: relative;
		margin-left: -7px;
		margin-bottom: -1px;
	}

	.services-item ul {
		margin-top: 5px;
		/* Fix for iOS Safari */
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		will-change: max-height;
	}

	.services-item.no h4 {
		min-width: auto;
	}

	.services-item ul.active~button::after {
		display: none;
	}

	.services-swiper .second-next-services svg,
	.services-swiper .second-prev-services svg {
		display: none;
	}

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

	.services-swiper .second-next-services {
		background-color: transparent;
		border: none;
		display: none;
		position: relative;
		top: 0;
		bottom: 0;
		left: 0;
		margin: 0;
	}

	.services-swiper .second-next-services .arrow {
		transform: rotate(180deg);
	}

	.services-item ul:after {
		display: none;
	}

	.services-swiper .second-next-services .arrow-1,
	.services-swiper .second-prev-services .arrow-1 {
		animation: blink 2s infinite 0.6s;
	}

	.services-swiper .second-next-services .arrow-2,
	.services-swiper .second-prev-services .arrow-2 {
		animation: blink 2s infinite 0.3s;
	}

	.services-swiper .second-next-services .arrow-3,
	.services-swiper .second-prev-services .arrow-3 {
		animation: blink 2s infinite 0s;
	}

	.services-swiper .swiper-mobile-buttons .second-next-services {
		display: flex;
	}

	.services-swiper .second-prev-services {
		width: 101px;
		height: 16px;
		background-repeat: no-repeat;
		border-radius: 0;
		background-color: transparent;
		border: none;
		display: none;
		position: relative;
		top: 0;
		bottom: 0;
		right: 0;
		margin: 0;
	}

	.services-swiper .swiper-mobile-buttons .second-prev-services {
		display: flex;
		box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	}

	.services-item button {
		height: fit-content;
		padding: 4px 20px;
		border: none;
		position: relative;
		border-radius: 0px 0px 5px 5px;
	}


	.services-item button .arrows svg {
		width: 12px;
		height: 6px;
	}

	.services-item button::after {
		content: "";
		display: block;
		width: 100%;
		height: 30px;
		background: linear-gradient(180deg,
				rgba(255, 255, 255, 0) -3.57%,
				#ccd0d4 125%);
		position: absolute;
		top: -30px;
		z-index: 1212;
	}

	.services-pagination .swiper-pagination-bullet {
		background-color: #d0d3d6;
		width: 5px;
		height: 5px;
		border-radius: 50%;
	}

	.services-pagination .swiper-pagination-bullet-active {
		background-color: #f60;
	}

	.services-pagination {
		gap: 0;
	}

	.services-item ul {
		width: 100%;
		/* Fix for iOS Safari */
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		will-change: max-height;
	}

	.services-item ul::-webkit-scrollbar-thumb {
		background: #ff6600;
		border-radius: 10px;
	}

	.services-item ul::-webkit-scrollbar {
		width: 3px;
		background-color: transparent;
	}

	.not-wash-title {
		height: fit-content;
	}

	.not-wash-block {
		background: #032a46;
		padding-top: 25px;
		border-radius: 0;
		width: calc(100% + 40px);
		margin-left: -20px;
		padding-bottom: 60px;
	}

	.not-wash-title {
		font-size: 30px;
	}

	.not-wash-item {
		width: 100%;
		position: relative;
	}

	.not-wash-item-images {
		background-color: transparent;
	}

	.not-wash-item-images img {
		height: fit-content;
		width: fit-content;
	}

	.not-wash-item-bottom {
		display: none;
	}

	.not-wash-item-top.minivan img:first-child {
		content: url(../img/minivan_mob_1.png);
	}

	.not-wash-item-top.minivan img:last-child {
		content: url(../img/minivan_mob-2.png);
	}

	.not-wash-item-top.cargovan img:first-child {
		content: url(../img/cargovan_mob-1.png);
	}

	.not-wash-item-top.cargovan img:last-child {
		content: url(../img/cargovan_mob-2.png);
	}

	.not-wash-item-top.pickup img:first-child {
		content: url(../img/pickup_mob-1.png);
	}

	.not-wash-item-top.pickup img:last-child {
		content: url(../img/pickup_mob-2.png);
	}

	.not-wash-item-top.moto img:first-child {
		content: url(../img/moto_mob-1.png);
	}

	.not-wash-item-top.moto img:last-child {
		content: url(../img/moto_mob-2.png);
	}

	.not-wash {
		/*padding-top: 572px;*/
	}

	.not-wash-row {
		margin-top: 34px;
		gap: 30px;
	}

	.not-wash-item-images::before {
		width: 3px;
		height: 221px;
		transform: rotate(-69deg);
		top: -73%;
	}

	.not-wash-item-images::after {
		width: 3px;
		height: 221px;
		transform: rotate(69deg);
		top: -73%;
	}

	.not-wash-item-images {
		height: fit-content;
	}

	.not-wash-item-name {
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		bottom: -19px;
		color: #000;
		text-align: center;
		-webkit-text-stroke-width: 0.77px;
		/*-webkit-text-stroke-color: var(*/
		/*  --Colors-Orange,*/
		/*  var(--Colors-Orange, #ff9500)*/
		/*);*/
		-webkit-text-stroke-color: #ff9500;
		font-family: Tektur;
		font-size: 30px;
		font-style: normal;
		font-weight: 700;
		line-height: 110%;
		text-transform: uppercase;
	}

	.response-row {
		flex-wrap: nowrap;
		justify-content: start;
		gap: 0;
	}

	.response-item {
		border-radius: 14.484px;
		background: linear-gradient(259deg,
				rgba(255, 255, 255, 0.4) 17.59%,
				rgba(255, 255, 255, 0) 55.23%),
			#ef6000 !important;
		box-shadow: 0px 8.394px 16.577px 0px rgba(0, 0, 0, 0.2);
	}

	.response-block {
		width: 210px;
	}

	.response-title {
		font-size: 26px;
	}

	.response {
		padding-top: 30px;
		padding-bottom: 44px;
	}

	.response-item-top img {
		width: 100%;
	}

	.response-block {
		padding-top: 60px !important;
		padding-bottom: 23px !important;
	}

	.response-pagination .swiper-pagination-bullet {
		width: 5px;
		height: 5px;
		background-color: #d0d3d6;
		opacity: 1;
	}

	.response-pagination .swiper-pagination-bullet-active {
		background-color: #f60;
	}

	.response-item {
		min-height: 330px;
	}

	.response-item-name {
		color: #fff;
		font-size: 14px;
		margin-top: 10px;
	}

	.response-item p {
		font-size: 14px;
		letter-spacing: -0.28px;
	}

	.response-pagination {
		display: flex;
		justify-content: center;
		bottom: 0 !important;
	}

	.prev-response,
	.next-response {
		display: flex !important;
	}

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

	.swiper-button-prev.prev-response {
		top: 23px;
		left: 0;
	}

	.swiper-button-next.next-response {
		top: 23px;
		right: 0;
	}

	.prev-response .arrow {
		transition: 0.3s al ease;
	}

	.next-response .arrow {
		transition: 0.3s al ease;
		transform: rotate(180deg);
	}

	.prev-response .arrow.arrow-1,
	.next-response .arrow.arrow-1 {
		animation: blink 2s infinite 0.6s;
	}

	.prev-response .arrow.arrow-2,
	.next-response .arrow.arrow-2 {
		animation: blink 2s infinite 0.3s;
	}

	.prev-response .arrow.arrow-3,
	.next-response .arrow.arrow-3 {
		animation: blink 2s infinite 0s;
	}

	.response-item:last-child {
		display: block;
		background-color: transparent;
		opacity: 0;
	}

	.response-pagination .swiper-pagination-bullet:last-child {
		opacity: 0;
		display: none;
	}
}

@media (max-width: 440px) {
	.vip-card .card-content .right-card {
		right: -10px;
	}

	.calendar .calendar-info .info-item {
		width: 100px;
	}

	.vip-card h2 {
		margin: 0 auto 50px auto;
		font-size: 22px;
		flex-direction: column;
	}

	.footer .actions {
		width: 100%;
	}

	.footer .actions button {
		width: 100%;
	}

	.footer .container {
		margin-top: 20px;
	}

	.intro .intro-content {
		/*padding-bottom: 300px;*/
	}
}

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

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

.error-modal.show {
	display: block;
}

.error-modal .overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(2, 21, 35, 0.3);
	backdrop-filter: blur(20.700000762939453px);
}

.error-modal .modal-content {
	overflow-y: auto;
	max-height: 95vh;
	max-width: 830px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 60px 55px;
	background-color: white;
	z-index: 300;
	width: 100%;
	border-radius: 20px;
}

.error-modal .close-btn {
	position: absolute;
	cursor: pointer;
	right: 27px;
	top: 27px;
}

.error-modal h2 {
	color: #9e0404;
	text-align: center;
	font-family: Tektur;
	font-size: 50px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	text-transform: uppercase;
	margin-bottom: 30px;
}

.error-modal .error-info {
	display: flex;
	padding: 40px 50px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	color: #000;
	text-align: center;
	font-family: Manrope;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.48px;
	border-radius: 10px;
	border: 1px solid #f60;
}

.error-modal .error-info p {
	color: #000;
	text-align: center;
	font-family: Manrope;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.48px;
}

.error-modal p {
	color: #000;
	font-family: Manrope;
	font-size: 18px;
	font-style: normal;
	font-weight: 800;
	line-height: 20px;
	margin: 30px 0;
}

.error-modal span {
	color: #000;
	font-family: Manrope;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
}

.error-modal button {
	display: flex;
	width: 100%;
	height: 106px;
	padding: 35.811px 71.622px;
	justify-content: center;
	align-items: center;
	border-radius: 14.324px;
	background: #ef6000;
	cursor: pointer;
	transition: all 0.2s ease;
	border: none;
	margin-top: 30px;
	gap: 15px;
}

.error-modal button span {
	color: #fff;
	text-align: center;
	font-family: Manrope;
	font-size: 25.784px;
	font-style: normal;
	font-weight: 800;
	line-height: 34.378px;
	text-transform: uppercase;
}

.error-modal button:hover {
	transform: scale(1.02);
	box-shadow: 0 8px 30px rgba(239, 96, 0, 0.8);
}

.error-modal button .arrows {
	display: flex;
	gap: 2px;
}

.error-modal button .arrows .arrow {
	width: 12px;
	height: 20px;
	opacity: 0.3;
}

.error-modal button .arrows.right .arrow {
	transform: scaleX(-1);
}

.error-modal button .arrow-1 {
	animation: blink 2s infinite 0.6s;
}

.error-modal button .arrow-2 {
	animation: blink 2s infinite 0.3s;
}

.error-modal button .arrow-3 {
	animation: blink 2s infinite 0s;
}

/* добавил в .second-prev-services лидирующее "_" */
.services-swiper ._second-prev-services {
	width: 101px;
	height: 16px;
	background-repeat: no-repeat;
	border-radius: 0;
	background-color: transparent;
	border: none;
	display: none;
	position: relative;
	top: 0;
	bottom: 0;
	right: 0;
	margin: 0;
}

/* Динамический класс, чтобы текст мигал */
.blinking {
	animation: blink 1s infinite;
}

/* Полупрозрачный фон для модального окна */
.modal-window {
	position: fixed;
	/* Фиксируем относительно всего окна */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	/* Затемнённый фон с прозрачностью */
	display: flex;
	/* Включаем флексы для центрирования */
	align-items: center;
	/* Центрируем по вертикали */
	justify-content: center;
	/* Центрируем по горизонтали */
	z-index: 1000;
	/* Размещаем поверх других элементов */
	visibility: hidden;
	/* По умолчанию скрыто */
	/*opacity: 0;                   !* Прозрачное в скрытом состоянии *!*/
	transition: opacity 0.3s ease;
	/* Анимация появления */
}

/* Контент модального окна */
.modal-window-content {
	background: #ffffff;
	/* Белый фон для контента */
	padding: 20px;
	border-radius: 10px;
	/* Закруглённые углы */
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
	/* Лёгкая тень для красоты */
	width: 100%;
	max-width: 250px;
	/* Ограничение ширины */
	position: relative;
	font-size: 20px;
	font-family: Manrope;
	font-weight: 700;
	text-align: center;
}

/* Анимация для модального окна при открытии */
.modal-window.show {
	visibility: visible;
	/* Делаем окно видимым */
	opacity: 1;
	/* Полностью непрозрачное */
}

.modal-close-btn:hover {
	color: #e74c3c !important;
	/* Красный цвет при наведении */
}

.modal-close-btn {
	position: relative;
	top: -20px;
	left: 87%;
	background: none;
	border: none;
	font-size: 24px;
	cursor: pointer;
	color: #555;
	transition: color 0.2s;
	padding: 2px 0px;
	line-height: 1;
	height: 26px;
	width: 26px;
}
#notabeneInput {
	height: auto;
	/* позволяет высоте учитывать количество строк */
	min-height: 3em;
	/* назначаем высоту, при которой 3 строки видны */
	resize: none;
	/* запрещает пользователю изменять размер вручную (по желанию) */
}

/* Настройки для кнопки */
.save-coordinates-btn {
	z-index: 9999;
	padding: 10px 15px;
	background-color: gray !important;
	color: white;
	border: none;
	border-radius: 4px;
	font-size: 16px;
	cursor: pointer;
	margin-bottom: 15%;
	width: 200px;
	left: 25%;
}

.save-coordinates-btn:hover {
	background-color: #0056b3;
}

#map {
	cursor: pointer;
	/* Устанавливаем стандартный курсор */
}

h4 span {
	white-space: normal;
	word-break: break-word;
	max-width: 150px;
}

@media (min-width: 992px) {
	h4 span {
		white-space: nowrap;
		max-width: 360px;
	}
}

.last-menu-item {
	color: #ff6600;
}

.car-brand {
	/* Эти стили скрывают нативный select на iOS,
     но Select2 все еще может с ним работать */
	-webkit-appearance: none;
	/* Скрывает стандартный вид в WebKit (iOS Safari) */
	-moz-appearance: none;
	/* Скрывает стандартный вид в Firefox */
	appearance: none;
	/* Скрывает стандартный вид */

	/* Делаем его невидимым и некликабельным для пользователя */
	position: absolute;
	/* Позиционируем абсолютно */
	top: 0;
	left: 0;
	width: 0;
	/* Крайне важный параметр для iOS */
	height: 0;
	/* Крайне важный параметр для iOS */
	opacity: 0;
	/* Полностью прозрачный */
	pointer-events: none;
	/* Не реагирует на клики/касания */
	overflow: hidden;
	/* Обрезает любое содержимое, если вдруг что-то вылезет */
	border: none;
	/* Убираем рамку */
	padding: 0;
	/* Убираем отступы */
	margin: 0;
	/* Убираем внешние отступы */
	z-index: -1;
	/* Отправляем его под элементы Select2 */
	display: none !important;
	/* Очень агрессивное скрытие */
}

.select2-container--default .select2-selection--single {
	/* Пример стилей для самого отображаемого поля Select2 */
	/* Убедитесь, что это поле имеет ширину и высоту */
	width: 100%;
	height: 40px;
	/* Или любая ваша высота */
	line-height: 40px;
	/* Другие ваши стили */
}

/* Если у вас есть label, вокруг которого находится select,
   убедитесь, что он не мешает */
.input-label {
	position: relative;
	/* Важно для position: absolute дочернего select */
	/* Остальные ваши стили */
}


/* YouTube Floating Button Styles */
#floating-buttons {
	transition: opacity 0.3s ease;
	position: relative;
}

/* Close (X) button for floating buttons block */
.floating-buttons-close {
	position: fixed;
	top: 160px;
	left: 18px;
	z-index: 1001;
	width: 22px;
	height: 22px;
	border: none;
	border-radius: 50%;
	background: transparent;
	color: #fff;
	font-size: 16px;
	line-height: 1;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	box-shadow: none;
	transition: background 0.2s;
}
.floating-buttons-close:hover {
	background: rgba(0, 0, 0, 0.5);
	box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}
@media (min-width: 768px) {
	.floating-buttons-close {
		top: 240px;
		left: auto;
		right: max(calc(50vw - 555px), 20px);
		transform: translateX(calc(75%));
	}
}

.youtube-floating-button {
	position: fixed;
	/* Делает кнопку плавающей относительно окна просмотра */
	top: 180px;
	/* Располагает кнопку в 100px от верхнего края */
	left: 18px;
	z-index: 1000;
	/* Гарантирует, что кнопка будет поверх других элементов */
	display: flex;
	align-items: center;
	justify-content: center;
	width: 78px;
	/* Фиксированная ширина — одинаковая с кнопкой чата */
}

/* Картинка кнопки видео — заполняет контейнер целиком */
.youtube-floating-button img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: contain;
}

.youtube-floating-button a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	/* Убирает подчеркивание ссылки */
	color: white;
	/* Цвет иконки/текста */
	position: relative;
	width: 100%;
}

.rendezvous-floating-button {
	position: fixed;
	/* top: 100px (youtube) + 50px (youtube height) + 15px (margin) = 165px */
	top: 245px;
	left: 18px;
	width: 78px;
	/* Одинаковая ширина с кнопками видео и чата */
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 6px 4px;
	background-color: #ef6000;
	/* Оранжевый цвет */
	color: white;
	font-family: 'Manrope', sans-serif;
	/* Используем ваш шрифт */
	font-size: xx-small;
	font-weight: 700;
	/* Жирный шрифт */
	border-radius: 9px;
	/* Небольшое скругление углов */
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
	transition: transform 0.3s ease-in-out;
	text-decoration: none;
	/* Убираем подчеркивание у ссылки */
	white-space: nowrap;
	/* Запрещаем перенос текста */
	/*border: 1px solid #fcad0f;*/
	display: none;
	text-align: center;
	/* Центрирование текста */
	box-sizing: border-box;
	overflow: hidden;
}

/* Показываем на мобильных устройствах (ширина экрана до 768px) */
@media (max-width: 768px) {
	.rendezvous-floating-button {
		display: flex;
	}
}

.rendezvous-floating-button a {
	color: white;
	text-decoration: none;
	display: block;
	/* Важно: Делаем ссылку блочным элементом, чтобы text-align работал */
	text-align: center;
	/* Центрирует текст внутри ссылки */
}

.rendezvous-floating-button:hover {
	transform: scale(1.05);
	/* Легкое увеличение при наведении */
	background-color: #ff6f00;
	/* Более оранжевый при наведении */
}

.youtube-floating-button .button-text {
	position: absolute;
	/* Абсолютное позиционирование относительно <a> */
	bottom: 8px;
	/* Отступ от нижнего края (можно настроить) */
	left: 50%;
	/* Начинаем с середины по горизонтали */
	transform: translateX(-50%);
	/* Смещаем влево на половину своей ширины для центрирования */
	color: white;
	/* Цвет текста */
	font-size: 10px;
	/* Размер шрифта (можно настроить) */
	font-weight: bold;
	/* Жирный шрифт */
	white-space: nowrap;
	/* Предотвращает перенос строки */
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
	/* Небольшая тень для читаемости */
}


@media (min-width: 768px) {
	.youtube-floating-button {
		top: 260px;
		/* Новое положение сверху для десктопа */
		left: auto;
		/* Сбрасываем left */
		transform: none;
		/* Убираем transform */
		right: max(calc(50vw - 555px), 20px);
		/* Выравниваем правый край по правому краю контейнера (как кнопка меню) */
	}

	.youtube-floating-button img {
		width: 100%;
		/* Заполняет контейнер 78px */
		height: auto;
		display: block;
		object-fit: contain;
	}

	.youtube-floating-button .button-text {
		position: absolute;
		/* Абсолютное позиционирование относительно <a> */
		bottom: 18px;
		/* Отступ от нижнего края (можно настроить) */
		left: 50%;
		/* Начинаем с середины по горизонтали */
		transform: translateX(-50%);
		/* Смещаем влево на половину своей ширины для центрирования */
		color: white;
		/* Цвет текста */
		font-size: 10px;
		/* Размер шрифта (можно настроить) */
		font-weight: bold;
		/* Жирный шрифт */
		white-space: nowrap;
		/* Предотвращает перенос строки */
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
		/* Небольшая тень для читаемости */
	}
}

/*новая секция*/
* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

.container {
	max-width: 1150px;
	margin: 0 auto;
	padding: 0 20px;
}

body {
	font-family: sans-serif;
	background-color: #000;
	font-style: normal;
	line-height: normal;
}

.wrapper {
	overflow: hidden;
}

.title-block {
	text-align: center;
	text-transform: uppercase;
	font-family: Tektur;
	margin-bottom: 50px;
}

.title-block h2 {
	color: #FFF;
	font-size: 40px;
	font-weight: 700;
	line-height: 110%;
}

.title-block h1 {
	color: #F60;
	font-size: 70px;
	font-weight: 700;
	line-height: 110%;
}

#price {
	padding-block: 50px 100px;
	background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("../img/price-bg.png") no-repeat center/cover;
	background-position: center;
	background-size: cover;
}

.prices {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 30px;
}

.prices .item {
	width: 100%;
	max-width: calc(50% - 15px);
	height: 100%;
	padding: 10px 10px 20px 20px;
	border: 2px solid #fff;
	background-color: rgba(255, 102, 0, 0.1019607843);
}

.prices .item h2.title {
	font-family: Tektur;
	color: #FFF;
	font-size: 25px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.item {
	position: relative;
}

.item-grid {
	display: grid;
	grid-template-columns: 280px auto;
	grid-template-rows: 1fr;
	align-items: center;
	-moz-column-gap: 15px;
	column-gap: 15px;
}

.item-grid__right {
	display: flex;
	align-items: center;
	-moz-column-gap: 10px;
	column-gap: 10px;
	justify-content: flex-start;
}

.item-grid__right .price-block-new {
	margin-top: -30px;
}

.item-grid__right button.sub {
	position: absolute;
	bottom: 20px;
	right: 20px;
	/*font-family: Inter;*/
	font-family: Manrope;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	border: none;
	cursor: pointer;
	color: #FFF;
	/*font-size: 16px;*/
	/*font-weight: 400;*/
	display: block;
	padding: 2px 10px;
	border-radius: 7px;
	width: -moz-fit-content;
	width: fit-content;
	background-color: #FF6600;
	align-self: flex-end;
}

.service-list>*:not(:last-child) {
	margin-bottom: 8px;
}

.service-list__item {
	position: relative;
	cursor: pointer;
	width: -moz-fit-content;
	width: fit-content;
}

.service-list__item img.item-bg {
	width: 100%;
	height: auto;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: left;
	object-position: left;
}

.service-list__item div.flex {
	display: flex;
	align-items: center;
	-moz-column-gap: 5px;
	column-gap: 5px;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
	position: absolute;
}

.service-list__item img.cursor {
	display: none;
}

.service-list__item img {
	display: block;
}

.service-list__item b {
	font-family: Manrope;
	color: #032A46;
	font-size: 11px;
	font-style: normal;
	font-weight: 700;
	line-height: 18.563px;
	text-transform: uppercase;
}

.service-list__item__ul {
	margin-top: 20px;
}

.service-list__item__ul li {
	font-family: Manrope;
	color: #FFF;
	font-size: 10px;
	font-weight: 700;
	line-height: 21px;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	-moz-column-gap: 5px;
	column-gap: 5px;
}

.service-list__item__ul li img {
	display: block;
}

.service-list__item__ul li a {
	display: block;
	text-decoration: none;
	color: #EF6000;
}

.service-list__item__ul li span {
	color: #FD2016;
}

.price-old {
	display: flex;
	align-items: center;
	-moz-column-gap: 10px;
	column-gap: 10px;
}

.price-old del,
.price-old h3 {
	flex-shrink: 0;
	font-family: Manrope;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: 700;
}

.price-old del {
	color: rgba(228, 228, 228, 0.6509803922);
}

.price-new {
	font-family: Manrope;
	color: #F60;
	leading-trim: both;
	text-edge: cap;
	font-size: 70px;
	font-weight: 700;
	line-height: 78%;
	letter-spacing: -2px;
}

.price-new span {
	font-size: 54px;
}

.service-list .list-flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
	-moz-column-gap: 20px;
	column-gap: 20px;
}

.service-list .list-flex h4 {
	font-family: Manrope;
	color: #F60;
	leading-trim: both;
	text-edge: cap;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -0.4px;
}

.additional {
	padding: 20px;
	border: 2px solid #fff;
	width: 100%;
	max-width: 863px;
	margin-inline: auto;
	margin-top: 50px;
}

.additional h1.title {
	color: #FFF;
	font-family: Tektur;
	font-size: 25px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	text-transform: uppercase;
	text-align: center;
}

.additional-flex {
	margin-top: 40px;
	display: grid;
	grid-template-columns: 400px 1fr;
	-moz-column-gap: 15px;
	column-gap: 15px;
	align-items: center;
}

.additional-flex__right {
	font-family: Tektur;
	width: 100%;
	max-width: 249px;
	margin-inline: auto;
	color: #FFF;
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	line-height: 110%;
	/* 24.2px */
	letter-spacing: -0.44px;
}

.item-drop {
	width: -moz-fit-content;
	width: fit-content;
}

.item-drop__menu {
	height: 0;
	overflow: hidden;
	color: white;
	transition: height 0.2s ease;
}

.action-selector {
	margin-top: 100px;
	width: 100%;
	max-width: 830px;
	margin-inline: auto;
	padding: 45px;
	background-color: #FFFFFF;
}

.action-selector__content {
	padding: 24px;
	border-radius: 16px;
	border: none;
	background: #fff;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
	display: grid;
	grid-template-columns: 1fr 1fr;
	-moz-column-gap: 24px;
	column-gap: 24px;
}

.action-selector__content h3.title {
	color: #212121;
	font-family: Manrope, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: 700;
	line-height: 16px;
	margin-bottom: 14px;
}

.check-list {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	row-gap: 6px;
}

.check-list__item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	-moz-column-gap: 12px;
	column-gap: 12px;
	background: #F5F5F7;
	border: 1px solid #E0E0E0;
	border-radius: 12px;
	padding: 8px 12px;
	transition: all 0.2s ease;
}

.check-list__item:has(input:checked) {
	background: linear-gradient(180deg, #E8F5E9 0%, #C8E6C9 100%);
	border: 1px solid #A5D6A7;
	box-shadow: 0 8px 20px rgba(76, 175, 80, 0.25);
}

.check-list__item label {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	color: #212121;
	font-family: Manrope, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	display: flex;
	align-items: center;
	-moz-column-gap: 10px;
	column-gap: 10px;
	flex: 1;
	text-align: left;
}

.check-list__item label input[type=radio],
.check-list__item label input[type=checkbox] {
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	flex-shrink: 0;
	width: 22px;
	height: 22px;
	border-radius: 6px;
	border: 1.5px solid #BCBCBC;
	background-color: #fff;
	transition: all 0.2s ease;
}

.check-list__item label input[type=radio]:checked,
.check-list__item label input[type=checkbox]:checked {
	background: url(../img/checked.svg) no-repeat;
	border-color: transparent;
	background-position: center center;
	background-size: cover;
}

.check-list__item label input[type=radio].additional-checkbox:checked,
.check-list__item label input[type=checkbox].additional-checkbox:checked {
	background-image: url(../img/additoional-checkbox.svg);
}

.check-list__item label input[type=radio].additional-checkbox:disabled,
.check-list__item label input[type=checkbox].additional-checkbox:disabled {
	background-color: #e0e0e0;
	cursor: not-allowed;
}

.check-list__item .price {
	border-radius: 8px;
	border: 1px solid #E0E0E0;
	background: #fff;
	padding-inline: 8px;
	min-width: 36px;
	width: -moz-fit-content;
	width: fit-content;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.check-list__item:has(input:checked) .price {
	border-color: #A5D6A7;
	background: rgba(255,255,255,0.8);
}

.check-list__item .price span {
	color: #212121;
	font-family: Manrope, sans-serif;
	font-size: 13px;
	font-weight: 600;
	line-height: 20px;
}

.big-price {
	margin-top: 24px;
	background: linear-gradient(180deg, #E8F5E9 0%, #C8E6C9 100%);
	border: 1px solid #A5D6A7;
	border-radius: 16px;
	padding: 16px;
	box-shadow: 0 8px 20px rgba(76, 175, 80, 0.15);
}

.big-price--mob {
	display: none;
}

.big-price h4 {
	color: #212121;
	text-align: center;
	font-family: Manrope, sans-serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: -0.3px;
	margin-bottom: 4px;
}

.big-price h1 {
	color: #2E7D32;
	font-family: Manrope, sans-serif;
	font-size: 72px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -2px;
	display: flex;
	align-items: first baseline;
	justify-content: center;
}

.big-price h1 span.price-whole {
	font-size: inherit;
}

.big-price h1 span.price-cent {
	font-size: 30px;
}

.big-price h1 span.euro {
	font-size: 40px;
	display: block;
	align-self: anchor-center;
	margin-left: 8px;
}

@media (max-width: 1140px) {
	.item-grid {
		grid-template-columns: 220px 1fr;
	}
}

@media (max-width: 1020px) {
	.prices {
		gap: 20px;
	}
}

@media (max-width: 1006px) {
	.title-block h2 {
		font-size: 30px;
	}

	.title-block h1 {
		font-size: 50px;
	}

	.service-list__item {
		width: 100%;
	}

	.item-grid {
		grid-template-columns: 300px 1fr;
	}

	.prices {
		max-width: 768px;
		margin-inline: auto;
	}

	.prices .item {
		max-width: 100%;
	}

	.price-new {
		font-size: 100px;
	}

	.price-old del,
	.price-old h3 {
		font-size: 36px;
	}

	.service-list__item b {
		font-size: 16px;
	}
}

@media (max-width: 796px) {
	.action-selector {
		padding: 25px;
	}
}

@media (max-width: 768px) {
	.service-list__item img.cursor {
		display: block;
		position: absolute;
		top: calc(50% + 3px);
		right: 20px;
		transform: translateY(-50%);
	}

	.additional-flex__right {
		display: none;
	}

	.additional-flex {
		grid-template-columns: 1fr;
	}

	.service-list {
		max-width: 100%;
	}

	.big-price h1 span.euro {
		font-size: 60px;
	}
}

@media (max-width: 690px) {
	.item-grid__left {
		max-width: 350px;
	}
}

@media (max-width: 650px) {
	.action-selector__content {
		grid-template-columns: 1fr;
		padding: 16px;
	}

	.item-grid {
		grid-template-columns: 260px 1fr;
	}

	.big-price {
		display: none;
	}

	.big-price--mob {
		display: block;
		background: linear-gradient(180deg, #E8F5E9 0%, #C8E6C9 100%);
		border: 1px solid #A5D6A7;
		border-radius: 16px;
		padding: 16px;
		box-shadow: 0 8px 20px rgba(76, 175, 80, 0.15);
	}

	.big-price--mob h4 {
		font-size: 16px;
		color: #212121;
	}

	.big-price--mob h1 {
		color: #2E7D32;
		font-family: Manrope, sans-serif;
		font-size: 72px;
		font-weight: 700;
		line-height: 1;
		letter-spacing: -2px;
		display: flex;
		align-items: first baseline;
		justify-content: center;
	}

	.big-price--mob h1 span.price-whole {
		font-size: inherit;
	}

	.big-price--mob h1 span.price-cent {
		font-size: 30px;
	}

	.big-price--mob h1 span.euro {
		font-size: 50px;
		display: block;
		align-self: anchor-center;
		margin-left: 8px;
	}

	.action-selector__content h3.title {
		margin-bottom: 14px;
	}

	.selector__content-left {
		margin-bottom: 24px;
	}

	.price-old del,
	.price-old h3 {
		font-size: 25px;
	}

	.price-new {
		font-size: 70px;
	}

	.service-list__item b {
		font-size: 14px;
	}

	.item-grid__left {
		max-width: 320px;
	}

}

@media (max-width: 555px) {

	.title-block h1,
	.title-block h2 {
		font-size: 30px;
	}

	.item-grid {
		grid-template-columns: 220px 1fr;
	}

	.prices .item {
		padding: 0;
		border: none;
		background: none;
	}

	.prices .item h2.title {
		display: none;
	}

	.prices {
		row-gap: 40px;
	}

	.item-grid__right button.sub {
		font-size: 12px;
		border-radius: 14px;
	}

	.additional {
		padding: 0;
		border: none;
		margin-top: 120px;
	}

	.service-list__item b {
		font-size: 11px;
		line-height: 13px;
	}

	.price-new {
		font-size: 50px;
	}

	.price-new span {
		font-size: 45px;
	}

	.price-old del,
	.price-old h3 {
		font-size: 20px;
	}

	.item-grid__left {
		grid-template-columns: repeat(1, 1fr 20px);
	}

	.item-grid__left .qavs {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		-o-object-position: center;
		object-position: center;
	}
}

@media (max-width: 540px) {
	.action-selector__content h3.title {
		font-size: 16px;
	}
}

@media (max-width: 450px) {

	.item-grid__left {
		max-width: 250px;
	}

	.check-list__item label,
	.check-list__item .price span {
		font-size: 14px;
	}

	.item-grid__right .qavs {
		width: 30px;
	}

	.item-grid__right button.sub {
		bottom: 0;
		right: 0;
	}
}

@media (max-width: 414px) {
	.service-list__item b {
		font-size: 11px;
		line-height: 13px;
	}

	.item-grid {
		grid-template-columns: 200px 1fr;
		-moz-column-gap: 5px;
		column-gap: 5px;
	}

	.item-grid__right {
		-moz-column-gap: 3px;
		column-gap: 3px;
	}

	#price .container {
		padding-inline: 10px;
	}

	.service-list__item div.flex {
		left: 10px;
	}

	.item-grid__left {
		max-width: 200px;
	}

	.price-old del,
	.price-old h3 {
		font-size: 16px;
	}

	.item-grid__right button.sub {
		font-size: 11px;
	}
}

@media (max-width: 370px) {
	.action-selector {
		padding: 20px;
	}

	.check-list__item label input[type=radio],
	.check-list__item label input[type=radio].additional-checkbox:checked,
	.check-list__item label input[type=checkbox],
	.check-list__item label input[type=checkbox].additional-checkbox:checked {
		width: 30px;
		height: 30px;
		background-size: 30px;
	}

	.item-grid {
		-moz-column-gap: 0;
		column-gap: 0;
	}

	.check-list__item .price {
		height: 30px;
		min-width: 30px;
	}

	.price-new {
		font-size: 40px;
	}

	.price-new span {
		font-size: 30px;
	}

}
/*# sourceMappingURL=style.css.map */


#prevMonth {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background-color: white; /* или любой нужный цвет */
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 1px solid black;
	cursor: pointer;
}
#nextMonth {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background-color: white; /* или любой нужный цвет */
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 1px solid black;
	cursor: pointer;
}
.calendar .calendar-header #prevMonth.disable {
	background-color: rgba(227, 227, 227, 1) !important;
	border: none !important;
}
.calendar .calendar-header #nextMonth.disable {
	background-color: rgba(227, 227, 227, 1) !important;
	border: none !important;
}
.select2-results__option {
	text-align: left;
}

/* ====== Кастомный чекбокс только внутри .custom-checkbox-wrapper ====== */

/* Скрываем только input внутри обёртки */
.custom-checkbox-wrapper input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
}

/* Стилизация кастомного чекбокса */
.custom-checkbox-wrapper .custom-checkbox {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 17px;
	height: 17px;
	border-radius: 5px;
	transition: background-color 0.2s ease;
}

/* Скрываем иконку по умолчанию */
.custom-checkbox-wrapper .custom-checkbox svg {
	display: none;
}

/* При выборе чекбокса — зелёный фон и показать галочку */
.custom-checkbox-wrapper input[type="checkbox"]:checked + .custom-checkbox {
	background-color: #20c863;
}

.custom-checkbox-wrapper input[type="checkbox"]:checked + .custom-checkbox svg {
	display: block;
}
.custom-checkbox-wrapper input[type="checkbox"]:disabled + .custom-checkbox {
	border: 1px solid rgba(0, 0, 0, 0.2);
	background-color: #f0f0f0;
}
.additional-checkbox:disabled::after {
	content: '✓';                /* символ галочки */
	position: absolute;
	margin-left: 7px;           /* сдвиг, чтобы не налезал на стандартную галку */
	color: #6b6a6a;
	font-size: 16px;
	pointer-events: none;
}
.services-text {
	text-align: left;
}

.left-li-text {
	list-style: none; /* отключаем стандартную марку */
	position: relative;
	padding-left: 1.2em;
	text-align: left;
}

.left-li-text::before {
	content: '●'; /* жирная точка */
	position: absolute;
	left: 0;
	top: 0.1em;
	font-size: 1em;
	color: white;
}
.left-li-text-x {
	list-style: none; /* отключаем стандартную марку */
	position: relative;
	padding-left: 1.2em;
	text-align: left;
	color: red !important;
}

.left-li-text-x::before {
	content: '✕'; /* жирная точка */
	position: absolute;
	left: 0;
	top: -0.1em;
	font-size: 1em;
	color: red;
}

.promo-price-block .price-old{
	height: 60px;
}
.promo-price-block .price-old del {
	font-size: xx-large;
}
.promo-price-block .price-old h3 {
	font-size: xx-large;
	padding-top: 33px;
}

.promo-price-block .big-price-new .euro {
	font-size: 60px;
	margin-top: 20px;
}
.promo-price-block .big-price-new h1{
	font-family: Manrope;
	color: #F60;
	padding-top: 0px;
	font-size: 80px;
	font-weight: 700;
	line-height: 78%;
}
.promo-price-block .price-old span {
	padding: 0px;
	font-size: xx-large;
	font-family: 'Manrope';
	font-weight: 700;
	color: white;
}

.promo-price-block button.sub {
	position: relative;
	bottom: -32px;
	right: 110px;
	font-family: Manrope;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	border: none;
	cursor: pointer;
	color: #FFF;
	display: block;
	padding: 2px 10px;
	border-radius: 7px;
	width: -moz-fit-content;
	width: fit-content;
	background-color: #FF6600;
	align-self: flex-end;
}
.item-grid__right .price-block {
	margin-top: 12px;
}

/* Адаптация под мобильные устройства */
@media (max-width: 768px) {
	.promo-price-block .price-old {
		text-align: unset;
		height: 20px;
	}
	.promo-price-block .price-old del {
		font-size: large;
	}
	.promo-price-block .price-old h3 {
		font-size: large;
		padding-top: 16px;
	}
	.promo-price-block .big-price h1 {
		font-size: 60px;
	}
	.promo-price-block .big-price span {
		font-size: 18px;
	}
	.promo-price-block .price-old span {
		font-size: 18px;
	}
	.promo-price-block .big-price-new .euro {
		font-size: 44px;
		margin-top: 10px;
	}
	.promo-price-block .big-price-new h1{
		font-family: Manrope;
		color: #F60;
		padding-top: 0px;
		font-size: 50px;
		font-weight: 700;
		line-height: 78%;
	}
	.promo-price-block button.sub {
		font-size: 11px;
		border-radius: 14px;
		position: absolute;
		right: 16px;
		bottom: 216px;
	}
	.item-grid__right .price-block {
		margin-top: -16px;
	}
	.promo-price-block .price-new-new{
		font-size: 54px;
	}
	.promo-price-block .price-new-new .residue span {
		display: flex;
		flex-direction: column;
		font-size: 18px;
		text-align: unset;
		align-items: flex-start;
		line-height: 24px;
	}

	.promo-price-block .price-new-new .fullstop span {
		font-size: 30px;
		line-height: 39px;
		text-align: unset;
		padding-bottom: 12px;
	}
	.promo-price-block .price-new-new .fullstop {
		font-size: 30px;
		margin-top: -16px;
	}

}


/* --- Typing Indicator Animation --- */
/*.typing-indicator {*/
/*  display: none;*/
/*  !*display: flex;*!*/
/*  align-items: center;*/
/*  gap: 8px;*/
/*  padding: 6px 10px;*/
/*}*/
/*.typing-indicator.active {*/
/*  display: flex;*/
/*}*/
/*.typing-indicator img {*/
/*  width: 28px;*/
/*  height: auto;*/
/*  animation: pencilMove 0.3s linear infinite;*/
/*}*/
/*@keyframes pencilMove {*/
/*  0% { transform: rotate(-20deg) translateY(0); }*/
/*  50% { transform: rotate(-20deg) translateY(-3px); }*/
/*  100% { transform: rotate(-20deg) translateY(0); }*/
/*}*/


.pencil-icon {
    width: 40px;
    height: auto;
    display: none; /* по умолчанию скрыт */
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 999;
}

/* Контактный блок в промо — ОБЩИЕ СТИЛИ (Glassmorphism + Neon Glow) */
.promo-contact-block {
    background: rgba(20, 20, 20, 0.8);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 20px;
    padding: 18px 28px;
    color: white;
    font-family: 'Tektur', 'Inter', 'Roboto', sans-serif;
    text-align: center;
    box-shadow:
        0 0 15px rgba(120, 80, 220, 0.3),
        0 0 30px rgba(80, 60, 180, 0.15),
        0 2px 8px rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.08);
    max-width: 540px;
    cursor: pointer;
    transition: box-shadow 0.3s ease;
}

.promo-contact-block:hover {
    box-shadow:
        0 0 20px rgba(120, 80, 220, 0.45),
        0 0 40px rgba(80, 60, 180, 0.25),
        0 4px 12px rgba(0, 0, 0, 0.5);
}

/* Верхняя строка: номер + иконки */
.promo-contact-block .phone-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: nowrap;
}

.promo-contact-block .phone-number {
    font-size: 36px;
    font-weight: 700;
    font-family: 'Tektur', sans-serif;
    color: #ffffff;
    white-space: nowrap;
    letter-spacing: 1px;
}

/* Группа иконок */
.promo-contact-block .contact-icons {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 30px;
}

/* WhatsApp — зелёное неоновое свечение */
.promo-contact-block .icon-whatsapp {
    color: #25D366;
    filter: drop-shadow(0 0 6px #25D366) drop-shadow(0 0 12px rgba(37, 211, 102, 0.4));
    transition: filter 0.3s ease;
}
.promo-contact-block .icon-whatsapp:hover {
    filter: drop-shadow(0 0 10px #25D366) drop-shadow(0 0 20px rgba(37, 211, 102, 0.6));
}

/* SMS — синее неоновое свечение */
.promo-contact-block .icon-sms {
    color: #007AFF;
    filter: drop-shadow(0 0 6px #007AFF) drop-shadow(0 0 12px rgba(0, 122, 255, 0.4));
    transition: filter 0.3s ease;
}
.promo-contact-block .icon-sms:hover {
    filter: drop-shadow(0 0 10px #007AFF) drop-shadow(0 0 20px rgba(0, 122, 255, 0.6));
}

/* Перечёркнутая трубка — красное неоновое свечение */
.promo-contact-block .icon-no-calls {
    color: #FF4B4B;
    filter: drop-shadow(0 0 6px #FF4B4B) drop-shadow(0 0 12px rgba(255, 75, 75, 0.4));
    transition: filter 0.3s ease;
}
.promo-contact-block .icon-no-calls:hover {
    filter: drop-shadow(0 0 10px #FF4B4B) drop-shadow(0 0 20px rgba(255, 75, 75, 0.6));
}

/* Текст под номером */
.promo-contact-block .contact-text {
    font-size: 16px;
    font-family: 'Tektur', sans-serif;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.8);
    padding-top: 10px;
    line-height: 1.4;
}

/* Выделение слова "не" / "NOT" красным */
.promo-contact-block .contact-text .highlight-not {
    color: #FF4B4B;
    font-weight: 700;
    text-shadow: 0 0 6px rgba(255, 75, 75, 0.5);
}

/* Вариант для десктопа */
.desktop-only {
    position: fixed;
    top: 12vh;
    right: max(calc(50vw - 555px), 20px);
    z-index: 1000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 26vw;
    max-width: 405px;
    min-width: 240px;
    text-align: center;
}

/* Кнопка закрытия блока с телефоном */
.promo-contact-close-btn {
    position: absolute;
    bottom: 6px;
    right: 6px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 6px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    transition: all 0.2s ease;
    z-index: 2;
}
.promo-contact-close-btn:hover {
    background: rgba(255, 75, 75, 0.5);
    color: #fff;
    border-color: rgba(255, 75, 75, 0.6);
}

/* Уменьшенные размеры для десктопа (−25%) */
.promo-contact-block.desktop-only {
    padding: 14px 21px;
    border-radius: 15px;
}

.promo-contact-block.desktop-only .phone-row {
    gap: 9px;
}

.promo-contact-block.desktop-only .phone-number {
    font-size: 27px;
    letter-spacing: 0.75px;
}

.promo-contact-block.desktop-only .contact-icons {
    font-size: 22px;
    gap: 8px;
}

.promo-contact-block.desktop-only .contact-text {
    font-size: 12px;
    padding-top: 8px;
}

/* Вариант для мобильных */
.mobile-only {
    display: none;
    margin: 20px auto;
}

/* МЕДИА-ЗАПРОСЫ */
@media (max-width: 768px) {
    /* Скрываем десктопный блок, показываем мобильный */
    .desktop-only {
        display: none;
    }

    .mobile-only {
        display: block;
    }

    /* Адаптация внешнего вида мобильного блока */
    .promo-contact-block {
        padding: 14px 16px;
        border-radius: 16px;
        margin-top: -4%;
    }

    .promo-contact-block .phone-number {
        font-size: 22px;
        font-weight: 700;
    }

    .promo-contact-block .contact-icons {
        font-size: 22px;
        gap: 8px;
    }

    .promo-contact-block .contact-text {
        font-size: 11px;
        font-weight: 600;
        padding-top: 6px;
    }
}