* {
	box-sizing: border-box !important;
	font-family: var(--main-font);
	line-height: 115%;
}

:root {
	--main-yellow: #ffd60a;
	--dark-grey: #1c1c1c;
	--button-grey: #3a3a3a;
	--card-grey: #2a2a2a;
	--middle-grey: #222;
	--main-font: 'Play';
	--title-font: 'Tektur';
}

html {
	overflow-x: clip;
	font-size: 20px;
	scroll-behavior: smooth;
	scrollbar-gutter: stable;
}

body {
	font-family: var(--main-font);
	color: #fff;
	background: var(--dark-grey);
	line-height: 115%;
	margin: 0 auto;
	overflow-x: clip;
}

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


section {
	margin-bottom: 130px;
}

a {
	text-decoration: none;
	transition: .3s;
	/* color: var(--main-yellow); */
	display: inline-block;
}

a,
.country_list li {
	cursor: pointer;
	-webkit-background-clip: text;
	background-clip: text;
	background-repeat: no-repeat;
	transition: 0.3s ease-out;
	background-image: linear-gradient(to right, var(--main-yellow) 45%, #fff 55%);
	background-size: 220% 100%;
	background-position: 100% 50%;
	color: transparent;
	/* position: relative; */
}

a.yellow {
	background-image: linear-gradient(to right, #fff 45%, var(--main-yellow) 55%);
}

/* a:not(#wpadminbar a, a.pretty-button):hover {
	color: var(--main-yellow);
	transition: .3s;
} */

a:not(#wpadminbar a, a.pretty-button):hover,
.country_list li:hover {
	background-position: 0% 50%;
	transition: 0.25s;
	color: transparent;
}

button {
	font-family: var(--main-font);
	cursor: pointer;
	font-size: 20px;
}

button:focus-visible,
button:focus {
	outline: none;
}

h1 {
	margin: 0;
	font-size: 60px;
}

.page-title {
	margin-bottom: 50px;
}

p {
	margin: 0 0 10px 0;
}

p:last-child {
	margin: 0;
}

p:empty {
	margin: 0;
	display: none;
}

.empty-styles {
	border: none;
	background: transparent;
	padding: 0;
	margin: 0;
}

main {
	padding-bottom: 130px;
}


h2 {
	font-size: 40px;
	margin: 0 0 50px 0;
	line-height: 120%;
}

ol {
	list-style-type: none;
	counter-reset: num;
	margin: 15px 0;
	padding: 0 0 0 25px;
}

ol li {
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 15px 0;
}

ol li:before {
	content: counter(num) '.';
	counter-increment: num;
	display: inline-block;
	position: absolute;
	top: 0px;
	left: -26px;
	width: 20px;
	color: var(--main-yellow);
	text-align: right;
	font-weight: 700;
	font-size: 20px;
}





/* Хлебные крошки */



.breadcrumbs-home {
	display: flex;
	position: relative;
	width: 35px;
	height: 30px;
	color: transparent;
	overflow: hidden;
	background-position: center;
	background-size: contain;
	transition: none;
	background-repeat: no-repeat;
	background-color: var(--dark-grey);
	background-image: url('data:image/svg+xml,<svg width="33" height="27" viewBox="0 0 33 27" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_789_38104)"><path d="M24.3343 11.4831L22.2435 9.50618V5.58501C22.2435 5.16792 21.9176 4.82972 21.5156 4.82972H17.7519C17.35 4.82972 17.0241 5.16787 17.0241 5.58501V6.00507L13.2298 2.95897C12.7424 2.49803 12.0074 2.49808 11.5201 2.95892L0.415619 11.4832C0.025226 11.8524 -0.103793 12.4212 0.086956 12.9323C0.277753 13.4434 0.742299 13.7736 1.27051 13.7736H3.04405V24.2936C3.04405 24.7107 3.36991 25.0489 3.7719 25.0489H7.61538V23.5384H4.49971V13.0184C4.49971 12.6013 4.17385 12.2631 3.77185 12.2631H1.75207L12.375 4.19426L17.2618 8.27339C17.3661 8.37197 17.4958 8.43698 17.635 8.46052C17.7742 8.48407 17.917 8.46513 18.0461 8.40602C18.1751 8.34685 18.2848 8.25005 18.3618 8.12738C18.4388 8.00472 18.4798 7.86148 18.4799 7.71509V6.3403H20.7879V9.83976C20.7879 10.0523 20.8741 10.2549 21.0255 10.3981L22.9979 12.2631H20.9778C20.5758 12.2631 20.2499 12.6012 20.2499 13.0184V15.8067H21.7056V13.7737H23.4795C24.0077 13.7737 24.4723 13.4434 24.6631 12.9323C24.8538 12.4212 24.7248 11.8524 24.3343 11.4831Z" fill="white" /><path fill-rule="evenodd" clip-rule="evenodd" d="M9.52274 25.0467H6.90696C6.47401 25.0467 6.12305 24.6825 6.12305 24.2332V22.1996C6.12305 21.9838 6.20566 21.7769 6.35267 21.6244L7.52097 20.4121L10.734 17.5386L15.392 15.6052C15.9013 15.3938 16.4447 15.2852 16.9932 15.2852H20.1474C20.8959 15.2852 21.6197 15.563 22.1881 16.0685L24.051 17.7255H27.5946C30.0734 17.7255 32.2196 19.5121 32.7574 22.0231C32.8009 22.2264 32.7676 22.4394 32.6643 22.618L31.4885 24.6517C31.4189 24.7721 31.3203 24.8718 31.2025 24.941C31.0847 25.0102 30.9517 25.0466 30.8163 25.0466H29.3764C28.9361 26.0085 27.9912 26.6735 26.8968 26.6735C25.8023 26.6735 24.8575 26.0085 24.4171 25.0466H14.4822C14.0418 26.0085 13.097 26.6735 12.0025 26.6735C10.908 26.6735 9.96309 26.0085 9.52274 25.0467ZM12.0024 20.9794C10.6202 20.9794 9.47667 22.04 9.28651 23.4198H7.69088V22.5365L9.02909 21.1478L10.7258 19.2943L15.9743 17.1157C16.2984 16.9812 16.6442 16.9121 16.9932 16.9121H20.1474C20.5216 16.9121 20.8835 17.051 21.1677 17.3037L23.2508 19.1566C23.3929 19.283 23.5739 19.3524 23.761 19.3524H27.5945C29.2376 19.3524 30.673 20.4682 31.15 22.0748L30.3723 23.4198H29.6125C29.4223 22.0401 28.2788 20.9794 26.8966 20.9794C25.5144 20.9794 24.3709 22.04 24.1807 23.4198H14.7183C14.5281 22.0401 13.3846 20.9794 12.0024 20.9794ZM13.1782 23.8265C13.1782 24.5004 12.6518 25.0467 12.0024 25.0467C11.3529 25.0467 10.8265 24.5004 10.8265 23.8265C10.8265 23.1526 11.353 22.6063 12.0024 22.6063C12.6518 22.6063 13.1782 23.1526 13.1782 23.8265ZM28.0725 23.8265C28.0725 24.5004 27.546 25.0467 26.8966 25.0467C26.2472 25.0467 25.7208 24.5004 25.7208 23.8265C25.7208 23.1526 26.2472 22.6063 26.8966 22.6063C27.546 22.6063 28.0725 23.1526 28.0725 23.8265Z" fill="white" /></g><defs><clipPath id="clip0_789_38104"><rect width="33" height="27" fill="white" /></clipPath></defs></svg>');
}

.breadcrumbs-home:hover {
	background-image: url('data:image/svg+xml,<svg width="33" height="27" viewBox="0 0 33 27" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_789_38104)"><path d="M24.3343 11.4831L22.2435 9.50618V5.58501C22.2435 5.16792 21.9176 4.82972 21.5156 4.82972H17.7519C17.35 4.82972 17.0241 5.16787 17.0241 5.58501V6.00507L13.2298 2.95897C12.7424 2.49803 12.0074 2.49808 11.5201 2.95892L0.415619 11.4832C0.025226 11.8524 -0.103793 12.4212 0.086956 12.9323C0.277753 13.4434 0.742299 13.7736 1.27051 13.7736H3.04405V24.2936C3.04405 24.7107 3.36991 25.0489 3.7719 25.0489H7.61538V23.5384H4.49971V13.0184C4.49971 12.6013 4.17385 12.2631 3.77185 12.2631H1.75207L12.375 4.19426L17.2618 8.27339C17.3661 8.37197 17.4958 8.43698 17.635 8.46052C17.7742 8.48407 17.917 8.46513 18.0461 8.40602C18.1751 8.34685 18.2848 8.25005 18.3618 8.12738C18.4388 8.00472 18.4798 7.86148 18.4799 7.71509V6.3403H20.7879V9.83976C20.7879 10.0523 20.8741 10.2549 21.0255 10.3981L22.9979 12.2631H20.9778C20.5758 12.2631 20.2499 12.6012 20.2499 13.0184V15.8067H21.7056V13.7737H23.4795C24.0077 13.7737 24.4723 13.4434 24.6631 12.9323C24.8538 12.4212 24.7248 11.8524 24.3343 11.4831Z" fill="%23ffd60a" /><path fill-rule="evenodd" clip-rule="evenodd" d="M9.52274 25.0467H6.90696C6.47401 25.0467 6.12305 24.6825 6.12305 24.2332V22.1996C6.12305 21.9838 6.20566 21.7769 6.35267 21.6244L7.52097 20.4121L10.734 17.5386L15.392 15.6052C15.9013 15.3938 16.4447 15.2852 16.9932 15.2852H20.1474C20.8959 15.2852 21.6197 15.563 22.1881 16.0685L24.051 17.7255H27.5946C30.0734 17.7255 32.2196 19.5121 32.7574 22.0231C32.8009 22.2264 32.7676 22.4394 32.6643 22.618L31.4885 24.6517C31.4189 24.7721 31.3203 24.8718 31.2025 24.941C31.0847 25.0102 30.9517 25.0466 30.8163 25.0466H29.3764C28.9361 26.0085 27.9912 26.6735 26.8968 26.6735C25.8023 26.6735 24.8575 26.0085 24.4171 25.0466H14.4822C14.0418 26.0085 13.097 26.6735 12.0025 26.6735C10.908 26.6735 9.96309 26.0085 9.52274 25.0467ZM12.0024 20.9794C10.6202 20.9794 9.47667 22.04 9.28651 23.4198H7.69088V22.5365L9.02909 21.1478L10.7258 19.2943L15.9743 17.1157C16.2984 16.9812 16.6442 16.9121 16.9932 16.9121H20.1474C20.5216 16.9121 20.8835 17.051 21.1677 17.3037L23.2508 19.1566C23.3929 19.283 23.5739 19.3524 23.761 19.3524H27.5945C29.2376 19.3524 30.673 20.4682 31.15 22.0748L30.3723 23.4198H29.6125C29.4223 22.0401 28.2788 20.9794 26.8966 20.9794C25.5144 20.9794 24.3709 22.04 24.1807 23.4198H14.7183C14.5281 22.0401 13.3846 20.9794 12.0024 20.9794ZM13.1782 23.8265C13.1782 24.5004 12.6518 25.0467 12.0024 25.0467C11.3529 25.0467 10.8265 24.5004 10.8265 23.8265C10.8265 23.1526 11.353 22.6063 12.0024 22.6063C12.6518 22.6063 13.1782 23.1526 13.1782 23.8265ZM28.0725 23.8265C28.0725 24.5004 27.546 25.0467 26.8966 25.0467C26.2472 25.0467 25.7208 24.5004 25.7208 23.8265C25.7208 23.1526 26.2472 22.6063 26.8966 22.6063C27.546 22.6063 28.0725 23.1526 28.0725 23.8265Z" fill="%23ffd60a" /></g><defs><clipPath id="clip0_789_38104"><rect width="33" height="27" fill="%23ffd60a" /></clipPath></defs></svg>');
}

#breadcrumbs span {
	display: flex;
}

#breadcrumbs>span {
	gap: 10px;
	display: flex;
	align-items: center;
}

#breadcrumbs {
	margin: 35px 0 70px 0;
}

.breadcrumbs-separator {
	width: 2px;
	height: 20px;
	background: #fff;
}







