/* Cache-busted Swiper fixes. Keep this stylesheet after the legacy theme CSS. */
.fw-swiper > .swiper-button-prev,
.fw-swiper > .swiper-button-next {
  top: 50% !important;
  width: 44px !important;
  height: 44px !important;
  margin-top: -22px !important;
  z-index: 20;
  border: 0;
  border-radius: 50%;
  background: #dfa61a !important;
  opacity: .55;
  transform: none !important;
  transition: background-color .2s ease, opacity .2s ease;
}

.fw-swiper > .swiper-button-prev {
  left: 20px !important;
  right: auto !important;
}

.fw-swiper > .swiper-button-next {
  right: 20px !important;
  left: auto !important;
}

.fw-swiper > .swiper-button-prev::after,
.fw-swiper > .swiper-button-next::after {
  content: "";
  display: block !important;
  width: 11px;
  height: 11px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
}

.fw-swiper > .swiper-button-prev::after {
  transform: rotate(135deg);
  margin-left: 4px;
}

.fw-swiper > .swiper-button-next::after {
  transform: rotate(-45deg);
  margin-right: 4px;
}

.fw-swiper > .swiper-button-prev:hover,
.fw-swiper > .swiper-button-prev:focus-visible,
.fw-swiper > .swiper-button-next:hover,
.fw-swiper > .swiper-button-next:focus-visible {
  background: #c88f00 !important;
  opacity: .9;
}

.fw-swiper > .swiper-button-disabled,
.fw-swiper > .swiper-button-lock {
  opacity: .35;
}

/* Restore the pre-Swiper product image geometry. */
.card__slider.fw-swiper .swiper-slide {
  height: auto;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.card__slider.fw-swiper .swiper-slide > a {
  display: block;
  width: 100%;
  height: auto;
  flex: none;
}

.card__slider.fw-swiper .swiper-slide img {
  display: block;
  width: 100% !important;
  height: auto !important;
  object-fit: cover;
}

@media (max-width: 767px) {
  .card__slider.fw-swiper .swiper-slide {
    height: 475px;
  }
}

@media (max-width: 575px) {
  .card__slider.fw-swiper .swiper-slide {
    height: 336px;
  }

  .fw-swiper > .swiper-button-prev,
  .fw-swiper > .swiper-button-next {
    width: 38px !important;
    height: 38px !important;
    margin-top: -19px !important;
  }

  .fw-swiper > .swiper-button-prev {
    left: 13px !important;
  }

  .fw-swiper > .swiper-button-next {
    right: 13px !important;
  }
}