/* HTSPORT V127.75 - Mobile home app clean layout, server-side mounted. Desktop unchanged. */
@media (min-width:769px){
  .ht-mobile-app-v175,.ht-v175-bottom{display:none!important}
}
@media (max-width:768px){
  html,body{background:#fff!important}
  body{padding-bottom:68px!important}
  .mall{background:#fff!important;min-height:100vh!important}
  .mall > :not(.ht-mobile-app-v175):not(.ht-v175-bottom){display:none!important}
  .ht-mobile-app-v175{display:block!important;min-height:100vh!important;background:linear-gradient(180deg,#ff4a13 0,#ff214e 126px,#fff 126px,#fff 100%)!important;padding:10px 9px 82px!important;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;color:#111827!important}
  .ht-mobile-app-v175 *{box-sizing:border-box!important}
  .ht-v175-search{display:grid!important;grid-template-columns:minmax(0,1fr) 42px!important;gap:8px!important;align-items:center!important;margin:0 0 9px!important}
  .ht-v175-search-box{height:40px!important;background:#fff!important;border-radius:10px!important;display:grid!important;grid-template-columns:24px minmax(0,1fr) 28px!important;align-items:center!important;padding:0 8px!important;box-shadow:0 6px 16px rgba(105,22,25,.12)!important;border:1px solid rgba(255,255,255,.7)!important}
  .ht-v175-search-box .sicon{font-size:18px!important;line-height:1!important;color:#111827!important}
  .ht-v175-search-box input{height:38px!important;width:100%!important;border:0!important;outline:0!important;background:transparent!important;color:#111827!important;font-size:12px!important;padding:0 3px!important}
  .ht-v175-search-box input::placeholder{color:#9aa2af!important}
  .ht-v175-camera{border:0!important;background:transparent!important;width:28px!important;height:28px!important;font-size:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}
  .ht-v175-cart{width:42px!important;height:40px!important;border:0!important;background:transparent!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:30px!important;position:relative!important;padding:0!important;text-shadow:0 3px 8px rgba(0,0,0,.16)!important}
  .ht-v175-cart .badge{position:absolute!important;right:-4px!important;top:-6px!important;min-width:20px!important;height:20px!important;line-height:16px!important;border-radius:99px!important;background:#ff1f4b!important;color:#fff!important;border:2px solid #fff!important;font-size:10px!important;font-weight:1000!important;text-align:center!important;padding:0 4px!important}
  .ht-v175-actions{display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:3px!important;margin:6px 0 10px!important}
  .ht-v175-action{border:0!important;background:transparent!important;text-decoration:none!important;text-align:center!important;padding:0!important;color:#111827!important;min-width:0!important;display:block!important}
  .ht-v175-action .ico{width:30px!important;height:30px!important;border-radius:10px!important;background:#fff!important;margin:0 auto 3px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important;box-shadow:0 4px 12px rgba(15,23,42,.09)!important;position:relative!important}
  .ht-v175-action .ico img,.ht-v175-action .ico svg{width:21px!important;height:21px!important;object-fit:contain!important;display:block!important}
  .ht-v175-action .dot{position:absolute!important;right:-1px!important;top:-2px!important;width:7px!important;height:7px!important;background:#ff1f4b!important;border:1.5px solid #fff!important;border-radius:99px!important}
  .ht-v175-action span{display:block!important;font-size:8.8px!important;line-height:1.08!important;font-weight:750!important;color:#111827!important;white-space:normal!important;letter-spacing:-.1px!important}
  .ht-v175-hero{height:128px!important;border-radius:9px!important;overflow:hidden!important;position:relative!important;background:linear-gradient(135deg,#b8170e 0,#fe3613 50%,#ff8a17 100%)!important;box-shadow:0 8px 20px rgba(198,35,16,.20)!important;margin:0 0 10px!important;color:#fff!important}
  .ht-v175-hero:before{content:''!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(0,0,0,.35),rgba(0,0,0,.06) 52%,rgba(255,255,255,.02)),radial-gradient(circle at 72% 50%,rgba(255,255,255,.24),transparent 33%)!important;z-index:1!important}
  .ht-v175-hero img{position:absolute!important;right:0!important;bottom:0!important;width:61%!important;height:100%!important;object-fit:contain!important;z-index:2!important;filter:drop-shadow(0 10px 12px rgba(0,0,0,.24))!important}
  .ht-v175-hero-content{position:absolute!important;left:14px!important;top:15px!important;z-index:3!important;max-width:50%!important}
  .ht-v175-hero-content b{display:block!important;font-size:20px!important;line-height:.98!important;font-weight:1000!important;color:#fff!important;letter-spacing:-.4px!important;text-transform:uppercase!important}
  .ht-v175-hero-content b em{display:block!important;color:#ffe600!important;font-style:normal!important;margin-top:3px!important}
  .ht-v175-hero-content p{font-size:9.2px!important;line-height:1.22!important;margin:7px 0 8px!important;font-weight:900!important;color:#fff!important;text-transform:uppercase!important}
  .ht-v175-hero-content button{height:23px!important;border:0!important;border-radius:5px!important;background:#111!important;color:#fff!important;font-size:8px!important;font-weight:900!important;padding:0 9px!important}
  .ht-v175-dots{position:absolute!important;bottom:6px!important;left:50%!important;transform:translateX(-50%)!important;z-index:4!important;display:flex!important;gap:4px!important}
  .ht-v175-dots i{width:5px!important;height:5px!important;background:rgba(255,255,255,.7)!important;border-radius:99px!important}
  .ht-v175-perks{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:5px!important;background:#fff!important;border-radius:10px!important;box-shadow:0 7px 18px rgba(15,23,42,.08)!important;padding:8px 4px!important;margin:0 0 9px!important}
  .ht-v175-perk{border:0!important;background:#fff!important;text-align:center!important;padding:0 2px!important;color:#111827!important;text-decoration:none!important;min-width:0!important}
  .ht-v175-perk .ico{height:28px!important;font-size:21px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-bottom:3px!important}
  .ht-v175-perk span{display:block!important;font-size:8.8px!important;line-height:1.08!important;font-weight:760!important;color:#111827!important;white-space:normal!important}
  .ht-v175-flash{background:#fff!important;border-radius:10px!important;box-shadow:0 7px 18px rgba(15,23,42,.08)!important;padding:8px 6px 9px!important;margin:0 0 9px!important}
  .ht-v175-flash-head{display:flex!important;align-items:center!important;gap:7px!important;margin:0 0 7px!important;white-space:nowrap!important;overflow:hidden!important}
  .ht-v175-flash-head h2{margin:0!important;font-size:17px!important;line-height:1!important;font-weight:1000!important;color:#111!important;display:flex!important;align-items:center!important;gap:3px!important;letter-spacing:-.2px!important}
  .ht-v175-tag77{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:20px!important;border-radius:6px!important;background:#ff2051!important;color:#fff!important;padding:0 7px!important;font-size:11px!important;font-weight:1000!important}
  .ht-v175-count{margin-left:auto!important;display:flex!important;align-items:center!important;gap:3px!important;color:#5b6472!important;font-size:8px!important;font-weight:900!important;white-space:nowrap!important}
  .ht-v175-count b{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:22px!important;height:22px!important;border-radius:5px!important;background:#ff244d!important;color:#fff!important;font-size:11px!important;font-weight:1000!important}
  .ht-v175-flash-list{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important}
  .ht-v175-flash-card{position:relative!important;display:block!important;text-decoration:none!important;color:#111827!important;background:#fff!important;border:1px solid #f1f2f5!important;border-radius:8px!important;overflow:hidden!important;min-width:0!important;padding-bottom:5px!important}
  .ht-v175-flash-card img{display:block!important;width:100%!important;height:64px!important;object-fit:contain!important;background:#fff!important;padding:3px!important}
  .ht-v175-sale{position:absolute!important;left:3px!important;bottom:30px!important;background:#ff244d!important;color:#fff!important;border-radius:4px!important;padding:1px 4px!important;font-size:8.5px!important;font-weight:1000!important}
  .ht-v175-flash-card strong{display:block!important;color:#ff183e!important;font-size:10.2px!important;line-height:1!important;margin:4px 3px 0!important;font-weight:1000!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .ht-v175-flash-card del{display:block!important;color:#9ca3af!important;font-size:8px!important;line-height:1!important;margin:2px 3px 0!important;text-decoration:line-through!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .ht-v175-tabs{height:42px!important;display:flex!important;align-items:center!important;gap:16px!important;overflow-x:auto!important;background:#fff!important;border-top:1px solid #f2f2f4!important;border-bottom:1px solid #f2f2f4!important;margin:0 -9px 9px!important;padding:0 10px!important;white-space:nowrap!important}
  .ht-v175-tabs button{border:0!important;background:transparent!important;color:#3c4654!important;font-size:13px!important;font-weight:850!important;position:relative!important;padding:13px 0!important;white-space:nowrap!important}
  .ht-v175-tabs button.active{color:#111827!important}
  .ht-v175-tabs button.active:after{content:''!important;position:absolute!important;left:0!important;right:0!important;bottom:2px!important;height:3px!important;border-radius:99px!important;background:#ff2051!important}
  .ht-v175-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .ht-v175-product{background:#fff!important;border-radius:10px!important;box-shadow:0 7px 18px rgba(15,23,42,.07)!important;overflow:hidden!important;text-decoration:none!important;color:#111827!important;position:relative!important;min-height:190px!important}
  .ht-v175-product img{width:100%!important;height:116px!important;object-fit:contain!important;background:#fff!important;padding:6px!important}
  .ht-v175-product .discount{position:absolute!important;left:7px!important;top:7px!important;background:#ff2051!important;color:#fff!important;border-radius:6px!important;padding:3px 6px!important;font-size:10px!important;font-weight:1000!important}
  .ht-v175-product h3{font-size:11.2px!important;line-height:1.24!important;margin:5px 7px!important;height:30px!important;overflow:hidden!important;color:#111827!important;font-weight:850!important}
  .ht-v175-product strong{display:block!important;color:#ff183e!important;font-size:13px!important;margin:0 7px 7px!important;font-weight:1000!important}
  .ht-v175-bottom{position:fixed!important;left:0!important;right:0!important;bottom:0!important;height:61px!important;background:rgba(255,255,255,.96)!important;z-index:10020!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;box-shadow:0 -8px 22px rgba(15,23,42,.08)!important;padding-bottom:env(safe-area-inset-bottom)!important;backdrop-filter:blur(12px)!important}
  .ht-v175-bottom a{text-decoration:none!important;color:#6b7280!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;font-size:10px!important;font-weight:850!important}
  .ht-v175-bottom a:first-child{color:#ff3c17!important}
  .ht-v175-bottom i{font-style:normal!important;font-size:21px!important;line-height:1!important}
}


/* HTSPORT V127.76 - Tabs danh mục, full products, discount đúng, popup mã giảm giá */
@media (max-width:768px){
  .ht-v175-tabs{gap:18px!important;padding:0 10px!important}
  .ht-v175-tabs button{font-size:13px!important}
  .ht-v175-tabs button .tab-ico{margin-right:3px!important}
  .ht-v175-product del{display:inline-block!important;color:#9ca3af!important;font-size:10px!important;text-decoration:line-through!important;margin-left:6px!important}
  .ht-v175-product .discount:empty,
  .ht-v175-flash-card .ht-v175-sale:empty{display:none!important}
  .ht-v175-flash-card del:empty,
  .ht-v175-product del:empty{display:none!important}
  .ht-v176-promo-modal{position:fixed!important;inset:0!important;z-index:10080!important;background:rgba(15,23,42,.55)!important;display:flex!important;align-items:flex-end!important;justify-content:center!important}
  .ht-v176-promo-sheet{width:100%!important;max-width:520px!important;background:#fff!important;border-radius:22px 22px 0 0!important;max-height:78vh!important;overflow:auto!important;box-shadow:0 -12px 34px rgba(15,23,42,.22)!important}
  .ht-v176-promo-head{position:sticky!important;top:0!important;background:#fff!important;z-index:2!important;display:flex!important;align-items:center!important;gap:10px!important;padding:14px 16px!important;border-bottom:1px solid #eef2f7!important}
  .ht-v176-promo-head b{font-size:18px!important;font-weight:1000!important;color:#111827!important}
  .ht-v176-promo-close{margin-left:auto!important;border:0!important;background:#f1f5f9!important;width:38px!important;height:38px!important;border-radius:999px!important;font-size:24px!important;line-height:1!important}
  .ht-v176-promo-body{padding:12px 14px 18px!important;display:grid!important;gap:10px!important}
  .ht-v176-ticket{display:grid!important;grid-template-columns:84px minmax(0,1fr) 72px!important;gap:10px!important;align-items:center!important;border:1px solid #ffe0e6!important;border-radius:16px!important;background:linear-gradient(90deg,#fff5f7,#fff)!important;padding:10px!important}
  .ht-v176-ticket-left{height:64px!important;border-radius:13px!important;background:linear-gradient(135deg,#ff274f,#ff7a2d)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;font-weight:1000!important;font-size:15px!important;line-height:1.05!important}
  .ht-v176-ticket-info{min-width:0!important}
  .ht-v176-ticket-info b{display:block!important;font-size:14px!important;font-weight:1000!important;color:#111827!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .ht-v176-ticket-info span{display:block!important;font-size:12px!important;color:#4b5563!important;line-height:1.25!important;margin-top:3px!important}
  .ht-v176-ticket-info small{display:block!important;font-size:11px!important;color:#9ca3af!important;margin-top:3px!important}
  .ht-v176-use{height:36px!important;border:0!important;border-radius:999px!important;background:#ff2553!important;color:#fff!important;font-weight:1000!important;font-size:12px!important}
  .ht-v176-toast{position:fixed!important;left:50%!important;bottom:84px!important;transform:translateX(-50%)!important;background:#111827!important;color:#fff!important;border-radius:999px!important;padding:10px 16px!important;font-size:13px!important;font-weight:850!important;z-index:10100!important;box-shadow:0 12px 26px rgba(0,0,0,.22)!important;max-width:90vw!important;text-align:center!important}
}


/* HTSPORT V127.77 - Hide redundant old category/flash tab near footer on mobile */
@media (max-width:768px){
  body.ht-mobile-v176-ready .mall-tabs-v75,
  body.ht-mobile-v176-ready #mallTabsV75,
  body.ht-mobile-v176-ready .tabs-v75,
  body.ht-mobile-v176-ready .category-tabs-v75,
  body.ht-mobile-v176-ready .ht-main-tabs-v75,
  body.ht-mobile-v176-ready .ht-tabs-v75,
  body.ht-mobile-v176-ready .tabbar-v75,
  body.ht-mobile-v176-ready .home-category-tabs,
  body.ht-mobile-v176-ready .mall-category-tabs,
  body.ht-mobile-v176-ready .ht-products-tabs,
  body.ht-mobile-v176-ready .category-menu,
  body.ht-mobile-v176-ready .cat-tabs,
  body.ht-mobile-v176-ready .tab-strip{
    display:none!important;
    visibility:hidden!important;
    height:0!important;
    max-height:0!important;
    min-height:0!important;
    overflow:hidden!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
  }

  /* Chỉ giữ tab trong giao diện mobile mới */
  body.ht-mobile-v176-ready #htMobileAppV175 .ht-v175-tabs{
    display:flex!important;
    visibility:visible!important;
    height:42px!important;
    max-height:none!important;
    min-height:42px!important;
    overflow-x:auto!important;
  }

  /* Nếu tab cũ bị render thành div không class nhưng nằm ngay trước footer, ẩn luôn */
  body.ht-mobile-v176-ready .ht-v175-bottom ~ .mall-tabs-v75,
  body.ht-mobile-v176-ready .ht-v175-bottom ~ .tabs-v75{
    display:none!important;
  }
}


/* HTSPORT V127.78 - Flash Sale realtime + chỉ sản phẩm giảm >= threshold */
@media (max-width:768px){
  .ht-v175-flash-list{
    display:grid!important;
    grid-auto-flow:column!important;
    grid-auto-columns:23%!important;
    grid-template-columns:none!important;
    gap:7px!important;
    overflow-x:auto!important;
    padding-bottom:4px!important;
    scroll-snap-type:x proximity!important;
  }
  .ht-v175-flash-card{scroll-snap-align:start!important}
  .ht-v178-flash-empty{
    grid-column:1/-1!important;
    width:100%!important;
    min-width:300px!important;
    padding:16px 10px!important;
    border-radius:12px!important;
    background:#fff7f8!important;
    color:#6b7280!important;
    font-weight:900!important;
    text-align:center!important;
    font-size:13px!important;
  }
  .ht-v175-flash-head .ht-v175-count b{
    transition:background .2s ease,color .2s ease!important;
  }
}


/* HTSPORT V127.79 - Ẩn nút HT Sport xử lý ở hàng icon mobile */
@media (max-width:768px){
  .ht-v175-actions{
    grid-template-columns:repeat(6,1fr)!important;
    gap:7px!important;
  }
  .ht-v175-actions [data-act="order"]:last-child,
  .ht-v175-actions button:last-child{
    display:none!important;
  }
}


/* HTSPORT V127.80 - Khôi phục nút Mã giảm giá, chỉ ẩn HT Sport xử lý */
@media (max-width:768px){
  .ht-v175-actions{
    grid-template-columns:repeat(6,1fr)!important;
  }
  /* V127.79 đã ẩn nhầm button:last-child làm mất Mã giảm giá, bật lại nút promo */
  .ht-v175-actions button[data-act="promo"]:last-child,
  .ht-v175-actions .ht-v175-action[data-act="promo"]:last-child{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
  }
  .ht-v175-actions button[data-act="promo"]{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
  }
  /* Chỉ ẩn đúng nút HT Sport xử lý nếu còn sót */
  .ht-v175-actions button[data-act="order"].ht-v180-xuly,
  .ht-v175-actions button[data-mobile-key-v180="xuly"],
  .ht-v175-actions button[data-hide-xuly="1"]{
    display:none!important;
  }
}


/* HTSPORT V127.81 - Đổi Voucher Xtra thành Đăng kí AFF */
@media (max-width:768px){
  .ht-v175-perk[data-act="aff_register"] .ico{
    color:#ff2553!important;
  }
}


/* HTSPORT V127.82 - Footer mobile giống mẫu: 5 nút sạch */
@media (max-width:768px){
  .ht-v175-bottom{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    height:64px!important;
    min-height:64px!important;
    background:rgba(255,255,255,.98)!important;
    z-index:10050!important;
    display:grid!important;
    grid-template-columns:repeat(5,1fr)!important;
    align-items:center!important;
    box-shadow:0 -8px 22px rgba(15,23,42,.08)!important;
    padding:3px 0 max(3px,env(safe-area-inset-bottom))!important;
    border-top:1px solid rgba(15,23,42,.05)!important;
    backdrop-filter:blur(14px)!important;
  }
  .ht-v175-bottom a{
    height:58px!important;
    min-width:0!important;
    text-decoration:none!important;
    color:#6b7280!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    font-size:10.5px!important;
    font-weight:900!important;
    line-height:1.05!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
    padding:0!important;
  }
  .ht-v175-bottom a.active,
  .ht-v175-bottom a:first-child{
    color:#ff3d1d!important;
  }
  .ht-v175-bottom i{
    width:26px!important;
    height:26px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-style:normal!important;
    font-size:0!important;
    line-height:1!important;
    color:currentColor!important;
    margin:0!important;
    background:transparent!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  .ht-v175-bottom i svg{
    width:25px!important;
    height:25px!important;
    display:block!important;
    stroke:currentColor!important;
    fill:none!important;
    stroke-width:2.2!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  .ht-v175-bottom a:nth-child(3) i svg{
    width:28px!important;
    height:28px!important;
    stroke-width:2.5!important;
  }
  .ht-v175-bottom span{
    display:block!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:100%!important;
  }
}


/* HTSPORT V127.84 - mobile banner dots from Admin */
@media (max-width:768px){
  .ht-v175-dots i.active{
    width:18px!important;
    border-radius:999px!important;
    background:#fff!important;
    opacity:1!important;
  }
}


/* HTSPORT V127.99 - Ẩn nút Flash Sale ở thanh tiện ích, giữ 5 ô đều */
.ht-v175-perks{grid-template-columns:repeat(5,1fr)!important}
.ht-v175-perks .ht-v175-perk[data-act="flash"]{display:none!important}
.ht-v175-perk.ht-mg196-btn,.ht-v175-perk[data-act="minigame"]{position:relative!important}
.ht-v175-perk.ht-mg196-btn .ico,.ht-v175-perk[data-act="minigame"] .ico{position:relative!important}
.ht-v175-perk.ht-mg196-btn .ico .dot,.ht-v175-perk[data-act="minigame"] .ico .dot{position:absolute!important;right:-1px!important;top:-2px!important;width:8px!important;height:8px!important;border-radius:999px!important;background:#ff2b4f!important;border:2px solid #fff!important;box-shadow:0 0 0 3px rgba(255,43,79,.12)!important}
.ht-v175-perk[data-act="minigame"] span,.ht-v175-perk.ht-mg196-btn span{font-size:8.4px!important;line-height:1.08!important}


/* V127.98 - chỉ giữ Mini game ở thanh 6 icon dưới banner */
#htMiniGameFloatV196,
#htMiniGameActionV196,
#htMiniGameServiceV196{display:none!important}
.ht-v175-perks #htMiniGamePerkV197{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important}
.ht-v175-perks #htMiniGamePerkV197 .ico{margin:0 auto 3px auto!important}
.ht-v175-perks #htMiniGamePerkV197 span{display:block!important;text-align:center!important;width:100%!important}

/* HTSPORT V127.100 - Mini game text nằm dưới icon như các nút khác */