.page-content ul,
.banner__desc ul {
	padding-left: 0px;
	list-style: none;
}

.page-content ul>li,
.banner__desc ul>li {
	position: relative;
	padding-left: 15px;
}

.page-content ul>li::before,
.banner__desc ul>li::before {
	position: absolute;
	content: '';
	border-radius: 1px;
	width: 5px;
	height: 5px;
	background: #fff;
	left: 0;
	top: 10px;
}













.pretty-button {
	position: relative;
	overflow: hidden;
	border: none;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-radius: 5px;
	padding: 12px 22px;
	background: var(--button-grey);
	background-size: 400%;
	color: #fff;
	cursor: pointer;
	display: flex;
	justify-content: center;
	width: fit-content;
	transition: .3s;
}

.pretty-button:hover::before {
	scale: 5;
	transition: all 0.8s cubic-bezier(.23, 1, .32, 1);
}

.pretty-button>span {
	position: relative;
	z-index: 1;
	transition: .3s;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
}

.pretty-button:hover>span {
	color: var(--dark-grey);
	transition: .3s;
}

.pretty-button::before {
	content: '';
	position: absolute;
	inset: 0;
	margin: auto;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	scale: 0;
	z-index: 0;
	background-color: var(--main-yellow);
	transition: all 0.6s cubic-bezier(.23, 1, .32, 1);
}

.pretty-button--yellow {
	background: var(--main-yellow);
}

.pretty-button--yellow>span {
	color: var(--dark-grey);
}

.pretty-button--yellow::before {
	background: #fff;
}


.pretty-button:hover {
	border-color: var(--main-yellow);
	transition: .3s;
}

.pretty-button--yellow:hover {
	border-color: #fff;
	transition: .3s;
}

.title {
	font-family: var(--title-font);
	line-height: 85%;
}


.gradient-border {
	position: relative;
	overflow: hidden;
}

.gradient-border>* {
	z-index: 1;
	position: relative;
}



.gradient-border {
	border: 1px solid transparent;
	border-radius: 5px;
	border-radius: 5px;
	width: calc(100%);
	height: calc(100%);
	z-index: 1;
}

