/* Store product grid / list (fashion-store + homepage random products) */

.fashion-store-page .products-list {
  min-height: 120px;
}

.fashion-store-page .desktop-card,
.business-home-page .desktop-card {
  overflow: hidden;
  border-radius: 0.5rem;
}

.fashion-store-page .desktop-card .bg-image.hover-zoom,
.business-home-page .desktop-card .bg-image.hover-zoom {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Image click overlay (matches store product card layering) */
.business-home-page .desktop-card .bg-image.hover-zoom > a {
  position: absolute;
  inset: 0;
  z-index: 2;
}

.business-home-page .desktop-card .bg-image.hover-zoom .ratio {
  position: relative;
  z-index: 0;
}

.fashion-store-page .desktop-card .hover-overlay,
.business-home-page .desktop-card .hover-overlay {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.25s ease;
  pointer-events: none;
}

.fashion-store-page .desktop-card .bg-image.hover-zoom:hover .hover-overlay,
.business-home-page .desktop-card .bg-image.hover-zoom:hover .hover-overlay {
  opacity: 1;
}

.fashion-store-page .desktop-card .photo-wrapper,
.business-home-page .desktop-card .photo-wrapper {
  width: 100%;
  min-height: 0;
}

.fashion-store-page .product-card-col .ratio-1x1,
.business-home-page .product-card-col .ratio-1x1 {
  aspect-ratio: 1 / 1;
}

.fashion-store-page .product-card-col .ratio-16x9,
.business-home-page .product-card-col .ratio-16x9 {
  aspect-ratio: 16 / 9;
}

/* PHP skeleton row (Loading::productStoreSkeletonLoader) */
.products-skeleton-loader .product-card {
  border-radius: 0.5rem;
  overflow: hidden;
  background: var(--mdb-body-bg, #fff);
}

.products-skeleton-loader .product-image {
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.products-skeleton-loader .product-body {
  padding: 0.75rem;
}

/* Homepage random products block */
.business-home-page .ratio.ratio-1x1 img {
  object-fit: cover;
}