/***** ROOT *****/

:root {
	--mega-nav-height: 80px;
	--mega-nav-content-max-width: var(--max-width-lg);
	--carousel-grid-gap: var(--space-sm);
	--accordion-v2-icon-size: 25px;
	--anim-cards-width: 300px;
}

/***** OTHER *****/

.tooltip-trigger {
    white-space: wrap;
    border-bottom: none;
}

.tooltip--chips {
    font-size: .7em;
    vertical-align: super;
    text-transform: none;
    font-weight: 600;
}

.btn--filter {
	padding-left: 0px;
	padding-right: 0px;
}


.slider--multi-value .slider__range:nth-of-type(1) {
    position: relative;
    right: 3%;
}

.slider--multi-value .slider__range:nth-of-type(2) {
    left: 3%;
}

.carousel--gallery {
	--carousel-item-auto-size: 300px;
}

.carousel-offer .carousel__control--custom {
	background-color: var(--color-contrast-v2-medium);
}

.carousel-offer .carousel__control--custom:hover {
	background-color: var(--color-contrast-v2-high);
}

.feature-v8__sub-content {
	margin-top: calc(var(--feature-v8-gap) * -1.5);
}
	
.loop-slideshow__nav-item button {
	height: 2px !important;
}

select option{
    background: white;
}

#cookie_note{
    display: none;
    position: fixed;
	bottom: 0;
	width: 100%;
    background-color: white;
    border-radius: 4px;
	z-index: 9999;
}

#cookie_note p{
    margin: 0;
    font-size: 0.7rem;
    text-align: left;
    color: black;
}

.model-img-wrapper {
	position: relative;
}

.card-car__chip-wrapper {
	position: absolute;
    left: 10px;
    top: 10px;
}

.chip--car-hit {
	background-color: hsla(var(--color-error-lighter-h), var(--color-error-lighter-s), var(--color-error-lighter-l), 0.9);
}

.chip--car-hit .chip__icon-wrapper {
	background-color: white;
	color: var(--color-error-lighter);
}


.chip--car-stock {
	background-color: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), 0.9);
}

.chip--car-order {
	background-color: hsla(var(--color-contrast-v2-lower-h), var(--color-contrast-v2-lower-s), var(--color-contrast-v2-lower-l), 0.9);
}

.chip--car-benefit {
	background-color: hsla(128, 66%, 41%, 0.9);
}

.card-car__wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: var(--space-sm);
}

.card-car {
	grid-row: auto / span 6;
	display: grid;
	grid-template-rows: subgrid;
}

.section-divider--bottom {
	top: 0;
	bottom: auto;
}

.slideshow__btn:hover {
	background-color: var(--color-contrast-v2-low);
}

.slideshow__promo .loop-slideshow__pause-btn {
	top: var(--space-xs);
	right: var(--space-xs);
}

.grid-block-default {
	transition: all 0.3s ease-in-out;
}

.grid-block-default:hover {
	box-shadow: var(--shadow-md);
}

.feature-v4__grid {
	transition: all 0.3s;
}

.feature-v4__grid:hover {
	box-shadow: var(--shadow-md);
}

.carousel__item--brand {
	--carousel-item-auto-size: 120px;
}

.carousel__list--grid {
	display: grid;
	height: 600px;
}

.video-card__preview {
    aspect-ratio: 16 / 9;
    border-radius: 0;
    box-shadow: none;
}

.video-card__modal-control:hover .video-card__preview {
    box-shadow: none;
}

.icon-custom-size {
	height: 1.5em;
    width: 1.5em;
}

.spruce-branch.left-branch {
	width: calc((100vw - 80rem) / 2);
}

.spruce-branch.right-branch {
	width: calc((100vw - 85rem) / 2);
}

.spruce-branch {
	
	height: 80px;
	overflow: hidden;
}

.right-branch {
	transform: scaleX(-1);
}

.spruce-branch img {
  width: 100%;
  opacity: 0.9;
}

