/* Common styles */

:root {
  --ticker-gap-x: var(--space-xl);
	--mega-nav-height: 120px;
	--mega-nav-content-max-width: var(--max-width-xl);
	--z-index-header: 4;
}

.height-70vh{
  height: 70vh;
}

.fof__animation svg {
  max-width: 20vh;
}

.fit-content {
	width: fit-content;
}

.slideshow__item{
    justify-content: space-between;
    align-items: flex-center;
}

.fade-out {
  position: relative;
  max-height: 375px;
  overflow: hidden;
}

.expanded .fade-out {
  max-height: none;
}

.link-fx-3--full-content {
  position: absolute;
  bottom: 0px;
  z-index: 2;
}

.fade-out::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 70px;
  background: linear-gradient(to top, white 0%, white 40%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.7) 60%, rgba(255, 255, 255, 0.4) 75%, rgba(255, 255, 255, 0.1) 90%, transparent 100%);
  pointer-events: none;
	z-index: 1;
}

.breadcrumb-slider {
	padding-top: var(--space-sm);
}

.select-pagination-item {
  background: var(--color-accent);
  border-radius: var(--radius-md);

}

.select-pagination-item .pagination__item {
  color: white;
}

@media (max-width: 1024px) {
	:root {
		--mega-nav-height: 60px;
	}
}

@media (max-width: 768px) {
	.fade-out {
		max-height: none;
	}

	.fade-out::after {
		display: none;
	}
} 

/* Header */

.mega-nav {
	box-shadow: var(--shadow-sm);
}


.mega-nav--expanded {
	background-color: var(--color-accent);
}

.mega-nav--desktop:not(.hide-nav--fixed) {
	background: var(--color-bg);
}

.mega-nav--mobile:not(.hide-nav--fixed) {
	background: var(--color-white);
}

.mega-nav--desktop .mega-nav__sub-nav {
	padding: var(--space-lg) 0;
}

.mega-nav--desktop .mega-nav__sub-nav.mega-nav__sub-nav--layout-custom {
	--mega-nav-content-max-width: var(--max-width-xl)
}

.hide-nav--has-bg.mega-nav {
	background: var(--color-accent);
}

.mega-nav__logo {
    width: auto;

		text-decoration: none;
}

.mega-nav--desktop .mega-nav__control {
	font-size: var(--text-sm);
	font-weight: 700;
	text-transform: uppercase;
}

.mega-nav--desktop .mega-nav__sub-link {
  font-size: var(--text-md);
}

.mega-nav--desktop .mega-nav__control::after {
	background-color: var(--color-primary);

	height: 3px;
}

.btn--slide-fx:hover {
	border-color: var(--color-accent);
}

.btn--slide-fx::before {
	background-color: var(--color-accent);
}

.mega-nav--desktop .mega-nav__tabs-controls > :not(:last-child) {
	border-bottom: 1px solid #D3D3D3;
}

.mega-nav--mobile .mega-nav__item {
	border-bottom: none;
}

.mega-nav--mobile .mega-nav__item-menu {
	border-bottom: 1px solid #D3D3D3;
}

.mega-nav--mobile .mega-nav__sub-item {
	border-bottom: 1px solid #D3D3D3;
}

.socials__item-link {
	display: flex;
  align-items: center;
  color: var(--color-accent);
  text-decoration: none;
  padding: var(--space-xs) 0;
}

.card-v14-custom.card-v14-custom--header {
	background-color: var(--color-bg-dark);
}

.card-v14-custom.card-v14-custom--header:hover {
	transform: unset;
  box-shadow: none;
 	background-color: var(--color-bg-darker);
}

.mega-nav__sub-nav .socials__item-link {
	padding: 0;
}

.tabs-nav-v2__car-list {
	max-width: max-content;
}

.tabs-nav-v2 .tabs-nav-v2__item {
	border: none;
}

.tabs-nav-v2 .tabs-nav-v2__item[aria-selected="true"] {
	background-color: transparent;

	color: var(--color-accent);

	border: none;
} 

.tabs-nav-v2 .tabs-nav-v2__item--selected::after, .tabs-nav-v2__item[aria-selected="true"]::after {
	background-color: var(--color-accent);

	height: 3px;
}

.mega-nav__tabs-panel .catalog-card {
	min-height: 275px;
}

.mega-nav--desktop .mega-nav__control {
	color: black;
}

.mega-nav--desktop .mega-nav__control:hover {
	color: var(--color-primary);
}

.mega-nav--desktop .mega-nav__item--expanded .mega-nav__control {
	color: var(--color-accent);
}

.feature-v15__link-custom {
	border: 2px solid var(--color-contrast-higher);
}

.catalog-card .feature-v15__link-text {
	transform: translateX(-15px);
}

.catalog-card:hover .feature-v15__link {
	background-color: var(--color-accent);
	color: var(--color-white);
	border-color: var(--color-accent);
}

.catalog-card:hover .feature-v15__link .feature-v15__link-text {
	transform: translateX(0px);
	transition-delay: 0s;
}

