/* Other */

.color-white h1, 
.color-white h2,
.color-white h3,
.color-white h4,
.color-white p {
  color: var(--color-white);
}

.darkMask {
	filter: brightness(80%)
}

.cross-table__cell {
  border-radius: 0!important;
}


h1, h2, h3, h4 {
  --heading-font-weight: 500;
}

.table--expanded {
  border-bottom: 0;
}

/* Buttons */
:root {
  --btn-font-size: var(--text-sm);
  --btn-padding-x: var(--space-md);
  --btn-padding-y: var(--space-xxs);
  --btn-radius: 0;
}

.btn--primary {
  border: 2px solid var(--color-primary);
}

.btn--primary:hover {
  border: 2px solid var(--color-primary-darker);
}

.btn--secondary {
  background: transparent;
  color: var(--color-accent-dark);
  border: 2px solid var(--color-accent);
  font-size: var(--text-xs);
}

.btn--secondary:hover {
  background: var(--color-bg-dark);
  color: var(--color-accent-dark);
  border: 2px solid var(--color-accent-dark);
  font-size: var(--text-xs);
}

.btn--accent {
  background: var(--color-accent);
  color: var(--color-white);
  border: 2px solid var(--color-accent);
}

.btn--accent:hover {
  background: var(--color-accent-darker);
  color: var(--color-white);
  border: 2px solid var(--color-accent-darker);
}

/* Carousel */
:root {
  --carousel-item-auto-size: 290px;
}

.card-news {
  transition: all 0.3s;
}

.card-news:hover {
  background-color: var(--color-bg-dark)!important;
}

/* Grid */
.catalog-card {
  border-radius: var(--radius-md);
  transition: all 0.3s;
}

.catalog-card:hover {
  background-color: var(--color-bg-dark);
}

.catalog-link-card-figure {
  transition: all 0.3s;
}

.catalog-link-card:hover .catalog-link-card-figure {
  transform: scale(1.2);
}

/* Advantages */
.card-v14-custom {
  background-color: var(--color-white);
  transition: all 0.3s;
}

.card-v14-custom:hover {
	transform: translateY(-10px);
  box-shadow: none;
  background-color: var(--color-primary);
}

.card-v14-custom:hover .link-fx-1, .card-v14-custom:hover p, .card-v14-custom:hover svg {
	color: var(--color-white);
}

.card-v14-custom .link-fx-1::before {
	display: none;
}

.card-v14-custom:hover .icon circle {
	stroke-dashoffset: 200;
	transition: stroke-dashoffset 0.2s 0.1s;
}

.card-v14-custom:hover .icon line {
	transform: rotate(-180deg);
}

.card-v14-custom:hover .icon line:last-child {
	transform: rotate(180deg);
}

.card-v14-custom .link-fx-1 .icon {
	position: static;
	transform: translateX(0%) rotate(90deg);
}

.card-v14-custom .link-fx-1  {
	height: auto;
	padding: 0;
}

/* Slider */
@media (max-width: 1023px) {
  .slideshow__height {
    min-height: 280px;
    height: auto;
  }
}

@media (min-width: 1024px) {
	.slideshow__height{
		min-height: 70vh;
    height: auto;
	}
}


/* Contacts */
@media (max-width: 1023px) {
  .map-container {
    height:300px;
  }
}

@media (min-width: 1024px) {
  .contacts-container {
    height: 500px;
  }

  .details-list-container {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    height: 90%;
  }
}

.tabs-v2__panel {
  padding: 0;
}

.tabs-nav-v2-custom .tabs-nav-v2__item--selected, .tabs-nav-v2__item[aria-selected=true] {
  background-color: var(--color-primary);
  color: white;
}

.tabs-nav-v2-custom .tabs-nav-v2__item--selected:hover, .tabs-nav-v2__item[aria-selected=true]:hover {
  background-color: var(--color-white);
}

/* Promo */

.promo-image {
  border-bottom-left-radius: var(--radius-md);
  border-bottom-right-radius: var(--radius-md);
}

@media (min-width: 1024px) {
  .promo-image.image-right {
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--radius-md);
  }

  .promo-image.image-left {
    border-bottom-right-radius: 0;
    border-top-left-radius: var(--radius-md);
  }
}

/* Promo Images */

.modal-img-btn::after {
  border-radius: var(--radius-md);
}

/* Page car */

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

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

.chip--car-stock {
	background-color: #45C655;
}

.thumbslide__nav-item img {
  border-radius: var(--radius-md);
}

.thumbslide__nav-item--active::after {
  border-radius: var(--radius-md);
}