.gradient-border--light {
	background: linear-gradient(225deg, var(--button-grey), var(--button-grey))padding-box, conic-gradient(from 200deg at 26.56% 107.7%, hsla(0, 0%, 100%, 0.007) 0%, #ffffff07 5%, #ffffff2b 47%, #505050a6 100%) border-box !important;
}

.gradient-border--middle {
	background:
		linear-gradient(225deg, var(--middle-grey), var(--middle-grey)) padding-box, conic-gradient(from 200deg at 26.56% 107.7%, hsla(0, 0%, 100%, 0.007) 0%, #ffffff07 5%, #ffffff2b 47%, #505050a6 100%) border-box !important;

}


.gradient-border--dark {
	background:
		linear-gradient(225deg, var(--dark-grey), var(--dark-grey)) padding-box, conic-gradient(from 200deg at 26.56% 107.7%, hsla(0, 0%, 100%, 0.007) 0%, #ffffff07 5%, #ffffff2b 47%, #505050a6 100%) border-box !important;

}


/* Header */

header {
	position: relative;
	z-index: 2;
}

.header__inner {
	gap: 50px;
	padding: 25px 0;
}

.header__menu-list {
	gap: 45px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.header__menu-list>li>a {
	color: transparent;
}

.header__info-buttons {
	gap: 10px;
}

.header__info-button button {
	cursor: pointer;
}

.header__info-phone {
	gap: 2px;
}

.header__info-phone a {
	/* color: var(--main-yellow); */
	font-size: 20px;
}

.header__info-phone button {
	font-size: 14px;
	text-decoration: dashed;
	border-bottom: 2px dashed #fff;
	width: fit-content;
	color: #fff;
}

.header__info {
	gap: 30px;
	margin-left: auto;
}

.header__logo img {
	transition: .3s;
}

.header__logo:hover img {
	filter: drop-shadow(0px 0px 7px var(--main-yellow));
	transition: .3s;
}

/* Баннер в шапке */

.marquee {
	background-image: url(/wp-content/uploads/2025/12/info-line-1.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.marquee__item {
	gap: 30px;
	display: flex !important;
	position: relative;
	padding: 7px 15px;
}

.marquee__item a.hidden-link {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	opacity: 0;
}

.marquee__item .pretty-button {
	z-index: 1;
}


/* Баннер на главной */


.banner {
	position: relative;
	min-height: 960px;
	height: 960px;
	top: 0;
	margin-top: -100px;
	margin-bottom: 100px;
}

.banner::before {
	content: '';
	position: absolute;
	/* background: linear-gradient(180deg, rgba(28, 28, 28, 0) 53.12%, #1c1c1c 99.67%); */
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(180deg, rgba(28, 28, 28, 0.80) 0%, rgba(28, 28, 28, 0.00) 40.43%, rgba(28, 28, 28, 0.08) 50.74%, #1C1C1C 100%);
}

.banner__title {
	color: transparent;
	-webkit-text-stroke: 1px #fff;
	font-size: 70px;
	margin: 0;
	display: block;
	max-width: 980px;
	line-height: 109%;
	letter-spacing: 0.03em;
}

.banner__title span {
	color: #fff;
	-webkit-text-stroke: 0px;
	line-height: 109%;
	font-family: var(--title-font);
}

.banner__container {
	height: 100%;
	padding-top: 140px;
	padding-bottom: 35px;
}

.banner__content {
	height: 100%;
	position: relative;
	z-index: 1;
}

.banner__desc {
	max-width: 340px;
	font-size: 18px;
	position: relative;
	overflow: hidden;
}

.banner__desc::before {
	position: absolute;
	content: '';
	border-radius: 1px;
	width: 5px;
	height: 5px;
	background: #fff;
	left: 0;
	top: 0;
}

.banner__desc p {
	padding-top: 15px;
	padding-left: 15px;
}

.banner__desc ul {
	margin: 0;
	position: relative;
}

.banner__desc ul::before {
	content: '';
	position: absolute;
	left: 2px;
	height: 200%;
	background: #fff;
	bottom: calc(100% - 10px);
	width: 1px;
}

.banner__slider {
	position: absolute !important;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1 !important;
}

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

.banner__content-top {
	gap: 25px;
}

.banner__content-top .pretty-button {
	backdrop-filter: blur(4px);
	background: rgba(255, 255, 255, 0.18);
}

.banner__controls {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
}

.slider-button {
	width: 46px;
	height: 46px;
	border-radius: 50px;
	background: rgba(255, 255, 255, 0.18);
	backdrop-filter: blur(4px);
	border: none;
	padding: 0;
	display: grid;
	place-items: center;
	transition: .3s;
	opacity: 0;
}

.slider-button.swiper-initialized {
	opacity: 1;
}


.slider-button:hover {
	background: var(--main-yellow);
	transition: .3s;
	border-color: transparent;
}

.slider-button svg path {
	transition: .3s;
}

.slider-button:hover svg path {
	fill: var(--dark-grey);
}

/* .swiper-button-lock{
	display: grid !important;
	opacity: .5;
	pointer-events: none;
} */

.banner__controls:has(.swiper-button-lock) {
	display: none;
}

.banner-pagination {
	display: flex;
	flex-direction: column;
	gap: 2px;
	position: static !important;
	width: fit-content !important;
	height: fit-content !important;
}

.swiper-pagination-bullet strong {
	width: 15px !important;
	height: 15px !important;
	background: transparent !important;
	outline: 2px solid rgba(255, 255, 255, 0.25);
	margin: 0 !important;
	border: none;
	border-radius: 50%;
	transition: .3s;
}

.swiper-pagination-bullet-active strong {
	background: var(--main-yellow) !important;
	transition: .3s;
}

.swiper-pagination-bullet span {
	width: 2px;
	height: 30px;
	margin-left: 1px;
	background: rgba(255, 255, 255, 0.18);
}

.swiper-pagination-bullet {
	width: max-content !important;
	height: max-content !important;
	background: transparent !important;
	margin: 0 !important;
	border: none;
	display: flex !important;
	opacity: 1 !important;
	flex-direction: column;
	align-items: center;
	gap: 2px;
}

.swiper-pagination-bullet:first-child::before {
	content: '';
	width: 2px;
	width: 2px;
	height: 30px;
	margin-left: 1px;
	background: rgba(255, 255, 255, 0.18);
}

.banner__video {
	width: 340px;
	background: transparent;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
	position: relative;
	aspect-ratio: 34 / 19;
	height: auto;
	border-radius: 5px;
}


.banner__video img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 5px;
	z-index: 0;
}

.banner__video>button {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	gap: 10px;
	background: transparent;
	border: none;
	color: #fff;
	font-size: 22px;
	padding: 0;
	margin: 0;
}


.banner__video>button svg circle {
	transition: .3s;
}

.banner__video>button svg path {
	transition: .3s;
}

.banner__video>button svg stop {
	transition: .3s;

}

.banner__video>button:hover svg circle {
	fill: var(--main-yellow);
	transition: .3s;
}

.banner__video>button:hover svg path {
	fill: var(--dark-grey);
	transition: .3s;
}

.banner__video>button:hover svg stop {
	stop-color: var(--main-yellow);
	transition: .3s;
}



/* Категории авто */

.car-country {
	margin-bottom: 100px;
}

.car-country__list {
	list-style: none;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	padding: 0 0 65px;
	margin: 0;
}

.car-country__item {
	position: relative;
	padding: 15px 25px;
	aspect-ratio: 45 / 19;
	overflow: visible;
}

.car-country__item a {
	z-index: 2;
}


.car-country__item img {
	position: absolute;
	right: 0;
	bottom: -65px;
	z-index: 1;
}

.car-country__item a::before {
	content: '';
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 2;
	position: absolute;
	border-radius: 5px;
}



/* Footer */

footer {
	background: var(--dark-grey);
	position: relative;
}

.footer-top__logo img {
	transition: .3s;
}


.footer-top__logo:hover img {
	filter: drop-shadow(0px 0px 7px var(--main-yellow));
	transition: .3s;
}


.footer-top {
	border-bottom: 1px solid #ffffff33;
	padding: 20px 0;
}


.footer-top__contacts {
	gap: 60px;
}

.footer-top__contacts-item {
	gap: 5px;
}

.footer-main {
	padding: 40px 0;
}

.messengers {
	list-style: none;
	padding: 0;
	margin: 0;
	gap: 20px;
}


.messengers__item {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	position: relative;

}



.messengers__item::before {
	content: '';
	position: absolute;
	border-radius: 50px;
	border: 1px solid transparent;
	mask-composite: exclude;
	background: linear-gradient(var(--dark-grey), var(--dark-grey)) padding-box, radial-gradient(92.18% 99.11% at 26.56% 107.7%, #ffffff 0%, #808080 25%, #ffffff 50%, #808080 100%) border-box;
	width: 100%;
	height: 100%;
}


.messengers__item svg {
	width: 16px;
	height: 16px;
}

.messengers__item a {
	position: relative;
	z-index: 1;
}

.footer-center .footer__items {
	gap: 30px;
}

.footer-center .footer__items>* {
	width: calc(33.3% - 20px);
}

.footer-center {
	padding: 40px 0;
	border-bottom: 1px solid #ffffff33;

}

.footer__title {
	color: #aaa;
	font-size: 24px;
}

.footer__column {
	position: relative;
	gap: 30px;
}



.footer__column:nth-child(1)::before,
.footer__column:nth-child(2)::before {
	content: '';
	width: 1px;
	height: 100%;
	right: -15px;
	border-right: 1px solid #fff;
	opacity: .2;
	position: absolute;
}

.footer__column:nth-child(1) .footer__title {
	margin-bottom: 10px;
}

.footer__column:nth-child(2) {
	padding-left: 90px;
}

.footer__column:nth-child(3) {
	padding-left: 90px;
}

.footer__copyright {
	gap: 10px;
}

.footer__copyright>* {
	color: #aaa;
	margin: 0;
	font-size: 18px;
}


.footer__menu-list {
	padding: 0;
	margin: 0;
	gap: 20px 40px;
	grid-template-columns: repeat(2, 1fr);
	list-style: none;
}

.form__inputs {
	gap: 20px;
	margin-bottom: 15px;
}

.form__inputs input {
	border: none;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-radius: 5px;
	padding: 12px 25px;
	background: var(--button-grey);
	font-size: 24px;
	color: #fff;
	transition: .3s;
}

.form__inputs input[type="tel"]::placeholder {
	color: #fff;
}

.form__inputs input::placeholder {
	color: #aaa;
	font-size: 24px;
	transition: .3s;
}

.form__agreement {
	margin-bottom: 20px;
}

.footer__form button[type="submit"] {
	width: 100%;
}





.footer__form button[type="submit"] span {
	font-size: 24px;
}

.form__inputs input:focus,
.form__inputs input:focus-visible {
	outline: none;
	border-color: var(--main-yellow);
	transition: .3s;
}

.form__agreement {
	font-size: 18px;
	line-height: 110%;
	color: #aaa;
	gap: 15px;
}

.form__agreement label {
	gap: 15px;

}


.form__agreement label input {
	appearance: none;
	background: var(--button-grey);
	border-radius: 3px;
	width: 29px;
	height: 29px;
	margin: 0;
	padding: 0;
	position: relative;
	transition: .3s;
	outline: 1px solid transparent;

}

.form__agreement label input:hover {
	outline: 1px solid var(--main-yellow);
	transition: .3s;
}


.form__agreement label span {
	display: inline-block;
	max-width: calc(100% - 45px);
}

.form__agreement label input::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 3px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 15px;
	background-color: var(--main-yellow);
	opacity: 0;
	transition: .3s;
	cursor: pointer;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='13' viewBox='0 0 16 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.83829 12.7508L15.7446 1.45235C16.0851 1.12005 16.0851 0.581272 15.7446 0.249129C15.4043 -0.083042 14.8525 -0.083042 14.5123 0.249129L6.22213 10.946L1.4877 6.32381C1.14732 5.99164 0.595532 5.99164 0.255287 6.32381C-0.085096 6.65598 -0.085096 7.19473 0.255287 7.52703L5.60612 12.751C5.77632 12.9171 5.99916 13 6.2221 13C6.44516 13 6.66816 12.9169 6.83829 12.7508Z' fill='%233A3A3A' /%3E%3C/svg%3E");
}


.form__agreement label input:checked:before {
	opacity: 1;
	transition: .3s;
}

.phone-block {
	position: relative;
}

.phone-block svg {
	transition: .3s;
}

.phone-block:has(.country_list--active) svg {
	transform: rotateX(-180deg);
	transition: .3s;
}

.phone-block input[type="tel"] {
	padding-left: 90px;
	width: 100%;
}

.active_mask {
	position: absolute;
	left: 25px;
	top: 50%;
	background: transparent;
	border: none;
	font-size: 24px;
	color: #fff;
	padding: 0;
	margin: 0;
	transform: translate(0, -50%);
	line-height: 115%;
	gap: 5px;
}

.country_list {
	display: none;
	position: absolute;
	top: calc(100% + 10px);
	left: 0;
	width: max-content;
	margin: 0;
	padding: 0;
	list-style: none;
	background: var(--button-grey);
	padding: 10px;
	gap: 5px;
	z-index: 2;
	border-radius: 5px;
	transition: .3s;
	transition-behavior: allow-descrete;
	min-width: 150px;
}

.country_list.country_list--active {
	display: flex;
}


.country_list>li {
	position: relative;
	gap: 3px;
}

.country_list>li::before {
	content: '';
	width: 0;
	height: 1px;
	border-top: 1px solid var(--main-yellow);
	top: 50%;
	left: calc(0px - 5px);
	transition: .3s;
	position: relative;
	display: block;
	opacity: 0;
	transform: translate(0, calc(-50% + 2px));
}

.country_list>li:hover::before {
	width: 30px;
	transition: .3s;
	opacity: 1;
}


@starting-style {
	.country_list {
		top: calc(100% + 30px);
		opacity: 0;
	}
}


.footer-bottom {
	padding: 20px 0;
}

.footer-bottom p {
	color: #aaa;
	margin: 0;
	font-size: 18px;
}

.footer-bottom a {
	font-size: 18px;
}

.footer-bottom svg {
	animation: heartbeat 2s infinite;
	margin-bottom: -3px;
}

@keyframes heartbeat {
	0% {
		transform: scale(1);
	}

	10% {
		transform: scale(1.2);
	}

	20% {
		transform: scale(1);
	}

	30% {
		transform: scale(1.2);
	}

	40% {
		transform: scale(1);
	}

	100% {
		transform: scale(1);
	}
}



/* Шорткод "Бренды" */

.car-brand {
	gap: 30px;
	margin-bottom: 130px;
}

.car-brand__desc {
	width: calc(33.3% - 15px);
	gap: 15px;
}

.car-brand__list {
	width: calc(66.6% - 15px);
	padding: 30px 60px;
	background: var(--middle-grey);
	gap: 30px;
	position: relative;
	grid-template-columns: repeat(10, 1fr);
	list-style: none;
	margin: 0;
}

.car-brand__counter {
	color: var(--button-grey);
	font-size: 26px;
}

.car-brand__counter span {
	font-size: 96px;
	line-height: 85%;
	letter-spacing: 0.03em;
}

.car-brand__item {
	transition: .3s;
	will-change: transform;
}

.car-brand__item img {
	width: 70px;
	height: auto;
	aspect-ratio: 1 / 1;
	height: auto;
	object-fit: contain;
	transition: .3s;
}

.car-brand__item:hover {
	transform: scale(1.05);
	transition: .3s;
}

.car-brand-container h2 {
	margin-bottom: 50px;
}



/* Шорткод "Преимущества" */

.advantages {
	gap: 30px;
	margin-bottom: 130px;
}

.advantages__numbered {
	gap: 30px;
	width: calc(33.3% - 15px);
	padding-right: 50px;
}

.advantages__list {
	list-style: none;
	padding: 0;
	margin: 0;
	gap: 30px;
}

.advantages__grid {
	width: calc(66.6% - 15px);

}

.advantages__grid>ul {
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;

}

.advantages__item {
	gap: 35px;
}

.advantages__text {
	color: #c2c2c2;
	padding-bottom: 7px;
	width: 100%;
	max-width: 70%;
}

.advantages__num {
	color: var(--button-grey);
	font-size: 96px;
	line-height: 85%;
	letter-spacing: 0.03em;
	width: 110px;
}

.advantages__grid-item {
	padding: 30px 40px 40px;
	background: var(--card-grey);
	border-radius: 5px;
	position: relative;
	overflow: hidden;
}

.with-blur-item>* {
	position: relative;
	z-index: 1;
}

.with-blur {
	overflow: hidden;
	position: relative;
}

.with-blur-item {
	position: relative;
	overflow: hidden;

}

.cursor-blur {
	position: absolute;
	top: 0;
	left: 0;
	width: 350px;
	height: 250px;
	border-radius: 50%;
	background: #ffd60a52;
	filter: blur(100px);
	pointer-events: none;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: opacity .2s ease;
	mix-blend-mode: screen;
	z-index: 0;
}


.advantages__grid-item img {
	position: absolute;
	bottom: 0;
	right: 0;
	max-width: 245px;
}

.advantages__grid-item>span {
	font-size: 28px;
	display: inline-block;
	margin-bottom: 15px;
	line-height: 115%;
}

.advantages__grid-item p {
	margin-bottom: 40px;
}

.advantages__grid-item .pretty-button {
	min-width: 210px;
}



/* Авто в наличии (шорткод) */


.cars-stock {
	grid-template-columns: repeat(6, 1fr);
	gap: 30px;
	list-style: none;
	padding: 0;
	margin: 0;
	margin-bottom: 130px;
}

.cars-stock-item__link {
	gap: 10px;
}

.cars-stock-item__brand {
	margin-bottom: 5px;
	font-size: 24px;
}


.cars-stock-item__count {
	font-size: 16px;
}

.cars-stock-item__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 1.5s;
}

.cars-stock-item__link img.no-img {
	object-fit: contain;
	background: var(--button-grey);
}

.cars-stock-item__img {
	aspect-ratio: 22 / 32;
	width: 100%;
	height: auto;
	border-radius: 5px;
	overflow: hidden;
}

.cars-stock-item:hover img:not(.no-img) {
	transform: scale(1.05);
	transition: 1.5;
}





.car-stats__inner {
	gap: 30px;
}

.car-stats__image {
	width: calc(50% - 15px);
	position: relative;
}

.car-stats__grid {
	width: calc(50% - 15px);
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
}

.car-stats__item {
	padding: 25px;
	border-radius: 5px;
	background: var(--button-grey);
	line-height: 115%;
	position: relative;
}

.car-stats__item:first-child {
	background: var(--main-yellow);
}

.car-stats__item:first-child::before {
	content: 'или';
	position: absolute;
	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.35);
	background: #fff;
	font-size: 24px;
	font-variation-settings: 'wght' 700;
	font-weight: 700;
	padding: 10px 0;
	border-radius: 5px;
	top: 50%;
	left: 100%;
	transform: translate(-22px, -50%);
	z-index: 1;
	line-height: 115%;
	width: 74px;
	text-align: center;
}



.car-stats__value {
	font-size: 90px;


}

.car-stats__value small {
	font-size: 60px;
	line-height: 100%;
	margin-top: -15px;
}

.car-stats__item:first-child {
	color: #1c1c1c;
}

.car-stats__title {
	font-size: 24px;
}



.car-stats__image img {
	transform: translate(100%, -50%);
	transition: 1s;
	position: absolute;
	top: 50%;
}

.js-car-stats.is-visible .car-stats__image img {
	transform: translate(0, -50%);
	transition: 1s;
}

.car-stats {
	margin-bottom: 130px;
}



/* Шорткод помощь в покупке */



.help-purchase {
	padding: 90px 90px 160px 90px;
	background: var(--middle-grey);
	border-radius: 5px;
	background-size: cover;
	background-position: center;
	position: relative;
	margin-bottom: 240px;
}

.help-purchase__inner {
	gap: 30px;
}

.help-purchase__form {
	width: calc(50% - 15px);
	max-width: 465px;
	padding: 40px 30px 65px 30px;
	gap: 15px;
	background: var(--button-grey);
	border-radius: 5px;
}

.help-purchase__form>form+img {
	position: absolute;
	left: 0;
	z-index: 2;
	top: 100%;
	transform: translate(-17%, calc(-50% - 30px));
}

.help-purchase__form>span {
	font-size: 40px;
	letter-spacing: 0.03em;
}

.help-form .form__inputs input,
.help-form .form__agreement label input {
	background: #5d5d5d;
}


.help-purchase__form>span+p {
	margin-bottom: 15px;
}

.help-purchase__items {
	grid-template-columns: repeat(2, 1fr);
	gap: 40px;
	padding: 0;
	margin: 0;
}

.help-purchase__list {
	width: calc(50% - 15px);
}


.help-purchase__icon {
	width: 60px;
	height: 60px;
	border-radius: 10px;
	border: 3px solid var(--button-grey);
	padding: 8px;
}


.help-purchase__icon img {
	max-width: 100%;
	object-fit: contain;
}

.help-purchase__item {
	gap: 15px;
	max-width: 290px;
}



/* Шорткод "Как мы работаем" */

.how-we-work__list {
	gap: 30px;
	list-style: none;
	padding: 0;
	position: relative;
}


.how-we-work__wrapper {
	position: relative;
}

.how-we-work__progress {
	top: 28px;
	left: 0;
	width: 100%;
	height: 2px;
	background: #ffffff40;
	border-radius: 2px;
	position: relative;
}

.how-we-work__progress-fill {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 0;
	background: #FFD200;
	transition: width .3s ease;
}


.how-we-work__item {
	position: relative;
	cursor: pointer;
	text-align: center;
	gap: 12px;
}

.how-we-work__number {
	display: inline-flex;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	position: relative;
	font-size: 96px;
	line-height: 85%;
	letter-spacing: 0.03em;
	color: var(--button-grey);
	transition: .3s;
}

.how-we-work__item.is--hovered .how-we-work__number {
	color: var(--main-yellow);
}

.how-we-work__dot {
	position: relative;
	background: transparent;
	border: none;
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}


.how-we-work__dots {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translate(0, -50%);
	gap: 30px;
}

.how-we-work__dot {}


.how-we-work__dot:last-child::after {
	width: 50%;
	content: '';
	height: 100%;
	background: var(--dark-grey);
	position: absolute;
	right: 0;
	top: 50%;
	height: 10px;
	transform: translate(0, -50%);
}

.how-we-work__dot:first-child::before {
	width: 50%;
	content: '';
	height: 100%;
	background: var(--dark-grey);
	position: absolute;
	left: 0;
	top: 50%;
	height: 10px;
	z-index: 0;
	transform: translate(-50%, -50%);
}


.how-we-work__dot button {
	z-index: 1;
	position: relative;
}


.how-we-work__dot--button {
	width: 15px;
	height: 15px;
	border: 2px solid var(--button-grey);
	background: var(--dark-grey);
	border-radius: 50%;
	transition: .3s;
}


.how-we-work__dot.is--active .how-we-work__dot--button {
	border-color: var(--main-yellow);
	transition: .3s;
}


.how-we-work {
	padding-bottom: 50px;
	margin-bottom: 130px;
}










/* Из чего складывается стоимость авто */



.car-price-components {
	margin-bottom: 230px;
}


.car-price-components__header {
	gap: 30px;
	margin-bottom: 65px;
}

.car-price-components__title {
	width: calc(50% - 15px);
	max-width: 500px;
	font-size: 40px;
}

.car-price-components__description {
	margin: 0;
	width: calc(33.3% - 15px);
}

.car-price-components__content {
	gap: 30px;
}

.car-price-components__content>* {
	width: calc(33.3% - 17px);
}


.car-price-components__item {
	max-width: 320px;
	padding: 20px 20px 30px 20px;
	position: relative;
	background: var(--button-grey);
	border-radius: 5px;
	gap: 15px;
	aspect-ratio: 320 / 175;
}

.car-price-components__side {
	gap: 50px;
}

.car-price-components__side--left>* {
	margin-left: auto;

}

.car-price-components__side--right>* {
	margin-right: auto;

}

.car-price-components__image {
	position: relative;
}

.car-price-components__image::before {
	content: '';
	position: absolute;
	width: 895px;
	aspect-ratio: 1 / 1;
	height: auto;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background-image: url('data:image/svg+xml,<svg width="894" height="894" viewBox="0 0 894 894" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M387.471 255.45C406.137 249.68 425.968 246.574 446.517 246.574C483.776 246.574 518.669 256.787 548.544 274.564L535.472 295.304C509.516 280.024 479.274 271.259 447 271.259C428.825 271.259 411.294 274.04 394.809 279.198L387.471 255.45ZM537.015 595.853C587.791 565.26 621.779 509.587 621.779 446.038C621.779 407.939 609.563 372.673 588.839 343.943L607.566 328.061C632.012 361.224 646.464 402.198 646.464 446.519C646.464 518.996 607.822 582.516 550.032 617.582L537.015 595.853ZM278.63 493.057C285.177 516.526 296.508 538.009 311.498 556.392L291.737 573.045C274.319 551.768 261.197 526.838 253.703 499.589L278.63 493.057Z" fill="%23222222" /><path fill-rule="evenodd" clip-rule="evenodd" d="M152.536 496.579C149.776 480.289 148.339 463.548 148.339 446.476C148.339 322.571 224.046 216.206 331.685 171.16L371.391 260.717C298.289 290.471 246.7 362.256 246.7 445.993C246.7 457.839 247.731 469.443 249.711 480.721L152.536 496.579ZM577.306 714.679C537.838 733.959 493.496 744.784 446.646 744.784C362.728 744.784 286.856 710.056 232.63 654.2L304.166 586.215C340.445 623.073 390.897 645.94 446.646 645.94C477.379 645.94 506.502 638.992 532.526 626.581L577.306 714.679Z" fill="%23222222" /><path d="M446.646 621.256C543.174 621.256 621.426 543.004 621.426 446.476C621.426 349.947 543.174 271.695 446.646 271.695C350.117 271.695 271.865 349.947 271.865 446.476C271.865 543.004 350.117 621.256 446.646 621.256Z" stroke="%23222222" stroke-width="8" stroke-miterlimit="1.5" stroke-linecap="round" stroke-linejoin="round" /><path fill-rule="evenodd" clip-rule="evenodd" d="M367.623 190.803C392.605 183.081 419.144 178.922 446.647 178.922C496.62 178.922 543.41 192.652 583.451 216.541L561.406 248.995C527.678 229.338 488.467 218.075 446.647 218.075C423.58 218.075 401.307 221.501 380.309 227.874L367.623 190.803ZM564.816 641.93C630.872 601.882 675.048 529.297 675.048 446.476C675.048 395.145 658.078 347.745 629.447 309.587L661.284 286.792C694.52 331.376 714.202 386.646 714.202 446.476C714.202 543.314 662.643 628.205 585.503 675.172L564.816 641.93Z" fill="%23222222" /><path fill-rule="evenodd" clip-rule="evenodd" d="M239.15 615.058C215.17 586.705 197.118 553.182 186.912 516.41L228.605 506.785C236.619 537.637 250.633 566.079 269.326 590.791L239.15 615.058Z" fill="%23222222" /><path fill-rule="evenodd" clip-rule="evenodd" d="M596.62 308.702C587.019 298.257 576.341 288.814 564.764 280.554L619.321 210.477C635.796 222.556 650.96 236.317 664.561 251.506L596.62 308.702Z" fill="%23222222" /></svg>');
	z-index: -1;
	/* transform: translate(-50%, -50%) rotate(-180deg); */
}

@keyframes CircleRotate {
	0% {
		transform: translate(-50%, -50%) rotate(0deg);
		/* filter: drop-shadow(0 0 0 transparent); */
	}

	50% {
		transform: translate(-50%, -50%) rotate(180deg);
		/* filter: drop-shadow(0 0 6px var(--main-yellow)); */
	}

	100% {
		transform: translate(-50%, -50%) rotate(360deg);
		/* filter: drop-shadow(0 0 0 transparent); */
	}
}

.car-price-components__image.is-visible::before {
	animation: CircleRotate 60s linear infinite;
}



.car-price-components__item-title {
	margin: 0;
}

.car-price-components__item-desc {
	font-size: 16px;
}







/* Рекомендуемые предложения авто */

.recommended-cars {
	margin-bottom: 130px;
}

.recommended-cars__swiper .swiper-slide {
	height: auto !important;
}

.car-card {
	background: var(--card-grey);
	padding: 30px 0;
	border-radius: 5px;
	height: 100%;
}

.car-card .car-condition {
	position: absolute;
	left: 30px;
	top: 30px;
	font-size: 14px;
	color: var(--main-yellow);
}


.car-card__price {
	color: var(--main-yellow);
	font-size: 26px;
	margin-bottom: 30px;
}

.car-card__price.model-cart {

	margin-bottom: 15px;
}


.car-card__content {
	padding: 0 30px;
}

.car-card__colors {
	margin-bottom: 15px;
	gap: 15px;
}

.car-card__title {
	font-size: 40px;
	margin-bottom: 5px;
	display: inline-block;
}

.car-card__chars {
	gap: 24px;
	grid-template-columns: repeat(2, 1fr);
}

.car-card__chars--item strong {
	font-size: 22px;
}


.car-card__chars--item {
	gap: 5px;
	padding-left: 15px;
	border-radius: 5px;
	border-left: 1px solid #fff;
	transition: .3s;
}

.car-card__chars--item>span {
	font-size: 16px;
}


.car-card:hover .car-card__chars--item {
	border-color: var(--main-yellow);
	transition: .3s;
}

.car-card>a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 2;
}

.car-card__image {
	max-width: 85%;
	margin: 0 auto 10px auto;
}

.car-card__image img {
	width: 100%;
	height: 200px;
	max-height: 290px;
	object-fit: contain;
}


.horirontal-controls {
	position: relative;
	top: 0;
	transform: none;
	margin: 0 auto;
	justify-content: center;
	margin-top: 30px;
}


.horirontal-controls .swiper-pagination-bullet {
	flex-direction: row !important;
}


.horirontal-controls .slider-pagination {
	display: flex;
	justify-content: center;
	width: fit-content !important;
}


.horirontal-controls .swiper-pagination-bullet:first-child::before {
	content: '';
	width: 2px;
	width: 30px;
	height: 2px;
	margin-left: 1px;
	background: rgba(255, 255, 255, 0.18);
}


.horirontal-controls .swiper-pagination-bullet span {
	width: 30px;
	height: 2px;
	margin-left: 1px;
	background: rgba(255, 255, 255, 0.18);
}

.horirontal-controls button svg {
	transform: rotate(-90deg);
}









/* Блок с отсчётом до даты */


.offer-countdown {
	margin-bottom: 90px;
	background-image: url(/wp-content/uploads/2026/01/group-1261153165-1.png.webp);
	mix-blend-mode: lighten;
	height: 530px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: var(--dark-grey);
	overflow: hidden;
}

.offer-countdown__content {
	gap: 30px;
	padding-top: 20px;
}

.offer-countdown__left {
	gap: 30px;
	position: relative;
}

.offer-countdown__left::before {
	width: 130px;
	height: 130px;
	content: '';
	position: absolute;
	pointer-events: none;
	filter: blur(80px);
	left: 0;
	top: 0;
	background: var(--main-yellow);
	transform: translate(-50%, 0%);
	z-index: -1;
}

.offer-countdown__left::after {
	width: 130px;
	height: 130px;
	content: '';
	position: absolute;
	pointer-events: none;
	filter: blur(80px);
	right: 0;
	bottom: 0;
	background: var(--main-yellow);
	transform: translate(0%, 30%);
	z-index: -1;
}



.countdown-item {
	font-weight: 700;
	color: var(--main-yellow);
	font-size: 70px;
}

.offer-countdown__link {
	min-width: 210px;
}

.countdown-number {
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	padding: 8px 9px 12px 9px;
	background: rgba(28, 28, 28, 0.5);
	overflow: visible;
}

.countdown-number::before {
	content: "";
	position: absolute;
	inset: 0;
	padding: 1px;
	background: linear-gradient(225deg, #FFFFFF24, #99999908);
	border-radius: inherit;
	mask: conic-gradient(#000 0 0) content-box exclude, conic-gradient(#000 0 0);
	/* border: 1px solid transparent; */
	width: 100%;
	height: calc(100% - 1px);
}

.countdown-label {
	font-size: 24px;
}


.offer-countdown__timer {
	gap: 20px;
}

.offer-countdown__text {
	font-size: 28px;
}




/* Форма с фоном и картинкой */

.help-purchase-block {
	width: 100vw;
	left: 50%;
	top: 50%;
	transform: translate(-50%, 0);
	position: relative;
	padding: 40px 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 70px;
}

.help-form-bottom {
	max-width: 465px;
}

.help-form-bottom .form__inputs input {
	padding: 20px 25px;
}

.help-form-bottom .phone-block input[type="tel"] {
	padding-left: 90px;
}

.help-form-bottom .footer__form button[type="submit"] {
	padding: 20px;
}

.help-purchase-block .help-purchase__inner {
	gap: 30px;
}

.help-purchase-block .help-purchase__inner>div:first-child {
	width: calc(50% - 15px);
	gap: 30px;
}

.help-purchase-block .help-purchase__inner>div:first-child>span {
	font-size: 40px;
	line-height: 125%;
}

.help-purchase-block .help-purchase__inner>div:first-child>p {
	font-size: 24px;
}

.help-purchase__image {
	width: calc(50% - 15px);
	position: relative;
}

.help-purchase__image img {
	position: absolute;
	left: 0;
	top: 20px;

}

.help-purchase-block .footer__form button[type="submit"] {
	padding: 20px;
}







/* Блок о компании */


.about-company {
	min-height: 700px;
	margin-bottom: 130px;
	padding: 30px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.about-company__items {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 30px;
}


.about-company__item {
	backdrop-filter: blur(14px);
	background: rgba(255, 255, 255, 0.15);
	border-radius: 5px;
	padding: 20px;
	aspect-ratio: 33 / 27;
	height: auto;
	transition: .3s;
}

.about-company__item:hover {
	transform: translateY(-4px);
	transition: .3s;
}


.about-company__text {
	font-size: 16px;
}

.about-company__title {
	font-size: 24px;
	min-height: 55px;
}




/* Квиз */



.answers__item {
	gap: 20px;
	position: relative;
	display: none;
	transition: .3s;
	opacity: 1;
	transition-behavior: allow-descrete;
}

.answers__item--active {
	display: flex;
}


.quiz-form {
	display: none;
	transition-behavior: allow-descrete;
	transition: .3s;
	background: var(--dark-grey);
	overflow: visible;
	gap: 20px;
}


.quiz-form__container {
	overflow: visible;
	width: 100%;
	padding: 75px 40px;
}



.answer__item {
	background: var(--middle-grey);
	min-height: 130px;
	border: 1px solid transparent;
	transition: .3s;
	border-radius: 5px;
}



.answer__item:has(input:checked) {
	border-color: var(--main-yellow);
	transition: .3s;
}



.answer__item>label {
	padding: 20px 40px;
	height: 100%;
	width: 100%;
	font-size: 28px;
}

.answer__item>label p {
	margin: 0;
	max-width: calc(100% - 80px);
}

.answer__item>label>span {
	gap: 30px;
}

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

.quiz-answers {
	gap: 70px;
	width: 100%;
}

.question-counter {
	gap: 15px;
	width: calc(50% - 18px);
}

.answers-controls {
	gap: 30px;
	width: calc(50% - 18px);
}

.question-counter__top {
	gap: 30px;
}


.question-counter-items {
	gap: 4px;
}

.question-counter__item {
	height: 7px;
	background: #fff;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
}

.question-counter__item::before {
	content: '';
	width: 0;
	height: 100%;
	left: 0;
	top: 0;
	background: var(--main-yellow);
	position: absolute;
	transition: .3s ease-in-out;
}


.question-counter__item--painted::before {
	width: 100%;
	transition: .3s ease-in-out;
}

.answers-bottom {
	gap: 36px;
	position: relative;
	z-index: 1;
}

.answers-controls>* {
	width: calc(50% - 15px);
	font-size: 24px;
}

.answers-controls button:disabled {
	opacity: .5;
	pointer-events: none;
}

.answer__item input {
	padding: 0;
	margin: 0;
	appearance: none;
	width: 46px;
	height: 46px;
	transition: .3s;
	position: relative;
}


.answer__item input::before {
	position: absolute;
	transition: .3s;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: var(--button-grey);
	border: 1px solid transparent;
}

.answer__item label:has(input:checked) input::before {
	transition: .3s;
	background: var(--main-yellow);

}


.answer__item:hover input::before {
	border-color: var(--main-yellow);
}

.question {
	font-size: 28px;
}


.answer__item label:has(input:checked)::before {
	opacity: 0;
}

.quiz-form--active {
	display: flex;
}


@starting-style {
	.answers__item {
		opacity: 0;
		transform: translateY(20px)
	}

	.quiz-form {
		opacity: 0;
		transform: translateY(20px)
	}

}

#quiz {
	background-position: top center;
	background-size: contain;
	min-height: 460px;
	background-repeat: no-repeat;
}

.quiz-form__end {
	margin-bottom: 24px;
}


.quiz-form__end>img {
	position: absolute;
	left: 50%;
	top: -85px;
	transform: translate(-50%, -50%);
}

.quiz-form__left {
	width: calc(25% - 15px);
	backdrop-filter: blur(14px);
	background: rgba(255, 255, 255, 0.15);
	padding: 60px 20px;
	border-radius: 5px;
	max-width: 290px;
}

.quiz-text__block>span {
	margin-bottom: 24px;
	display: inline-block;
	font-size: 24px;
}

.quiz-text__block>p {
	font-size: 16px;
}


.quiz-form__right {
	width: calc(75% - 15px);
}

.quiz_form {
	max-width: 390px;
}

.quiz-text {
	height: 100%;
}



/* 404 */

.page-404 img {
	max-height: 605px;
}

.page-404 {
	gap: 64px;
}

.page-404 a {
	min-width: 390px
}





/* Контакты */

.map-container {
	margin-bottom: 100px;
}

#map {
	width: 100vw;
	left: 50%;
	position: relative;
	transform: translateX(-50%);
}

.mark-text {
	font-size: 28px;
	background: rgba(255, 255, 255, 0.78);
	backdrop-filter: blur(5px);
	width: max-content;
	padding: 8px 15px 8px 55px;
	left: -40px;
	position: absolute;
	z-index: -1;
	border-radius: 30px 10px 10px 30px;
	top: 0px;
}

.mark-text>div {
	white-space: nowrap;
	color: var(--button-grey);
}


.rekv-container {
	gap: 30px;
}



.rekv__form {
	padding: 60px 30px 90px 30px;
	width: calc(33.3% - 15px);
	border-radius: 5px;
	position: relative;
	background-color: var(--card-grey);
}

.rekv__form>img {
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	top: calc(100% + 55px);
}

.rekv__form>span {
	font-size: 28px;
	line-height: 125%;
	display: inline-block;
	margin-bottom: 15px;
}

.rekv__form>span>span {
	font-size: 28px;
	line-height: 125%;
	display: block;
}

.rekv__form>p {
	margin-bottom: 30px;
}

section.rekvizity {
	padding-bottom: 130px;
}

.rekv__table>img {
	width: fit-content;
}

.rekv__table {
	width: calc(58% - 15px);
	gap: 10px;
}

.rekv__item {
	gap: 10px;
	padding: 15px 0;
	border-bottom: 1px solid var(--button-grey);
	font-size: 24px;
}

.rekv__item>* {
	width: calc(50% - 5px);
}

.rekv__item>*:first-child {
	/* max-width: calc(33.3% - 5px); */
}


.contact-page-items {
	gap: 30px;
	margin-bottom: 100px;
}

.contact-page__item {
	width: calc(25% - 23px);
	gap: 24px;
	border-radius: 5px;
	background: var(--button-grey);
	padding: 24px;
	position: relative;
	min-height: 155px;
}


.contact-page__item a {
	gap: 24px;
	font-size: 24px;
}

.contact-page__item:last-child {
	width: calc(50% - 15px);
}

.contact-page__item--title {
	color: var(--main-yellow);
	font-size: 24px;
}


.contact-page__item:first-child::before,
.contact-page__item:nth-child(2)::before {
	content: 'или';
	position: absolute;
	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.35);
	background: #fff;
	font-size: 24px;
	font-variation-settings: 'wght' 700;
	font-weight: 700;
	padding: 10px 0;
	border-radius: 5px;
	top: 50%;
	left: 100%;
	transform: translate(-22px, -50%);
	z-index: 1;
	line-height: 115%;
	width: 74px;
	text-align: center;
	color: var(--dark-grey);
}



.messengers-shortcode img {
	max-width: 50px;
	height: auto;
}


.messengers-shortcode__list {
	padding: 0;
	margin: 0;
	gap: 30px;
}

.messengers-shortcode {
	gap: 30px;
}

.messengers-shortcode__title {
	font-size: 40px;
}


.messengers-shortcode .pretty-button {
	gap: 10px;
	width: 100%;
}



/* Блог */





.posts__items {
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	margin-bottom: 30px;

}

.post-item {
	padding: 20px 30px 30px 30px;
	gap: 20px;
	position: relative;
	background: var(--middle-grey);
	aspect-ratio: 466 / 320;
}

.post-item a::before {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	content: '';
	z-index: 2;
}


.post-item__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: 2s;
}

.post-item:hover img {
	transform: scale(1.1);
	transition: 2s;
}

.post-item__image {
	max-height: 165px;
	height: 100%;
	overflow: hidden;
	border-radius: 5px;
	min-height: 165px;
}

.post-item__text {
	gap: 20px;
	position: static;
	z-index: unset;
	height: 100%;
}

.post-item__text a {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.post-item__info {
	gap: 15px;
}

.post-item__info>span:nth-child(1) {
	font-size: 16px;
}


.post-item__info>span:nth-child(2) {
	font-size: 16px;
	color: #888;
}





/* skeleton base */
.skeleton {
	pointer-events: none;
	/* aspect-ratio: unset; */
	border-radius: 5px;
}

.skeleton-line,
.skeleton-box {
	background: linear-gradient(90deg,
			#333 25%,
			var(--middle-grey) 37%,
			#333 63%);
	background-size: 400% 100%;
	animation: shimmer 1.4s ease infinite;
	border-radius: 5px;
}

.skeleton-line.title {
	height: 20px;
	width: 80%;
	margin-bottom: 12px;
}

.skeleton-line.meta {
	height: 14px;
	width: 40%;
}

.skeleton-box {
	width: 100%;
}

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

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



.skeleton .post-item__text {
	height: auto;
}


.pagination {
	gap: 30px;
}


.pagination__item {
	border-radius: 50%;
	width: 30px;
	border: 2px solid var(--button-grey);
	background: transparent;
	color: #fff;
	font-size: 18px;
	height: 30px;
	position: relative;
}



.pagination__item::before {
	content: '';
	width: 32px;
	height: 2px;
	background: var(--button-grey);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 100%;
}

.pagination__item.active {
	background: var(--main-yellow);
	color: var(--dark-grey);
}


.pagination__item {
	transition: background .3s, color .3s;
}


.pagination__nav[disabled] {
	opacity: .3;
	pointer-events: none;
}


.pagination__nav {
	position: relative;
}

.pagination__nav::before {
	content: '';
	width: 30px;
	height: 2px;
	background: var(--button-grey);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.pagination__nav.prev::before {
	left: 100%;
}

.pagination__nav.next::before {
	right: 100%;
}


.pagination__dots {
	width: 30px;
	height: 30px;
	border: 2px solid var(--button-grey);
	border-radius: 50%;
	position: relative;
	gap: 2px;
}

.pagination__dots::before {
	content: '';
	width: 32px;
	height: 2px;
	background: var(--button-grey);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 100%;
}

.pagination__dots span {
	display: block;
	width: 3px;
	height: 3px;
	background: #fff;
}



/* Каталог */



.cars-grid {
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

.catalog-posts {
	gap: 50px;
}

.post-loader {
	margin-bottom: 100px;
	width: 100%;
	text-align: center;
	display: none;
}

.post-loader.post-loader--active {
	display: block;
}


.post-loader img {
	width: 52px;
	height: 52px;
	animation: rotation 1.5s linear infinite;
}

@keyframes rotation {

	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

#aside {
	margin-bottom: 60px;
}

.filter-form {
	gap: 30px;
	transition: .3s;
}

/* .filter-form fieldset{
	transition: .3s;
}

.filter-form.filter-form--loading fieldset{
	opacity: .5;
	transition: .3s;
} */

.class-filters {
	margin: 0 0 15px 0;
	gap: 30px;
	grid-template-columns: repeat(4, 1fr);
	padding: 0;
}

.class-filters>label {
	margin-right: 15px;
	position: relative;
	min-height: 135px;
	overflow: visible;
	padding: 15px 25px;
	color: #fff;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	border-radius: 5px;
	transition: .3s;
	cursor: pointer;
	gap: 50px;
}

.class-filters>label:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: var(--main-yellow);
	transition: .3s;
	opacity: 0;
	border-radius: 5px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}



.class-filters>label::before {
	opacity: 0;
}

.class-filters>label:has(input:checked)::before {
	opacity: 1
}

.class-filters>label>img {
	position: absolute;
	top: 15px;
	right: -15px;
	pointer-events: none;
}

.filter-form fieldset {
	border: none;
}

.filter-form fieldset:not(:has(>*)) {
	display: none;
}


.class-filters>label>input,
.brand-filters>label>input,
.body-type-filters>label>input {
	appearance: none;
	position: absolute;
	opacity: 0;
}

.class-filters>label>span {
	font-size: 24px;
	max-width: 135px;
}

.class-filters>label:has(input:checked) {
	color: var(--button-grey);
}


.class-filters>label small {
	font-size: 70px;
	position: absolute;
	right: 75px;
	top: -5px;
	color: var(--button-grey);
	z-index: 0;
}

.brand-filters {
	padding: 0;
	margin: 0;
	grid-template-columns: repeat(10, 1fr);
	gap: 40px;
	padding: 0px 30px 5px 30px;
	background: var(--middle-grey);
	border-radius: 5px;
}

.brand-filters>label {
	margin: 10px 5px;
	border-radius: 5px;
	transition: .3s;
	padding: 10px 6px;
	gap: 5px;
	border-bottom: 2px solid transparent;
	cursor: pointer;
}

.brand-filters>label:hover {
	background: rgba(58, 58, 58, 0.2);
	transition: .3s;
	border-color: #ffd60a33;
}

.brand-filters>label img {
	max-width: 70px;
	width: 100%;
	min-height: 70px;
}

.brand-filters>label:has(input:checked) {
	border-color: var(--main-yellow);
	transition: .3s;
	background: var(--button-grey);
}





.body-type-filters {
	padding: 0;
	margin: 0;
	grid-template-columns: repeat(10, 1fr);
	gap: 40px;
	padding: 5px 30px 5px 30px;
	background: var(--middle-grey);
	border-radius: 5px;
}

.body-type-filters>label {
	border-radius: 5px;
	transition: .3s;
	padding: 20px 6px;
	gap: 15px;
	cursor: pointer;
	border-bottom: 2px solid transparent;
	margin: 10px 5px;
}
/*
.body-type-filters>label:hover {
	background: rgba(58, 58, 58, 0.2);
	transition: .3s;
} */

.body-type-filters>label:hover {
	background: rgba(58, 58, 58, 0.2);
	transition: .3s;
	border-color: #ffd60a33;
}


.body-type-filters>label:has(input:checked) {
	border-color: var(--main-yellow);
	transition: .3s;
	background: var(--button-grey);
}


/* .body-type-filters>label svg path {
	transition: .3s;
} */

/* .body-type-filters>label:has(input:checked) {
	color: var(--main-yellow);
	transition: .3s;

} */


/*
.body-type-filters>label img {
	filter: brightness(99);
}
 */



/* .body-type-filters>label:has(input:checked)


.body-type-filters>label:has(input:checked) img {
	filter: brightness(1);
} */

/* label:has(input:disabled) {
	opacity: .5;
	transition: .3s;
	pointer-events: none;
} */


.others-param {
	padding: 0;
	border: none;
	margin: 0;
	position: relative;
	width: calc(25% - 12px);
}



.other-filters {
	gap: 15px;
}


.others-param:nth-child(-n + 4) {
	order: -1;
}


.filter-ranges {
	width: calc(50% - 6px);
	order: -1;
	background: var(--middle-grey);
	border-radius: 5px;
	padding: 5px 20px;
	/* min-height: 63px; */
	margin: 0;
}


.filter-list {
	margin: 0;
	list-style: none;
	padding: 0;
	max-height: 195px;
	overflow-y: auto;
}



/* WebKit-браузеры (Chrome, Edge, Opera, Safari) */
.filter-list::-webkit-scrollbar {
	width: 5px;
}

.filter-list::-webkit-scrollbar-track {
	background: transparent;
	/* или свой цвет */
}

.filter-list::-webkit-scrollbar-thumb {
	background: #4B4B4B;
	border-radius: 5px;
}

/* Firefox */
.filter-list {
	scrollbar-width: thin;
	/* тонкий скроллбар */
	scrollbar-color: #4B4B4B transparent;
	/* ползунок и трек */
}


#filter {
	margin-bottom: 60px;
	position: relative;
	z-index: 3;
}


.filter-list-wrapper {
	position: absolute;
	top: 100%;
	left: 0;
	opacity: 0;
	pointer-events: none;
	transform: translateY(20px);
	transition: .3s;
	border-radius: 0 0 5px 5px;
	border: 1px solid #fff;
	border-top: none;
	border-bottom: none;
	background: var(--button-grey);
	z-index: 2;
	width: 100%;
	padding: 10px 0;
	border-top: 1px solid #4B4B4B;
	padding-right: 10px;

}

.others-param>legend {
	width: 100%;
	padding: 20px;
	background: var(--middle-grey);
	border-radius: 5px;
	cursor: pointer;
	transition: .3s;
	border: 1px solid var(--middle-grey);
	border-top: none;
	border-bottom: none;
	position: relative;
}


.others-param>legend::before {
	content: '';
	position: absolute;
	right: 20px;
	width: 14px;
	height: 14px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	top: 50%;
	transform: translateY(-50%);
	transition: .3s;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8" fill="none"><path d="M6.30693 7.69341L0.28734 1.67362C-0.0957766 1.29069 -0.0957766 0.669827 0.28734 0.287082C0.670115 -0.0956947 1.29094 -0.0956947 1.67368 0.287082L7.0001 5.61367L12.3263 0.287237C12.7093 -0.0955393 13.33 -0.0955393 13.7128 0.287237C14.0957 0.670014 14.0957 1.29084 13.7128 1.67377L7.69312 7.69356C7.50164 7.88495 7.25095 7.98054 7.00013 7.98054C6.74919 7.98054 6.49832 7.88476 6.30693 7.69341Z" fill="url(%23paint0_linear_1546_16156)"/><defs><linearGradient id="paint0_linear_1546_16156" x1="5.99997" y1="7.99025" x2="5.99997" y2="-1.50975" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient></defs></svg>');

}

.others-param.param--active .filter-list-wrapper {
	opacity: 1;
	visibility: visible;
	transition: .3s;
	pointer-events: all;
	transform: translateY(0px);
}

.others-param.param--active>legend {
	background: var(--button-grey);
	transition-delay: .2s;
	border-radius: 5px 5px 0 0;
	border-color: #fff;
	transition: .3s;
}

.others-param.param--active>legend::before {
	transform: translateY(-50%) rotateX(-180deg);
	transition: .3s;
}




.filter-list>li label input {
	appearance: none;
	background: var(--button-grey);
	border-radius: 3px;
	width: 29px;
	height: 29px;
	margin: 0;
	padding: 0;
	position: relative;
	transition: .3s;
	outline: 1px solid #c3c3c3;
}


.filter-list>li label input::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 3px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 15px;
	background-color: var(--main-yellow);
	opacity: 0;
	transition: .3s;
	cursor: pointer;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='13' viewBox='0 0 16 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.83829 12.7508L15.7446 1.45235C16.0851 1.12005 16.0851 0.581272 15.7446 0.249129C15.4043 -0.083042 14.8525 -0.083042 14.5123 0.249129L6.22213 10.946L1.4877 6.32381C1.14732 5.99164 0.595532 5.99164 0.255287 6.32381C-0.085096 6.65598 -0.085096 7.19473 0.255287 7.52703L5.60612 12.751C5.77632 12.9171 5.99916 13 6.2221 13C6.44516 13 6.66816 12.9169 6.83829 12.7508Z' fill='%233A3A3A' /%3E%3C/svg%3E");
}

.filter-list>li label input:checked:before {
	opacity: 1;
	transition: .3s;
}

.filter-list>li label input:checked {
	outline-color: var(--main-yellow);
	transition: .3s;
}

.filter-list>li:hover input {
	outline-color: #fff;
	transition: .3s;
}

.filter-list>li label {
	padding: 15px;
	cursor: pointer;
}




.filter-range__inputs {
	width: 100%;
	gap: 20px;
}

.filter-range--price {
	gap: 15px;
}


.filter-range--price .noUi-horizontal .noUi-handle {
	width: 15px;
	height: 15px;
	right: 0px;
	top: -7px;
	background: var(--main-yellow) !important;
	box-shadow: none;
	border: none;
	cursor: grab;
	border-radius: 50%;
	outline: 2px solid var(--button-grey);
}

#range-slider-price {
	width: calc(100% - 40px);
	top: 13px;
	height: 2px;
	left: 10px;
	border: none;
	background: var(--button-grey) !important;
	box-shadow: none !important;
}

.noUi-connect {
	background: var(--main-yellow) !important;
}


.noUi-handle:after,
.noUi-handle:before {
	content: none !important;
}

.filter-range__inputs input {
	font-size: 20px;
	appearance: none;
	background: transparent;
	border: none;
	color: #fff;
	max-width: 80px;
	transition: .3s;
}

.filter-range__input-min {
	text-align: end;
}


input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type="number"] {
	-moz-appearance: textfield;
}

.filter_range-__inputs--item {
	gap: 7px;
}


input[type="number"]:focus-visible {
	outline: 1px solid var(--main-yellow);
	border: none;
	border-radius: 3px;
}







/* Страница новости */


.news-content {
	margin-bottom: 130px;
}


.news-content ul,
.faq-accordeon__answer ul {
	padding: 0;
	margin: 15px 0;
	list-style: none;
}


.news-content ul li,
.faq-accordeon__answer ul li {
	position: relative;
	padding-left: 40px;
	padding-bottom: 15px;
}

.news-content ul li::before,
.faq-accordeon__answer ul li::before,
.model-feature__content p::before {
	content: '';
	left: 0;
	top: 0px;
	width: 25px;
	height: 25px;
	position: absolute;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none"><circle cx="12.5" cy="12.5" r="12" fill="%233A3A3A" stroke="url(%23paint0_linear_789_35497)"/><defs><linearGradient id="paint0_linear_789_35497" x1="25" y1="12.5" x2="0" y2="12.5" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="0.175646" stop-color="white" stop-opacity="0"/><stop offset="0.819633" stop-color="white" stop-opacity="0"/><stop offset="1" stop-color="white"/></linearGradient></defs></svg>');
	/* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Ccircle cx='12.5' cy='12.5' r='12' fill='%233A3A3A' stroke='url(%23paint0_linear_789_37883)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_789_37883' x1='25' y1='12.5' x2='0' y2='12.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='0.175646' stop-color='white' stop-opacity='0'/%3E%3Cstop offset='0.819633' stop-color='white' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E"); */
}



.p-link-item {
	width: calc(42.3% - 15px);
	gap: 20px;
}

.p-link-item[rel="next"] {
	margin-left: auto;
}

.p-link-item[rel="prev"] {
	margin-right: auto;
}

.p-link {
	gap: 30px;
}

.p-link__item__body>div {
	gap: 15px;
}


.p-link__item__body>div>span {
	background-color: var(--button-grey);
	border: none;
	width: 46px;
	height: 46px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-radius: 50%;
	opacity: 1;
}

.p_link_block {
	padding: 30px;
	gap: 30px;
}

.p_link_img {
	width: 100%;
	max-width: 235px;
	aspect-ratio: 235 / 165;
	border-radius: 5px;
	background-size: 100%;
	overflow: hidden;
}

.p_link_img>div {
	width: 100%;
	height: 100%;
	transition: 5s;
}

.p_link_text {
	width: calc(100% - 265px);
	color: #fff;
	gap: 15px;
}

.p-link__item__body p {
	margin: 0;
}

.p-link-item:hover .p_link_img>div {
	transform: scale(1.1);
	transition: 5s;
}




/* Страница FAQ */


.faq-tabs {
	gap: 30px;
	margin-bottom: 60px;
}

.faq-content {
	margin-bottom: 100px;
}

.before-faq_text {
	margin-bottom: 50px;
}

.faq-tab {
	font-size: 24px;
	padding: 20px 40px;
}

.faq-item {
	display: none;
	gap: 30px;
	transition: .3s;
	transition-behavior: allow-descrete;
}

@starting-style {
	.faq-item {
		opacity: 0;
		transform: translateY(20px)
	}
}

.faq-item--active {
	display: flex;
}

.faq-accordeon {
	padding: 30px 40px;
	gap: 0px;
	transition: .3s;
}

.faq-accordeon__question {
	gap: 30px;
	cursor: pointer;
}


.faq-accordeon__answer {
	overflow: hidden;
	max-height: 0;
	transition: .3s;
}

.faq-accordeon--active {
	gap: 30px;
	transition: .3s;
}

.faq-accordeon--active .slider-button {
	background: var(--main-yellow);
}


.faq-accordeon .slider-button svg {
	transition: .3s;
}

.faq-accordeon--active .slider-button svg {
	transform: rotate(90deg);
	transition: .3s;
}



.faq-accordeon--active .slider-button svg path {
	fill: var(--dark-grey);

}

.faq-tab--active {
	background: var(--main-yellow);
}

.faq-tab--active>span {
	color: var(--dark-grey);
}

.faq-accordeon .slider-button {
	opacity: 1;
}


/* Карточка авто */

.car-page__banner {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	top: -100px;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}


.product-page-header {
	background: oklab(0.23 0 0 / 0.8);
}

.product-breadcrumbs #breadcrumbs {
	margin: 0;
}

