setup (but did not apply) holofoil styling and added new seticon for perfect order set

src/assets/css/main.scss

@@ -23,6 +23,9 @@ $container-max-widths: (
 
 @import "_bootstrap";
 
+// ── Holofoil ──────────────────────────────────────────────────────────────
+//@import "_holofoil-integration";   // also pulls in _card.scss
+
 /* --------------------------------------------------
    Root Variables
 -------------------------------------------------- */
@@ -160,12 +163,12 @@ html {
 
 .image-grow {
   transition: box-shadow 350ms ease, transform 350ms ease;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24);
+  //box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24);
 
   &:hover,
   &:focus {
     box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2);
-    transform: translateY(-0.9rem) scale(1.02);
+    //transform: translateY(-0.9rem) scale(1.02);
   }
 }
 
@@ -292,7 +295,7 @@ $tiers: (
 .card-image {
   aspect-ratio: 23 / 32;
   object-fit: cover;
-  z-index: 998;
+  z-index: 1;
   cursor: pointer;
 }
 
@@ -400,6 +403,7 @@ $tiers: (
 
 .price-row {
   position: relative;
+  z-index: 2;
   margin-top: -1.25rem;
   border-radius: 0.33rem;
   background: linear-gradient(