.card-img-position {
  block-size: 115%
}

.transparent-card .avatar .avatar-initial {
  background-color: var(--bs-paper-bg)
}

.swiper-container {
  background-color: var(--bs-paper-bg);
  box-shadow: var(--bs-card-box-shadow);
  border-radius: .5rem
}

.swiper-container.swiper-sales .swiper-slide {
  color: var(--bs-body-color)
}

.swiper-container.swiper-sales .sales-text-bg {
  border-radius: .375rem;
  background-color: var(--bs-gray-75);
  color: var(--bs-body-color);
  min-inline-size: 34px;
  padding-block: .25rem;
  padding-inline: .5rem;
  text-align: center
}

.swiper-container .swiper-wrapper .swiper-slide {
  padding: 1.5rem;
  white-space: nowrap
}

.swiper-container .swiper-wrapper .swiper-slide .weekly-sales-text-bg-primary {
  border-radius: .375rem;
  background-color: color-mix(in sRGB, var(--bs-primary) 90%, var(--bs-pure-black));
  min-inline-size: 43px;
  padding-block: .25rem;
  padding-inline: .75rem;
  text-align: center
}

.swiper-container.swiper-container-horizontal>.swiper-pagination-bullets {
  inset-block: 1rem auto;
  inset-inline: auto 1rem;
  text-align: end
}

.swiper-container.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  background: rgba(0, 0, 0, .26);
  opacity: unset
}

.swiper-container.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--bs-primary)
}

.swiper-container.swiper-container-horizontal:not(.swiper-sales)>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--bs-white)
}

@media(min-width: 768px) {
  .swiper-container .swiper-wrapper .swiper-slide .weekly-sales-img {
    position: absolute;
    inset-block-start: 14%;
    inset-inline-end: 3%
  }
}

@media(min-width: 1400px) {
  .swiper-container .swiper-wrapper .swiper-slide .weekly-sales-img {
    inset-inline-end: 4%
  }
}