/* Product cards: hide broken-image fallback text and wishlist controls. */
.product-card-image img,
.site-image img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 205px;
  object-fit: contain;
  margin: 0 auto;
  color: transparent;
  font-size: 0;
}

.heart {
  display: none !important;
}

/* Home collection cards keep a clean visual thumbnail and equal rhythm. */
.collection-track .site-card {
  display: flex;
  flex-direction: column;
  height: 472px;
}

.site-image > div > div {
  display: none !important;
}

.collection-track .features {
  display: none !important;
}

.collection-track .site-body {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.collection-track .site-desc {
  min-height: 76px;
}

@media (max-width: 640px) {
  .collection-track .site-card {
    height: 450px;
  }
}

.collection-track {
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow-x: auto;
  overflow-y: hidden;
}

.collection-track::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

.collection-rail {
  position: relative;
}

.collection-scroll-controls {
  display: none !important;
  position: absolute;
  z-index: 5;
  top: 265px;
  left: -18px;
  right: -18px;
  justify-content: space-between;
  align-items: center;
  pointer-events: none;
}

.collection-scroll-btn {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border: 1px solid #dfe3e9;
  border-radius: 7px;
  background: #fff;
  color: #101114;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  pointer-events: auto;
  width: 42px;
  height: 42px;
  transition: background .2s ease, color .2s ease, transform .2s ease;
}

.collection-scroll-btn:hover {
  background: #101114;
  color: #fff;
  transform: translateY(-1px);
}

@media (max-width: 640px) {
  .collection-scroll-controls {
    top: 245px;
    left: -10px;
    right: -10px;
  }
}

.collection-track .site-image > div {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-color: #f1f2f5;
}

.collection-track .site-card {
  flex-shrink: 0 !important;
}