From 023cd873191efd85e4d52a287d2b4ff25c55717d Mon Sep 17 00:00:00 2001
From: Zach Harding <zachary.b.harding@gmail.com>
Date: Wed, 18 Mar 2026 20:36:33 -0400
Subject: [PATCH] fixed backToTop z-index when scrolling on mobile

---
 src/assets/css/main.scss       | 1 +
 src/pages/partials/cards.astro | 5 ++++-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/assets/css/main.scss b/src/assets/css/main.scss
index a90a925..4d01fd4 100644
--- a/src/assets/css/main.scss
+++ b/src/assets/css/main.scss
@@ -363,6 +363,7 @@ $tiers: (
   bottom: 5vh;
   right: 5vw;
   display: none;
+  z-index: 2;
 }
 
 .top-icon svg {
diff --git a/src/pages/partials/cards.astro b/src/pages/partials/cards.astro
index 77461bd..75c8390 100644
--- a/src/pages/partials/cards.astro
+++ b/src/pages/partials/cards.astro
@@ -287,7 +287,10 @@ const facets = searchResults.results.slice(1).map((result: any) => {
             <div class="inventory-label pt-2">+/-</div>
         </div>
         <div class="card-trigger position-relative" data-card-id={card.cardId} hx-get={`/partials/card-modal?cardId=${card.cardId}`} hx-target="#cardModal" hx-trigger="click" data-bs-toggle="modal" data-bs-target="#cardModal" onclick="const cardTitle = this.querySelector('#cardImage').getAttribute('alt'); dataLayer.push({'event': 'virtualPageview', 'pageUrl': this.getAttribute('hx-get'), 'pageTitle': cardTitle, 'previousUrl': '/pokemon'});">
-            <div class="image-grow rounded-4 card-image" data-energy={card.energyType} data-rarity={card.rarityName} data-variant={card.variant} data-name={card.productName}><img src={`/cards/${card.productId}.jpg`} alt={card.productName} id="cardImage" loading="lazy" decoding="async" class="img-fluid rounded-4 mb-2 w-100" onerror="this.onerror=null; this.src='/cards/default.jpg'; this.closest('.image-grow')?.setAttribute('data-default','true')"/><span class="position-absolute top-50 start-0 d-inline medium-icon"><FirstEditionIcon edition={card?.variant} /></span></div>
+            <div class="image-grow rounded-4 card-image" data-energy={card.energyType} data-rarity={card.rarityName} data-variant={card.variant} data-name={card.productName}><img src={`/cards/${card.productId}.jpg`} alt={card.productName} id="cardImage" loading="lazy" decoding="async" class="img-fluid rounded-4 mb-2 w-100" onerror="this.onerror=null; this.src='/cards/default.jpg'; this.closest('.image-grow')?.setAttribute('data-default','true')"/><span class="position-absolute top-50 start-0 d-inline medium-icon"><FirstEditionIcon edition={card?.variant} /></span>
+              <div class="holo-shine"></div>
+              <div class="holo-glare"></div>
+            </div>
         </div>
         <div class="row row-cols-5 gx-1 price-row mb-2">
             {conditionOrder.map((condition) => (