From 843de45f51e146d30f78d4ccf27db4d3e11fdbfb Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Sun, 26 Apr 2026 15:03:43 +0000
Subject: [PATCH] Bob AI: Implement a 3D flip animation on hover for each
 product card

---
 src/index.css | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/index.css b/src/index.css
index a349261..03d6df3 100644
--- a/src/index.css
+++ b/src/index.css
@@ -178,3 +178,18 @@ h6 {
     var(--color-secondary-cta);
   box-shadow: 2.10837px 3.16256px 9.48767px color-mix(in srgb, var(--color-accent) 10%, transparent);
 }
+
+@layer utilities {
+  .perspective-1000 {
+    perspective: 1000px;
+  }
+  .transform-style-preserve-3d {
+    transform-style: preserve-3d;
+  }
+  .backface-hidden {
+    backface-visibility: hidden;
+  }
+  .rotate-y-180 {
+    transform: rotateY(180deg);
+  }
+}
\ No newline at end of file
-- 
2.49.1