x

apps/spa/src/components/ProductCard.tsx

@@ -66,7 +66,7 @@ export default function ProductCard({ product, enableQuickShop = false, category
       onClick={handleCardClick}
       className="ui-shell-card ui-shell-card-hover group flex cursor-pointer flex-col overflow-hidden p-2"
     >
-      <div className="relative h-48 overflow-hidden rounded-xl bg-pop-black/5 md:h-64">
+      <div className="relative aspect-square overflow-hidden rounded-xl bg-pop-black/5">
         <img
           src={product.images?.[0]?.url || getCategoryImage(displayCategoryName)}
           className="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700"