/* Bottom nav */
.mob-bottom-nav {
	display: none; position: fixed;
	bottom: 0; left: 0; right: 0;
	background: #ffffff; border-top: 1px solid var(--div);
	box-shadow: 0 -4px 12px rgba(0,0,0,.08);
	z-index: 350;
	padding: 4px 0 max(4px, env(safe-area-inset-bottom));
}
.mob-bottom-nav__inner {
	display: flex; align-items: stretch; justify-content: space-between;
	width: 100%;
	}
.mob-nav-item {
	display: flex; flex-direction: column;
	align-items: center; justify-content: center;
	gap: 3px; padding: 4px 8px;
	border-radius: 8px; text-decoration: none;
	background: none; border: none; font-family: inherit; cursor: pointer;
	color: #555555; min-height: 44px; position: relative; flex: 1;
}
.mob-nav-item.is-active { color: #1955a6 }
.mob-nav-item__lbl { font-size: 10px; font-weight: 500; white-space: nowrap }
.mob-nav-cart-badge {
	position: absolute; top: 0px; right: 0px;
	min-width: 16px; height: 16px; border-radius: 8px;
	background: #05a550; color: #fff;
	font-size: 10px; font-weight: 700;
	display: none; align-items: center; justify-content: center;
	padding: 0 3px; border: 2px solid #ffffff;
}

.mob-nav-item .header-buttons-cart-quantity {
  display: block;
  min-width: 1rem;
  background-color: #28992a;
  font-weight: 600;
  font-size: 10px;
  height: 1rem;
  line-height: 1rem;
  border-radius: 1rem;
  position: absolute;
  top: -5px;
  right: calc(50% - 18px);
  color: #fff;
}


.mob-nav-cart-badge.visible { display: flex }
@media (max-width: 768px) {
	body               { padding-bottom: calc(58px + env(safe-area-inset-bottom)) }
	*                  { -webkit-tap-highlight-color: transparent }	
	
	
  .mob-bottom-nav {
    display: flex;
  }
}