diff --git a/public/birthday.html b/public/birthday.html
index 11859e88..012e7a53 100644
--- a/public/birthday.html
+++ b/public/birthday.html
@@ -573,7 +573,7 @@ <h2>✅ Review Your Order</h2>
 
   <!-- TOAST -->
   <div class="toast" id="toast"></div>
-
+  <button id="scrollTopBtn" onclick="scrollToTop()">↑</button>
   <script src="script.js"></script>
   <div id="bb-cursor"></div>
   <script>
diff --git a/public/contact.html b/public/contact.html
index 7ab68f9a..9a512bc3 100644
--- a/public/contact.html
+++ b/public/contact.html
@@ -364,7 +364,7 @@ <h4>Information</h4>
 </body>
     <!-- TOAST -->
     <div class="toast" id="toast"></div>
-
+    <button id="scrollTopBtn" onclick="scrollToTop()">↑</button>
     <script src="script.js"></script>
   </body>
 </html>
diff --git a/public/favourites.html b/public/favourites.html
index 780a5e18..da182297 100644
--- a/public/favourites.html
+++ b/public/favourites.html
@@ -154,7 +154,7 @@ <h4>Get In Touch</h4>
   </div>
 
   <div class="toast" id="toast"></div>
-
+  <button id="scrollTopBtn" onclick="scrollToTop()">↑</button>
   <script src="script.js"></script>
   <div id="bb-cursor"></div>
   <script>
diff --git a/public/products.html b/public/products.html
index af2f77cf..d62d6b92 100644
--- a/public/products.html
+++ b/public/products.html
@@ -1879,7 +1879,7 @@ <h4>Get In Touch</h4>
     </div>
 
     <div class="toast" id="toast"></div>
-
+    <button id="scrollTopBtn" onclick="scrollToTop()">↑</button>
     <script src="script.js"></script>
   </body>
 </html>
diff --git a/public/style.css b/public/style.css
index 0caa631c..3ae63ba1 100644
--- a/public/style.css
+++ b/public/style.css
@@ -10978,11 +10978,51 @@ button,
   display:none;
 }
 
+#scrollTopBtn {
+  display: none;
+  position: fixed;
+  bottom: 24px;
+  right: 24px;
+  z-index: 998;
+  width: 48px;
+  height: 48px;
+  align-items: center;
+  justify-content: center;
+  border: none;
+  border-radius: 50%;
+  background-color: var(--color-primary);
+  color: var(--white);
+  font-size: 1.25rem;
+  line-height: 1;
+  cursor: pointer;
+  box-shadow: var(--shadow-md);
+  transition: background-color 0.2s ease, transform 0.2s ease;
+}
+
+
+
+
 #scrollTopBtn:hover {
   background-color: #8b5a3c;
   transform: scale(1.1);
 }
 
+html.dark #scrollTopBtn {
+  background-color: var(--brown-dark, #f5e6ca);
+  color: var(--text-dark);
+}
+
+@media (max-width: 768px) {
+  #scrollTopBtn {
+    width: 42px;
+    height: 42px;
+    bottom: 16px;
+    right: 16px;
+  }
+}
+
+
+
 /* ============================================================
    DARK MODE FINAL PATCH — Brownie Bliss