.mobile-bottom-nav{display:none;position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:calc(100% - 40px);max-width:400px;background:rgba(65,65,65,.671);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:30px;border:1px solid rgba(255,255,255,.3);z-index:9999;padding:12px 16px;box-shadow:0 8px 32px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.4)}.mobile-bottom-nav .mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-decoration:none;color:#fff;font-size:11px;font-family:Outfit,sans-serif;font-weight:500;gap:5px;padding:4px 0;transition:.25s;letter-spacing:.3px;position:relative}.mobile-bottom-nav .mobile-nav-item i{font-size:20px;transition:transform .2s}.mobile-bottom-nav .mobile-nav-item.active,.mobile-bottom-nav .mobile-nav-item:hover{color:#fff}.mobile-bottom-nav .mobile-nav-item.active i,.mobile-bottom-nav .mobile-nav-item:hover i{transform:translateY(-2px)}.mobile-bottom-nav .mobile-nav-item.active::after{position:absolute;bottom:-4px;width:4px;height:4px;background:#fff;border-radius:50%}.mobile-bottom-nav .mobile-nav-highlight{background:rgba(227,30,36,.85);backdrop-filter:blur(10px);border-radius:20px;padding:8px 14px;margin:0 2px;color:#fff!important;box-shadow:0 4px 15px rgba(227,30,36,.4),inset 0 1px 0 rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.15)}.mobile-bottom-nav .mobile-nav-highlight:hover{background:rgba(196,26,31,.9);color:#fff!important;box-shadow:0 6px 20px rgba(227,30,36,.5)}.mobile-bottom-nav .mobile-nav-highlight::after{display:none}@media (max-width:768px){.mobile-bottom-nav{display:flex}body{padding-bottom:100px}}