From e1e18aa26cd0623904fe8b4875e6dc26ebc6345c Mon Sep 17 00:00:00 2001
From: KoalaDev <6156589+Shik3i@users.noreply.github.com>
Date: Fri, 3 Jul 2026 12:09:16 +0200
Subject: [PATCH] website: Completely hide hero extension mockup wrapper on all
 stacked viewport sizes (768px and below)

---
 website/style.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/website/style.css b/website/style.css
index 291b34e..51f879c 100644
--- a/website/style.css
+++ b/website/style.css
@@ -4158,8 +4158,8 @@ header[id] {
     background: #ef4444;
 }
 
-/* Mobile: completely hide the extension demo mockup on mobile viewports */
-@media (max-width: 480px) {
+/* Mobile & Tablet Stacked: completely hide the extension demo mockup when it wraps below the text */
+@media (max-width: 768px) {
     .hero-mockup-wrapper {
         display: none !important;
     }