.section-mobile-bottom-nav {padding-top: 6px !important;}
.tabs-mobile-bottom-nav .nav.nav-line.nav-uppercase.nav-size-normal.nav-left {
  display: flex;
  justify-content: space-between;
  width: 100%;}

.tabs-mobile-bottom-nav .nav.nav-line.nav-uppercase.nav-size-normal.nav-left li.tab {
  flex: 1;
  text-align: center;}

.tabs-mobile-bottom-nav .nav.nav-line.nav-uppercase.nav-size-normal.nav-left li.tab a {
  display: block;
  width: 100%;
  padding: 10px 0;}

.tabs-mobile-bottom-nav .nav.nav-line.nav-uppercase.nav-size-normal.nav-left li.tab a span {
  font-size: 24px;
  font-weight: 600;}

.brandrow-mobile-bottom-nav { padding-bottom: 0px !important;}
.column-mobile-bottom-nav { padding-bottom: 0px !important;}
span.section-title-main {color: #3b3b3b !important;}
.buttonlink-mobile-bottom-nav { color: #256bd3 !important; margin: 0px !important;}

.mobile-bottom-nav { position: fixed; bottom: 0; left: 0; right: 0; background: #fff; box-shadow: 0 -2px 6px rgba(0,0,0,0.1);
  display: flex; justify-content: space-around; align-items: center; padding: 10px 0;
  z-index: 9999; border-top: 1px solid #eee;}

.mobile-bottom-nav .nav-item { text-align: center; color: #666; font-size: 12px; flex: 1;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-decoration: none; font-weight: 700;}

.mobile-bottom-nav .nav-item i { font-size: 28px; margin-bottom: 2px;}

.mobile-bottom-nav .nav-item:hover { color: #e60012;}

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

.custom-popup { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.5); z-index: 99999; justify-content: center;
  align-items: flex-end;}

.custom-popup.active { display: flex; animation: slideUp 0.3s ease;}

.popup-inner { background: #fff; width: 100%; height: 80vh; overflow-y: auto; border-top-left-radius: 16px;
  border-top-right-radius: 16px; box-shadow: 0 -4px 8px rgba(0,0,0,0.15); padding: 15px; position: relative;}

.close-popup { position: fixed; top: 12px; right: 10px; background: none; border: none;
    font-size: 50px; cursor: pointer; padding: 0px; margin: 0px; color: #fff;}

@keyframes slideUp {
  from { transform: translateY(100%); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}


.price-mobile-bottom-nav {
  background-color: black !important;
  border-radius: 12px !important;
  min-width: 110px;
  font-size: 12px !important;
  height: 36px;
  padding: 3px 0 0 !important;
  margin: 8px 4px 0px 0px !important;
}

.brandrow-mobile-bottom-nav .box-image {
  border: 2px solid #999999;
  border-radius: 12px;
}