.product-breadcrumbs {
	background: oklab(0.23 0 0 / 0.8);
	position: relative;
	padding: 35px 60px;
}

.product-breadcrumbs .breadcrumbs-home {
	background-color: transparent;
}


.car-page__triangles {
	width: 100%;
	height: 100%;
	position: relative;
}

.car-page__triangle {
	position: absolute;
	top: 0;

}


.car-page__triangle:nth-child(1) {
	left: 0;
}

.car-page__triangle:nth-child(2) {
	right: 0;
}

.car-page-content {
	min-height: 730px;
	height: max-content;
	padding-bottom: 50px;
	margin-bottom: 70px;
}

.car-main-container {
	gap: 24px;
}

.car-condition {
	border-radius: 5px;
	border-right: 1px solid var(--main-yellow);
	border-left: 1px solid var(--main-yellow);
	background: var(--button-grey);
	width: fit-content;
	padding: 3px 7px;
}

#currency_list {
	gap: 12px;
	padding: 0;
	margin: 0;
	list-style: none;
}

#currency_list li {
	border-radius: 5px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	background: var(--button-grey);
	width: fit-content;
	padding: 3px 7px;
	transition: .3s;
	font-size: 14px;
	cursor: pointer;
}

#currency_list li.active-currency {
	border-color: var(--main-yellow);
	transition: .3s;
	color: var(--main-yellow);
}

