.mobile-menu-toggle { display: none; border: 1px solid #e2e8f0; background: #fff; color: #772178; font-size: 25px; border-radius: 10px; width: 44px; height: 44px; cursor: pointer; }
.mobile-menu[hidden] { display: none !important; }
.mobile-menu { position: fixed; inset: 0; background: #1e293b80; z-index: 1100; }
.mobile-menu-content { width: min(88%, 360px); height: 100%; background: #fff; padding: 24px; overflow-y: auto; box-shadow: 12px 0 40px #1e293b20; }
.mobile-menu-close { display: block; margin: 0 0 20px auto; width: 44px; height: 44px; border: 0; border-radius: 10px; background: #fdf2f8; color: #831843; font-size: 30px; cursor: pointer; }
.mobile-menu-nav a { display: block; padding: 12px; border-radius: 10px; text-decoration: none; color: #475569; font-size: 1rem; }
.mobile-menu-nav a:hover { background: #fdf2f8; color: #831843; }
@media (max-width: 768px) { .mobile-menu-toggle { display: block; margin-left: auto; } }