/* Optional desktop enhancement. Original product-card styles remain untouched. */
@media (min-width: 1024px) and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  #catalog .product-card.card-effects-active {
    position: relative;
    z-index: 2;
    border-color: var(--forest, #6dac68);
    transform: perspective(1000px) translateY(-4px) rotateX(var(--card-tilt-x, 0deg)) rotateY(var(--card-tilt-y, 0deg));
    box-shadow: 0 18px 32px -22px rgba(36, 66, 40, .45), 0 0 0 1px rgba(189, 225, 141, .35);
    transition: transform 140ms ease-out, border-color 200ms ease, box-shadow 200ms ease;
  }

  #catalog .product-card.card-effects-active .product-media::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    border-radius: inherit;
    background:
      radial-gradient(ellipse at var(--card-light-x, 50%) var(--card-light-y, 50%), rgba(255, 255, 255, .14), rgba(255, 255, 255, .04) 35%, transparent 68%),
      linear-gradient(125deg, transparent 25%, rgba(255, 255, 255, .24) 45%, transparent 65%);
  }
}