.car-info__center {
	gap: 8px;
}

.car-info__bottom {
	gap: 12px;
}

#car_price {
	color: var(--main-yellow);
	font-size: 32px;
}


.car-info__chars {
	text-transform: lowercase;
}

.text-slider-container {
	gap: 36px;
	margin-bottom: 130px;
}

.text-slider-container>* {
	width: calc(50% - 18px);
}

.post-chars {
	background: #272727;
	padding: 24px;
	border-radius: 5px;
	gap: 32px;

}

.post-chars__top {
	padding: 24px;
	border-radius: 5px;
	background: #323232;
	gap: 24px;
}

.post-brand__img img {
	max-width: 69px;
	max-height: 69px;
	width: auto;
	height: auto;
	object-fit: contain;
	min-width: 69px;

}


.post-brand__img {
	transition: .3s;
}

.post-brand__img:hover {
	transform: scale(1.03);
	transition: .3s;
}


.post-brand__button .pretty-button {
	gap: 10px;
	min-width: 200px;
}

.post-brand__button .pretty-button svg path {
	transition: .3s;
}

.post-brand__button .pretty-button:hover svg path {
	fill: #fff;
	transition: .3s;
}

.post-brand__text {
	gap: 4px;
}

.post-brand__text>span {
	letter-spacing: -0.616px;
	font-size: 28px;
	line-height: 150%;
}

