/* TPAT Category SEO Tabs v2.7.3 */
.tpat-cst-v2{
  width:100%;
  --tpat-red:var(--tpat-tab-active,#e52b20);
  --tpat-gray:var(--tpat-tab-color,#777777);
  --tpat-sep:#e7e7e7;
}
.tpat-cst-v2__tabs{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  margin:4px 0 10px;
  line-height:1.35;
  position:relative;
}
.tpat-cst-v2__tab{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 14px 5px;
  color:var(--tpat-gray)!important;
  text-decoration:none!important;
  font-size:var(--tpat-tab-font,15px)!important;
  font-weight:400;
  white-space:nowrap;
  -webkit-tap-highlight-color:transparent;
  transition:color .18s ease;
}
.tpat-cst-v2__tab:first-child{padding-left:4px}
.tpat-cst-v2__tab:not(:last-child)::before{
  content:"";
  position:absolute;
  right:0;
  top:28%;
  width:1px;
  height:42%;
  background:var(--tpat-sep);
}
.tpat-cst-v2__tab:hover,
.tpat-cst-v2__tab:focus,
.tpat-cst-v2__tab.is-active{
  color:var(--tpat-red)!important;
}
/* Thanh gạch dưới luôn bám theo đúng danh mục đang chọn trên cả PC + mobile */
.tpat-cst-v2__tab::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:0;
  height:var(--tpat-tab-indicator-h,4px);
  border-radius:999px;
  background:var(--tpat-tab-indicator,#a9a9a9);
  transform:translateX(-50%);
  opacity:0;
  transition:width .18s ease,opacity .18s ease,background .18s ease;
}
.tpat-cst-v2__tab.is-active::after{
  width:var(--tpat-tab-indicator-w,86%);
  opacity:1;
}
.tpat-cst-v2__status{height:0;overflow:hidden}

/* Ẩn menu AVT cũ: class được JS gắn vào cả container và từng mục để tránh còn 2 menu */
.tpat-cst-v2-native-tabs-hidden,
.tpat-cst-v2-native-tab-item-hidden{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  width:0!important;
  min-width:0!important;
  max-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}

/* Tải tự động 2.7.4: wrapper làm sentinel; chỉ hiện spinner nhỏ + “Đang tải” khi request đang chạy */
.tpat-cst-v2__load-wrap{
  width:100%!important;max-width:none!important;min-width:100%!important;box-sizing:border-box!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;
  min-height:30px!important;padding:8px 0!important;margin:0 auto!important;clear:both!important;float:none!important;grid-column:1/-1!important;
  text-align:center!important;position:relative!important;left:auto!important;right:auto!important;transform:none!important;
}
.tpat-cst-v2__load-wrap[hidden]{display:none!important}
.tpat-cst-v2__load-btn,.tpat-cst-v2__load-label{visibility:hidden!important;opacity:0!important}
.tpat-cst-v2__load-wrap.is-loading .tpat-cst-v2__load-btn,.tpat-cst-v2__load-wrap.is-loading .tpat-cst-v2__load-label{visibility:visible!important;opacity:1!important}
.tpat-cst-v2__load-btn{
  width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;
  border:2px solid #d8d8d8!important;border-top-color:var(--tpat-load-color,#555555)!important;border-radius:50%!important;
  background:transparent!important;box-shadow:none!important;padding:0!important;margin:0 auto!important;line-height:1!important;
  animation:tpat-cst-v2-spin .72s linear infinite!important;
}
.tpat-cst-v2__load-icon{display:none!important}
.tpat-cst-v2__load-label{width:100%!important;text-align:center!important;font-size:var(--tpat-load-label,12px)!important;color:#777!important;line-height:1.35!important}
@keyframes tpat-cst-v2-spin{to{transform:rotate(360deg)}}

/* Nút quay lại: JS đặt ngay dưới nút 3 gạch */
.tpat-cst-v2__back{
  position:fixed!important;
  display:none;
  z-index:999999!important;
  align-items:center;
  justify-content:center;
  border:0;
  box-shadow:none;
  outline:0;
  padding:0;
  margin:0;
  border-radius:50%;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  line-height:1;
}
.tpat-cst-v2__back[hidden]{display:none!important}
.tpat-cst-v2__back svg{
  display:block;
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:2.1;
  stroke-linecap:round;
  stroke-linejoin:round;
  pointer-events:none;
}

@media(max-width:767px){
  .tpat-cst-v2{overflow:hidden}
  .tpat-cst-v2__tabs{
    flex-wrap:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    white-space:nowrap;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    overscroll-behavior-x:contain;
    touch-action:pan-x;
    margin:0 0 10px;
    padding-bottom:5px;
    scroll-behavior:smooth;
  }
  .tpat-cst-v2__tabs::-webkit-scrollbar{display:none}
  .tpat-cst-v2__tab{
    min-height:41px;
    padding:0 15px 7px;
    font-size:var(--tpat-tab-font,15px)!important;
    flex:0 0 auto;
  }
  .tpat-cst-v2__tab:first-child{padding-left:6px}
}

.tpat-seo-top-anchor{
  position:absolute!important;
  top:0!important;
  left:0!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  pointer-events:none!important;
}