From 1c89d99cc7b05b5ef6fa5e55a3e490dfbbd4e618 Mon Sep 17 00:00:00 2001
From: neo <neo@example.com>
Date: Tue, 7 Jul 2026 22:11:43 +0500
Subject: [PATCH] Fix mobile: overflow hidden on hero-right to clip glow, fix
 tab click target

---
 index_ibm-v2.html | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/index_ibm-v2.html b/index_ibm-v2.html
index 825d19f..5a65e0f 100644
--- a/index_ibm-v2.html
+++ b/index_ibm-v2.html
@@ -308,9 +308,8 @@ h1 {
     background: var(--surface);
     position: relative;
     box-shadow: var(--dash-shadow);
-    transition: background 0.5s var(--ease-out), box-shadow 0.5s var(--ease-out), transform 0.1s;
-    transform-style: preserve-3d;
-    perspective: 1000px;
+    transition: background 0.5s var(--ease-out), box-shadow 0.5s var(--ease-out);
+    overflow: hidden;
 }
 .hero-right.tilt-active {
     animation: none;
@@ -325,6 +324,7 @@ h1 {
     pointer-events: none; opacity: var(--dash-glow-opacity);
     transition: opacity 0.6s var(--ease-out);
     filter: blur(60px);
+    z-index: 0;
 }
 .hero-right:hover .dash-glow { opacity: calc(var(--dash-glow-opacity) * 2.5); }
 
@@ -406,6 +406,8 @@ h1 {
 .dash-tabs {
     display: flex; border-bottom: 1px solid var(--border);
     padding: 0 8px;
+    position: relative;
+    z-index: 2;
 }
 .dash-tab {
     flex: 1; padding: 12px 16px; border: none; background: transparent;
@@ -415,6 +417,7 @@ h1 {
     border-right: 1px solid var(--border); position: relative;
     display: flex; align-items: center; justify-content: center; gap: 8px;
     font-weight: 500;
+    z-index: 1;
 }
 .dash-tab:last-child { border-right: none; }
 .dash-tab::before {