.post-brand__text>p {
	opacity: .5;
}


.post-chars-grid {
	grid-template-columns: repeat(2, 1fr);
	gap: 12px 24px;

}

.chars-item__title {
	opacity: .5;
	text-transform: lowercase;
}

.chars-item__value {
	font-size: 28px;
}

.chars-item__value {
	/* line-height: 150%; */
	gap: 12px;
	font-size: 24px;
}

.chars-item__value span {
	line-height: 150%;
}


.post-chars-buttons {
	gap: 24px;
}

.post-chars-buttons>* {
	width: calc(50% - 12px);
}


.post-chars-buttons>button {
	background: #000;
	color: var(--main-yellow);
	border-color: var(--main-yellow);
}

.post-chars-buttons>*.pretty-button.disabled {
	pointer-events: none;
	cursor: not-allowed;
	opacity: .5;
}

.post-chars-warning {
	gap: 15px;
}

.post-slider-main .slider-button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: var(--button-grey);
	z-index: 1;
}

.post-slider-main .slider-button:hover {
	background: var(--main-yellow);
}

.post-slider-main .post-slider-prev {
	left: 20px;
}

.post-slider-main .post-slider-next {
	right: 20px;
}

.post-slider-main {
	max-height: 440px;
	height: 100%;
	border-radius: 5px;
	overflow: hidden;
	width: 100%;
}

