/* Trend Sift independent interaction layer */

.hero-visual .fashion-card,
.product-card {
  cursor: pointer;
}

.hero-visual .fashion-card {
  transition:
    opacity 0.32s ease,
    transform 0.32s ease,
    box-shadow 0.32s ease;
}

.hero-visual .fashion-card.ts-changing {
  opacity: 0.18;
  transform: translateY(8px) scale(0.985);
}

.hero-visual .fashion-card:hover {
  box-shadow:
    0 25px 55px
    rgba(17, 28, 55, 0.18);
}

.hero-visual .fashion-card:focus-visible,
.product-card:focus-visible {
  outline: 3px solid #ef3d75;
  outline-offset: 4px;
}

.product-card {
  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    border-color 0.22s ease;
}

.product-card:hover {
  transform: translateY(-3px);
  box-shadow:
    0 18px 42px
    rgba(17, 28, 55, 0.12);
}

.product-card:hover .product-image img {
  transform: scale(1.025);
}

.product-image img {
  transition:
    transform 0.28s ease;
}