@media (max-width: 1023px){
	.spruce-branch {
		display: none;
	}
}

/***** TABLE *****/

.table-custom td {
	padding: 2px;
}

.table-custom:first-child {
	padding-left: 0px;
}

/***** BUTTONS *****/

.btn {
	transition: all 0.3s;

	border-radius: 0px;
}

.btn--secondary {
	color: var(--color-contrast-higher);
}

.btn--secondary:hover {
	color: white;

	background-color: var(--color-primary);
} 

.btn--primary-outline {
	color: var(--color-contrast-higher);

	border-color: var(--color-primary);
}

.btn--primary-outline:hover {
	color: white;

	background-color: var(--color-primary);

	border-color: var(--color-primary);
} 

.btn--contrast-v2-outline {
	border-color: var(--color-contrast-v2-medium);
  	background-color: transparent;
}

.btn--contrast-v2-outline:hover {
	border-color: var(--color-contrast-v2-medium);
	background-color: var(--color-contrast-v2-medium);
	color: var(--color-white);
}

.btn--accent-outline {
	color: var(--color-contrast-higher);

	border-color: var(--color-accent);
}

.btn--accent-outline:hover {
	color: white;

	background-color: var(--color-accent);

	border-color: var(--color-accent);
} 

.btn--contrast-v2 {
	color: var(--color-white);

	border-color: var(--color-contrast-v2-medium);

	background-color: var(--color-contrast-v2-medium);
}

.btn--contrast-v2:hover {

	border-color: var(--color-contrast-v2-low);

	background-color: var(--color-contrast-v2-low);
}

.btn--contrast-v2-footer {
	color: var(--color-white);

	border-color: var(--color-primary-v2);

	background-color: var(--color-primary-v2);
}

.btn--contrast-v2-footer:hover {

	border-color: var(--color-primary-v2-light);

	background-color: var(--color-primary-v2-light);
}

.btn--contrast-v2--footer-outline {
	color: var(--color-primary-v2);

	border-color: var(--color-primary-v2);
}

.btn--contrast-v2--footer-outline:hover {
	color: var(--color-white);

	background-color: var(--color-primary-v2);

	border-color: var(--color-primary-v2);
}

.card-car__button {
	padding-left: var(--space-sm);
	padding-right: var(--space-sm);

	flex: 1;
}

/***** HEADER *****/
	
.mega-nav--desktop .mega-nav__control::after {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: var(--color-contrast-higher);
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.2s;
}
	
.mega-nav {
	height: var(--mega-nav-height);
	width: 100%;
	z-index: var(--z-index-header, 3);
}
	
.mega-nav__logo {
	display: block;
	width: auto;
	height: 90px;
}
	
.mega-nav__logo.title {
	display: block;
	width: 100%;
	max-width: 200px;
	height: 60px;
}
	
.mega-nav__logo.stars {
	display: block;
	width: 45px;
	height: 55px;
}

.mega-nav--desktop .mega-nav__tabs-img {
	border-radius: 0;
}

.mega-nav__tabs-img__title {
	transition: all 0.3s ease-in-out;
}

.mega-nav__tabs-img__title:hover {
	opacity: 0.9;
}

.prod-card__link-wrapper a:hover {
	text-decoration: underline;
}

.prod-card {
	transition: all 0.3s ease-in-out;
}

.prod-card:hover {
	box-shadow: var(--shadow-md);
}

.language-picker__button {
	color: white;
}

.mega-nav--desktop .mega-nav__tabs-control[aria-selected=true]  {
	background-color: var(--color-contrast-v2-medium);
	color: white;
}

.mega-nav__tabs-controls a[href^="#tabProduct52517"] {
	font-weight: bold;
	color: var(--color-primary);
}

.mega-nav__tabs-controls a[href^="#tabProduct50054"] {
	font-weight: bold;
	color: var(--color-primary);
}

/***** SLIDESHOW *****/

