/* ===============================
   MOBILE BOTTOM NAV
================================ */

/* 🔥 Footer hide issue fix */
body{
  padding-bottom:80px; /* bottom nav height space */
}

.mobile-bottom-nav{
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  height:70px;

  /* PREMIUM GLASS LOOK */
  background:rgba(27,27,27,0.95);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);

  display:flex;
  justify-content:space-around;
  align-items:center;

  z-index:9999;

  border-top:1px solid rgba(255,255,255,0.08);
  box-shadow:0 -5px 20px rgba(0,0,0,0.35);
}

/* NAV ITEM */

.mobile-bottom-nav .nav-item{
  flex:1;
  text-align:center;
  color:#bbb;
  text-decoration:none;
  font-size:11px;
  position:relative;
  padding-top:6px;
  transition:0.25s ease;
}

.mobile-bottom-nav .nav-item span{
  display:block;
  font-size:22px;
  line-height:22px;
  transition:0.25s ease;
}

.mobile-bottom-nav .nav-item p{
  margin:3px 0 0;
}

/* ACTIVE STATE */

.mobile-bottom-nav .nav-item.active{
  color:#ff8c1a;
  transform:translateY(-2px);
}

.mobile-bottom-nav .nav-item.active span{
  transform:scale(1.15);
}

/* HOVER EFFECT (mobile tap feel) */

.mobile-bottom-nav .nav-item:active{
  transform:scale(0.95);
}

/* CART BADGE */

.cart-badge{
  position:absolute;
  top:2px;
  right:30%;
  background:#ff3b3b;
  color:#fff;
  font-size:11px;
  min-width:18px;
  height:18px;
  line-height:18px;
  border-radius:50%;
  display:none;
  font-weight:500;
}

/* Desktop pe hide */

@media(min-width:900px){
  .mobile-bottom-nav{
    display:none;
  }

  body{
    padding-bottom:0;
  }
}