#dkxMobileMenu, #dkxMobileMenu * { box-sizing: border-box !important; } #dkxMobileMenu { position: fixed !important; inset: 0 !important; width: 100vw !important; height: 100vh !important; z-index: 2147483640 !important; display: none !important; padding: 76px 16px 16px !important; background: rgba(26,24,24,.78) !important; backdrop-filter: blur(14px) !important; -webkit-backdrop-filter: blur(14px) !important; } #dkxMobileMenu.open { display: block !important; } #dkxMobileMenu .dkx-mobile-menu-card { 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,.16), transparent 34%), linear-gradient(180deg, #FCF6F5 0%, #FCF6F5 100%) !important; border: 1px solid rgba(153,0,17,.22) !important; box-shadow: 0 20px 60px rgba(26,24,24,.24), 0 0 0 1px rgba(252,246,245,.42) !important; color: #1a1818 !important; } #dkxMobileMenu .dkx-mobile-menu-head { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin-bottom: 18px !important; } #dkxMobileMenu .dkx-mobile-menu-title { display: block !important; color: #1a1818 !important; font-family:TildaSans, Arial, sans-serif; font-size: 25px !important; line-height: 1 !important; font-weight: 950 !important; letter-spacing:0 !important; text-transform: uppercase !important; } #dkxMobileMenu .dkx-mobile-menu-close { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 42px !important; height: 42px !important; border-radius: 999px !important; border: 1px solid rgba(153,0,17,.22) !important; background: rgba(252,246,245,.78) !important; color: #1a1818 !important; font-size: 26px !important; line-height: 1 !important; cursor: pointer !important; } #dkxMobileMenu .dkx-mobile-menu-list { display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; margin: 0 0 16px !important; padding: 0 !important; } #dkxMobileMenu .dkx-mobile-menu-link { display: flex !important; align-items: center !important; justify-content: space-between !important; min-height: 56px !important; padding: 0 16px !important; border-radius: 18px !important; background: rgba(252,246,245,.74) !important; border: 1px solid rgba(153,0,17,.16) !important; color: #1a1818 !important; text-decoration: none !important; font-size: 16px !important; line-height: 1 !important; font-weight: 900 !important; opacity: 1 !important; visibility: visible !important; } #dkxMobileMenu .dkx-mobile-menu-link::after { content: "›" !important; color: #990011 !important; font-size: 25px !important; line-height: 1 !important; font-weight: 950 !important; } #dkxMobileMenu .dkx-mobile-menu-call { display: flex !important; align-items: center !important; justify-content: center !important; min-height: 56px !important; border-radius: 18px !important; color: #FCF6F5 !important; text-decoration: none !important; font-size: 16px !important; line-height: 1 !important; font-weight: 950 !important; background: linear-gradient(135deg, #1a1818 0%, #1a1818 52%, #990011 100%) !important; border: 1px solid rgba(252,246,245,.10) !important; box-shadow: 0 7px 0 #1a1818, 0 0 24px rgba(153,0,17,.18) !important; } .dkx__burger { display: none; width: 44px !important; height: 44px !important; padding: 0 !important; border-radius: 14px !important; border: 1px solid rgba(168,164,163,.34) !important; background: rgba(252,246,245,.88) !important; cursor: pointer !important; align-items: center !important; justify-content: center !important; flex-direction: column !important; gap: 5px !important; position: relative !important; z-index: 2147483641 !important; } .dkx__burger span { display: block !important; width: 20px !important; height: 2px !important; border-radius: 99px !important; background: #1a1818 !important; } @media (max-width: 760px) { .dkx__burger { display: inline-flex !important; } }