.slideshow__item--custom-height {
	height: calc(55vh);
}

.loop-slideshow__nav-item button::before {
	background-color: var(--color-white);
}

.loop-slideshow__navigation {
	position: absolute;
	top: 25px;
	left: 50%;

	transform: translate(-50%, 0);

	z-index: 3;
}

.loop-slideshow__pause-btn {
	top: var(--space-lg);
}

.loop-slideshow__nav-item {
	flex: 1;
}

.loop-slideshow__nav-item button {
	width: 100%;

	background-color: var(--color-bg-grey);
}

.loop-slideshow__nav-item button:hover {
	background-color: var(--color-bg-grey-light);
}


.slideshow__item-image-wrapper-left::before {
	content: "";

	position: absolute;

	width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.6), transparent);

	z-index: 3;
}

.slideshow__item-image-wrapper-right::before {
	content: "";

	position: absolute;

	width: 100%;
    height: 100%;
    background: linear-gradient(to left, rgba(0, 0, 0, 0.4), transparent);

	z-index: 3;
}

.slideshow__control--custom {
	position: static;
	transform: none;
}

.loop-slideshow .slideshow__content {
	clip-path: unset;
}

/***** Gallery Slider *****/

.slideshow__control-gallery-wrapper {
	right: -75px;
}

.slideshow-gallery {
	overflow: visible;
}

.slideshow__control-gallery {
	position: static;
	transform: none;
	background-color: var(--color-contrast-v2-medium);
	border-radius: 50%;
}

.slideshow__btn {
    width: 3.2em;
    height: 3.2em;
    border-radius: 50%;
}

.slideshow__btn .icon {
	color: white;
}

.slideshow__control-gallery .slideshow__btn:hover {
	background-color: var(--color-contrast-v2-high);
}

/***** GRID *****/

.card-v8 {
	display: flex;
	flex-direction: column;

	height: 100%;
}

.main-direction-item {
	transition: all 0.3s ease-in-out;
}

.main-direction-item:hover {
	transform: translateY(-10px);

	box-shadow: var(--shadow-lg);
}

.main-direction-item .link-fx-1::before {
	display: none;
}

.main-direction-item__col-4:hover .icon circle {
	stroke-dashoffset: 200;
	transition: stroke-dashoffset 0.2s 0.1s;
}

.main-direction-item__col-4:hover .icon line {
	transform: rotate(-180deg);
}

.main-direction-item__col-4:hover .icon line:last-child {
	transform: rotate(180deg);
}

.main-direction-item .link-fx-1 .icon {
	position: static;
	transform: translateX(0%) rotate(90deg);
}

.main-direction-item .link-fx-1  {
	height: auto;
	padding: 0;
}

.card-v14 {
	border-radius: 0;
}

.card-car__title:hover {
	text-decoration: underline;
}

.card-car .loop-slideshow__nav-item {
	margin: 0px;
}

.card-car .loop-slideshow__nav-item button {
	height: 100% !important;
	width: 100%;

	border-radius: 0px;

	background-color: transparent;

	cursor: default;
}

.card-car .loop-slideshow__nav-item button::before {
	bottom: 10px;
	top: auto;

	height: 2px;

	transform: inherit;

	background-color: var(--color-primary);

	margin: var(--space-sm) calc(var(--space-sm) / 2) 0;

	background-color: var(--color-bg-grey);
} 

.card-car .loop-slideshow__nav-item:first-child button::before {
	margin-left: 0;
}

.card-car .loop-slideshow__nav-item:last-child button::before {
	margin-right: 0;
}

.card-car__button-gallery--active button::before {
	background-color: white !important;
}

.morph-bg {
	height: 100%;
}

.morph-bg--last::before {
	content: "";

	position: absolute;
	top: 0;
	left: 0;

	width: 100%;
	height: 100%;

	background-color: rgba(0, 0, 0, 0.6);

	color: #fff;

	z-index: 4;
}

.morph-bg__text {
	z-index: 5;
}

