Merge branch 'main' into landingpage

parfum-shop/src/App.css

@@ -178,6 +178,8 @@
   display: flex;
   flex-direction: column;
   justify-content: space-between;
+  cursor: pointer;
+  transition: transform 0.15s ease, border-color 0.15s ease;
 }
 
 .product-card:focus-visible {
@@ -223,6 +225,11 @@
   );
 }
 
+.product-card:active {
+  transform: scale(0.97);
+  border-color: #ff6a00;
+}
+
 .product-top {
   position: relative;
   z-index: 4;
@@ -314,6 +321,16 @@
   mix-blend-mode: difference;
 }
 
+.product-card:active .product-id,
+.product-card:active .product-top h3,
+.product-card:active .product-bottom p,
+.product-card:active .arrow {
+  color: #ff6a00;
+  mix-blend-mode: normal;
+  transform: scale(1.02);
+  transition: all 0.1s ease;
+}
+
 /* DISCOVERY */
 .discovery-section {
   display: grid;