.navbar-container{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background-color:#E6DDBF;width:90%;max-width:400px;height:70px;border-radius:20px;display:flex;justify-content:space-around;align-items:center;box-shadow:0 4px 15px rgba(0,0,0,.1);z-index:1000;padding:0 10px;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.nav-visible{opacity:1;transform:translateX(-50%) translateY(0)}.nav-hidden{opacity:0;pointer-events:none;transform:translateX(-50%) translateY(150%)}.nav-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#333;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:50px;height:50px;border-radius:50%;background-color:white}.nav-icon{font-size:20px;color:#000;transition:color .3s ease}.nav-item.active{transform:scale(1.3) translateY(-10px);box-shadow:0 6px 12px rgba(0,0,0,.15);background-color:#fff;border:2px solid #ebe5d9}.nav-item.active .nav-icon{color:#000}.cart-badge{position:absolute;top:-5px;right:-5px;background-color:#ff4b2b;color:white;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border:2px solid white;box-shadow:0 2px 4px rgba(0,0,0,.2);z-index:10}