.m-bottom-nav.mobile-nav-v2 {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 1000 !important;
  width: 100% !important;
  max-width: 480px !important;
  height: 84px !important;
  margin: 0 auto !important;
  padding: 8px 4px max(10px, env(safe-area-inset-bottom)) !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: end !important;
  background: #fff !important;
  border: 0 !important;
  border-radius: 18px 18px 0 0 !important;
  box-shadow: 0 -7px 24px rgba(16, 24, 40, 0.1) !important;
  overflow: visible !important;
}

.mobile-nav-v2 .m-nav-item {
  position: relative !important;
  top: auto !important;
  min-width: 0 !important;
  height: 66px !important;
  padding: 5px 2px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 4px !important;
  color: #34383d !important;
  text-align: center !important;
  text-decoration: none !important;
  font-size: 0.68rem !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  transform: translateY(-10px) !important;
}

.mobile-nav-v2 .m-nav-icon {
  width: 29px !important;
  height: 29px !important;
  margin: 0 !important;
  display: block !important;
  color: currentColor !important;
}

.mobile-nav-v2 .m-nav-icon svg {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.mobile-nav-v2 .m-nav-item.active {
  color: #f25512 !important;
}

.mobile-nav-v2 .m-nav-badge {
  position: absolute !important;
  top: 1px !important;
  right: 18% !important;
  min-width: 16px !important;
  height: 16px !important;
  padding: 0 4px !important;
  border: 2px solid #fff !important;
  border-radius: 8px !important;
  background: #e62e2e !important;
  color: #fff !important;
  display: none;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.52rem !important;
}

body.has-mobile-nav-v2 .m-page {
  padding-bottom: 110px !important;
}

body.has-mobile-nav-v2.mobile-nav-cart .m-page {
  padding-bottom: 225px !important;
}

body.has-mobile-nav-v2.mobile-nav-checkout .m-page {
  padding-bottom: 245px !important;
}

body.has-mobile-nav-v2 .m-bottom-bar {
  bottom: 102px !important;
}

@media (max-width: 350px) {
  .mobile-nav-v2 .m-nav-item { font-size: 0.62rem !important; }
  .mobile-nav-v2 .m-nav-icon { width: 26px !important; height: 26px !important; }
}