.post-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 5px;
	max-height: 440px;
}

.post-slide a {
	width: 100%;
	height: 100%;
	display: block;
}

.post-slide {
	border-radius: 5px;
	overflow: hidden;
}

.post-slide-thumb {
	border-radius: 5px;
	overflow: hidden;
	aspect-ratio: 140 / 127;
	max-width: 140px;
}

.post-slide-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-height: 130px;
}

.post-slider {
	gap: 4px;
}

.post-slider-thumbs {
	width: 100%;
	min-height: 130px;
	border-radius: 5px;
	overflow: hidden;
}

.post-slide-thumb::before {
	content: '';
	width: 100%;
	height: 100%;
	border: 2px solid var(--main-yellow);
	border-radius: 5px;
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
	opacity: 0;
	pointer-events: none;
	transition: .3s;
}

.swiper-slide-thumb-active::before {
	opacity: 1;
	transition: .3s;
}

.swiper-button-disabled {
	opacity: .5;
	/* pointer-events: none; */
}

.car-additional-info {
	gap: 36px;
	margin-bottom: 130px;
}

.car-additional-info>* {
	width: calc(50% - 18px);
	gap: 24px;
}

.additional-info__title {
	font-size: 28px;
}

.info-chars__button .pretty-button {
	width: 100%;
}



/* Базовый стиль всех диалогов */
dialog {
	border: none;
	max-width: 1490px;
	width: calc(100% - 30px);
	padding: 0;
	padding-right: 32px;
	color: #fff;
	opacity: 0;
	transform: translateY(20px);
	height: 90vh;
	height: 90dvh;
	overflow: hidden;
	background: transparent;
	transition:
		opacity 0.3s ease-out,
		transform 0.3s ease-out,
		overlay 0.3s ease-out allow-discrete,
		display 0.3s ease-out allow-discrete;
	transition-behavior: allow-discrete;
}

/* Открытый dialog */
dialog[open] {
	opacity: 1;
	transform: translateY(0);
}

/* Стартовое состояние для появления */
@starting-style {
	dialog[open] {
		opacity: 0;
		transform: translateY(20px);
	}
}

/* Подложка для всех dialog */
dialog::backdrop {
	background: rgba(28, 28, 28, 0.8);
	backdrop-filter: blur(5px);
	transition:
		background-color 0.3s ease-out,
		overlay 0.3s allow-discrete,
		display 0.3s allow-discrete;
	transition-behavior: allow-discrete;
}

dialog[open]::backdrop {
	background: rgba(28, 28, 28, 0.8);
}

/* Стартовое состояние подложки */
@starting-style {
	dialog[open]::backdrop {
		background-color: rgba(0, 0, 0, 0);
	}
}



#chars_dialog {
	max-width: 1490px;
	padding-right: 32px;
}

.complectation-card__info {
	max-width: 480px;
	padding-right: 0;
}


.chars-dialog__content {
	height: 100%;
	overflow-y: auto;
	background: #272727;
	/* border-radius: 10px; */
	padding-right: 24px;
	gap: 24px;
}

.chars-dialog__content::-webkit-scrollbar {
	width: 6px;
	border-radius: 10px;
}

.chars-dialog__content::-webkit-scrollbar-thumb {
	background-color: var(--main-yellow);
	border-radius: 10px;
	width: 4px;
	border: 1px solid var(--dark-grey);
}

.chars-dialog__content::-webkit-scrollbar-track {
	background: var(--dark-grey);
	border-radius: 10px;
	padding: 1px;
}


dialog>form[method="dialog"]>button[type="submit"] {
	background: transparent;
	border: none;
	margin: 0;
	padding: 0;
}

dialog>form[method="dialog"] {
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	background: none;
}


dialog>form[method="dialog"]>button[type="submit"] svg path {
	transition: .3s;
}

dialog>form[method="dialog"]>button[type="submit"]:hover svg path {
	transition: .3s;
	fill: var(--main-yellow);
}

.dialog-container {
	height: 100%;
	padding: 24px;
	background: #272727;
	border-radius: 10px;
	overflow: hidden;
}




.chars-dialog__content h2 {
	margin: 0;
}


.chars-dialog__group {
	gap: 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	padding-bottom: 24px;
}

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

.chars-dialog__grid {
	gap: 24px;
}

.chars-dialog__item {
	gap: 24px;
}

.chars-dialog__group-title {
	font-size: 28px;
}

.chars-dialog__item-label {
	opacity: .5;
}

.chars-dialog__section {
	gap: 24px;
}

.chars-dialog__list {
	margin: 0;
	padding: 0;
	gap: 20px 56px;
	list-style: none;
	grid-template-columns: repeat(2, 1fr);
}

.chars-dialog__list>li {
	gap: 20px;
	padding-left: 36px;
}

.chars-dialog__list>li::before {
	content: '';
	width: 17px;
	height: 17px;
	border-radius: 50%;
	box-sizing: border-box;
	background: var(--main-yellow);
	border: 2px solid var(--button-grey);
	display: block;
	position: absolute;
	left: 0;
	top: 4px;
}


dialog:focus-visible {
	outline: none;
}





/* Шорткод отзывов */


.reviews__slide {
	padding: 20px;
	max-width: 465px;
	margin-right: 30px;
}

.reviews__person {
	gap: 10px;
}

.reviews__from {
	width: 46px;
	height: 46px;
	background: #fff;
	border-radius: 50%;
	margin-top: -5px;
}

.reviews__from img {
	max-width: 26px;
	max-height: 26px;
	object-fit: contain;
}

.reviews__text {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 8;
	overflow: hidden;
	font-size: 18px;
}

.reviews__card {
	gap: 10px;
}

.reviews__original-link {
	color: transparent;
	border-bottom: 2px dotted var(--main-yellow);
	transition: .3s;

}

.reviews__original-link:hover {
	border-color: #fff;
	transition: .3s;
}

.reviews__star:not(.reviews__star.is-active) svg path {
	fill: var(--dark-grey);
}



/* Страница модели авто */


.car-price-item {
	font-size: 32px;
}

.car-price-item__value {
	color: var(--main-yellow);
}

.model-info__desc {
	gap: 30px;
	margin-bottom: 30px;
}

.info-desc__img {
	max-width: 95px;
}

.info-desc__img>img {
	max-width: 100%;
	object-fit: contain;
	height: auto;
}

.info-desc__text {
	max-width: calc(100% - 125px);
}

.model-elements {
	margin-bottom: 70px;
	gap: 30px;
	grid-template-columns: repeat(4, 1fr);
}


.element-item img {
	height: 255px;
	width: 100%;
	object-fit: cover;
	border-radius: 5px;
}

.element-item {
	gap: 20px;

}

.element-description {
	font-size: 22px;
	padding-left: 15px;
	border-radius: 5px;
	border-left: 1px solid #fff;
}


.complectation-card {
	padding: 24px;
	overflow: visible;
	gap: 24px;
	height: 100%;
}


.complectation-card__values {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.complectation-card__values>li::after {
	content: '/';
	color: #595959;
	display: inline-block;
	transform: translateX(6px);
	font-weight: 400;
	font-variation-settings: 'wght' 400;
}

/* Правильно: :last-child, а не :last-child() */
.complectation-card__values>li:last-child::after {
	content: none;
}


.complectation-card__values>li {
	font-size: 24px;
}

.complectation-card__title {
	margin: 0;
}

.complectation-card__text {
	gap: 5px;
}

.complectations-short {
	position: relative;
	margin-bottom: 100px;
}

.complectations__nav>button {
	position: absolute;
	top: 50%;
	z-index: 2;
}

.complectations-button-prev {
	right: calc(100% - 15px);
	transform: translate(5px, calc(-50% + 10px));

}

.complectations-button-next {
	left: calc(100% - 15px);
	transform: translate(-5px, calc(-50% + 10px));

}

.complectations__swiper .swiper-slide {
	height: auto !important;
}


.open-compl-dialog {
	position: absolute;
	top: 0;
	transform: translate(-15px, -50%);
	right: 0;
	padding: 0;
	background: transparent;
	border: none;
	width: 23px;
	height: 23px;
	transition: .3s;
}


.open-compl-dialog:hover {
	transform: translate(-15px, -50%) scale(1.01);
	transition: .3s;
}


.complectations__swiper {
	padding-top: 15px !important;
	margin-top: -15px;
}

.complectation-card__info {
	position: fixed !important;
	border-radius: 5px;
	border: none;
	padding: 15px;
	height: fit-content;
	background: #fff;
	color: var(--dark-grey);
}





.model-features {
	margin-bottom: 130px;
}

.model-features__inner {
	/* gap: 30px; */
}

/* Карточка особенности */
.model-feature {
	position: relative;
	width: 25%;
	background: transparent;
}


/* обнулить «реверс», если не нужен */
.model-feature--reverse {
	/* можно оставить пустым или вообще убрать класс из PHP */
}

/* Область с изображением */
.model-feature__media {
	position: relative;
	z-index: 1;
	min-height: 480px;
}

.model-feature__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transform-origin: center;
	transition: transform 0.3s ease-out;
	min-height: 480px;
	clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%);
}