.catalog-card:hover .feature-v15__link .feature-v15__icon line:nth-child(1), .catalog-card:hover .feature-v15__link .feature-v15__icon line:nth-child(2) {
	opacity: 1;
	transform: rotate(0deg);
	transition: opacity 0s 0.2s, transform 0.2s 0.2s var(--ease-in-out);
}

.catalog-card:hover .feature-v15__link .feature-v15__icon line:nth-child(3) {
	stroke-dashoffset: 96;
	transition: stroke-dashoffset 0.2s var(--ease-in-out);
}

.mega-nav__icon-btn {
	color: var(--color-primary);
}

@media (max-width: 768px) {
	.mega-nav--mobile .mega-nav__sub-items:not(:last-child) {
		margin-bottom: 0px;
	}
}


/* Promo Images */

.slideshow__promo.slideshow--ratio-custom .slideshow__item {
	height: 0;
  padding-bottom: 70%;
}

/* Carousel */

.min-height-news-carousel {
	min-height: 356px;
}

.carousel-label-wrapper {
    position: absolute;
    top: 0;
    left: 0;
}

.chip {
    border: 0;
    color: inherit;
    line-height: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-flex;
    align-items: center;
		border-radius: 0;
    background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.8);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.card {
    background-color: var(--color-bg-light);
    box-shadow: var(--inner-glow), var(--shadow-ring, 0 0 0 1px hsla(0, 0%, 0%, 0.05)), var(--shadow-sm);
    border-radius: var(--radius-md);
    overflow: hidden;
}

/* Catalog */

.gallery-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.7);
  display: flex;
  align-items: start;
  justify-content: center;
  z-index: 1;
}

.gallery-loader.hidden {
  display: none;
}

.gallery-spinner {
  width: 50px;
  height: 50px;
  border: 5px solid #ccc;
  border-top-color: var(--color-accent);
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

.form-control-custom {
	box-shadow: var(--shadow-sm);
}

.accordion__item.accordion__item-catalog:first-child {
	border: none;
}

.accordion__item-catalog {
	background: var(--color-bg-dark);
  box-shadow: var(--shadow-sm);

	border: none;
}

.property-text::first-letter {
	text-transform: uppercase;
} 

.card-v5 {
	background-color: var(--color-bg-darker);
}

.catalog-card--truck .feature-v15__link {
	font-size: var(--text-xs);
}

.catalog-card--truck .feature-v15__icon {
	font-size: 35px;
}

.content-page-truck .details-list--rows .details-list__item {
	font-size: var(--text-sm);
}

/* Footer */

.main-footer__logo {
	width: auto;
}

.main-footer__logo > * {
	width: inherit;
  height: inherit;
}

.footer-link {
	text-decoration: none;
	color: var(--color-contrast-medium);
	transition: all 0.3s;
}

.footer-link:hover {
	color: var(--color-white);
	text-decoration: underline;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/* Feature */

.feature-v9__block::after {
  background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.3);
}

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

/* Dealers */

.spoiler-container {
  width: 100%;
}

.text-wrapper {
  position: relative;
  max-height: 30vh; /* исходная видимая высота */
  overflow: hidden;
  transition: max-height 0.5s ease; /* увеличить время для более плавного эффекта */
}

.long-text {
  margin: 0;
  line-height: 1.5;
}

.fade-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
  background: linear-gradient(to bottom, transparent, var(--color-bg-dark));
  pointer-events: none;
}

.feature-v15__content-dealers .accordion-v2__item {
  background-color: var(--color-primary);
}

.feature-v15__content-dealers .accordion-v2__header .icon {
  --accordion-v2-icon-size: 30px;
  color: var(--color-white);
}

/* Класс для полного раскрытия текста */
.expanded .text-wrapper {
  max-height: none;
}

.expanded .fade-overlay {
  display: none;
}

.custom-hover-navigation-border{
  transition: 0.3s;
}

.custom-hover-navigation-border:hover{
  border-color: white;
}
.custom-link-mobapp-hover{
  transition: 0.3s;
}
.custom-link-mobapp-hover:hover{
  background-color: var(--color-accent-dark);
}

.custom-search-link-style {
    padding: var(--space-xxs) var(--space-md);
    background: var(--color-bg);
    border-radius: 50px;
}

.custom-search-link-style > a > svg{
  transition: 0.3s;
}

.custom-search-link-style:hover > a > svg{
  transform: scale(1.2);
}
.active-card {
    box-shadow: var(--shadow-xs);
    transition: all 0.3s ease;
}

.active-marker .marker-inner {
    transform: scale(1.3);
    background: #ff4444;
    border: 2px solid white;
}

.marker-inner {
    transition: all 0.5s ease-in-out;
}

.custom-height-contacts {
  height: 65vh;
}

.feature-v15__content-dealers {
  border-radius: var(--radius-md);
}

@media screen and (max-width: 1024px) {
  #map {
    height: 250px !important;
  }
}