.card-v6 {
	display: block;
}

.card-v6--grid {
	display: grid;
}

.disappearing-text-block {
	transition: all 0.1s ease-in-out;
}

.disappearing-text-block:hover {
	box-shadow: var(--shadow-lg);

	scale: 1.01;
}

.card-v11--custom  {
	height: 410px;

	background-position: center;
}

.card-v11--custom .card-v11__box {
	top: 0;
	left: 0;
	bottom: auto;
	right: auto;

	background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.5);
	backdrop-filter: blur(0px);
}

.card-car-grid__wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: var(--space-sm);
}

/***** ADVANTAGES V2 *****/

.tab-features-v2__control {
	border-radius: 0px;
}

.advantages-v2--custom {
	height: 850px;
}

/***** Carousel *****/

.carousel__control--custom {
	background-color: var(--color-primary-v2);
}

.carousel__control--custom:hover {
	background-color: var(--color-primary-v2-light)
}

.carousel__control--custom .icon {
	color: white;
}

/***** Grid Full *****/

.flex-news{
	display: flex;
	flex-flow: row nowrap;
}

.flex-news__block{
	box-sizing: border-box;
	flex: 1 1 33.3%;
	transition: flex 0.4s ease;
}

.flex-news__block:hover {
	flex: 3 3 70%;
	opacity: 1;
}

.flex-news__block:hover:before{
	opacity: 0.2;
}

/***** FOOTER *****/

.footer-v5 .socials__btns a {
	background-color: transparent;
}

.details-list__item .socials__btns a {
	background-color: transparent;
}

.mega-nav__logo--footer {
	height: 120px;
    margin-top: -35px;
}

.f-header__item {
	border: none;
}

/***** NEWS *****/

.slide-wrap {
    padding: 20px 40px;
    margin-top: 20px;
    background: var(--color-primary-v2);

	transition: all 0.3s ease-in-out;
}

.slide-wrap:hover {
	box-shadow: var(--shadow-md);
}

.short-news-item, .slide-wrap{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.short-news-container {
	flex-grow: 1;
	overflow: hidden;
}

.height-swiper{
    height: 96px;
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.short-news-buttons {
    flex-grow: 0;
    flex-shrink: 0;
    width: 28px;
    margin-left: 20px;
}

.short-news-buttons {
    flex-grow: 0;
    flex-shrink: 0;
    width: 28px;
    margin-left: 20px;
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column;
}

.short-news-time {
    display: flex;
    align-items: center;
    justify-content: left;
    margin-right: 3rem;
    font-size: 16px;
    line-height: 24px;
    color: hsl(0, 0%, 72.5%);
}

.padding-sm .short-news-time {
	position: absolute;
    bottom: 0;
}

.short-news-content {
    font-size: 18px;
    line-height: 24px;
    max-height: 72px;
    overflow: hidden;
    color: #000;
}

.card-v6-custom:hover > figure > img{
    transform: scale(1.05);
}

.story--featured:hover > a > figure > img{
    transform: scale(1.05);
}

.card-v6-img{
    transition: 0.4s;
}

.story__title a:hover {
    text-decoration: none;
}

.story--featured .story__title {
	font-size: var(--text-lg);
}

.news-content h1,
.news-content h2,
.news-content h3,
.news-content h4 {
	color: var(--color-primary);
	text-transform: uppercase;
}

.select-pagination-item {
	font-weight: bold;
}


/***** Carousel V2 Ticker *****/

.card-v6__icon-wrapper {
	background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.85);
}

.card-v5__img-wrapper {
	overflow: visible;
}

/***** Page New Car *****/

.gallery-model {
	--thumbslide-thumbnail-auto-size: 70px;
}

.exp-gallery figure {
	display: flex;
	width: 100%;
	transition: opacity 0.3s;
}

.exp-gallery figure:hover {
	cursor: pointer;
	opacity: 0.85;
}

.exp-gallery img:hover {
	opacity: 1;
}

.btn-fx-4--credit {
	background-color: var(--color-contrast-v2-low);

	cursor: pointer;
}

.btn-fx-4--choose-model {
	background-color: var(--color-error-light);

	cursor: pointer;
}

.exp-lightbox__body .slideshow__btn {
	background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.75);
}

