.mobile-menu-toggle{display:none;position:fixed;top:14px;right:18px;z-index:9998;background:none;border:none;cursor:pointer;padding:10px}
.mobile-menu-toggle span{display:block;width:22px;height:2px;background:#fff;margin:5px 0;transition:0.3s;border-radius:1px}
.mobile-menu-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(4px);z-index:9999;opacity:0;transition:opacity 0.3s}
.mobile-menu-overlay.active{display:block;opacity:1}
.mobile-menu-panel{position:fixed;top:0;right:-100%;width:80%;max-width:340px;height:100%;background:#0C0C0C;border-left:1px solid rgba(255,106,0,0.06);z-index:10000;transition:right 0.4s cubic-bezier(0.16,1,0.3,1);box-shadow:-12px 0 48px rgba(0,0,0,0.5);overflow-y:auto}
.mobile-menu-panel.active{right:0}
.mobile-menu-close{position:absolute;top:14px;right:14px;background:none;border:none;font-size:28px;cursor:pointer;color:#555;padding:4px;line-height:1;transition:all 0.25s}
.mobile-menu-close:hover{color:#FF6A00}
.mobile-menu-content{padding:64px 0 24px}
.mobile-menu-callback{display:flex;align-items:center;justify-content:center;width:calc(100% - 48px);height:48px;margin:24px auto;background:#FF6A00;color:#060606 !important;border-radius:999px;font-weight:700;box-shadow:0 4px 20px rgba(255,106,0,0.2);border:none;cursor:pointer;font-size:0.78rem;text-transform:uppercase;letter-spacing:1px;font-family:'Montserrat',sans-serif;transition:all 0.3s}
.mobile-menu-callback:hover{background:#FF8C33}
.mobile-menu-item{display:block;width:100%;padding:18px 28px;color:#999;font-size:0.88rem;font-family:'Montserrat',sans-serif;border:none;background:transparent;text-align:left;border-bottom:1px solid rgba(255,255,255,0.03);transition:all 0.2s;cursor:pointer;text-decoration:none}
.mobile-menu-item:hover,.mobile-menu-item.active{background:rgba(255,106,0,0.04);color:#FF6A00}
.mobile-submenu{display:none;background:rgba(0,0,0,0.2)}
.mobile-submenu.active{display:block}
.mobile-submenu a{display:block;padding:16px 28px 16px 48px;color:#666;font-size:0.84rem;text-align:left;border-bottom:1px solid rgba(255,255,255,0.02);transition:all 0.2s;text-decoration:none}
.mobile-submenu a:hover{background:rgba(255,106,0,0.04);color:#FF6A00;padding-left:56px}
.mobile-menu-item.has-submenu::after{content:' ▼';font-size:10px;margin-left:6px;display:inline-block;transition:transform 0.3s}
.mobile-menu-item.has-submenu.open::after{transform:rotate(180deg)}
@media(max-width:768px){.mobile-menu-toggle{display:block}.burger{display:none !important}}
@media(min-width:769px){.mobile-menu-toggle,.mobile-menu-overlay,.mobile-menu-panel{display:none !important}}