/* Мобильная кнопка меню */ .dkx__burger { display: none; width: 44px; height: 44px; padding: 0; border-radius: 14px; border: 1px solid rgba(252,246,245,.12); background: rgba(252,246,245,.06); cursor: pointer; align-items: center; justify-content: center; flex-direction: column; gap: 5px; position: relative; z-index: 2147482002; } .dkx__burger span { display: block; width: 20px; height: 2px; border-radius: 99px; background: #FCF6F5; transition: transform .22s ease, opacity .22s ease; } .dkx__burger.active span:nth-child(1) { transform: translateY(7px) rotate(45deg); } .dkx__burger.active span:nth-child(2) { opacity: 0; } .dkx__burger.active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); } /* Мобильное меню */ .dkx__mobile-menu { position: fixed !important; inset: 0 !important; z-index: 2147482001 !important; display: none !important; padding: 74px 16px 16px !important; background: rgba(26,24,24,.72) !important; backdrop-filter: blur(14px) !important; -webkit-backdrop-filter: blur(14px) !important; } .dkx__mobile-menu.open { display: block !important; } .dkx__mobile-menu-inner { width: min(420px, 100%) !important; margin: 0 auto !important; padding: 22px !important; border-radius: 28px !important; background: radial-gradient(circle at 90% 0%, rgba(153,0,17,.22), transparent 34%), linear-gradient(180deg, rgba(18,19,24,.98), rgba(8,8,10,.98)) !important; border: 1px solid rgba(252,246,245,.10) !important; box-shadow: 0 0 0 1px rgba(153,0,17,.20), 0 24px 80px rgba(26,24,24,.72) !important; color: #FCF6F5 !important; } .dkx__mobile-menu-top { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin-bottom: 18px !important; } .dkx__mobile-menu-title { color: #FCF6F5 !important; font-size: 24px !important; line-height: 1 !important; font-weight: 950 !important; letter-spacing:0 !important; text-transform: uppercase !important; } .dkx__mobile-menu-close { width: 42px !important; height: 42px !important; border-radius: 50% !important; border: 1px solid rgba(252,246,245,.12) !important; background: rgba(252,246,245,.07) !important; color: #FCF6F5 !important; font-size: 24px !important; line-height: 1 !important; cursor: pointer !important; } .dkx__mobile-menu .dkx__nav--mobile { display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; margin: 0 0 16px !important; padding: 0 !important; color: #FCF6F5 !important; } .dkx__mobile-menu .dkx__nav--mobile a { display: flex !important; align-items: center !important; justify-content: space-between !important; min-height: 54px !important; padding: 0 16px !important; border-radius: 18px !important; background: rgba(252,246,245,.07) !important; border: 1px solid rgba(252,246,245,.08) !important; color: #FCF6F5 !important; text-decoration: none !important; font-size: 16px !important; font-weight: 900 !important; } .dkx__mobile-menu .dkx__nav--mobile a::after { content: "›"; color: #990011; font-size: 24px; line-height: 1; font-weight: 950; } .dkx__phone--mobile, .dkx__mobile-menu-call { display: flex !important; align-items: center !important; justify-content: center !important; min-height: 54px !important; border-radius: 18px !important; color: #FCF6F5 !important; text-decoration: none !important; font-size: 16px !important; font-weight: 950 !important; background: linear-gradient(135deg, #1a1818 0%, #1a1818 48%, #990011 100%) !important; border: 1px solid rgba(252,246,245,.12) !important; box-shadow: 0 7px 0 #1a1818, 0 0 24px rgba(153,0,17,.18) !important; } @media (max-width: 760px) { .dkx__burger { display: inline-flex !important; } }