.thumbslide__nav-item:has(> img[data-video="true"])::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.3) url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 class%3D%22icon%20icon--sm%22 viewBox%3D%220%200%2024%2024%22%3E%3Cg fill%3D%22white%22%3E%3Cpath d%3D%22M20.555%2C11.168l-15-10c-0.307-0.204-0.702-0.224-1.026-0.05C4.203%2C1.292%2C4%2C1.631%2C4%2C2v20%20c0%2C0.369%2C0.203%2C0.708%2C0.528%2C0.882C4.676%2C22.961%2C4.838%2C23%2C5%2C23c0.194%2C0%2C0.388-0.057%2C0.555-0.168l15-10C20.833%2C12.646%2C21%2C12.334%2C21%2C12%20S20.833%2C11.354%2C20.555%2C11.168z%22%3E%3C/path%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
	background-size: 1.25em;
	-webkit-backdrop-filter: blur(1px);
	backdrop-filter: blur(1px);
}

/***** Promo Grid *****/

.slideshow-promo-grid .slideshow__btn {
	border: none;

	color: var(--color-contrast-v2-medium);

	transition: all 0.1s ease-in-out;
}

.slideshow-promo-grid .slideshow__btn:hover {
	background: transparent;

	scale: 1.2;
}

.slideshow-promo-grid .slideshow__item {
	height: auto;
}

.slideshow-promo-grid .slideshow__nav-item button {
	color: white;
}

.promo-grid .text-points--counter .text-points__bullet::after, .text-points--letter .text-points__bullet::after, .text-points--icon .text-points__bullet::after {
	background-color: var(--color-accent);
	color: var(--color-white);
}

.promo-grid-image {
	min-height: 450px;
}

/***** Contacts *****/

.contacts-block .tab-features__control::before {
	display: none;
}

.map-height-custom {
	min-height: 400px;
}

.socials__btns--contacts a {
	--size: 2em;
}

/***** Slideshow Promo *****/

.slideshow__promo-height {
	height: 250px;
}

.slideshow__promo .loop-slideshow__navigation {
	top: auto;
	bottom: 25px;
}

/***** Tab-features-v2 *****/

.tab-features-v2__control {
	display: flex;

	padding: var(--space-xs);
}

.tab-features-v2__control[aria-selected="true"] {
	background-color: var(--color-contrast-v2-medium);
	color: white;
}

.tab-features-v2__control-title {
	margin-bottom: 0;
}

.tab-features-v2__control[aria-selected="true"] .tab-features-v2__control-title {
	color: white;
}

.link-fx-1--service {
	position: absolute;
}

.link-fx-1--service::before {
	display: none;
}

.tab-features-v2__panel--link:hover .link-fx-1 .icon line:last-child {
	transform: rotate(180deg);
}

.tab-features-v2__panel--link:hover .link-fx-1 .icon circle {
	stroke-dashoffset: 200;
  	transition: stroke-dashoffset 0.2s 0.1s;
}

.tab-features-v2__panel--link:hover .link-fx-1 .icon line {
	transform: rotate(-180deg);
}

.tab-features-v2__panel--link {
	transition: opacity 0.3s;
}

.tab-features-v2__panel--link:hover {
	opacity: 0.9;
}

.tab-features-v2__panel--link::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60%; /* Высота затемненной области */
	background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent);
}

.link-fx-2 {
	background-image: linear-gradient(var(--color-contrast-v2-higher), var(--color-contrast-v2-higher));
}

.chip--offer {
	background-color: hsla(var(--color-error-lighter-h), var(--color-error-lighter-s), var(--color-error-lighter-l), 0.9);
}