/* Белые угловые рамки */
.model-feature__media::before,
.model-feature__media::after {
	content: '';
	position: absolute;
	width: 105px;
	height: 90px;
	border: 6px solid #ffffff;
	pointer-events: none;
	z-index: 1;
}

.model-feature__media::before {
	top: -2px;
	left: 45px;
	border-right: none;
	border-bottom: none;
	transform: skewX(-5.5deg);
}

.model-feature__media::after {
	bottom: -2px;
	right: 47px;
	border-left: none;
	border-top: none;
	transform: skewX(-5.5deg);
}


.model-feature__content p {
	position: relative;
	margin: 0;
	padding-left: 40px;
}

.model-feature:nth-child(odd) {
	gap: 24px;
}

.model-feature:nth-child(even) {
	gap: 130px;
}


.model-feature:nth-child(2) {
	transform: translateX(7px);
}

.model-feature:nth-child(3) {
	transform: translateX(-7px);
}

.model-feature:nth-child(even) .model-feature__media::before {
	content: none !important;
}

.model-feature:nth-child(odd) .model-feature__media::after {
	content: none !important;
}

.model-feature:nth-child(even)::before {
	content: '';
	position: absolute;
	/* inset: 0; */
	z-index: -1;
	background-image: linear-gradient(180deg,
			#1C1C1C 38.96%,
			rgba(28, 28, 28, 0.00) 74.93%,
			#1C1C1C 100%),
		url(/wp-content/uploads/2026/03/rectangle-34624569.png.webp);
	background-position: bottom right;
	background-size: contain;
	background-repeat: no-repeat;
	height: 88%;
	top: 0;
	width: calc(100% + 50px);
	right: 15px;
}

.model-feature:nth-child(2)::before {
	width: calc(100% + 110px);
	right: -50px;
}

.feature-media__background {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	min-height: 480px;
	clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%);
	background-position: center !important;
}



/* 360-фото */

.car-360 {
	margin-bottom: 100px;
}


.car-360__tabs {
	gap: 30px;
	padding: 15px 30px 15px 0;
	background: #fff;
	position: relative;
	border-radius: 0 5px 0 0;
	width: fit-content;
}

.car-360__tabs::before {
	content: '';
	width: 100vw;
	right: 0;
	height: 100%;
	top: 0;
	background: #fff;
	position: absolute;
	border-radius: 0 5px 0 0;

}


.car-360__tabs::after {
	content: '';
	background-image: radial-gradient(circle at 100% 0, var(--dark-grey) 6px, #fff 7px);
	width: 6px;
	height: 6px;
	display: flex;
	position: absolute;
	right: -6px;
	bottom: 0;
	backdrop-filter: blur(4px);
}

.car-360__tab {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	padding: 0;
	cursor: pointer;
	border: none;
	position: relative;
	box-shadow: 0px 0px 4px 0px #2223;
}

.car-360__tab::before {}



.car-360__tab::before {
	content: '';
	width: 20px;
	height: 20px;
	border: 2px solid #fff;
	background-color: var(--main-yellow);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 12px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' viewBox='0 0 12 9' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3074 0.154389C11.3692 0.208474 11.4196 0.274301 11.4557 0.348042C11.4918 0.421783 11.5129 0.501966 11.5177 0.58393C11.5226 0.665895 11.5111 0.748004 11.4839 0.825483C11.4567 0.902962 11.4144 0.974266 11.3594 1.03525L4.84652 8.26362C4.79128 8.32484 4.72437 8.37441 4.64972 8.40942C4.57507 8.44444 4.49418 8.4642 4.41179 8.46755C4.3294 8.4709 4.24717 8.45776 4.16993 8.42891C4.09268 8.40006 4.02197 8.35608 3.96195 8.29955L0.193206 4.75195C0.0801426 4.644 0.0116861 4.49756 0.00136366 4.34158C-0.00895879 4.18559 0.0396038 4.03141 0.137455 3.9095C0.190273 3.84341 0.255971 3.78874 0.330562 3.74881C0.405153 3.70888 0.487081 3.68453 0.571371 3.67723C0.655661 3.66993 0.740555 3.67983 0.8209 3.70635C0.901244 3.73286 0.975363 3.77542 1.03876 3.83145L3.96257 6.46164C4.08465 6.57152 4.24537 6.62841 4.40939 6.61982C4.57341 6.61122 4.7273 6.53784 4.83723 6.4158L10.4389 0.204564C10.548 0.0836704 10.7002 0.0105636 10.8627 0.00105773C11.0253 -0.00844809 11.185 0.0464113 11.3074 0.153769V0.154389Z' fill='%231C1C1C'/%3E%3C/svg%3E");
	opacity: 0;
	transition: .3s;
	position: absolute;
	right: 0;
	bottom: -5px;
	border-radius: 50%;
}

.car-360__tab.is-active::before {
	opacity: 1;
	transition: .3s;
}

.car-360__tab>span {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 50%;
}


.car-360-tabs__container {
	gap: 30px;
}


.car-360__view {
	display: none;
	max-height: 500px;
	gap: 30px;
	width: 100%;
}

.car-360__view.is-active {
	display: flex;
}

/* контейнер под 360 */
.cloudimage-360-inner-box {
	aspect-ratio: 16 / 9;
	max-height: 500px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background: #fff;
	border-radius: 0 5px 200px 5px;
}


.car-360-controls {
	position: absolute;
	/* left: 0; */
	width: 75%;
	bottom: 50px;
	left: 50%;
	transform: translateX(-50%);
}

.car-360-controls>img {
	width: 100%;
}

/* canvas вписывается, центр внутри бокса */
.cloudimage-360-inner-box canvas {
	max-width: 100%;
	max-height: 100%;
	width: auto !important;
	height: auto !important;
	display: block;
	z-index: 1;
	transform: translateY(40px);
}

.car-360__chars {
	padding: 0 60px 0 0;
	margin: 0;
	list-style: none;
	gap: 30px;
}

.car-360__chars>li {
	gap: 6px;
}

.car-360__char-value {
	font-size: 30px;
}

.car-360__views {
	position: relative;
	width: calc(100% - 250px);
}

.car-360__views::before {
	content: '';
}

.cloudimage-360 {
	position: relative;
}

.cloudimage-360::before {
	content: '';
	width: 100vw;
	height: 100%;
	right: 50%;
	top: 0;
	position: absolute;
	background: #fff;
	z-index: -1;
	pointer-events: none;
}


.cloudimage-360::after {
	content: '';
	width: 100%;
	height: 100%;
	right: 0;
	top: 0;
	position: absolute;
	background: var(--button-grey);
	z-index: -1;
	pointer-events: none;
	border-radius: 5px;
}



.image-ellipse__arrows-container {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, calc(50% - 4px));
	background: #fff;
}



.presentation {
	position: relative;
	width: 100vw;
	height: 765px;
	left: 50%;
	transform: translateX(-50%);
	margin-bottom: 130px;
}

.presentation__slider {
	z-index: unset !important;
}


.presentation__slider .swiper-wrapper {
	z-index: unset !important;
}

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

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

.presentation__slider {
	height: 100%;
}

.presentation__slide {
	display: flex !important;
	flex-direction: column;
	justify-content: end;
	padding-bottom: 100px;
}

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

.presentation__content>* {
	width: 100%;
	max-width: 590px;
}

.presentation__title {
	font-size: 40px;
	display: inline-block;
	margin-bottom: 20px;

}

.presentation__progress-list {
	gap: 8px;
	/* margin-top: 20px; */
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 30px;
}

.presentation__progress-item {
	height: 1px;
	background: rgba(255, 255, 255, 0.3);
	overflow: hidden;
	width: 70px !important;
}

.presentation__progress-bar {
	width: 0%;
	height: 100%;
	background: var(--main-yellow);
	border-radius: inherit;
	transition: width 0.15s linear;
	/* можно оставить, но JS всё равно переопределит */
}


.reasons-block .faq-accordeon {
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.40);
	border: 1px solid transparent;
	border-radius: 5px;
}



.reasons-block .faq-accordeon.faq-accordeon--active {
	border-color: var(--main-yellow);

}

.reasons-block__content {
	gap: 30px;
}

.reasons-block {
	margin-bottom: 130px;
}

.reasons-block__inner {
	gap: 30px;
}

.reasons-block__image {
	width: calc(33.3% - 15px);
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
	height: 382px;
}

.reasons-block__image>img {
	max-height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
	height: 100%;
}

.reasons-block__content {
	width: calc(66.6% - 15px);

}




.video-reviews-slider .swiper-slide {
	min-height: 260px;
	max-width: 466px;
	margin-right: 30px;
	height: auto !important;
}

.video-review-slide {
	padding: 0;
	margin: 0;
	background: transparent;
	border: none;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	overflow: hidden;
	place-items: center;
}

.video-review-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}



.video-review-slide::before {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 75px;
	height: 75px;
	content: '';
	transform: translate(-50%, -50%);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="75" height="75" viewBox="0 0 75 75" fill="none"><circle cx="37.5" cy="37.5" r="37" fill="%231C1C1C" stroke="url(%23paint0_linear_1424_3025)"/><defs><linearGradient id="paint0_linear_1424_3025" x1="75" y1="37.5" x2="0" y2="37.5" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="0.175646" stop-color="white" stop-opacity="0"/><stop offset="0.819633" stop-color="white" stop-opacity="0"/><stop offset="1" stop-color="white"/></linearGradient></defs></svg>');
}


.video-review-slide::after {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 27px;
	height: 30px;
	content: '';
	transform: translate(calc(-50% + 3px), -50%);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	transition: .3s;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="27" height="30" viewBox="0 0 27 30" fill="none"><path d="M24.75 12.0967C26.75 13.2514 26.75 16.1382 24.75 17.2929L4.5 28.9842C2.5 30.1389 -1.0094e-07 28.6956 0 26.3862L1.02209e-06 3.0035C1.12304e-06 0.694098 2.5 -0.749277 4.5 0.405423L24.75 12.0967Z" fill="white"/></svg>');
}


.video-review-slide:hover::after {
	transition: .3s;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="27" height="30" viewBox="0 0 27 30" fill="none"><path d="M24.75 12.0967C26.75 13.2514 26.75 16.1382 24.75 17.2929L4.5 28.9842C2.5 30.1389 -1.0094e-07 28.6956 0 26.3862L1.02209e-06 3.0035C1.12304e-06 0.694098 2.5 -0.749277 4.5 0.405423L24.75 12.0967Z" fill="%23FFD60A"/></svg>');
}




.car-galleries__group {
	display: none;
	transition: .3s;
	transition-behavior: allow-descrete;
}

.car-galleries__group.is-active {
	display: block;
}


@starting-style{
	.car-galleries__group{
		opacity: 0;
		transform: translateY(20px)
	}
}

.car-galleries__tabs{
	gap: 10px;
}


.car-galleries__tabs .separator{
	background-color: var(--button-grey);
	width: 60px;
	height: 2px;
	border-radius: 5px;
}

.car-galleries__tabs>*:last-child.separator{
	display: none;
}

.car-galleries{
	gap: 30px;
}


.car-galleries__item img{
    aspect-ratio: 34 / 18;
    width: 100%;
    height: auto;
    max-width: 340px;
    object-fit: cover;
    border-radius: 5px;
	background: #fff;
}

.car-galleries__item {
	width: 100%;
	height: 100%;
}

.car-galleries__tab {
	padding: 10px 20px;
}