/* Card Container Constraints */
.product-card {
   isolation: isolate;
   backface-visibility: hidden;
}

/* Image Base & Transition */
.product-card img {
   transform: scale(1) translateZ(0);
   transition: transform var(--transition);
   will-change: transform;
   backface-visibility: hidden;
}

/* Hover States */
.product-card:hover a {
   color: inherit;
}

.product-card:hover img {
   transform: scale(1.05) translateZ(0);
}

@media(max-width: 900px) {
   #product-feed .products-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 2rem;
   }

   #product-feed .btn {
      justify-content: flex-start;
   }
}

@media(max-width: 600px) {
   #product-feed .products-grid {
      grid-template-columns: 1fr;
   }
}