.tab-features-v2__panel--hide {
	display: none;
}

.icon-contacts {
	fill: #498095;
}


/***** Page Product Catalog *******/

.product-card-v2__title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.form-control {
	border: var(--border-width, 1px) var(--border-style, solid) hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--border-o-base, 0.1));
}

/***** Page Product *******/

.chip-product--stock {
	background-color: var(--color-accent);

	width: fit-content;
}

.chip-product--stock .chip__icon-wrapper {
	background-color: var(--color-white);
	color: var(--color-accent);
}

.card-v14__icon-wrapper--product {
	background-color: var(--color-accent);
}

.cart__product.text-bg-fx--scale-x {
	background-image: linear-gradient(hsla(var(--color-bg-dark-h), var(--color-bg-dark-s), var(--color-bg-dark-l), 0.5), hsla(var(--color-bg-dark-h), var(--color-bg-dark-s), var(--color-bg-dark-l), 0.5));
}

.cart__product {
	padding-top: var(--space-md);
    padding-bottom: var(--space-md)
}

.chip--contrast-v2 {
	background-color: var(--color-contrast-v2-medium);
}

.chip--contrast-v2 .chip__icon-wrapper {
	background-color: var(--color-white);
	color: var(--color-contrast-v2-medium);
}

/***** Page Used Car *****/


.model-img {
	height: 200px;
}

.model-img--new-car {
	height: 250px;
}


@media (max-width: 1024px){

	/***** Grid Full *****/

	.flex-news {
		flex-direction: column;
	}

	.feature-v9__block {
        margin: 5%;
    }

	/***** GRID *****/

	.card-car__button-gallery-wrapper {
		opacity: 0;
	}

	.card-car-grid__wrapper {
		grid-template-columns: 1fr 1fr;
	}

	/***** Page Used Car *****/

	.model-img-wrapper {
		height: 300px  !important;
	}
	
	.model-img {
		height: 300px;
	}
}

@media (max-width: 768px){
	/***** ROOT *****/
	:root {
		--feature-v8-gap: var(--space-xxxl);
	}

	/***** HEADER *****/

	.pre-header {
		display: none;
	}

	.mega-nav__logo {
		flex-shrink: 0;
	}

	/***** Slideshow *****/

	.slideshow__item--custom-height {
		min-height: 300px;
		height: auto;
	}

	.loop-slideshow__navigation {
		top: 10px;
	}

	.card-car__wrapper {
		grid-template-columns: 1fr;
	}

	/***** GRID *****/

	.card-v11--custom {
		height: 325px;
	}

	/***** ADVANTAGES V2 *****/

	.advantages-v2--custom {
		height: auto;
		min-height: 100vh;
	}

	/**** Promo Grid *****/

	.promo-grid-image {
		min-height: auto;
	}

	/***** Page Used Car *****/

	.model-img-wrapper {
		height: 250px !important;
	}

	.model-img {
		height: 250px;
	}
}

@media (max-width: 575px){
	.mega-nav__logo.stars {
	    display: none;
	}
	.cookie_accept{
		margin-top: 20px;
	}
    #cookie_note.show{
        display: block;
        text-align: left;
		width: 100%;
		position: fixed;
		bottom: 0;
		max-width: unset;
    }

	/***** GRID *****/

	.main-direction-item__col-4 svg {
		--size: var(--icon-lg);
	}

	.main-direction-item__col-4 .link-fx-1 .icon {
		display: none;
	}

	.card-car-grid__wrapper {
		grid-template-columns: 1fr;
	}
}
	

@media (min-width: 768px){
	
	/***** Page Product *******/

	.cart__product-info--custom {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}

@media (min-width: 576px){
    #cookie_note.show{
        display: flex;
	}
}

@media (min-width: 80rem){
	.feature-v9__block {
		min-height: 500px;
	}
}

.minh2 {
	font-size: 15px;
}

.minp {
	font-size: 11.3px;
}