.promotion-block {
  margin-bottom: clamp(60px, 44px + 0.05 * 100vw, 140px);
  position: relative;
  overflow: hidden;
}
.promotion-block .title {
  font-size: clamp(20px, 14.4px + 0.0175 * 100vw, 48px);
}
.promotion-block .background-image {
  position: absolute;
  z-index: -1;
  transform: translateY(-50%);
}
@media (max-width: 768px) {
  .promotion-block .background-image {
    display: none;
  }
}
.promotion-block .background-image img {
  width: 100%;
  height: auto;
  display: block;
}
.promotion-block .slider-wrapper {
  position: relative;
  max-width: 1330px;
  margin: 0 auto;
  padding: 0 20px;
}
.promotion-block .slider-wrapper .swiper-button {
  position: absolute;
  top: 50%;
  transform: translate(50%, -50%);
  z-index: 2;
  background: var(--color-white);
  border: 1px solid var(--color-border);
  width: clamp(32px, 23.4px + 0.026875 * 100vw, 75px);
  height: clamp(32px, 23.4px + 0.026875 * 100vw, 75px);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  transition: var(--transition-background);
}
.promotion-block .slider-wrapper .swiper-button svg {
  height: clamp(18px, 16.6px + 0.004375 * 100vw, 25px);
  width: auto;
}
.promotion-block .slider-wrapper .swiper-button svg path {
  stroke: var(--color-border);
}
@media (max-width: 768px) {
  .promotion-block .slider-wrapper .swiper-button {
    width: 34px;
    height: 34px;
    background: var(--color-green);
    border: unset;
  }
  .promotion-block .slider-wrapper .swiper-button svg path {
    stroke: var(--color-white);
  }
}
.promotion-block .slider-wrapper .swiper-button:hover {
  background: var(--color-green);
}
.promotion-block .slider-wrapper .swiper-button:hover svg path {
  stroke: var(--color-white);
}
.promotion-block .slider-wrapper .swiper-button-prev {
  transform: translate(-50%, -50%) rotate(180deg);
  left: 20px;
}
.promotion-block .slider-wrapper .swiper-button-next {
  right: 20px;
}
.promotion-block .slider-wrapper .swiper-slide {
  border-radius: 40px;
  position: relative;
  background-color: var(--color-dark);
  overflow: hidden;
}
.promotion-block .slider-wrapper .swiper-slide .swiper-init {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  padding: clamp(20px, 14px + 0.01875 * 100vw, 50px);
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
@media (max-width: 1024px) {
  .promotion-block .slider-wrapper .swiper-slide .swiper-init {
    padding: 20px;
  }
}
.promotion-block .slider-wrapper .swiper-slide .swiper-init .button {
  margin-top: auto;
  padding: clamp(20px, 18px + 0.00625 * 100vw, 30px);
}
@media (max-width: 1440px) {
  .promotion-block .slider-wrapper .swiper-slide .swiper-init .button {
    padding: 15px;
  }
}
.promotion-block .slider-wrapper .swiper-slide .swiper-init .discount {
  padding: clamp(10px, 9px + 0.003125 * 100vw, 15px) clamp(10px, 8px + 0.00625 * 100vw, 20px);
  margin-bottom: clamp(25px, 22px + 0.009375 * 100vw, 40px);
  font-size: clamp(12px, 11.2px + 0.0025 * 100vw, 16px);
  background: var(--color-white);
  border-radius: 10px;
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 1440px) {
  .promotion-block .slider-wrapper .swiper-slide .swiper-init .discount {
    padding: 10px;
    margin-bottom: 20px;
  }
}
@media (max-width: 1024px) {
  .promotion-block .slider-wrapper .swiper-slide .swiper-init .discount {
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  .promotion-block .slider-wrapper .swiper-slide .swiper-init .discount {
    padding: clamp(10px, 9px + 0.003125 * 100vw, 15px) clamp(10px, 8px + 0.00625 * 100vw, 20px);
    margin-bottom: clamp(25px, 22px + 0.009375 * 100vw, 40px);
  }
}
.promotion-block .slider-wrapper .swiper-slide .swiper-init .promotion-title {
  font-size: clamp(18px, 15.2px + 0.00875 * 100vw, 32px);
  color: var(--color-white);
  font-weight: 700;
  max-width: 70%;
}
@media (max-width: 1024px) {
  .promotion-block .slider-wrapper .swiper-slide .swiper-init .promotion-title {
    font-size: clamp(18px, 16.4px + 0.005 * 100vw, 26px);
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  .promotion-block .slider-wrapper .swiper-slide .swiper-init .promotion-title {
    max-width: 80%;
  }
}
.promotion-block .slider-wrapper .swiper-slide .image-wrapper {
  height: 100%;
}
.promotion-block .slider-wrapper .swiper-slide .image-wrapper picture {
  display: block;
  height: inherit;
}
.promotion-block .slider-wrapper .swiper-slide .image-wrapper img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.promotion-block .slider-wrapper .swiper-slide .promotion-title {
  color: var(--color-white);
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .promotion-block .slider-wrapper .swiper-slide {
    max-height: 300px;
  }
}
.promotion-block .slider-wrapper .nav-wrapper .swiper-pagination {
  margin-top: 30px;
}
.promotion-block .slider-wrapper .nav-wrapper .scroll-wrapper {
  margin-bottom: unset;
  margin-top: 30px;
}