.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;}
.buttonlink-mobile-bottom-nav:active {
  transform: scale(0.95);
}

.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: 22px; 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;
}

.price-mobile-bottom-nav:active {
  transform: scale(0.95);
  background-color: #a1a1a1 !important;
}

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

.brandrow-mobile-bottom-nav1,
.brandrow-mobile-bottom-nav2,
.brandrow-mobile-bottom-nav3 {
  padding-bottom: 4px !important;
}

.brandrow-mobile-bottom-nav,
.row-mobile-bottom-nav,
.row-mobile-bottom-nav {
  background-color: #e2e2e2;
  border-radius: 12px;
  margin-top: 12px;
  padding: 12px 6px;
}

.tab-panels .product-category.col {
    padding: 0 5px 0;
}

.tab-panels .box-text.text-center {
    padding: 8px 0;
    padding-bottom: 0px !important;
}

a[href="#tab_laptop"]::before,
a[href="#tab_máy-tính-bộ"]::before {
    content: none !important;
    display: none !important;
}



/* ====== STYLE CHUNG CHO TAB ====== */

.nav.nav-line .tab a {
  font-size: 14px;
    font-weight: 600;
    color: #555;
    text-decoration: none;
    border-radius: 6px;
    transition: background-color 0.25s 
                ease, color 0.25s 
                ease, transform 0.15s 
                ease;
    border: 1px solid #c9c9c9;
}

/* Hover (trên desktop) */
.nav.nav-line .tab a:hover {
    background-color: #f0f0f0;
    color: #000;
}

/* Chạm trên mobile (touch) */
.nav.nav-line .tab a:active {
    transform: scale(0.96);
    background-color: #e8e8e8;
}

/* ====== TAB ĐANG ACTIVE ====== */
.nav.nav-line .tab.active a {
    background-color: #d00912; 
    color: #fff;
    border-radius: 6px;
}