.promo-slider {
  overflow: hidden;
}
@media (min-width: 1025px) {
  .promo-slider {
    padding: 0 calc(var(--gap-s) - 1px) var(--gap-m);
    margin: 0 calc(var(--gap-s) * -1) calc(var(--gap-m) * -1);
    border-inline: 1px solid var(--white);
  }
}
.promo-slider__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-m);
  margin-bottom: var(--gap-m);
}
.promo-slider__title {
  margin: 0;
}
.promo-slider__content {
  position: relative;
}
.promo-slider .promo-card {
  width: fit-content;
}
@media (max-width: 767px) {
  .promo-slider .promo-card__image-container {
    max-width: 240px !important;
  }
}
@media (max-width: 767px) {
  .promo-slider .swiper:not(.swiper-container-initialized) .swiper-wrapper .promo-card:not(:last-child) {
    margin-right: var(--gap-s);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .promo-slider .swiper:not(.swiper-container-initialized) .swiper-wrapper .promo-card {
    width: calc(33.3333333333% - var(--gap-s) / 3 * 2);
  }
  .promo-slider .swiper:not(.swiper-container-initialized) .swiper-wrapper .promo-card:nth-child(-n+2) {
    margin-right: var(--gap-s);
  }
  .promo-slider .swiper:not(.swiper-container-initialized) .swiper-wrapper .promo-card:nth-child(n+4) {
    display: none;
  }
}
@media (min-width: 1025px) and (max-width: 1440px) {
  .promo-slider .swiper:not(.swiper-container-initialized) .swiper-wrapper .promo-card {
    width: 25%;
  }
  .promo-slider .swiper:not(.swiper-container-initialized) .swiper-wrapper .promo-card:nth-child(n+5) {
    display: none;
  }
}
@media (min-width: 1441px) and (max-width: 1919px) {
  .promo-slider .swiper:not(.swiper-container-initialized) .swiper-wrapper .promo-card {
    width: 20%;
  }
  .promo-slider .swiper:not(.swiper-container-initialized) .swiper-wrapper .promo-card:nth-child(n+6) {
    display: none;
  }
}
@media (min-width: 1920px) {
  .promo-slider .swiper:not(.swiper-container-initialized) .swiper-wrapper .promo-card {
    width: 16.6666666667%;
  }
  .promo-slider .swiper:not(.swiper-container-initialized) .swiper-wrapper .promo-card:nth-child(n+7) {
    display: none;
  }
}
.promo-slider .slider-button {
  position: absolute;
  left: 0;
  transform: translate(8px, -50%);
  opacity: 0;
  transition: var(--transition) opacity;
  pointer-events: none;
  z-index: 1;
}
.promo-slider .slider-button--next {
  left: auto;
  right: 0;
  transform: translate(-8px, -50%);
}
.promo-slider .slider-button-disabled {
  opacity: 0;
}
@media (max-width: 1024px) {
  .promo-slider .slider-button {
    display: none;
  }
}
.promo-slider:has(.swiper-button-disabled) {
  cursor: auto;
}
@media (hover: hover) {
  .promo-slider:hover .slider-button:not(.swiper-button-disabled) {
    opacity: 1;
    pointer-events: all;
  }
}