я косяк, поправил веб. Капитан, работайте!

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/web/public/wesp/css/wesp-zootech-layout.css

@@ -544,32 +544,44 @@ html[data-theme="dark"] .mobile-brand .logo--dark-theme {
   inset: 0;
   background: rgba(15, 23, 42, 0.55);
   backdrop-filter: blur(6px);
+  -webkit-backdrop-filter: blur(6px);
   z-index: 2000;
   opacity: 0;
   visibility: hidden;
+  pointer-events: none;
   transition: opacity var(--transition), visibility var(--transition);
 }
 
 .mobile-menu-overlay.active {
   opacity: 1;
   visibility: visible;
+  pointer-events: auto;
 }
 
 .mobile-menu {
-  position: fixed;
+  position: absolute;
   top: 0;
-  right: -100%;
+  right: 0;
   width: min(88vw, 340px);
+  max-width: 100%;
   height: 100%;
+  height: 100dvh;
   background: var(--gradient-blue);
   box-shadow: -8px 0 32px rgba(0, 0, 0, 0.25);
-  transition: right 0.28s cubic-bezier(0.22, 1, 0.36, 1);
+  transform: translateX(100%);
+  transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
   display: flex;
   flex-direction: column;
+  overflow: hidden;
+  will-change: transform;
 }
 
 .mobile-menu-overlay.active .mobile-menu {
-  right: 0;
+  transform: translateX(0);
+}
+
+body.mobile-menu-open {
+  overflow: hidden;
 }
 
 .mobile-menu-header {
@@ -578,6 +590,7 @@ html[data-theme="dark"] .mobile-brand .logo--dark-theme {
   align-items: center;
   padding: 1.25rem 1.25rem 1rem;
   border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+  flex-shrink: 0;
 }
 
 .mobile-brand {
@@ -609,9 +622,11 @@ html[data-theme="dark"] .mobile-brand .logo--dark-theme {
 }
 
 .mobile-menu-items {
-  flex: 1;
+  flex: 1 1 auto;
+  min-height: 0;
   padding: 0.5rem 0;
   overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
 }
 
 .mobile-menu-item {
@@ -643,6 +658,7 @@ html[data-theme="dark"] .mobile-brand .logo--dark-theme {
 .mobile-menu-footer {
   padding: 1.25rem;
   border-top: 1px solid rgba(255, 255, 255, 0.12);
+  flex-shrink: 0;
 }
 
 .mobile-user-info {