Refine design (less clunky, fully mobile-friendly), seed only Fidget Toys, Pokemon & Film popculture, and add direct custom model ordering

resources/css/app.css

@@ -13,36 +13,22 @@
         font-family: var(--font-heading);
     }
 
-    /* Chunky playful toy block shadows */
-    .toy-shadow-sm {
-        box-shadow: 2px 2px 0px 0px #0f172a;
+    /* Refined, smooth playful button */
+    .playful-btn {
+        transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
     }
-    .toy-shadow {
-        box-shadow: 4px 4px 0px 0px #0f172a;
+    .playful-btn:hover {
+        transform: translateY(-2px);
     }
-    .toy-shadow-lg {
-        box-shadow: 6px 6px 0px 0px #0f172a;
-    }
-    .toy-shadow-amber {
-        box-shadow: 4px 4px 0px 0px #b45309;
-    }
-    .toy-shadow-rose {
-        box-shadow: 4px 4px 0px 0px #be123c;
-    }
-    .toy-shadow-indigo {
-        box-shadow: 4px 4px 0px 0px #3730a3;
+    .playful-btn:active {
+        transform: translateY(1px);
     }
 
-    /* Chunky pressable button effect */
-    .toy-btn {
-        transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1);
+    /* Modern playful card */
+    .playful-card {
+        transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
     }
-    .toy-btn:hover {
-        transform: translate(-2px, -2px);
-        box-shadow: 6px 6px 0px 0px #0f172a;
-    }
-    .toy-btn:active {
-        transform: translate(2px, 2px);
-        box-shadow: 2px 2px 0px 0px #0f172a;
+    .playful-card:hover {
+        transform: translateY(-3px);
     }
 }