.shop-slideshow *,
.shop-slideshow *:before,
.shop-slideshow *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.shop-slideshow {
  background: url(../images/bg_slideshow.png) no-repeat center center;
  background-size: 100% 100%;
  padding: 20px 20px 22px;
  margin: -20px auto 60px;
  width: 100%;
  max-width: 980px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#slider {
  width: auto;
  overflow: visible;
  margin-bottom: 0;
  white-space: inherit;
}

.bx-wrapper {
  position: relative;
  margin: 0 auto;
  width: 940px;
  height: auto;
  aspect-ratio: 940/500;
}

.bx-wrapper:after {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  width: auto;
  height: auto;
  border: 2.5px #FFA7CB solid;
  border-radius: 11px;
  opacity: 0.8;
  z-index: 2;
}

.bx-wrapper img {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 940/500;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
  z-index: 2;
}

.bx-wrapper .bx-viewport {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  left: 0;
  background: transparent;
  height: auto !important;
  aspect-ratio: 940/500;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  bottom: -36px;
}

.bx-wrapper .bx-loading {
  background: none;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #FCDAE6 !important;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #F798B9 !important;
}

@media (max-width: 575px) {
  .shop-slideshow {
    padding: 10px 10px 12px;
    margin: -5px 10px 45px;
    width: auto;
    border-radius: 20px;
  }
  .bx-wrapper:after {
    border-width: 2px;
  }
  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: -28px;
  }
  .bx-wrapper .bx-pager.bx-default-pager a {
    width: 8px;
    height: 8px;
  }
}