@charset "UTF-8";
@import url("../common/common.css");
@import url("../../blocks/page-heading/page-heading.css");
@import url("../../blocks/promo/promo-car-service-page.css");
@import url("../../blocks/reference/reference.css");
@import url("../../blocks/cost-service/cost-service.css");
@import url("../../blocks/faq/faq.css");
@import url("../../blocks/appointment-choose/appointment-choose.css");
@import url("../../blocks/advantages/advantages.css");
@import url("../../blocks/other-services/other-services.css");
@import url("../../blocks/about/about-service-tire-storage.css");

.page-heading__page-name--letter-spacing {
  letter-spacing: 0.04em;
}

.reference__icon--h-icon {
  width: 8.8125rem;
  height: 10.3125rem;
}

.reference__text--medium-lh {
  line-height: 1.55;
}

.info-cards__title {
  margin-bottom: clamp(1.5rem, 1.2093023256rem + 1.1627906977vw, 2.125rem);
}

.info-cards__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(14.5rem, 1fr));
  gap: clamp(0.75rem, 0.2848837209rem + 1.8604651163vw, 1.75rem);
}

.info-cards__item {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.25rem;
  border-radius: var(--border-radius-small);
  outline: var(--border-light);
  background-color: var(--color-light);
}

.info-cards__icon {
  width: 3.75rem;
  height: 3.75rem;
  color: var(--color-accent-500);
  flex-shrink: 0;
}

.info-cards__card-text {
  font-size: 1rem;
  line-height: 1.4;
  color: var(--text-color-dark-secondary);
}

.cost-service {
  --costServiceSlidesQuantity: 7;
  position: relative;
  overflow: hidden;
}

.cost-service__background {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.cost-service__background img {
  position: absolute;
  right: -8%;
  top: 0;
  max-width: 65rem;
}

.cost-service__title {
  margin-bottom: clamp(1.5rem, 1.0348837209rem + 1.8604651163vw, 2.5rem);
}

.cost-service__address {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  padding: 1.5rem;
  border-radius: var(--border-radius-small);
  outline: var(--border-light);
  margin-bottom: clamp(1.5rem, 1.0348837209rem + 1.8604651163vw, 2.5rem);
  background-color: var(--color-light);
}

.cost-service__address-info {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  color: var(--text-color-dark-secondary);
  line-height: 1.4;
}

.cost-service__slider {
  margin-block: 0 clamp(1rem, 0.011627907rem + 3.9534883721vw, 3.125rem);
}

.cost-service__slider-wrapper {
  display: grid;
  grid-template-rows: auto !important;
  grid-template-columns: repeat(var(--costServiceSlidesQuantity), 16.5rem);
  column-gap: 0.725rem;
}

.cost-service__slider .swiper-slide {
  width: 16.5rem;
}

.cost-service__slider.swiper-initialized .cost-service__slider-wrapper {
  display: flex;
  grid-template-columns: none;
  column-gap: 0;
}

.cost-service__card {
  width: 16.5rem;
  min-height: 13.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1.5rem;
  outline: var(--border-light);
  border-radius: var(--border-radius-small);
  background-color: var(--color-light);
}

.cost-service__card-icon {
  width: 4.3125rem;
  height: 4.3125rem;
}

.cost-service__card-term {
  color: var(--text-color-dark-secondary);
}

.cost-service__card-definition {
  font-weight: 700;
}

.cost-service__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.cost-service__button {
  min-height: 3.125rem;
}

.info-tech__title {
  margin-bottom: clamp(1.5rem, 1.0348837209rem + 1.8604651163vw, 2.5rem);
}

.info-tech__text {
  max-width: 62rem;
  color: var(--text-color-dark-secondary);
  line-height: 1.5;
}

.info-tech__text p:not(:last-child) {
  margin-bottom: 1rem;
}

.h-engine-advantages {
  --advantagesSlidesQuantity: 4;
  overflow-x: hidden;
}

.h-engine-advantages__slider {
  margin-top: clamp(1.5rem, 1.0348837209rem + 1.8604651163vw, 2.5rem);
}

.h-engine-advantages__slider-wrapper {
  display: grid;
  grid-template-rows: auto !important;
  grid-template-columns: repeat(var(--advantagesSlidesQuantity), 18rem);
  column-gap: 1.5rem;
}

.h-engine-advantages__slider .swiper-slide {
  width: 18rem;
}

.h-engine-advantages__slider.swiper-initialized .h-engine-advantages__slider-wrapper {
  display: flex;
  grid-template-columns: none;
  column-gap: 0;
}

.advantages__slider .swiper-slide {
  width: auto;
}

.advantages__slider-wrapper {
  display: flex;
}

.h-engine-advantage-card {
  width: 18rem;
  min-height: 18rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.5rem;
  border-radius: var(--border-radius-small);
  outline: var(--border-light);
  background-color: var(--color-light);
}

.h-engine-advantage-card__icon {
  width: 4.3125rem;
  height: 4.3125rem;
}

.h-engine-advantage-card__heading {
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
}

.h-engine-advantage-card__text {
  color: var(--text-color-dark-secondary);
  line-height: 1.4;
}

.about-service__body--outfit {
  align-items: center;
}

.about-service__content--outfit {
  max-width: 36rem;
}

.about-service__image-wrapper--outfit {
  width: 28rem;
  height: 22.5rem;
}

.about-service__body--px {
  padding-inline: 0 2rem;
}

.about-service__image-wrapper--shrink-desktop {
  width: 24rem;
  height: 26rem;
}

.about-service-list__item--small-gap-mobile {
  gap: 1rem;
}

.about-service-list__item--small-padding-mobile {
  padding: 1rem;
}

.about-service-list__text--small-text-mobile {
  line-height: 1.45;
}

@media (width <= 81.31125rem) {
  .about-service__body--px {
    padding-inline: 0;
  }
}

@media (width <= 63.99875rem) {
  .cost-service__background {
    display: none;
  }
}

@media (width <= 47.99875rem) {
  .cost-service__address {
    flex-direction: column;
    align-items: flex-start;
  }

  .cost-service__slider-wrapper {
    grid-template-columns: repeat(var(--costServiceSlidesQuantity), 16.25rem);
    column-gap: 0.625rem;
  }

  .cost-service__slider .swiper-slide {
    width: 16.25rem;
  }

  .h-engine-advantages__slider-wrapper {
    grid-template-columns: repeat(var(--advantagesSlidesQuantity), 16.25rem);
    column-gap: 0.625rem;
  }

  .h-engine-advantages__slider .swiper-slide {
    width: 16.25rem;
  }

  .h-engine-advantage-card {
    width: 16.25rem;
  }

  .about-service__image-wrapper--outfit {
    width: 21.25rem;
    height: 18rem;
  }

  .about-service__image-wrapper--shrink-desktop {
    width: 21.25rem;
    height: 22.25rem;
  }
}