.filter-showcase-card {
  position: relative;
}

.filter-showcase-marketplaces {
  position: absolute;
  top: 22px;
  right: 22px;
  z-index: 8;
  display: flex;
  gap: 10px;
}

.filter-showcase-marketplace {
  display: grid;
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  place-items: center;
  border: 1px solid #dce4ef;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 6px 16px rgba(20, 33, 48, 0.08);
  color: #667085;
  font: 700 12px/1 Inter, sans-serif;
  text-decoration: none;
}

.filter-showcase-marketplace-ozon {
  color: #005bff;
}

.filter-showcase-marketplace-wb {
  color: #b620d8;
}

a.filter-showcase-marketplace:hover,
a.filter-showcase-marketplace:focus-visible {
  box-shadow: 0 8px 20px rgba(20, 33, 48, 0.14);
  transform: translateY(-1px);
}

.filter-showcase-gallery-thumbnails {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  overflow: visible;
  padding: 14px 20px 18px;
}

.filter-showcase-gallery-thumbnails button {
  width: 10px;
  min-width: 10px;
  height: 10px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #9c9c9c;
  box-shadow: none;
}

.filter-showcase-gallery-thumbnails button:hover,
.filter-showcase-gallery-thumbnails button:focus-visible,
.filter-showcase-gallery-thumbnails button.is-active {
  border: 0;
  background: #2f2f2f;
  transform: none;
}

.filter-showcase-gallery-thumbnails img {
  display: none;
}

@media (max-width: 760px) {
  .filter-showcase-marketplaces {
    top: 12px;
    right: 12px;
    gap: 7px;
  }

  .filter-showcase-marketplace {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
    font-size: 10px;
  }
}