/* tqq-crawl-seo-p1c-20260905 */
html body .tqq-shop-header-redbox .sup-hea-name{transform:translateY(10px)!important;}
html body .tqq-shop-header-redbox .sup-hea-name .sup-hea-m{margin-top:2px!important;}
@media(max-width:900px){html body .tqq-shop-header-redbox .sup-hea-name{transform:none!important;}html body .tqq-shop-header-redbox .sup-hea-name .sup-hea-m{margin-top:0!important;}}

.sml-a .sml-a-l{display:none!important;visibility:hidden!important;width:0!important;height:0!important;overflow:hidden!important;}

.sml-trade{font-size:14px;}

.idx-type,.idx-type-h,.hs-type,.header-sub02{position:relative!important;overflow:visible!important;z-index:31000!important;}
.type-all,.hs-type-all{z-index:32000!important;overflow:visible!important;background:#fff!important;box-shadow:0 8px 22px rgba(0,0,0,.14)!important;}
.idx-type-h:hover .type-all,.idx-type:hover .type-all,.hs-type:hover .hs-type-all{display:block!important;}
.hs-search,.sup-hea-search{position:relative!important;z-index:100!important;}

.soj-a,.soj-a,.list-a-m,.list02-a-m,.sml-a-l,.cart-contact,.hide-contact-mail{display:none!important;}

@media (min-width:901px){
  html body{
    background:#e9eef6!important;
  }
  html body .breadlink{
    max-width:1200px!important;
    width:calc(100vw - 48px)!important;
    margin:16px auto 12px!important;
    padding:10px 14px!important;
    border-radius:12px!important;
    background:#f8fafc!important;
    border:1px solid #dbe3ef!important;
    box-shadow:0 8px 24px rgba(15,23,42,.08)!important;
    box-sizing:border-box!important;
  }
  html body .breadlink a{
    color:#475569!important;
  }
  html body .sup-main{
    max-width:1200px!important;
    width:calc(100vw - 48px)!important;
    margin:0 auto 28px!important;
    box-sizing:border-box!important;
  }
  html body .sup-main-left,
  html body .sup-main-right,
  html body .sml-top,
  html body .sml-store,
  html body .sml-details,
  html body .sup-main .sml-a,
  html body .sup-main .sml-b,
  html body .sup-main .sml-c,
  html body .sup-main .smr-store,
  html body .sup-main .smr-product,
  html body .sup-main .smr-contact{
    background:#fff!important;
    border-color:#dbe3ef!important;
    box-shadow:0 12px 30px rgba(15,23,42,.08)!important;
  }
  html body .sml-top,
  html body .sml-store,
  html body .sml-details,
  html body .sup-main-right > div{
    border-radius:16px!important;
    overflow:hidden!important;
  }
  html body .sml-top{
    padding:16px!important;
    box-sizing:border-box!important;
  }
  html body .sml-left,
  html body .sml-right{
    background:#fff!important;
  }
  html body .sml-tit,
  html body .sml-price,
  html body .sml-trade,
  html body .sml-a,
  html body .sml-b,
  html body .sml-c{
    border-color:#e2e8f0!important;
  }
  html body .sml-tit h1,
  html body .sml-tit,
  html body .sml-name{
    color:#0f172a!important;
  }
  html body .sml-price{
    background:#f1f5f9!important;
    border-radius:12px!important;
  }
  html body .sml-details,
  html body .sml-store{
    margin-top:16px!important;
  }
  html body .sml-details img,
  html body .sml-left img,
  html body .box img{
    border-radius:12px!important;
  }
  html body .header01,
  html body .header04,
  html body .sup-header,
  html body .sup-hea{
    background:#f8fafc!important;
    border-bottom-color:#dbe3ef!important;
  }
}

@media (min-width:901px){
  html body .sup-main-left{
    min-width:0!important;
  }
  html body .sml-top{
    display:grid!important;
    grid-template-columns:430px minmax(0,1fr)!important;
    column-gap:34px!important;
    align-items:start!important;
    width:100%!important;
    min-height:500px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  html body .sml-left{
    grid-column:1!important;
    grid-row:1!important;
    float:none!important;
    width:430px!important;
    max-width:430px!important;
    min-width:430px!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  html body .sml-right{
    grid-column:2!important;
    grid-row:1!important;
    float:none!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  html body .sml-tit{
    margin-top:0!important;
  }
  html body .box,
  html body .tb-booth{
    max-width:100%!important;
  }
}

@media (min-width:901px){
  html body .sml-right{
    min-width:0!important;
    overflow:hidden!important;
  }
  html body .sml-trade{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    padding:12px 18px!important;
  }
  html body .sml-trade p{
    display:grid!important;
    grid-template-columns:minmax(120px, 180px) minmax(0, 1fr)!important;
    column-gap:28px!important;
    align-items:center!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  html body .sml-trade span,
  html body .sml-trade em,
  html body .sml-trade label{
    float:none!important;
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  html body .sml-trade em{
    color:#ff7a1a!important;
  }
}
@media (max-width:900px){
  html body .sml-trade{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
}

@media (min-width:901px){
  html body .sup-main-right{width:220px!important;min-width:220px!important;box-sizing:border-box!important;}
  html body .sup-main-right .lmain-right{width:100%!important;margin:0!important;padding:0!important;box-sizing:border-box!important;}
  html body .lmain-right-mlike,html body .lmain-right-word{width:100%!important;margin:0 0 16px 0!important;padding:14px!important;background:#fff!important;border:1px solid #e7edf5!important;border-radius:16px!important;box-shadow:0 10px 28px rgba(15,23,42,.08)!important;box-sizing:border-box!important;overflow:hidden!important;}
  html body .lmain-right-mlike>em,html body .lmain-right-word>em{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;margin:0 0 12px 0!important;padding:0!important;height:auto!important;line-height:22px!important;color:#0f172a!important;font-size:15px!important;font-weight:750!important;font-style:normal!important;border:0!important;}
  html body .lmain-right-mlike>em:before,html body .lmain-right-word>em:before{content:'';width:4px;height:18px;border-radius:99px;flex:0 0 auto;}
  html body .lmain-right-mlike>em:before{background:linear-gradient(180deg,#ff9a2f,#ff6b00);}
  html body .lmain-right-word>em:before{background:linear-gradient(180deg,#22c55e,#16a34a);}
  html body .lmain-right-mlike a{display:block!important;width:100%!important;margin:0 0 12px 0!important;padding:0!important;border:0!important;border-radius:14px!important;background:#fff!important;overflow:hidden!important;text-decoration:none!important;}
  html body .lmain-right-mlike a:last-child{margin-bottom:0!important;}
  html body .lmain-right-mlike img{display:block!important;width:100%!important;height:150px!important;max-height:150px!important;object-fit:cover!important;margin:0!important;border-radius:12px!important;background:#f8fafc!important;}
  html body .lmain-right-mlike span{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;width:100%!important;min-height:44px!important;line-height:22px!important;margin:8px 0 0 0!important;padding:0 2px!important;color:#ff7a1a!important;font-size:15px!important;font-weight:600!important;overflow:hidden!important;text-overflow:ellipsis!important;box-sizing:border-box!important;}
  html body .lmain-right-word{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:flex-start!important;}
  html body .lmain-right-word>em{flex:0 0 100%!important;}
  html body .lmain-right-word span{display:inline-flex!important;width:auto!important;max-width:100%!important;margin:0!important;padding:0!important;line-height:normal!important;float:none!important;overflow:visible!important;}
  html body .lmain-right-word span a{display:inline-flex!important;align-items:center!important;max-width:100%!important;min-height:30px!important;padding:5px 10px!important;border-radius:999px!important;background:#f1f5f9!important;color:#334155!important;font-size:14px!important;line-height:20px!important;text-decoration:none!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;box-sizing:border-box!important;transition:all .16s ease!important;}
  html body .lmain-right-word span a:hover{background:#fff3e8!important;color:#ff7a1a!important;}
}
@media (max-width:900px){html body .lmain-right-mlike,html body .lmain-right-word{padding:12px!important;border-radius:14px!important;}html body .lmain-right-word{display:flex!important;flex-wrap:wrap!important;gap:8px!important;}html body .lmain-right-word>em{flex:0 0 100%!important;}}

@media (min-width:901px){
  html body .sml-right .sml-li{
    display:grid!important;
    grid-template-columns:150px minmax(0, 1fr)!important;
    column-gap:16px!important;
    align-items:start!important;
    width:100%!important;
    max-width:100%!important;
    min-height:28px!important;
    line-height:24px!important;
    padding:5px 0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  html body .sml-right .sml-li em,
  html body .sml-right .sml-li span{
    float:none!important;
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    line-height:24px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  html body .sml-right .sml-li em{
    grid-column:1!important;
    color:#475569!important;
    text-align:left!important;
    white-space:nowrap!important;
  }
  html body .sml-right .sml-li span{
    grid-column:2!important;
    color:#0f172a!important;
    text-align:left!important;
    white-space:normal!important;
    word-break:break-word!important;
  }
  html body .sml-right .sml-nbsp{
    width:100%!important;
    margin:12px 0!important;
    clear:both!important;
  }
}
@media (max-width:900px){
  html body .sml-right .sml-li{
    display:grid!important;
    grid-template-columns:120px minmax(0, 1fr)!important;
    column-gap:10px!important;
  }
  html body .sml-right .sml-li em,
  html body .sml-right .sml-li span{
    float:none!important;
    width:auto!important;
    text-align:left!important;
  }
}

@media (min-width:901px){
  html body .sup-main{display:grid!important;grid-template-columns:minmax(0,1fr) 220px!important;column-gap:22px!important;align-items:start!important;max-width:1200px!important;width:calc(100vw - 48px)!important;margin:0 auto 28px!important;overflow:visible!important;box-sizing:border-box!important;}
  html body .sup-main-left{grid-column:1!important;grid-row:1!important;float:none!important;width:auto!important;max-width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box!important;overflow:visible!important;}
  html body .sup-main-right{grid-column:2!important;grid-row:1!important;float:none!important;display:block!important;visibility:visible!important;opacity:1!important;width:220px!important;min-width:220px!important;max-width:220px!important;margin:0!important;padding:0!important;box-sizing:border-box!important;overflow:visible!important;position:relative!important;z-index:20!important;}
  html body .sup-main-right .lmain-right,html body .sup-main-right .lmain-right-mlike,html body .sup-main-right .lmain-right-word{display:block!important;visibility:visible!important;opacity:1!important;max-width:100%!important;box-sizing:border-box!important;}
  html body .sml-top{max-width:100%!important;}
}

@media (min-width:901px){
  html body .sup-main{align-items:start!important;}
  html body .sup-main-right{align-self:start!important;margin-top:0!important;top:0!important;}
  html body .sup-main-right .lmain-right{margin-top:0!important;padding-top:0!important;}
  html body .sup-main-right .lmain-right-mlike:first-child{margin-top:0!important;}
  html body .sup-main-left{align-self:start!important;}
  html body .sml-top{margin-top:0!important;}
}

html body .sml-a .product-chat-btn{
  position:relative!important;
  top:-8px!important;
  transform:translateY(-4px)!important;
  vertical-align:top!important;
}
html body .sml-a .product-chat-btn img,
html body .sml-a .product-chat-btn span{
  vertical-align:middle!important;
}
@media (max-width:900px){
  html body .sml-a .product-chat-btn{
    top:-6px!important;
    transform:translateY(-2px)!important;
  }
}

@media (min-width:901px){
  html body .sup-main{
    column-gap:14px!important;
    background:#fff!important;
    border-radius:16px!important;
  }
  html body .sup-main-left,
  html body .sup-main-right{
    background:#fff!important;
  }
  html body .sup-main-right{
    margin-left:0!important;
  }
  html body .sml-top,
  html body .sml-store,
  html body .sml-details,
  html body .lmain-right-mlike,
  html body .lmain-right-word{
    background:#fff!important;
  }
}

html body .sml-a{overflow:visible!important;position:relative!important;z-index:30!important;}
html body .sml-a .product-chat-btn{position:relative!important;top:0!important;transform:translateY(2px)!important;z-index:9999!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle!important;overflow:visible!important;}
html body .sml-a .product-chat-btn img,html body .sml-a .product-chat-btn span{position:relative!important;z-index:2!important;}
@media (max-width:900px){html body .sml-a .product-chat-btn{top:0!important;transform:none!important;}}

@media (min-width:901px){
  html body .sup-main{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 170px!important;
    column-gap:18px!important;
    align-items:start!important;
    max-width:1200px!important;
    width:calc(100vw - 48px)!important;
    margin:0 auto 28px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  html body .sup-main-left{
    grid-column:1!important;
    grid-row:1!important;
    float:none!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    box-sizing:border-box!important;
    z-index:1!important;
  }
  html body .sup-main-right{
    grid-column:2!important;
    grid-row:1!important;
    float:none!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    width:170px!important;
    min-width:170px!important;
    max-width:170px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    box-sizing:border-box!important;
    z-index:2!important;
  }
  html body .sup-main-right .lmain-right{
    width:170px!important;
    min-width:170px!important;
    max-width:170px!important;
    margin:0!important;
    padding:0!important;
    float:none!important;
    box-sizing:border-box!important;
  }
  html body .lmain-right-mlike,
  html body .lmain-right-word{
    width:170px!important;
    min-width:170px!important;
    max-width:170px!important;
    margin:0 0 14px 0!important;
    padding:10px!important;
    border-radius:14px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  html body .lmain-right-mlike > em,
  html body .lmain-right-word > em{
    margin-bottom:10px!important;
    font-size:15px!important;
    line-height:20px!important;
  }
  html body .lmain-right-mlike a{
    display:block!important;
    width:100%!important;
    margin:0 0 10px 0!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:10px!important;
    box-sizing:border-box!important;
  }
  html body .lmain-right-mlike img{
    display:block!important;
    width:100%!important;
    height:108px!important;
    min-height:108px!important;
    max-height:108px!important;
    object-fit:contain!important;
    margin:0!important;
    padding:0!important;
    border-radius:10px!important;
    background:#fff!important;
    box-sizing:border-box!important;
  }
  html body .lmain-right-mlike span{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    width:100%!important;
    min-height:36px!important;
    max-height:36px!important;
    margin:6px 0 0 0!important;
    padding:0!important;
    color:#ff7a1a!important;
    font-size:13px!important;
    font-weight:700!important;
    line-height:18px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    word-break:break-all!important;
    box-sizing:border-box!important;
  }
  html body .sml-details,
  html body .sml-store,
  html body .sml-top,
  html body .sup-main-left img,
  html body .sml-details img{
    max-width:100%!important;
    box-sizing:border-box!important;
  }
}
@media (min-width:901px) and (max-width:1180px){
  html body .sup-main{
    grid-template-columns:minmax(0,1fr) 150px!important;
    column-gap:14px!important;
  }
  html body .sup-main-right,
  html body .sup-main-right .lmain-right,
  html body .lmain-right-mlike,
  html body .lmain-right-word{
    width:150px!important;
    min-width:150px!important;
    max-width:150px!important;
  }
  html body .lmain-right-mlike img{
    height:96px!important;
    min-height:96px!important;
    max-height:96px!important;
  }
  html body .lmain-right-mlike span{
    font-size:12px!important;
    line-height:17px!important;
    min-height:30px!important;
    max-height:30px!important;
  }
}

html body .l-member-gsuoo,
html body .sup-hea-m .l-member-gsuoo,
html body .sup-hea-m .icon-d.l-member-gsuoo,
html body .list-supplier .l-member-gsuoo,
html body .l-member-gsuoo.ls-h,
html body .l-member-gsuoo.st-h{
  background-image:url('/themes/home/cn/public/img/icon/g.png')!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:24px 24px!important;
}
html body .l-member-gsuoo img.tqq-member-gsuoo-t-icon{
  display:none!important;
}

@media (min-width:901px){
  html body .sml-top,
  html body .sml-right{
    overflow:visible!important;
  }
  html body .sml-right{
    padding-bottom:72px!important;
    background:#fff!important;
    border-radius:0 0 18px 18px!important;
  }
  html body .sml-otr{
    transform:none!important;
    margin-top:24px!important;
    margin-bottom:0!important;
    padding:0 0 10px 0!important;
    position:relative!important;
    z-index:2!important;
    background:#fff!important;
  }
}
@media (max-width:900px){
  html body .sml-right{
    padding-bottom:42px!important;
  }
  html body .sml-otr{
    transform:none!important;
    margin-top:14px!important;
    padding-bottom:8px!important;
    background:#fff!important;
  }
}

/* tqq-video-thumb-poster-badge-20260831 */
html body #video-a {
  position: relative !important;
  display: block !important;
  width: 58px !important;
  height: 58px !important;
  overflow: hidden !important;
  float: left;
  margin: 0 10px 0 0;
  background: #fff !important;
  box-sizing: border-box !important;
}
html body #video-a img {
  width: 58px !important;
  height: 58px !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
  background: #fff !important;
}
html body #video-a .tqq-video-play-badge {
  position: absolute !important;
  right: 3px !important;
  bottom: 3px !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  background: rgba(15, 23, 42, 0.72) !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.18) !important;
  pointer-events: none !important;
}
html body #video-a .tqq-video-play-badge::before {
  content: "" !important;
  position: absolute !important;
  left: 6px !important;
  top: 4px !important;
  width: 0 !important;
  height: 0 !important;
  border-style: solid !important;
  border-width: 5px 0 5px 8px !important;
  border-color: transparent transparent transparent #fff !important;
}

.tqq-inquiry-spec-box.tqq-ispec-listui{
  margin:12px 0 16px;border:0!important;border-radius:0!important;
  background:transparent!important;overflow:visible!important;
  position:relative;z-index:5;pointer-events:auto!important;
}
.tqq-inquiry-spec-box.tqq-ispec-listui .tqq-inquiry-spec-hd{
  display:flex;align-items:center;gap:8px;padding:0 2px 10px;margin:0;
  font-size:14px;font-weight:650;color:#1f2937;background:transparent!important;border:0!important;
}
.tqq-inquiry-spec-box.tqq-ispec-listui .tqq-inquiry-spec-hd::before{
  content:"";width:3px;height:13px;border-radius:2px;
  background:linear-gradient(180deg,#ff8a3d,#ff5400);flex:0 0 auto;
}
.tqq-inquiry-spec-box.tqq-ispec-listui ul.tqq-ispec-list{
  list-style:none;margin:0;padding:0;border:1px solid #e8edf3;border-radius:12px;
  background:#fff!important;overflow:hidden;box-shadow:0 4px 14px rgba(15,23,42,.04);
  pointer-events:auto!important;
}
.tqq-inquiry-spec-box.tqq-ispec-listui li{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:13px 16px;border-bottom:1px solid #f1f5f9;background:#fff!important;
  cursor:pointer;transition:background .16s ease,box-shadow .16s ease;
  pointer-events:auto!important;position:relative;z-index:1;
}
.tqq-inquiry-spec-box.tqq-ispec-listui li:last-child{border-bottom:0;}
.tqq-inquiry-spec-box.tqq-ispec-listui li:hover{background:#fffaf5!important;}
/* has qty: subtle only, NOT full selected look */
.tqq-inquiry-spec-box.tqq-ispec-listui li.has-qty .tqq-ispec-qty{
  border-color:#ffb27a;box-shadow:0 0 0 2px rgba(255,106,0,.08);
}
.tqq-inquiry-spec-box.tqq-ispec-listui li.has-qty .tqq-ispec-qty-input{color:#c2410c;}
/* only current focused row looks selected */
.tqq-inquiry-spec-box.tqq-ispec-listui li.is-active{
  background:linear-gradient(90deg,#fff8f1 0%,#fff 55%)!important;
  box-shadow:inset 3px 0 0 #ff6a00;
}
.tqq-inquiry-spec-box.tqq-ispec-listui li.is-active .tqq-ispec-title{color:#9a3412;font-weight:650;}
.tqq-inquiry-spec-box.tqq-ispec-listui li.tqq-ispec-fold{display:none;}
.tqq-inquiry-spec-box.tqq-ispec-listui.is-expanded li.tqq-ispec-fold{display:flex;}
.tqq-inquiry-spec-box.tqq-ispec-listui .tqq-ispec-main{
  flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px;pointer-events:none;
}
.tqq-inquiry-spec-box.tqq-ispec-listui .tqq-ispec-title{
  font-size:14px;line-height:1.4;color:#111827;font-weight:500;word-break:break-word;
}
.tqq-inquiry-spec-box.tqq-ispec-listui .tqq-ispec-moq{
  display:inline-flex;align-items:center;font-style:normal;font-size:11px;line-height:1;color:#64748b;
  background:#f8fafc;border:1px solid #e8eef5;border-radius:999px;padding:4px 8px;
}
.tqq-inquiry-spec-box.tqq-ispec-listui .tqq-ispec-side{
  flex:0 0 auto;display:flex;align-items:center;gap:14px;pointer-events:auto!important;position:relative;z-index:2;
}
.tqq-inquiry-spec-box.tqq-ispec-listui .tqq-ispec-price{
  font-style:normal;font-size:15px;font-weight:750;color:#ff5400;
  min-width:72px;text-align:right;white-space:nowrap;pointer-events:none;
}
.tqq-inquiry-spec-box.tqq-ispec-listui .tqq-ispec-qty{
  display:inline-flex;align-items:center;height:34px;border:1px solid #e5e7eb;border-radius:9px;
  overflow:hidden;background:#fff;pointer-events:auto!important;position:relative;z-index:3;
}
.tqq-inquiry-spec-box.tqq-ispec-listui .tqq-ispec-qty .tqq-ispec-minus,
.tqq-inquiry-spec-box.tqq-ispec-listui .tqq-ispec-qty .tqq-ispec-plus{
  width:34px;height:34px;border:0!important;background:#f8fafc!important;color:#64748b!important;
  font-size:18px;line-height:34px;cursor:pointer!important;padding:0!important;margin:0!important;
  pointer-events:auto!important;position:relative;z-index:4;
  -webkit-appearance:none;appearance:none;display:inline-flex!important;align-items:center;justify-content:center;
  user-select:none;-webkit-user-select:none;
}
.tqq-inquiry-spec-box.tqq-ispec-listui .tqq-ispec-qty .tqq-ispec-minus:hover,
.tqq-inquiry-spec-box.tqq-ispec-listui .tqq-ispec-qty .tqq-ispec-plus:hover{
  background:#fff1e6!important;color:#ff5400!important;
}
.tqq-inquiry-spec-box.tqq-ispec-listui .tqq-ispec-qty-input{
  width:48px;height:34px;border:0!important;border-left:1px solid #e5e7eb!important;border-right:1px solid #e5e7eb!important;
  text-align:center;font-size:14px;font-weight:700;color:#111827;outline:none;background:#fff!important;
  pointer-events:auto!important;position:relative;z-index:4;-moz-appearance:textfield;border-radius:0!important;
}
.tqq-inquiry-spec-box.tqq-ispec-listui .tqq-ispec-qty-input::-webkit-outer-spin-button,
.tqq-inquiry-spec-box.tqq-ispec-listui .tqq-ispec-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.tqq-inquiry-spec-box.tqq-ispec-listui .tqq-ispec-toggle{
  display:block;width:100%;margin-top:10px;padding:11px 14px;border:1px solid #ffd2ad;border-radius:10px;
  background:linear-gradient(180deg,#fff,#fff7f0);color:#ff5400;font-size:13px;font-weight:650;
  cursor:pointer;text-align:center;pointer-events:auto!important;position:relative;z-index:2;
}
.tqq-inquiry-spec-box.tqq-ispec-listui .tqq-ispec-toggle:hover{border-color:#ff5400;background:#fff4ea;}
@media (max-width:768px){
  .tqq-inquiry-spec-box.tqq-ispec-listui li{padding:12px;gap:10px;align-items:flex-start;}
  .tqq-inquiry-spec-box.tqq-ispec-listui .tqq-ispec-side{flex-direction:column;align-items:flex-end;gap:8px;}
  .tqq-inquiry-spec-box.tqq-ispec-listui .tqq-ispec-price{min-width:0;font-size:14px;}
}

@media (max-width: 768px){
  html body .sup-hea-name .sup-hea-m,
  html body .sup-header .sup-hea-name .sup-hea-m{
    display:flex!important;
    align-items:flex-start!important;
    gap:4px!important;
    min-height:20px!important;
    overflow:visible!important;
    flex-wrap:nowrap!important;
  }
  html body .sup-hea-name .tqq-shop-trust-badges,
  html body .sup-header .sup-hea-name .tqq-shop-trust-badges,
  html body section.tqq-shop-trust-badges{
    display:inline-flex!important;
    align-items:center!important;
    gap:4px!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:fit-content!important;
    max-width:fit-content!important;
    height:20px!important;
    min-height:20px!important;
    max-height:20px!important;
    line-height:1!important;
    overflow:visible!important;
    white-space:nowrap!important;
    margin:0!important;
    padding:0!important;
  }
  html body .sup-hea-name .tqq-shop-trust-badge,
  html body .sup-header .sup-hea-name .tqq-shop-trust-badge,
  html body section.tqq-shop-trust-badges strong.tqq-shop-trust-badge{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    flex:0 0 52px!important;
    width:fit-content!important;
    min-width:fit-content!important;
    max-width:fit-content!important;
    height:18px!important;
    min-height:18px!important;
    max-height:18px!important;
    line-height:18px!important;
    padding:0!important;
    margin:0!important;
    font-size:11px!important;
    font-weight:800!important;
    border-radius:999px!important;
    box-sizing:border-box!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    transform:none!important;
  }
  html body .sup-hea-name .tqq-shop-trust-badge:before,
  html body .sup-header .sup-hea-name .tqq-shop-trust-badge:before,
  html body section.tqq-shop-trust-badges strong.tqq-shop-trust-badge:before{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 16px!important;
    width:16px!important;
    min-width:16px!important;
    max-width:16px!important;
    height:16px!important;
    min-height:16px!important;
    max-height:16px!important;
    line-height:16px!important;
    font-size:8px!important;
    margin:0!important;
    padding:0!important;
  }
  html body .lmain-cen-list .p-label,
  html body .lmain-cen-list02 .p-label,
  html body .pro-list .p-label,
  html body .list-supplier,
  html body .p-label{
    display:flex!important;
    align-items:center!important;
    gap:3px!important;
    flex-wrap:nowrap!important;
    min-height:18px!important;
    height:18px!important;
    line-height:18px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }
  html body .p-label label,
  html body .p-label .tqq-mobile-level-badge,
  html body .p-label .icon-d,
  html body .p-label [class*="l-member-"],
  html body .list-supplier .icon-d,
  html body .list-supplier [class*="l-member-"]{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 16px!important;
    width:16px!important;
    min-width:16px!important;
    max-width:16px!important;
    height:16px!important;
    min-height:16px!important;
    max-height:16px!important;
    line-height:16px!important;
    padding:0!important;
    margin:0 3px 0 0!important;
    border:0!important;
    border-radius:0!important;
    background-size:16px 16px!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    overflow:hidden!important;
    font-size:0!important;
    color:transparent!important;
    vertical-align:middle!important;
  }
  html body .p-label label em,
  html body .p-label .tqq-mobile-level-badge em,
  html body .p-label .shname,
  html body .p-label .icon-details,
  html body .list-supplier .shname,
  html body .list-supplier .icon-details{
    display:none!important;
    width:0!important;
    height:0!important;
    max-width:0!important;
    max-height:0!important;
    overflow:hidden!important;
    opacity:0!important;
    visibility:hidden!important;
  }
  html body .p-label label img,
  html body .p-label .tqq-mobile-level-badge img,
  html body .p-label .icon-d img,
  html body .list-supplier .icon-d img{
    display:block!important;
    width:16px!important;
    min-width:16px!important;
    max-width:16px!important;
    height:16px!important;
    min-height:16px!important;
    max-height:16px!important;
    object-fit:contain!important;
    margin:0!important;
    padding:0!important;
  }
}

@media (min-width:901px){
  html body .sup-header .sup-hea-name{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:52px 58px 40px!important;
    row-gap:4px!important;
    align-content:center!important;
    align-items:center!important;
    height:166px!important;
    min-height:166px!important;
    max-height:166px!important;
    overflow:visible!important;
    position:static!important;
    transform:none!important;
    transition:none!important;
    animation:none!important;
  }
  html body .sup-header .sup-hea-name > em,
  html body .sup-hea-name > em{
    grid-row:1!important;
    align-self:end!important;
    display:block!important;
    width:100%!important;
    max-width:430px!important;
    height:36px!important;
    line-height:36px!important;
    margin:16px 0 0!important;
    padding:0!important;
    color:#111827!important;
    font-size:16px!important;
    font-weight:900!important;
    letter-spacing:.1px!important;
    text-align:left!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    position:relative!important;
    top:10px!important;
    left:0!important;
    transform:none!important;
    transition:none!important;
    animation:none!important;
    z-index:20!important;
  }
  html body .sup-header .sup-hea-name .sup-hea-m,
  html body .sup-hea-name .sup-hea-m{
    grid-row:2!important;
    align-self:start!important;
    margin-top:10px!important;
  }
  html body .sup-header .tqq-shop-header-chat-slot,
  html body .sup-header .sup-hea-name .tqq-shop-header-chat-slot{
    grid-row:3!important;
    align-self:center!important;
    margin-top:6px!important;
  }
}

<!-- disabled by tqq-en-email-pill-like-cn-20260812i -->

<!-- disabled absolute title pile -->

<!-- disabled absolute title pile -->

<!-- disabled absolute title pile -->

@media (min-width:901px){
  html body .sup-header .tqq-shop-company-title-module{
    font-size:15px!important;
    font-weight:900!important;
    height:auto!important;
    line-height:auto!important;
    top:7px!important;
    width:auto!important;
    max-width:auto!important;
  }
}

html body .sup-hea-nav,
html body .sup-header .sup-hea-nav{
  background:linear-gradient(90deg,#ffb300 0%,#ff8a00 55%,#ff7a00 100%)!important;
  border:0!important;
  box-shadow:0 2px 8px rgba(255,138,0,.22)!important;
}
html body .sup-hea-nav .shn-sub,
html body .sup-hea-nav .shn-a,
html body .sup-hea-nav a,
html body .sup-hea-nav .shn-lang-btn{
  background:transparent!important;
  color:#fff!important;
}
html body .sup-hea-nav .shn-a:hover,
html body .sup-hea-nav a:hover,
html body .sup-hea-nav .active,
html body .sup-hea-nav .shn-a.cur,
html body .sup-hea-nav .shn-a.on{
  background:rgba(255,255,255,.16)!important;
  color:#fff!important;
}

html body .sup-hea-nav,
html body .sup-header .sup-hea-nav,
html body .tqq-shop-header-redbox + .sup-hea-nav{
  background:linear-gradient(90deg,#ffb300 0%,#ff9700 45%,#ff7a00 100%)!important;
  border:0!important;
  border-top:0!important;
  border-bottom:0!important;
  box-shadow:0 2px 8px rgba(255,138,0,.22)!important;
}
html body .sup-hea-nav .shn-sub{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body .sup-hea-nav .shn-a,
html body .sup-hea-nav .shn-a a,
html body .sup-hea-nav a,
html body .sup-hea-nav .shn-lang,
html body .sup-hea-nav .shn-lang-btn{
  background:transparent!important;
  color:#fff!important;
  border-color:transparent!important;
  text-decoration:none!important;
}
html body .sup-hea-nav .shn-a:hover,
html body .sup-hea-nav .shn-a:hover a,
html body .sup-hea-nav a:hover,
html body .sup-hea-nav .shn-a.cur,
html body .sup-hea-nav .shn-a.on,
html body .sup-hea-nav .active,
html body .sup-hea-nav .shn-lang-wrap:hover .shn-lang-btn,
html body .sup-hea-nav .shn-lang-wrap.is-open .shn-lang-btn{
  background:rgba(255,255,255,.16)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.22)!important;
}
html body .sup-hea-nav .shn-lang-menu,
html body .sup-hea-nav .shn-lang-menu a{
  color:#333!important;
}
html body .sup-hea-nav .shn-lang-menu a:hover,
html body .sup-hea-nav .shn-lang-menu a.active{
  background:#fff7ed!important;
  color:#ea580c!important;
}

@media (min-width:901px){
  html body .tqq-shop-header-redbox .sup-hea-name .sup-hea-m,
  html body .sup-header .sup-hea-name .sup-hea-m{
    margin-left:18px!important;
    width:250px!important;
    min-width:250px!important;
    max-width:250px!important;
  }
  html body .tqq-shop-header-redbox section.tqq-shop-trust-badges,
  html body .sup-header section.tqq-shop-trust-badges{
    margin-left:0!important;
    width:fit-content!important;
    min-width:fit-content!important;
    max-width:fit-content!important;
  }
  html body .tqq-shop-header-redbox section.tqq-shop-trust-badges strong.tqq-shop-trust-badge,
  html body .sup-header section.tqq-shop-trust-badges strong.tqq-shop-trust-badge{
    width:fit-content!important;
    min-width:fit-content!important;
    max-width:fit-content!important;
  }
}

html body .sup-hea-nav .shn-lang-menu a,
html body .sup-hea-nav .shn-lang-menu a:link,
html body .sup-hea-nav .shn-lang-menu a:visited,
html body .sup-hea-nav .shn-lang-menu a:not(:hover):not(.active),
html body .tqq-lang-body-portal a,
html body .tqq-lang-body-portal a:link,
html body .tqq-lang-body-portal a:visited,
html body .tqq-lang-body-portal a:not(:hover):not(.active),
html body .idx-a.idx-lang-multi .idx-a-sub a,
html body .idx-a.idx-lang-multi .idx-a-sub a:link,
html body .idx-a.idx-lang-multi .idx-a-sub a:visited,
html body .idx-a.idx-lang-multi .idx-a-sub a:not(:hover):not(.active),
html body .idx-a.idx-lang-multi .idx-lang-sub a,
html body .idx-a.idx-lang-multi .idx-lang-sub a:link,
html body .idx-a.idx-lang-multi .idx-lang-sub a:visited,
html body .idx-a.idx-lang-multi .idx-lang-sub a:not(:hover):not(.active){
  color:#1f2937!important;
  background:#f8fafc!important;
  -webkit-text-fill-color:#1f2937!important;
  text-shadow:none!important;
  opacity:1!important;
  visibility:visible!important;
}
html body .sup-hea-nav .shn-lang-menu a:hover,
html body .sup-hea-nav .shn-lang-menu a.active,
html body .tqq-lang-body-portal a:hover,
html body .tqq-lang-body-portal a.active,
html body .idx-a.idx-lang-multi .idx-a-sub a:hover,
html body .idx-a.idx-lang-multi .idx-a-sub a.active,
html body .idx-a.idx-lang-multi .idx-lang-sub a:hover,
html body .idx-a.idx-lang-multi .idx-lang-sub a.active{
  color:#ea580c!important;
  background:#fff7ed!important;
  -webkit-text-fill-color:#ea580c!important;
}
html body .sup-hea-nav .shn-lang-menu,
html body .tqq-lang-body-portal,
html body .idx-a.idx-lang-multi .idx-a-sub,
html body .idx-a.idx-lang-multi .idx-lang-sub{
  background:#fff!important;
  color:#111827!important;
  text-shadow:none!important;
}

@media (min-width:901px){
  /* Kill clippers that hide 此供应商内 / 全站 menu */
  html body .sup-hea-search,
  html body .tqq-shop-header-redbox .sup-hea-search,
  html body .sup-header .sup-hea-search,
  html body .sup-hea-right,
  html body .tqq-shop-header-redbox .sup-hea-right,
  html body .sup-hea-search .hss-type,
  html body .tqq-shop-header-redbox .sup-hea-search .hss-type{
    overflow:visible!important;
  }
  html body .sup-hea-search .hss-type,
  html body .tqq-shop-header-redbox .sup-hea-search .hss-type{
    position:relative!important;
    z-index:2147483000!important;
    cursor:pointer!important;
    pointer-events:auto!important;
  }
  html body .sup-hea-search .hss-type #search_words,
  html body .sup-hea-search .hss-type .l-bottom,
  html body .sup-hea-search .hss-type *{
    pointer-events:auto!important;
    cursor:pointer!important;
  }
  html body .sup-hea-search .hss-type-a,
  html body .tqq-shop-header-redbox .sup-hea-search .hss-type-a,
  html body .sup-hea-search .hss-type > .hss-type-a{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    position:absolute!important;
    top:calc(100% + 6px)!important;
    left:0!important;
    right:auto!important;
    bottom:auto!important;
    width:180px!important;
    min-width:180px!important;
    padding:8px!important;
    margin:0!important;
    background:#fff!important;
    border:1px solid #e5e7eb!important;
    border-radius:12px!important;
    box-shadow:0 16px 38px rgba(15,23,42,.18)!important;
    z-index:2147483647!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  html body .sup-hea-search .hss-type:hover > .hss-type-a,
  html body .sup-hea-search .hss-type:hover .hss-type-a,
  html body .sup-hea-search .hss-type.is-open > .hss-type-a,
  html body .sup-hea-search .hss-type.is-open .hss-type-a,
  html body .sup-hea-search .hss-type:focus-within > .hss-type-a,
  html body .sup-hea-search .hss-type:focus-within .hss-type-a,
  html body .tqq-shop-header-redbox .sup-hea-search .hss-type:hover .hss-type-a,
  html body .tqq-shop-header-redbox .sup-hea-search .hss-type.is-open .hss-type-a{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    height:auto!important;
    max-height:none!important;
  }
  html body .sup-hea-search .hss-type-a em{
    display:block!important;
    height:38px!important;
    line-height:38px!important;
    padding:0 14px!important;
    margin:0!important;
    font-size:14px!important;
    color:#334155!important;
    white-space:nowrap!important;
    cursor:pointer!important;
    border-radius:8px!important;
  }
  html body .sup-hea-search .hss-type-a em:hover{
    background:#fff7ed!important;
    color:#ea580c!important;
  }
}

@media (min-width:901px){
  /* When scope menu open/hover, lift entire search above chat/email modules */
  html body .sup-hea-search,
  html body .tqq-shop-header-redbox .sup-hea-search,
  html body .sup-header .sup-hea-search{
    position:relative!important;
    overflow:visible!important;
    z-index:2147483000!important;
  }
  html body .sup-hea-search .hss-type,
  html body .tqq-shop-header-redbox .sup-hea-search .hss-type{
    position:relative!important;
    overflow:visible!important;
    z-index:2147483500!important;
  }
  html body .sup-hea-search .hss-type:hover,
  html body .sup-hea-search .hss-type.is-open,
  html body .sup-hea-search .hss-type:focus-within{
    z-index:2147483600!important;
  }
  html body .sup-hea-search .hss-type-a,
  html body .sup-hea-search .hss-type > .hss-type-a,
  html body .tqq-shop-header-redbox .sup-hea-search .hss-type-a{
    position:absolute!important;
    top:calc(100% + 6px)!important;
    left:0!important;
    z-index:2147483647!important;
    display:none!important;
  }
  html body .sup-hea-search .hss-type:hover > .hss-type-a,
  html body .sup-hea-search .hss-type:hover .hss-type-a,
  html body .sup-hea-search .hss-type.is-open > .hss-type-a,
  html body .sup-hea-search .hss-type.is-open .hss-type-a,
  html body .sup-hea-search .hss-type:focus-within > .hss-type-a,
  html body .sup-hea-search .hss-type:focus-within .hss-type-a{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    z-index:2147483647!important;
  }
  /* Keep 联系客服 / email BELOW the scope dropdown */
  html body .tqq-shop-header-chat-module,
  html body .tqq-shop-header-email-module,
  html body .sup-hea-right .tqq-shop-header-chat-module,
  html body .sup-hea-right .tqq-shop-header-email-module,
  html body .tqq-shop-header-redbox .tqq-shop-header-chat-module,
  html body .tqq-shop-header-redbox .tqq-shop-header-email-module,
  html body a.tqq-shop-header-chat-btn,
  html body .tqq-shop-header-chat-btn{
    position:relative!important;
    z-index:10!important;
  }
  /* When dropdown open, further bury chat so it cannot paint through menu */
  html body.tqq-shop-scope-open .tqq-shop-header-chat-module,
  html body.tqq-shop-scope-open .tqq-shop-header-email-module,
  html body.tqq-shop-scope-open .tqq-shop-header-chat-btn{
    z-index:1!important;
  }
  html body.tqq-shop-scope-open .sup-hea-search,
  html body.tqq-shop-scope-open .sup-hea-search .hss-type,
  html body.tqq-shop-scope-open .sup-hea-search .hss-type-a{
    z-index:2147483647!important;
  }
}

@media (min-width:901px){
  /* Hide broken sprite / old triangle arrow */
  html body .sup-hea-search .hss-type .l-bottom,
  html body .sup-hea-search .hss-type .h-h,
  html body .sup-hea-search .hss-type .l-bottom.h-h,
  html body .tqq-shop-header-redbox .sup-hea-search .hss-type .l-bottom{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:none!important;
    opacity:0!important;
    overflow:hidden!important;
  }
  /* Room for caret; never clip */
  html body .sup-hea-search .hss-type,
  html body .tqq-shop-header-redbox .sup-hea-search .hss-type{
    position:relative!important;
    overflow:visible!important;
    padding-right:28px!important;
    box-sizing:border-box!important;
  }
  html body .sup-hea-search .hss-type #search_words{
    overflow:visible!important;
    text-overflow:clip!important;
    max-width:none!important;
    padding-right:0!important;
  }
  /* Full chevron via ::after */
  html body .sup-hea-search .hss-type::after,
  html body .tqq-shop-header-redbox .sup-hea-search .hss-type::after{
    content:""!important;
    position:absolute!important;
    right:10px!important;
    top:50%!important;
    width:8px!important;
    height:8px!important;
    margin:0!important;
    border:solid #64748b!important;
    border-width:0 2px 2px 0!important;
    box-sizing:border-box!important;
    transform:translateY(-65%) rotate(45deg)!important;
    pointer-events:none!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    background:transparent!important;
    z-index:3!important;
  }
  html body .sup-hea-search .hss-type:hover::after,
  html body .sup-hea-search .hss-type.is-open::after{
    border-color:#ff8a12!important;
  }
}

/* Desktop: company name vs badges — slightly tighter than 20260725o */
@media (min-width:901px) {
  html body .tqq-shop-header-redbox .sup-hea-name,
  html body .sup-header.tqq-shop-header-redbox .sup-hea-name,
  html body .sup-header .sup-hea-name {
    display: grid !important;
    grid-template-rows: auto auto !important;
    row-gap: 10px !important;
    align-content: start !important;
    height: auto !important;
    min-height: 0 !important;
  }
  html body .tqq-shop-header-redbox .tqq-shop-company-title-module,
  html body .sup-header .tqq-shop-company-title-module,
  html body .sup-header .sup-hea-name > em {
    grid-row: 1 !important;
    height: auto !important;
    min-height: 32px !important;
    line-height: 1.35 !important;
    margin: 0 !important;
    padding: 0 0 4px 0 !important;
  }
  html body .tqq-shop-header-redbox .sup-hea-name .sup-hea-m,
  html body .tqq-shop-header-redbox .sup-hea-m,
  html body .sup-header .sup-hea-name .sup-hea-m,
  html body .sup-header .sup-hea-m {
    grid-row: 2 !important;
    margin-top: 8px !important;
    padding-top: 0 !important;
    height: auto !important;
    min-height: 58px !important;
    max-height: none !important;
  }
  html body .tqq-shop-header-redbox section.tqq-shop-trust-badges,
  html body .sup-header section.tqq-shop-trust-badges {
    margin-top: 0 !important;
    gap: 6px !important;
  }
}

/* FINAL: company title ABOVE badges — kill all absolute pile */
@media (min-width:901px) {
  html body .sup-header.tqq-shop-header-redbox .sup-hea-cen,
  html body .tqq-shop-header-redbox .sup-hea-cen {
    align-items: flex-start !important;
  }
  html body .sup-header.tqq-shop-header-redbox .sup-hea-name,
  html body .tqq-shop-header-redbox .sup-hea-name,
  html body .sup-header .sup-hea-name {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    row-gap: 10px !important;
    position: relative !important;
    height: auto !important;
    min-height: 96px !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
    grid-template-rows: none !important;
    grid-template-columns: none !important;
  }
  html body .sup-header .tqq-shop-company-title-module,
  html body .tqq-shop-header-redbox .tqq-shop-company-title-module,
  html body .sup-hea-name > .tqq-shop-company-title-module,
  html body #tqq-en-shop-company-title-module-structure-20260712 {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    float: none !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    max-width:auto!important;
    min-width: 0 !important;
    height: auto !important;
    min-height:auto!important;
    max-height: none !important;
    line-height: 1.35 !important;
    margin: 0 0 2px 0 !important;
    padding: 0 !important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space: nowrap !important;
    color: #111827 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    z-index: 2 !important;
    order: 1 !important;
    grid-row: auto !important;
    grid-column: auto !important;
  }
  html body .sup-header .sup-hea-name .sup-hea-m,
  html body .tqq-shop-header-redbox .sup-hea-m,
  html body .sup-hea-name > .sup-hea-m {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    float: none !important;
    display: block !important;
    width: auto !important;
    max-width: 240px !important;
    height: auto !important;
    min-height: 58px !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    z-index: 1 !important;
    order: 2 !important;
    grid-row: auto !important;
    grid-column: auto !important;
  }
  html body .sup-header section.tqq-shop-trust-badges,
  html body .tqq-shop-header-redbox section.tqq-shop-trust-badges,
  html body section.tqq-shop-trust-badges {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    width:fit-content!important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

@media (min-width:901px) {
  /* EN desktop: company name + badges slightly lower and to the right */
  html body .sup-header.tqq-shop-header-redbox .sup-hea-name,
  html body .tqq-shop-header-redbox .sup-hea-name,
  html body .sup-header .sup-hea-name {
    margin-top: 14px !important;
    margin-left: 16px !important;
    padding-top: 4px !important;
    padding-left: 4px !important;
    transform: none !important;
  }
  html body .sup-header .tqq-shop-company-title-module,
  html body .tqq-shop-header-redbox .tqq-shop-company-title-module,
  html body #tqq-en-shop-company-title-module-structure-20260712 {font-size:15px;
    margin-top: 0 !important;
  }
}

@media (min-width:901px){
  /* After topnav-float: keep search row above hot-search so 产品 dropdown is not covered */
  html body .header-sub02,
  html body .header01 .header-sub02{
    position:relative!important;
    z-index:300!important;
    overflow:visible!important;
    isolation:auto!important;
  }
  html body .header-sub02 .hs-search,
  html body .header-sub02 .hss-type{
    position:relative!important;
    z-index:310!important;
    overflow:visible!important;
  }
  html body .header-sub03,
  html body .header01 .header-sub03,
  html body .hot-search,
  html body .header01 .hot-search,
  html body .header-sub03 .hot-search,
  html body .header-sub03 .hs-hot,
  html body .list-main,
  html body .lmain,
  html body .lmain-cen,
  html body .pro-list{
    z-index:1!important;
  }
  html body .tqq-search-type-portal-final-20260712{
    position:fixed!important;
    z-index:2147483647!important;
    background:#fff!important;
    box-shadow:0 16px 38px rgba(15,23,42,.22)!important;
    pointer-events:auto!important;
    overflow:visible!important;
  }
  html body .header-sub02 .hs-search .hss-type .hss-type-a,
  html body .hs-search .hss-type-a{
    z-index:320!important;
    background:#fff!important;
  }
}

@media (min-width:901px) {
  /* Pull EN shop header search/contact block left toward company info */
  html body .tqq-shop-header-redbox .sup-hea-cen,
  html body .sup-header.tqq-shop-header-redbox .sup-hea-cen {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    column-gap: 28px !important;
    align-items: start !important;
    justify-content: start !important;
  }
  html body .tqq-shop-header-redbox .sup-hea-name,
  html body .sup-header.tqq-shop-header-redbox .sup-hea-name {
    justify-self: start !important;
  }
  html body .tqq-shop-header-redbox .sup-hea-right,
  html body .sup-header.tqq-shop-header-redbox .sup-hea-right {
    justify-self: start !important;
    justify-content: start !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    width: auto !important;
    max-width: 720px !important;
    min-width: 520px !important;
  }
}

/* Keep both shop + header language menus clickable */
html body .tqq-lang-body-portal.is-open{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  z-index:2147483647!important;
}
html body .tqq-lang-body-portal.is-open a{
  pointer-events:auto!important;
  cursor:pointer!important;
}
/* tqq-lang-one-panel-20260804y: NEVER show native lang panel on desktop — portal only (prevents bottom ghost overlap) */
@media (min-width:901px){
  html body .idx-a.idx-lang-multi > .idx-lang-sub,
  html body .idx-a.idx-lang-multi > .idx-a-sub.idx-lang-sub,
  html body .idx-a.idx-lang-multi:hover > .idx-lang-sub,
  html body .idx-a.idx-lang-multi:hover > .idx-a-sub.idx-lang-sub,
  html body .idx-a.idx-lang-multi.is-open > .idx-lang-sub,
  html body .idx-a.idx-lang-multi.is-open > .idx-a-sub.idx-lang-sub,
  html body .idx-r > .idx-a.idx-lang-multi > .idx-lang-sub,
  html body .idx-r > .idx-a.idx-lang-multi > .idx-a-sub.idx-lang-sub,
  html body .idx-r > .idx-a.idx-lang-multi:hover > .idx-lang-sub,
  html body .idx-r > .idx-a.idx-lang-multi:hover > .idx-a-sub.idx-lang-sub,
  html body .idx-r > .idx-a.idx-lang-multi.is-open > .idx-lang-sub,
  html body .idx-r > .idx-a.idx-lang-multi.is-open > .idx-a-sub.idx-lang-sub{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    position:absolute!important;
    left:-99999px!important;
    top:auto!important;
    right:auto!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    max-height:0!important;
    overflow:hidden!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    box-shadow:none!important;
  }
}
/* Bridge gap so menu does not close before click */
html body .sup-hea-nav .shn-lang-menu{top:100%!important; margin-top:0!important;}
html body .sup-hea-nav .shn-lang-wrap:hover .shn-lang-menu,
html body .sup-hea-nav .shn-lang-wrap.is-open .shn-lang-menu{
  display:grid!important;
  pointer-events:auto!important;
}
html body .sup-hea-nav .shn-lang-wrap::after{
  content:"";
  position:absolute; left:0; right:0; top:100%; height:14px;
  background:transparent;
}

/* Kill body-cloned topnav float; native .idx-a-sub only (fixes ghost/overlap) */
html body .tqq-dd-float-20260725bu,
html body .tqq-dd-float-20260725bu.bshadow,
html body [class*="tqq-dd-float-20260725"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  left: -99999px !important;
  top: -99999px !important;
  z-index: -1 !important;
}
@media (min-width: 901px) {
  html body .idx-r > .idx-a:not(.idx-lang-multi) {
    position: relative !important;
    overflow: visible !important;
    z-index: 9200 !important;
  }
  html body .idx-r > .idx-a:not(.idx-lang-multi) > .idx-a-sub,
  html body .idx-r > .idx-a:not(.idx-lang-multi) > .idx-a-sub.bshadow,
  html body .header01 .idx-r > .idx-a:not(.idx-lang-multi) > .idx-a-sub,
  html body .header04 .idx-r > .idx-a:not(.idx-lang-multi) > .idx-a-sub {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: auto !important;
    min-width: 168px !important;
    width: max-content !important;
    max-width: 260px !important;
    margin: 0 !important;
    padding: 6px 0 !important;
    background: #fff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 10px !important;
    box-shadow: 0 12px 28px rgba(15,23,42,.14) !important;
    z-index: 2147483646 !important;
    box-sizing: border-box !important;
  }
  html body .idx-r > .idx-a:not(.idx-lang-multi):not(:hover):not(.is-open) > .idx-a-sub {
    display: none !important;
  }
  html body .idx-r > .idx-a:not(.idx-lang-multi):hover > .idx-a-sub,
  html body .idx-r > .idx-a:not(.idx-lang-multi).is-open > .idx-a-sub,
  html body .header01 .idx-r > .idx-a:not(.idx-lang-multi):hover > .idx-a-sub,
  html body .header01 .idx-r > .idx-a:not(.idx-lang-multi).is-open > .idx-a-sub,
  html body .header04 .idx-r > .idx-a:not(.idx-lang-multi):hover > .idx-a-sub,
  html body .header04 .idx-r > .idx-a:not(.idx-lang-multi).is-open > .idx-a-sub {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    height: auto !important;
    max-height: 360px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  html body .idx-r > .idx-a:not(.idx-lang-multi) > .idx-a-sub > a {
    display: block !important;
    float: none !important;
    width: auto !important;
    padding: 9px 22px !important;
    line-height: 1.4 !important;
    color: #334155 !important;
    background: #fff !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    text-shadow: none !important;
    filter: none !important;
    box-shadow: none !important;
  }
  html body .idx-r > .idx-a:not(.idx-lang-multi) > .idx-a-sub > a:hover {
    background: #fff7ed !important;
    color: #ff7a00 !important;
  }
}

/* Full company name: no ellipsis; shrink font when needed */
html body .tqq-shop-header-redbox .tqq-shop-company-title-module,
html body .sup-header.tqq-shop-header-redbox .tqq-shop-company-title-module,
html body .sup-header .tqq-shop-company-title-module,
html body .tqq-shop-company-title-module,
html body .sup-hea-name > em.tqq-shop-company-title-module,
html body .sup-hea-name > .tqq-shop-company-title-module {
  white-space: nowrap !important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width: 100% !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height:auto!important;
  max-height: none !important;
  line-height: 1.25 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  display: block !important;
  box-sizing: border-box !important;
}
html body .tqq-shop-header-redbox .sup-hea-name {
  overflow: visible !important;
  max-width: min(520px, 42vw) !important;
  width: auto !important;
  min-width: 220px !important;
}
@media (max-width: 900px) {
  html body .tqq-shop-header-redbox .tqq-shop-company-title-module,
  html body .tqq-shop-company-title-module {
    white-space: normal !important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:15px !important;
    line-height: 1.3 !important;
  }
}

/* Beat #tqq-en-shop-company-title-module-structure ID ellipsis */
html body .tqq-shop-header-redbox .tqq-shop-company-title-module,
html body .sup-header.tqq-shop-header-redbox .tqq-shop-company-title-module,
html body .sup-header .tqq-shop-company-title-module,
html body .tqq-shop-company-title-module,
html body .sup-hea-name > .tqq-shop-company-title-module,
html body #tqq-en-shop-company-title-module-structure-20260712,
html body .tqq-shop-header-redbox #tqq-en-shop-company-title-module-structure-20260712,
html body .sup-header #tqq-en-shop-company-title-module-structure-20260712,
html body div#tqq-en-shop-company-title-module-structure-20260712.tqq-shop-company-title-module {
  white-space: nowrap !important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  -webkit-line-clamp: unset !important;
  max-width: min(560px, 46vw) !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  min-height:auto!important;
  max-height: none !important;
  line-height: 1.25 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: -0.015em !important;
  display: block !important;
  background: transparent !important;
}
html body .tqq-shop-header-redbox .sup-hea-name,
html body .sup-header .sup-hea-name {
  overflow: visible !important;
  max-width: min(560px, 46vw) !important;
}

/* One solid topnav dropdown panel — no ghost/split/float twin */
html body .tqq-dd-float-20260725bu,
html body [class*="tqq-dd-float-20260725"],
html body .tqq-topnav-body-float,
html body .tqq-top-dropdown-portal-force,
html body .tqq-top-dropdown-portal-force-v2 {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
  left: -99999px !important;
  top: -99999px !important;
}
@media (min-width: 901px) {
  html body .header01 .idx-r,
  html body .header04 .idx-r,
  html body .idx-r {
    overflow: visible !important;
    position: relative !important;
    z-index: 9200 !important;
  }
  html body .idx-r > .idx-a:not(.idx-lang-multi) {
    position: relative !important;
    overflow: visible !important;
    z-index: 9201 !important;
  }
  html body .idx-r > .idx-a:not(.idx-lang-multi) > .idx-a-sub,
  html body .idx-r > .idx-a:not(.idx-lang-multi) > .idx-a-sub.bshadow,
  html body .header01 .idx-r > .idx-a:not(.idx-lang-multi) > .idx-a-sub,
  html body .header04 .idx-r > .idx-a:not(.idx-lang-multi) > .idx-a-sub,
  html body .idx-r > .idx-a.idx-a-h:not(.idx-lang-multi) > .idx-a-sub {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: auto !important;
    transform: none !important;
    margin: 0 !important;
    padding: 6px 0 !important;
    min-width: 168px !important;
    width: max-content !important;
    max-width: 260px !important;
    height: auto !important;
    max-height: none !important;
    overflow: hidden !important; /* prevent leaked/ghost last item */
    background: #fff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 10px !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.14) !important;
    filter: none !important;
    -webkit-filter: none !important;
    backdrop-filter: none !important;
    outline: 0 !important;
    z-index: 2147483646 !important;
    box-sizing: border-box !important;
  }
  html body .idx-r > .idx-a:not(.idx-lang-multi):not(:hover):not(.is-open) > .idx-a-sub {
    display: none !important;
  }
  html body .idx-r > .idx-a:not(.idx-lang-multi):hover > .idx-a-sub,
  html body .idx-r > .idx-a:not(.idx-lang-multi).is-open > .idx-a-sub {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
  html body .idx-r > .idx-a:not(.idx-lang-multi) > .idx-a-sub > a,
  html body .idx-r > .idx-a:not(.idx-lang-multi) > .idx-a-sub.bshadow > a {
    display: block !important;
    position: static !important;
    float: none !important;
    clear: both !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 9px 22px !important;
    line-height: 1.4 !important;
    background: #fff !important;
    color: #334155 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    white-space: nowrap !important;
    text-decoration: none !important;
  }
  html body .idx-r > .idx-a:not(.idx-lang-multi) > .idx-a-sub > a:hover {
    background: #fff7ed !important;
    color: #ff7a00 !important;
  }
  html body .idx-r > .idx-a:not(.idx-lang-multi) > .idx-a-sub:before,
  html body .idx-r > .idx-a:not(.idx-lang-multi) > .idx-a-sub:after,
  html body .idx-r > .idx-a:not(.idx-lang-multi) > .idx-a-sub.bshadow:before,
  html body .idx-r > .idx-a:not(.idx-lang-multi) > .idx-a-sub.bshadow:after {
    content: none !important;
    display: none !important;
    box-shadow: none !important;
    background: transparent !important;
  }
}

/* Push sidebar 联系客服 below company name; fix float collapse */
html body .sup-otrm-jc .soj-info{
  overflow:visible!important;
  min-height:52px!important;
  margin-bottom:14px!important;
  padding-bottom:4px!important;
}
html body .sup-otrm-jc .soj-info::after{
  content:""!important;
  display:block!important;
  clear:both!important;
  height:0!important;
}
html body .sup-otrm-jc .soj-right{
  float:none!important;
  display:block!important;
  overflow:visible!important;
  width:auto!important;
  max-width:100%!important;
  margin-left:72px!important; /* leave room for logo */
  box-sizing:border-box!important;
}
html body .sup-otrm-jc .soj-right em{
  display:block!important;
  white-space:normal!important;
  word-break:break-word!important;
  line-height:1.45!important;
  overflow:visible!important;
  max-height:none!important;
}
html body .sup-otrm-jc .soj-pic{
  float:left!important;
}
html body .sup-otrm-jc a.product-chat-btn,
html body .sup-otrm-jc .product-chat-btn{
  clear:both!important;
  float:none!important;
  display:inline-flex!important;
  position:relative!important;
  z-index:1!important;
  margin:18px 0 8px 16px!important;
  margin-top:18px!important;
}

@media (min-width:901px){
  /* FINAL: only real :hover opens service menus (no focus-within / is-open sticky) */
  html body .idx-r > .idx-a:not(.idx-lang-multi):not(:hover) > .idx-a-sub,
  html body .idx-r > .idx-a:not(.idx-lang-multi):not(:hover) > .idx-a-sub.bshadow,
  html body .header01 .idx-r > .idx-a:not(.idx-lang-multi):not(:hover) > .idx-a-sub,
  html body .header04 .idx-r > .idx-a:not(.idx-lang-multi):not(:hover) > .idx-a-sub,
  html body .idx-r > .idx-a:not(.idx-lang-multi).is-open:not(:hover) > .idx-a-sub,
  html body .idx-r > .idx-a:not(.idx-lang-multi):focus-within:not(:hover) > .idx-a-sub,
  html body .header01 .idx-r > .idx-a:not(.idx-lang-multi).is-open:not(:hover) > .idx-a-sub,
  html body .header04 .idx-r > .idx-a:not(.idx-lang-multi).is-open:not(:hover) > .idx-a-sub,
  html body .header01 .idx-r > .idx-a:not(.idx-lang-multi):focus-within:not(:hover) > .idx-a-sub,
  html body .header04 .idx-r > .idx-a:not(.idx-lang-multi):focus-within:not(:hover) > .idx-a-sub{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
    height:0 !important;
    max-height:0 !important;
    overflow:hidden !important;
  }
  html body .idx-r > .idx-a:not(.idx-lang-multi):hover > .idx-a-sub,
  html body .idx-r > .idx-a:not(.idx-lang-multi):hover > .idx-a-sub.bshadow{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    height:auto !important;
    max-height:none !important;
    overflow:hidden !important;
  }
  html body .tqq-topnav-service-body-portal,
  html body .tqq-topnav-body-float,
  html body .tqq-dd-float-20260725bu,
  html body [class*="tqq-dd-float-20260725"]{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
  }
}

@media (min-width:901px){
  /* Stable company name: no JS resize, no flash, 2-line wrap, full text */
  html body .sup-header.tqq-shop-header-redbox .sup-hea-cen,
  html body .sup-header .sup-hea-cen{
    column-gap:8px!important;
    gap:8px!important;
  }
  html body .sup-header .sup-hea-logo{
    margin:0!important;
  }
  html body .sup-header .sup-hea-name{
    margin:0!important;
    margin-left:0!important;
    padding-left:0!important;
    overflow:visible!important;
    max-width:min(440px,36vw)!important;
    width:auto!important;
    min-width:200px!important;
    transform:none!important;
    animation:none!important;
    transition:none!important;
  }
  html body .tqq-shop-company-title-module,
  html body .sup-header .tqq-shop-company-title-module,
  html body #tqq-en-shop-company-title-module-structure-20260712,
  html body .sup-hea-name > em,
  html body .sup-header .sup-hea-name > em,
  html body .sup-hea-name > em.tqq-shop-company-title-module{
    display:block!important;
    position:relative!important;
    z-index:2!important;
    left:auto!important;
    top:auto!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    font-size:15px!important;
    font-weight:700!important;
    font-style:normal!important;
    line-height:1.3!important;
    letter-spacing:0!important;
    color:#111827!important;
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
    transform:none!important;
    animation:none!important;
    transition:none!important;
    background:transparent!important;
    opacity:1!important;
    visibility:visible!important;
  }
}
@media (max-width:900px){
  html body .tqq-shop-company-title-module,
  html body .sup-hea-name > em{
    font-size:15px!important;
    font-weight:700!important;
    line-height:1.3!important;
    white-space:normal!important;
    overflow:hidden!important;
    transform:none!important;
    animation:none!important;
    transition:none!important;
  }
}

@media (min-width:901px){
  html body .sup-header .tqq-shop-company-title-module,
  html body .sup-header #tqq-en-shop-company-title-module-structure-20260712,
  html body .tqq-shop-header-redbox .tqq-shop-company-title-module,
  html body .tqq-shop-company-title-module,
  html body .sup-header .sup-hea-name > em,
  html body .sup-hea-name > em{
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    -webkit-line-clamp:unset!important;
    max-height:none!important;
    height:auto!important;
    min-height:0!important;
    font-size:15px!important;
    font-weight:700!important;
    line-height:1.3!important;
    letter-spacing:0!important;
    max-width:100%!important;
    width:100%!important;
    transform:none!important;
    animation:none!important;
    transition:none!important;
  }
  html body .sup-header .sup-hea-name{
    overflow:visible!important;
    max-width:min(440px,36vw)!important;
  }
}

@media (min-width:901px){
  html body .sup-header.tqq-shop-header-redbox .tqq-shop-company-title-module,
  html body .sup-header .tqq-shop-company-title-module,
  html body .tqq-shop-header-redbox .tqq-shop-company-title-module,
  html body div.tqq-shop-company-title-module,
  html body #tqq-en-shop-company-title-module-structure-20260712.tqq-shop-company-title-module,
  html body .sup-header .sup-hea-name > em,
  html body .sup-hea-name > em{
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    -webkit-line-clamp:unset!important;
    display:block!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    line-height:1.3!important;
    font-size:15px!important;
    font-weight:700!important;
    letter-spacing:0!important;
    width:100%!important;
    max-width:100%!important;
    transform:none!important;
    animation:none!important;
    transition:none!important;
  }
}

@media (min-width:901px){
  html body .tqq-shop-company-title-module,
  html body .sup-hea-name > em{
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    height:auto!important;
    max-height:none!important;
    font-size:15px!important;
    font-weight:700!important;
    line-height:1.3!important;
    letter-spacing:0!important;
    transform:none!important;
    animation:none!important;
    transition:none!important;
  }
}

@media (min-width:901px){
  html body .tqq-lang-body-portal ~ .tqq-lang-body-portal{display:none!important;}
  html body .idx-a.idx-lang-multi > .idx-lang-sub,
  html body .idx-a.idx-lang-multi > .idx-a-sub.idx-lang-sub,
  html body .idx-a.idx-lang-multi:hover > .idx-lang-sub,
  html body .idx-a.idx-lang-multi.is-open > .idx-lang-sub{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    left:-99999px!important;
    width:0!important;
    height:0!important;
    overflow:hidden!important;
  }
  html body .tqq-lang-body-portal.is-open{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    z-index:2147483647!important;
  }
}

html body .tqq-shop-header-redbox .tqq-shop-company-title-module,html body .sup-header.tqq-shop-header-redbox .tqq-shop-company-title-module,html body .sup-header .tqq-shop-company-title-module,html body .tqq-shop-company-title-module,html body .sup-hea-name > em.tqq-shop-company-title-module,html body .sup-hea-name > .tqq-shop-company-title-module,html body div#tqq-en-shop-company-title-module-structure-20260712.tqq-shop-company-title-module{font-size:16px!important;line-height:1.35!important;}

/* EN shop header: readable company name + full trust badges */
html body.tqq-en-detail-no-old-header- .sup-header .tqq-shop-company-title-module,
html body .sup-header .tqq-shop-company-title-module,
html body .tqq-shop-header-redbox .tqq-shop-company-title-module,
html body #tqq-en-shop-company-title-module-structure-20260712.tqq-shop-company-title-module,
html body .sup-hea-name > .tqq-shop-company-title-module {
  font-size: 16px !important;
  line-height: 1.3 !important;
  font-weight: 800 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  max-width: min(560px, 48vw) !important;
  width: auto !important;
  height: auto !important;
  min-height: 22px !important;
  max-height: none !important;
  display: block !important;
}
html body .sup-header .sup-hea-name,
html body .tqq-shop-header-redbox .sup-hea-name {
  overflow: visible !important;
  max-width: min(560px, 48vw) !important;
  width: auto !important;
  height: auto !important;
  max-height: none !important;
}
html body .sup-header .sup-hea-cen,
html body .tqq-shop-header-redbox .sup-hea-cen {
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
}
/* Badge container was clipped to 30x120 — restore full badges */
html body .sup-header .sup-hea-name .sup-hea-m,
html body .tqq-shop-header-redbox .sup-hea-name .sup-hea-m,
html body .sup-hea-m {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 6px !important;
  width: auto !important;
  min-width: 180px !important;
  max-width: min(420px, 48vw) !important;
  height: auto !important;
  min-height: 58px !important;
  max-height: none !important;
  line-height: normal !important;
  font-size: 13px !important;
  overflow: visible !important;
  margin-top: 6px !important;
}
html body .sup-header section.tqq-shop-trust-badges,
html body section.tqq-shop-trust-badges,
html body .sup-hea-m section.tqq-shop-trust-badges {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}
html body section.tqq-shop-trust-badges strong.tqq-shop-trust-badge,
html body .sup-hea-m strong.tqq-shop-trust-badge,
html body .sup-hea-m strong {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 26px !important;
  max-height: none !important;
  line-height: 1.2 !important;
  padding: 4px 10px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  box-sizing: border-box !important;
}
@media (max-width: 900px) {
  html body .sup-header .tqq-shop-company-title-module {
    font-size: 15px !important;
    max-width: 100% !important;
  }
  html body .sup-hea-m {
    max-width: 100% !important;
  }
}

html body .sup-header .tqq-shop-company-title-module,
html body .tqq-shop-header-redbox .tqq-shop-company-title-module,
html body .sup-hea-name > .tqq-shop-company-title-module,
html body #tqq-en-shop-company-title-module-structure-20260712,
html body div#tqq-en-shop-company-title-module-structure-20260712.tqq-shop-company-title-module {
  font-size: 16px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  -webkit-line-clamp: unset !important;
  max-width: min(580px, 52vw) !important;
  width: auto !important;
  height: auto !important;
  min-height: 22px !important;
  max-height: none !important;
}
html body .sup-header .sup-hea-name .sup-hea-m,
html body .sup-hea-m {
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
  width: auto !important;
  max-width: min(420px, 52vw) !important;
}
html body section.tqq-shop-trust-badges strong.tqq-shop-trust-badge {
  overflow: visible !important;
  max-height: none !important;
  max-width: none !important;
  height: auto !important;
  white-space: nowrap !important;
}

/* Keep EN company name readable without covering search */
html body .sup-header .sup-hea-name,
html body .tqq-shop-header-redbox .sup-hea-name {
  max-width: min(360px, 34vw) !important;
  width: auto !important;
  overflow: visible !important;
  z-index: 2 !important;
}
html body .sup-header .tqq-shop-company-title-module,
html body .tqq-shop-header-redbox .tqq-shop-company-title-module,
html body .sup-hea-name > .tqq-shop-company-title-module,
html body #tqq-en-shop-company-title-module-structure-20260712,
html body div#tqq-en-shop-company-title-module-structure-20260712.tqq-shop-company-title-module {
  font-size: 16px !important;
  line-height: 1.3 !important;
  font-weight: 800 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  max-width: min(360px, 34vw) !important;
  width: auto !important;
  height: auto !important;
  min-height: 22px !important;
  max-height: 2.7em !important;
}
html body .sup-header .sup-hea-search,
html body .sup-header .sup-hea-right {
  position: relative !important;
  z-index: 3 !important;
}
html body .sup-header .sup-hea-name .sup-hea-m,
html body .sup-hea-m {
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
  width: auto !important;
  max-width: min(360px, 34vw) !important;
}
html body section.tqq-shop-trust-badges strong.tqq-shop-trust-badge {
  overflow: visible !important;
  max-height: none !important;
  max-width: none !important;
}

/* Trust badges: box hugs text (fit-content), not fixed wide pill */
html body .sup-header section.tqq-shop-trust-badges,
html body section.tqq-shop-trust-badges,
html body .sup-hea-m section.tqq-shop-trust-badges,
html body .sup-header .sup-hea-name .sup-hea-m,
html body .sup-hea-m {
  align-items: flex-start !important;
  width: auto !important;
  max-width: none !important;
}
html body section.tqq-shop-trust-badges strong.tqq-shop-trust-badge,
html body .sup-hea-m strong.tqq-shop-trust-badge,
html body .sup-hea-m strong.vip,
html body .sup-hea-m strong.verified,
html body .sup-hea-m > strong {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  width: fit-content !important;
  width: -moz-fit-content !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 24px !important;
  max-height: none !important;
  padding: 3px 10px 3px 8px !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
}

/* Force trust-badge icons (::before) back to square; fit-content on badges
   was also shrinking ::before via min/max-width:fit-content. */
html body section.tqq-shop-trust-badges strong.tqq-shop-trust-badge:before,
html body .sup-hea-name .tqq-shop-trust-badge:before,
html body .sup-header .sup-hea-name .tqq-shop-trust-badge:before,
html body .sup-header section.tqq-shop-trust-badges strong.tqq-shop-trust-badge:before,
html body .tqq-shop-header-redbox section.tqq-shop-trust-badges strong.tqq-shop-trust-badge:before {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  max-width: 16px !important;
  min-height: 16px !important;
  max-height: 16px !important;
  aspect-ratio: 1 / 1 !important;
  flex: 0 0 16px !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 16px !important;
  overflow: hidden !important;
}

/* Multi-lang company name: same 2-line wrap as EN shop header */
html[lang]:not([lang="en"]):not([lang="en-US"]):not([lang="cn"]):not([lang="zh"]):not([lang="zh-CN"]):not([lang="zh-cn"]) body .sup-header .sup-hea-name,
html[lang]:not([lang="en"]):not([lang="en-US"]):not([lang="cn"]):not([lang="zh"]):not([lang="zh-CN"]):not([lang="zh-cn"]) body .tqq-shop-header-redbox .sup-hea-name,
body.tqq-ml-company-title-twoline .sup-header .sup-hea-name,
body.tqq-ml-company-title-twoline .tqq-shop-header-redbox .sup-hea-name {
  max-width: min(360px, 34vw) !important;
  width: auto !important;
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
  z-index: 2 !important;
}
html[lang]:not([lang="en"]):not([lang="en-US"]):not([lang="cn"]):not([lang="zh"]):not([lang="zh-CN"]):not([lang="zh-cn"]) body .sup-header .tqq-shop-company-title-module,
html[lang]:not([lang="en"]):not([lang="en-US"]):not([lang="cn"]):not([lang="zh"]):not([lang="zh-CN"]):not([lang="zh-cn"]) body .tqq-shop-header-redbox .tqq-shop-company-title-module,
html[lang]:not([lang="en"]):not([lang="en-US"]):not([lang="cn"]):not([lang="zh"]):not([lang="zh-CN"]):not([lang="zh-cn"]) body #tqq-en-shop-company-title-module-structure-20260712,
html[lang]:not([lang="en"]):not([lang="en-US"]):not([lang="cn"]):not([lang="zh"]):not([lang="zh-CN"]):not([lang="zh-cn"]) body .sup-hea-name > .tqq-shop-company-title-module,
html[lang]:not([lang="en"]):not([lang="en-US"]):not([lang="cn"]):not([lang="zh"]):not([lang="zh-CN"]):not([lang="zh-cn"]) body .sup-hea-name > em,
body.tqq-ml-company-title-twoline .sup-header .tqq-shop-company-title-module,
body.tqq-ml-company-title-twoline .tqq-shop-header-redbox .tqq-shop-company-title-module,
body.tqq-ml-company-title-twoline #tqq-en-shop-company-title-module-structure-20260712,
body.tqq-ml-company-title-twoline .sup-hea-name > .tqq-shop-company-title-module,
body.tqq-ml-company-title-twoline .sup-hea-name > em {
  font-size: 16px !important;
  line-height: 1.3 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  max-width: min(360px, 34vw) !important;
  width: auto !important;
  height: auto !important;
  min-height: 22px !important;
  max-height: 2.7em !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}
html[lang]:not([lang="en"]):not([lang="en-US"]):not([lang="cn"]):not([lang="zh"]):not([lang="zh-CN"]):not([lang="zh-cn"]) body .sup-header .sup-hea-name .sup-hea-m,
html[lang]:not([lang="en"]):not([lang="en-US"]):not([lang="cn"]):not([lang="zh"]):not([lang="zh-CN"]):not([lang="zh-cn"]) body .sup-hea-m,
body.tqq-ml-company-title-twoline .sup-header .sup-hea-name .sup-hea-m,
body.tqq-ml-company-title-twoline .sup-hea-m {
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
  width: auto !important;
  max-width: min(360px, 34vw) !important;
}

/* Product description detail images: prefer readable width, keep aspect ratio */
html body .sml-details .sml-d-cot picture,
html body .sml-details .sml-d-cot img,
html body .details-all picture,
html body .details-all img {
  max-width: 100% !important;
  width: auto !important;
  height: auto !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  object-fit: contain !important;
}

/* Keep multi-lang 2-line company title fully to the right of logo (no overlap/clip) */
html[lang]:not([lang="en"]):not([lang="en-US"]):not([lang="cn"]):not([lang="zh"]):not([lang="zh-CN"]):not([lang="zh-cn"]) body .sup-header .sup-hea-cen,
body.tqq-ml-company-title-twoline .sup-header .sup-hea-cen {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 12px !important;
}
html[lang]:not([lang="en"]):not([lang="en-US"]):not([lang="cn"]):not([lang="zh"]):not([lang="zh-CN"]):not([lang="zh-cn"]) body .sup-header .sup-hea-logo,
body.tqq-ml-company-title-twoline .sup-header .sup-hea-logo {
  flex: 0 0 auto !important;
  position: relative !important;
  left: auto !important;
  margin: 0 !important;
  transform: none !important;
}
html[lang]:not([lang="en"]):not([lang="en-US"]):not([lang="cn"]):not([lang="zh"]):not([lang="zh-CN"]):not([lang="zh-cn"]) body .sup-header .sup-hea-name,
body.tqq-ml-company-title-twoline .sup-header .sup-hea-name {
  flex: 1 1 auto !important;
  position: relative !important;
  left: auto !important;
  margin: 0 !important;
  padding-left: 0 !important;
  transform: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  overflow: visible !important;
}
html[lang]:not([lang="en"]):not([lang="en-US"]):not([lang="cn"]):not([lang="zh"]):not([lang="zh-CN"]):not([lang="zh-cn"]) body .sup-header .sup-hea-name > .tqq-shop-company-title-module,
html[lang]:not([lang="en"]):not([lang="en-US"]):not([lang="cn"]):not([lang="zh"]):not([lang="zh-CN"]):not([lang="zh-cn"]) body .sup-header .sup-hea-name > .sup-hea-m,
html[lang]:not([lang="en"]):not([lang="en-US"]):not([lang="cn"]):not([lang="zh"]):not([lang="zh-CN"]):not([lang="zh-cn"]) body .sup-header #tqq-en-shop-company-title-module-structure-20260712,
body.tqq-ml-company-title-twoline .sup-header .sup-hea-name > .tqq-shop-company-title-module,
body.tqq-ml-company-title-twoline .sup-header .sup-hea-name > .sup-hea-m,
body.tqq-ml-company-title-twoline .sup-header #tqq-en-shop-company-title-module-structure-20260712 {
  position: relative !important;
  left: 0 !important;
  right: auto !important;
  top: auto !important;
  inset: auto !important;
  margin: 0 !important;
  margin-left: 0 !important;
  transform: none !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
html[lang]:not([lang="en"]):not([lang="en-US"]):not([lang="cn"]):not([lang="zh"]):not([lang="zh-CN"]):not([lang="zh-cn"]) body .sup-header .tqq-shop-company-title-module,
body.tqq-ml-company-title-twoline .sup-header .tqq-shop-company-title-module {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-height: 2.7em !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

/* Give multi-lang company name enough width to wrap like EN (2 lines, full words) */
html[lang]:not([lang="en"]):not([lang="en-US"]):not([lang="cn"]):not([lang="zh"]):not([lang="zh-CN"]):not([lang="zh-cn"]) body .sup-header .sup-hea-name,
body.tqq-ml-company-title-twoline .sup-header .sup-hea-name {
  flex: 0 1 auto !important;
  min-width: min(360px, 34vw) !important;
  max-width: min(420px, 38vw) !important;
  width: auto !important;
}
html[lang]:not([lang="en"]):not([lang="en-US"]):not([lang="cn"]):not([lang="zh"]):not([lang="zh-CN"]):not([lang="zh-cn"]) body .sup-header .tqq-shop-company-title-module,
html[lang]:not([lang="en"]):not([lang="en-US"]):not([lang="cn"]):not([lang="zh"]):not([lang="zh-CN"]):not([lang="zh-cn"]) body .sup-header #tqq-en-shop-company-title-module-structure-20260712,
body.tqq-ml-company-title-twoline .sup-header .tqq-shop-company-title-module,
body.tqq-ml-company-title-twoline .sup-header #tqq-en-shop-company-title-module-structure-20260712 {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-height: 2.7em !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

/* Simplified Chinese: do not use ML company-title flex/width overrides */
html[lang="cn"] body.tqq-ml-company-title-twoline .sup-header .sup-hea-cen,
html[lang="zh"] body.tqq-ml-company-title-twoline .sup-header .sup-hea-cen,
html[lang="zh-CN"] body.tqq-ml-company-title-twoline .sup-header .sup-hea-cen,
html[lang="zh-cn"] body.tqq-ml-company-title-twoline .sup-header .sup-hea-cen,
html body.tqq-lang-cn .sup-header .sup-hea-cen {
  display: revert !important;
  flex-direction: revert !important;
  gap: revert !important;
  align-items: revert !important;
}
html[lang="cn"] body .sup-header .sup-hea-name,
html[lang="zh"] body .sup-header .sup-hea-name,
html[lang="zh-CN"] body .sup-header .sup-hea-name,
html[lang="zh-cn"] body .sup-header .sup-hea-name,
html body.tqq-lang-cn .sup-header .sup-hea-name {
  /* clear inline max/min/width/margin forced by ML JS */
}

@media (min-width:901px){
  /* Match CN: row = Contact left + Email pill right */
  html body .sup-header .tqq-shop-under-search-row,
  html body .tqq-shop-header-redbox .tqq-shop-under-search-row,
  html body .tqq-shop-under-search-row{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:16px !important;
    width:auto !important;
    max-width:100% !important;
    position:relative !important;
    top:0 !important;
    left:0 !important;
    margin:0 0 8px !important;
    padding:0 !important;
    transform:none !important;
    grid-template-columns:none !important;
    grid-template-rows:none !important;
    background:transparent !important;
  }

  html body .sup-header .tqq-shop-under-search-row .tqq-shop-header-chat-module,
  html body .sup-header .tqq-shop-under-search-row .tqq-shop-header-chat-slot,
  html body .sup-header .tqq-shop-header-chat-module,
  html body .sup-header .tqq-shop-header-chat-slot{
    position:static !important;
    left:auto !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    float:none !important;
    transform:none !important;
    margin:0 !important;
    padding:0 !important;
    grid-column:auto !important;
    grid-row:auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    height:auto !important;
    display:flex !important;
    align-items:center !important;
    flex:0 0 auto !important;
    z-index:1 !important;
    background:transparent !important;
  }

  html body .sup-header .tqq-shop-header-chat-btn,
  html body .sup-header .tqq-shop-header-chat-module .tqq-shop-header-chat-btn,
  html body .tqq-shop-under-search-row .tqq-shop-header-chat-btn{
    position:static !important;
    left:auto !important;
    top:auto !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    min-width:176px !important;
    max-width:none !important;
    height:36px !important;
    padding:0 16px !important;
    overflow:visible !important;
    white-space:nowrap !important;
    box-sizing:border-box !important;
    flex:0 0 auto !important;
  }
  html body .sup-header .tqq-shop-header-chat-btn span{
    max-width:none !important;
    overflow:visible !important;
    text-overflow:clip !important;
    white-space:nowrap !important;
  }

  /* CN email pill exact look */
  html body .sup-header .tqq-shop-header-email-module,
  html body .tqq-shop-header-redbox .tqq-shop-header-email-module,
  html body .tqq-shop-under-search-row .tqq-shop-header-email-module,
  html body #tqq-en-shop-header-email-module-structure-20260712{
    position:static !important;
    left:auto !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    float:none !important;
    transform:none !important;
    grid-column:auto !important;
    grid-row:auto !important;
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:6px !important;
    width:auto !important;
    min-width:0 !important;
    max-width:100% !important;
    height:42px !important;
    min-height:42px !important;
    max-height:42px !important;
    line-height:36px !important;
    margin:0 !important;
    padding:0 14px !important;
    box-sizing:border-box !important;
    border:1px solid #f3d7b8 !important;
    border-radius:12px !important;
    background:#fff !important;
    box-shadow:0 4px 12px rgba(217,119,6,.08) !important;
    overflow:hidden !important;
    color:#d97706 !important;
    font-size:14px !important;
    font-weight:900 !important;
    white-space:nowrap !important;
    flex:0 1 auto !important;
    z-index:1 !important;
  }

  html body .sup-header .tqq-shop-header-email-module .tqq-email-label,
  html body .tqq-shop-header-email-module .tqq-email-label{
    display:inline-block !important;
    flex:0 0 auto !important;
    margin:0 8px 0 0 !important;
    padding:0 !important;
    color:#d97706 !important;
    font-size:14px !important;
    font-weight:900 !important;
    line-height:36px !important;
    white-space:nowrap !important;
  }
  html body .sup-header .tqq-shop-header-email-module .tqq-email-value,
  html body .tqq-shop-header-email-module .tqq-email-value{
    display:inline-block !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    color:#d97706 !important;
    font-size:14px !important;
    font-weight:900 !important;
    line-height:36px !important;
    text-decoration:none !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
}

@media (min-width:901px){
  html body .sup-header .sup-hea-name > em{
    display:block!important;
    max-width:520px!important;
    height:30px!important;
    line-height:30px!important;
    font-size:15px!important;
    font-weight:750!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}
@media (max-width:900px){
  html body .sup-header .sup-hea-name > em{
    max-width:100%!important;
    height:auto!important;
    min-height:24px!important;
    line-height:24px!important;
    font-size:16px!important;
    font-weight:750!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
}

html body .sup-header .sup-hea-name > em{transition:none!important;animation:none!important;font-size:15px!important;line-height:30px!important;height:30px!important;max-width:520px!important;font-weight:750!important;transform:none!important;}

@media (min-width:901px){html body .sup-header .sup-hea-name > em,html body .sup-hea-name > em{max-width:520px!important;font-size:15px!important;font-weight:750!important;line-height:30px!important;height:30px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;transform:none!important;transition:none!important;animation:none!important;}}

@media (min-width:901px){
  html body .sup-header .sup-hea-cen{
    display:grid!important;
    grid-template-columns:76px minmax(520px,560px) minmax(420px,1fr)!important;
    column-gap:12px!important;
    align-items:center!important;
    width:1200px!important;
    max-width:calc(100vw - 32px)!important;
    min-height:128px!important;
    margin:14px auto!important;
    padding:0!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  html body .sup-header .sup-hea-logo{
    grid-column:1!important;
    width:76px!important;
    height:76px!important;
    margin:0 0 0 0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
  }
  html body .sup-header .sup-hea-logo img{max-width:76px!important;max-height:76px!important;object-fit:contain!important;}
  html body .sup-header .sup-hea-name{
    grid-column:2!important;
    display:grid!important;
    grid-template-rows:auto 34px auto!important;
    align-content:center!important;
    width:560px!important;
    max-width:560px!important;
    min-width:520px!important;
    min-height:104px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    transform:none!important;
    transition:none!important;
    animation:none!important;
  }
  html body .sup-header .sup-hea-name > em,
  html body .sup-hea-name > em{
    grid-row:1!important;
    display:block!important;
    width:560px!important;
    max-width:560px!important;
    height:24px!important;
    line-height:24px!important;
    margin:0 0 6px 0!important;
    padding:0!important;
    color:#000!important;
    font-size:14px!important;
    font-weight:800!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    transform:none!important;
    transition:none!important;
    animation:none!important;
  }
  html body .sup-header .sup-hea-name .sup-hea-m,
  html body .sup-hea-name .sup-hea-m{
    grid-row:2!important;
    display:flex!important;
    align-items:flex-start!important;
    gap:8px!important;
    width:560px!important;
    height:34px!important;
    min-height:34px!important;
    line-height:34px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    white-space:nowrap!important;
    transform:none!important;
    transition:none!important;
    animation:none!important;
    font-size:0!important;
  }
  html body .sup-header .sup-hea-name .sup-hea-m .icon-d,
  html body .sup-header .sup-hea-name .sup-hea-m .ls-h,
  html body .sup-hea-name .sup-hea-m .icon-d,
  html body .sup-hea-name .sup-hea-m .ls-h{
    flex:0 0 22px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    max-width:22px!important;
    min-height:22px!important;
    max-height:22px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    transform:none!important;
    transition:none!important;
    animation:none!important;
  }
  html body .sup-header .sup-hea-name .sup-hea-m .icon-d img,
  html body .sup-header .sup-hea-name .sup-hea-m .ls-h img,
  html body .sup-hea-name .sup-hea-m .icon-d img,
  html body .sup-hea-name .sup-hea-m .ls-h img,
  html body .sup-hea-m .l-member-gsuoo img,
  html body .sup-hea-m .l-member-gsuoo img.tqq-member-gsuoo-t-icon{
    display:block!important;
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    max-width:22px!important;
    min-height:22px!important;
    max-height:22px!important;
    object-fit:contain!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    transition:none!important;
    animation:none!important;
  }
  html body .sup-header .sup-hea-name .sup-hea-m > .tqq-shop-header-chat-slot,
  html body .sup-header .tqq-shop-header-chat-slot{
    flex:0 0 auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    visibility:visible!important;
    opacity:1!important;
    width:auto!important;
    min-width:108px!important;
    height:34px!important;
    margin:0 0 0 8px!important;
    padding:0!important;
    overflow:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    transition:none!important;
    animation:none!important;
  }
  html body .sup-header .tqq-shop-header-chat-btn,
  html body .tqq-shop-header-chat-btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    min-width:108px!important;
    height:34px!important;
    line-height:34px!important;
    padding:0 18px!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,#ff9d25 0%,#ff7a00 52%,#ff6400 100%)!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:800!important;
    text-decoration:none!important;
    box-shadow:0 8px 18px rgba(255,126,0,.22)!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  html body .sup-header .sup-hea-name .tqq-shop-header-email,
  html body .sup-hea-name .tqq-shop-header-email{
    grid-row:3!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:560px!important;
    max-width:560px!important;
    height:24px!important;
    line-height:24px!important;
    margin:2px 0 0 0!important;
    padding:0!important;
    color:#e67e22!important;
    font-size:13px!important;
    font-weight:700!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    transform:none!important;
    transition:none!important;
    animation:none!important;
  }
  html body .sup-header .sup-hea-right{
    grid-column:3!important;
    width:auto!important;
    min-width:420px!important;
    max-width:none!important;
    margin:0!important;
    justify-self:stretch!important;
  }
}
@media (max-width:900px){
  html body .sup-header .sup-hea-name{display:block!important;width:auto!important;max-width:100%!important;min-width:0!important;}
  html body .sup-header .sup-hea-name > em{display:block!important;width:auto!important;max-width:100%!important;height:auto!important;line-height:24px!important;font-size:16px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;}
}

html body .sup-header .sup-hea-name .sup-hea-m{display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;gap:7px!important;width:auto!important;min-width:auto!important;max-width:auto!important;height:auto!important;min-height:auto!important;max-height:auto!important;line-height:auto!important;margin:0!important;padding:0!important;overflow:visible!important;flex-wrap:nowrap!important;white-space:nowrap!important;font-size:0!important;color:transparent!important;transform:none!important;transition:none!important;animation:none!important;}
html body .sup-header .sup-hea-name .sup-hea-m .icon-d,html body .sup-header .sup-hea-name .sup-hea-m .ls-h,html body .sup-header .sup-hea-name .sup-hea-m .l-member-gsuoo{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 18px!important;width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;max-height:18px!important;line-height:18px!important;margin:0!important;padding:0!important;float:none!important;position:relative!important;top:auto!important;left:auto!important;overflow:visible!important;background-size:18px 18px!important;background-position:center!important;background-repeat:no-repeat!important;transform:none!important;transition:none!important;animation:none!important;}
html body .sup-header .sup-hea-name .sup-hea-m .icon-d>img,html body .sup-header .sup-hea-name .sup-hea-m .ls-h>img,html body .sup-header .sup-hea-name .sup-hea-m .l-member-gsuoo>img{display:block!important;width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;min-height:18px!important;max-height:18px!important;object-fit:contain!important;margin:0!important;padding:0!important;transform:none!important;transition:none!important;animation:none!important;}
html body .sup-header .sup-hea-name .sup-hea-m .icon-d>.shname,html body .sup-header .sup-hea-name .sup-hea-m .icon-d>.icon-details,html body .sup-header .sup-hea-name .sup-hea-m .icon-d>.s-video{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;position:absolute!important;width:0!important;height:0!important;max-width:0!important;max-height:0!important;overflow:hidden!important;margin:0!important;padding:0!important;}

html body .sup-header .sup-hea-name .sup-hea-m,html body .sup-hea-name .sup-hea-m{display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;gap:7px!important;width:auto!important;min-width:auto!important;max-width:auto!important;height:auto!important;min-height:auto!important;max-height:auto!important;line-height:auto!important;margin:0!important;padding:0!important;overflow:visible!important;flex-wrap:nowrap!important;white-space:nowrap!important;font-size:0!important;color:transparent!important;transform:none!important;transition:none!important;animation:none!important;}
html body .sup-hea-m .icon-d,html body .sup-hea-m .ls-h,html body .sup-hea-m .l-member-gsuoo,html body .sup-header .sup-hea-name .sup-hea-m .icon-d,html body .sup-header .sup-hea-name .sup-hea-m .ls-h,html body .sup-header .sup-hea-name .sup-hea-m .l-member-gsuoo{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 18px!important;width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;max-height:18px!important;line-height:18px!important;margin:0!important;padding:0!important;float:none!important;position:relative!important;top:auto!important;left:auto!important;overflow:hidden!important;background-size:18px 18px!important;background-position:center!important;background-repeat:no-repeat!important;transform:none!important;transition:none!important;animation:none!important;z-index:auto!important;}
html body .sup-hea-m .icon-d>img,html body .sup-hea-m .ls-h>img,html body .sup-hea-m .l-member-gsuoo>img{display:block!important;width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;min-height:18px!important;max-height:18px!important;object-fit:contain!important;margin:0!important;padding:0!important;transform:none!important;transition:none!important;animation:none!important;}
html body .sup-hea-m .icon-d>.shname,html body .sup-hea-m .icon-d>.icon-details,html body .sup-hea-m .icon-d>.s-video,html body .sup-hea-m .icon-d .s-video,html body .sup-hea-m .icon-d .tqq-level-tip-clean,html body .sup-hea-m .icon-d:hover>.shname,html body .sup-hea-m .icon-d:hover>.icon-details,html body .sup-hea-m .icon-d:focus-within>.shname,html body .sup-hea-m .icon-d:focus-within>.icon-details{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;position:absolute!important;left:-99999px!important;top:-99999px!important;width:0!important;min-width:0!important;max-width:0!important;height:0!important;min-height:0!important;max-height:0!important;overflow:hidden!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;transform:none!important;content:none!important;}
html body .sup-hea-m .icon-d:hover,html body .sup-hea-m .icon-d:focus,html body .sup-hea-m .icon-d:focus-within{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;min-height:18px!important;max-height:18px!important;transform:none!important;box-shadow:none!important;background-size:18px 18px!important;}

html body .sup-hea-m .l-member-diamond{background-image:url('/themes/home/cn/public/img/diamond.png?v=20260710_fig2_detail')!important;}
html body .sup-hea-m .l-member-margin{background-image:url('/themes/home/cn/public/img/icon/margin.png?v=20260710_fig2_detail')!important;}
html body .sup-hea-m .l-member-gsuoo{background-image:url('/themes/home/cn/public/img/icon/g-u60-20260708.png?v=20260710_fig2_detail')!important;}
html body .sup-hea-m .l-member-audit{background-image:url('/themes/home/cn/public/img/icon/g02-u60-20260708.png?v=20260710_fig2_detail')!important;}
html body .sup-hea-m .l-member-virtual{background-image:url('/themes/home/cn/public/img/icon/vartual-u60-20260708.png?v=20260710_fig2_detail')!important;}
html body .sup-hea-m .l-member-diamond>img{content:url('/themes/home/cn/public/img/diamond.png?v=20260710_fig2_detail')!important;}
html body .sup-hea-m .l-member-margin>img{content:url('/themes/home/cn/public/img/icon/margin.png?v=20260710_fig2_detail')!important;}
html body .sup-hea-m .l-member-gsuoo>img{content:url('/themes/home/cn/public/img/icon/g-u60-20260708.png?v=20260710_fig2_detail')!important;}
html body .sup-hea-m .l-member-audit>img{content:url('/themes/home/cn/public/img/icon/g02-u60-20260708.png?v=20260710_fig2_detail')!important;}
html body .sup-hea-m .l-member-virtual>img{content:url('/themes/home/cn/public/img/icon/vartual-u60-20260708.png?v=20260710_fig2_detail')!important;}
html body .sup-hea-m .icon-d,html body .sup-hea-m .ls-h{background-size:20px 20px!important;background-position:center!important;background-repeat:no-repeat!important;width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important;min-height:20px!important;max-height:20px!important;}

@media (min-width:901px){
  /* Hide in-place panel while portal is active; portal owns the UI */
  html body.tqq-scope-portal-on .sup-hea-search .hss-type-a,
  html body.tqq-scope-portal-on .sup-header .sup-hea-search .hss-type-a{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
  html body .tqq-shop-scope-portal-20260811p{
    position:fixed !important;
    z-index:2147483647 !important;
    display:none;
    width:180px !important;
    max-width:220px !important;
    padding:6px 0 !important;
    margin:0 !important;
    background:#fff !important;
    border:1px solid #f3d6ad !important;
    border-radius:12px !important;
    box-shadow:0 14px 30px rgba(15,23,42,.16) !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }
  html body .tqq-shop-scope-portal-20260811p em,
  html body .tqq-shop-scope-portal-20260811p a{
    display:block !important;
    height:38px !important;
    line-height:38px !important;
    padding:0 16px !important;
    margin:0 !important;
    color:#111827 !important;
    background:#fff !important;
    font-size:14px !important;
    font-style:normal !important;
    text-decoration:none !important;
    cursor:pointer !important;
    box-sizing:border-box !important;
    white-space:nowrap !important;
  }
  html body .tqq-shop-scope-portal-20260811p em:hover,
  html body .tqq-shop-scope-portal-20260811p a:hover{
    background:#fff4e8 !important;
    color:#ff7a00 !important;
  }
}

@media (min-width:901px){
  /* Stronger orange outer frame (ring) — matches earlier shop search look */
  html body .sup-header .sup-hea-search,
  html body .tqq-shop-header-redbox .sup-hea-search,
  html body div.sup-hea-search{
    border:2px solid #ff8a12 !important;
    border-radius:24px !important;
    background:#fff !important;
    box-shadow:0 8px 18px rgba(255,138,18,.12) !important;
    overflow:visible !important;
  }
  html body .sup-header .sup-hea-search:focus-within,
  html body .tqq-shop-header-redbox .sup-hea-search:focus-within{
    box-shadow:0 0 0 2px #ff7a00, 0 8px 20px rgba(255,122,0,.18) !important;
  }
  html body .sup-header .sup-hea-search .shs-btn,
  html body .sup-hea-search .shs-btn{
    border-radius:0 22px 22px 0 !important;
  }
  html body .sup-header .sup-hea-search .hss-type,
  html body .sup-hea-search .hss-type{
    border-radius:22px 0 0 22px !important;
    background:#f8fafc !important;
  }
  /* dropdown still escapes via portal; if native panel used, allow overflow when open */
  html body.tqq-scope-portal-on .sup-header .sup-hea-search,
  html body.tqq-shop-scope-open .sup-header .sup-hea-search{
    overflow:visible !important;
  }
}

@media (min-width:901px){
  html body .tqq-shop-scope-portal-20260811p{
    pointer-events:auto !important;
  }
  /* When portal open, keep native panel invisible so it can't "stick" visually */
  html body.tqq-scope-portal-on .sup-hea-search .hss-type-a,
  html body.tqq-shop-scope-open .sup-hea-search .hss-type-a{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
}

@media (min-width:901px){
  /* Restore downward caret on 此供应商内 — earlier no-whitebar CSS set ::after{content:none} */
  html body .sup-header .sup-hea-search .hss-type::after,
  html body .tqq-shop-header-redbox .sup-hea-search .hss-type::after,
  html body .sup-hea-search .hss-type::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    right:12px !important;
    top:50% !important;
    width:6px !important;
    height:6px !important;
    margin-top:-4px !important;
    border:solid #94a3b8 !important;
    border-width:0 1.5px 1.5px 0 !important;
    transform:translateY(-55%) rotate(45deg) !important;
    box-sizing:border-box !important;
    background:transparent !important;
    box-shadow:none !important;
    pointer-events:none !important;
    z-index:2 !important;
    opacity:1 !important;
    visibility:visible !important;
  }
  /* Keep killing ONLY shell-level white-bar pseudos, not the caret */
  html body .sup-header .sup-hea-search::before,
  html body .sup-header .sup-hea-search::after{
    content:none !important;
    display:none !important;
  }
}

<!-- disabled by tqq-en-email-pill-like-cn-20260812i -->

/* Kill cen translateY(8px)/center alignment that paints high then drops when later rules win. */
@media (min-width:901px){
  html body .sup-header .sup-hea-cen,
  html body .tqq-shop-header-redbox .sup-hea-cen,
  html body .sup-header.tqq-shop-header-redbox .sup-hea-cen{
    align-items:flex-start !important;
    transform:none !important;
    min-height:118px !important;
    height:auto !important;
  }
  html body .sup-header .tqq-shop-under-search-row,
  html body .tqq-shop-header-redbox .tqq-shop-under-search-row,
  html body .tqq-shop-under-search-row{
    position:relative !important;
    top:0 !important;
    margin-top:6px !important;
    margin-bottom:6px !important;
    transform:none !important;
  }
  html body .sup-header .sup-hea-right,
  html body .tqq-shop-header-redbox .sup-hea-right{
    margin-top:8px !important;
    margin-bottom:8px !important;
    transform:none !important;
    align-self:start !important;
  }
}

/* disabled by tqq-en-contact-like-cn-20260812f */

/* disabled by tqq-en-contact-like-cn-20260812f */

/* disabled by tqq-en-contact-like-cn-20260812f */

<!-- disabled by tqq-en-email-pill-like-cn-20260812i -->

@media (min-width:901px){
  /* Nav hover: pill on link only — no square box on .shn-a wrapper */
  html body .sup-hea-nav .shn-sub{
    background:transparent !important;
  }
  html body .sup-hea-nav .shn-a,
  html body .sup-hea-nav .shn-a:hover,
  html body .sup-hea-nav .shn-a:focus,
  html body .sup-hea-nav .shn-a.active,
  html body .sup-hea-nav .shn-a.cur,
  html body .sup-hea-nav .shn-a.on,
  html body .sup-hea-nav .shn-a-h,
  html body .sup-hea-nav .shn-a-h:hover{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
  }
  html body .sup-hea-nav .shn-a > a,
  html body .sup-hea-nav .shn-a > span,
  html body .sup-hea-nav .shn-a .shn-lang-btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    height:34px !important;
    line-height:34px !important;
    padding:0 14px !important;
    margin:0 !important;
    border:1px solid transparent !important;
    border-radius:999px !important;
    background:transparent !important;
    color:#fff !important;
    text-decoration:none !important;
    box-shadow:none !important;
    transform:none !important;
    transition:background .15s ease,color .15s ease !important;
  }
  html body .sup-hea-nav .shn-a > a:hover,
  html body .sup-hea-nav .shn-a.active > a,
  html body .sup-hea-nav .shn-a > a.active,
  html body .sup-hea-nav .shn-a.cur > a,
  html body .sup-hea-nav .shn-a.on > a{
    background:rgba(255,255,255,.18) !important;
    border-color:rgba(255,255,255,.28) !important;
    color:#fff !important;
    transform:none !important;
    box-shadow:none !important;
  }
  html body .sup-hea-nav .shn-lang-btn,
  html body .sup-hea-nav .shn-lang-wrap.is-open .shn-lang-btn,
  html body .sup-hea-nav .shn-lang-wrap:hover .shn-lang-btn{
    background:rgba(255,255,255,.14) !important;
    border-color:rgba(255,255,255,.24) !important;
    color:#fff !important;
  }
  html body .sup-hea-nav .shn-lang-btn:hover,
  html body .sup-hea-nav .shn-lang-wrap.is-open .shn-lang-btn:hover{
    background:rgba(255,255,255,.24) !important;
    color:#fff !important;
  }
}

/* last word: v2 scope dropdown is click-only, never hover */
html body .sup-hea-search.tqq-shop-search-v2 .hss-type:hover .hss-type-a,
html body .sup-hea-search.tqq-shop-search-v2 .hss-type:hover > .hss-type-a,
html body .sup-hea-search.tqq-shop-search-v2 .hss-type:focus-within .hss-type-a,
html body .sup-hea-search.tqq-shop-search-v2 .hss-type-h .hss-type-a,
html body .sup-hea-search.tqq-shop-search-v2 .hss-type-h:hover .hss-type-a,
html body .tqq-shop-search-v2 .hss-type:hover .hss-type-a,
html body .tqq-shop-search-v2 .hss-type:hover > .hss-type-a{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
  height:0 !important;
  max-height:0 !important;
  overflow:hidden !important;
}
html body .tqq-search-v2-portal:not(.is-visible){
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

@media (min-width:901px){
  /* === Search v2: one shell, one dropdown portal === */
  html body .sup-hea-search.tqq-shop-search-v2{
    display:flex !important;
    align-items:center !important;
    box-sizing:border-box !important;
    width:100% !important;
    max-width:480px !important;
    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;
    margin:0 !important;
    padding:0 !important;
    border:2px solid #ff8a12 !important;
    border-radius:22px !important;
    background:#fff !important;
    box-shadow:0 4px 14px rgba(255,138,18,.10) !important;
    overflow:visible !important;
    position:relative !important;
    z-index:200 !important;
    transform:none !important;
    transition:none !important;
    isolation:auto !important;
  }
  html body .tqq-shop-search-v2 .hss-type{
    position:relative !important;
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    min-width:132px !important;
    max-width:160px !important;
    height:40px !important;
    margin:0 !important;
    padding:0 28px 0 12px !important;
    border:0 !important;
    border-right:1px solid #eef2f7 !important;
    border-radius:20px 0 0 20px !important;
    background:#f8fafc !important;
    cursor:pointer !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    transform:none !important;
    z-index:auto !important;
    isolation:auto !important;
  }
  html body .tqq-shop-search-v2 .hss-type #search_words{
    display:flex !important;
    align-items:center !important;
    align-self:center !important;
    width:auto !important;
    max-width:none !important;
    height:40px !important;
    min-height:40px !important;
    max-height:40px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    text-overflow:clip !important;
    white-space:nowrap !important;
    font-size:13px !important;
    font-weight:600 !important;
    color:#334155 !important;
    line-height:1.2 !important;
    box-sizing:border-box !important;
  }
  html body .tqq-shop-search-v2 .hss-type .l-bottom,
  html body .tqq-shop-search-v2 .hss-type .h-h{
    position:absolute !important;
    right:10px !important;
    top:50% !important;
    width:0 !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border-left:4px solid transparent !important;
    border-right:4px solid transparent !important;
    border-top:5px solid #94a3b8 !important;
    border-bottom:0 !important;
    background:none !important;
    transform:translateY(-50%) !important;
    float:none !important;
  }
  html body .tqq-shop-search-v2 .hss-type.is-open{
    background:#fff7ed !important;
  }
  /* native panel always hidden — portal is click-only */
  html body .tqq-shop-search-v2 .hss-type-a,
  html body .tqq-shop-search-v2 .hss-type:hover > .hss-type-a,
  html body .tqq-shop-search-v2 .hss-type:hover .hss-type-a,
  html body .tqq-shop-search-v2 .hss-type:focus-within > .hss-type-a,
  html body .tqq-shop-search-v2 .hss-type:focus-within .hss-type-a,
  html body .tqq-shop-search-v2 .hss-type.is-open > .hss-type-a,
  html body .sup-hea-search.tqq-shop-search-v2 .hss-type:hover .hss-type-a,
  html body .sup-hea-search.tqq-shop-search-v2 .hss-type:hover > .hss-type-a{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
    height:0 !important;
    max-height:0 !important;
    overflow:hidden !important;
  }
  html body .tqq-shop-search-v2 .hss-type:hover:not(.is-open){
    background:#f8fafc !important;
  }
  html body .tqq-shop-search-v2 .shs-text,
  html body .tqq-shop-search-v2 #keywords{
    flex:1 1 auto !important;
    min-width:60px !important;
    height:40px !important;
    min-height:40px !important;
    max-height:40px !important;
    line-height:40px !important;
    margin:0 !important;
    padding:0 12px !important;
    border:0 !important;
    background:#fff !important;
    font-size:14px !important;
    color:#1e293b !important;
    box-sizing:border-box !important;
    outline:none !important;
    box-shadow:none !important;
  }
  html body .tqq-shop-search-v2 .shs-btn{
    flex:0 0 52px !important;
    width:52px !important;
    height:40px !important;
    min-height:40px !important;
    max-height:40px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 20px 20px 0 !important;
    background:linear-gradient(135deg,#ff9a3c,#ff7a00) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    cursor:pointer !important;
    box-sizing:border-box !important;
  }
  html body .tqq-shop-search-v2 .shs-btn img{
    width:18px !important;
    height:18px !important;
    display:block !important;
    margin:0 !important;
    filter:brightness(0) invert(1) !important;
  }
  html body .tqq-shop-search-v2.is-open,
  html body.tqq-shop-search-v2-open .sup-header .sup-hea-cen,
  html body.tqq-shop-search-v2-open .sup-header .sup-hea-right,
  html body.tqq-shop-search-v2-open .sup-header .tqq-shop-hea-right-top{
    position:relative !important;
    z-index:1500 !important;
  }
  html body.tqq-shop-search-v2-open .sup-header .sup-hea-nav{
    z-index:100 !important;
  }
}
/* portal menu — fixed on body, always on top */
html body .tqq-search-v2-portal{
  display:none;
  position:fixed !important;
  z-index:2147483647 !important;
  min-width:168px !important;
  padding:6px !important;
  margin:0 !important;
  background:#fff !important;
  border:1px solid #e5e7eb !important;
  border-radius:12px !important;
  box-shadow:0 18px 40px rgba(15,23,42,.18) !important;
  box-sizing:border-box !important;
  pointer-events:auto !important;
}
html body .tqq-search-v2-portal.is-visible{
  display:block !important;
}
/* kill legacy hover portals */
html body .tqq-shop-scope-portal-node-20260811p,
html body #tqq-shop-scope-portal-node-20260811p,
html body .tqq-shop-scope-portal-20260811p:not(.tqq-search-v2-portal){
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
html body .tqq-search-v2-portal em,
html body .tqq-search-v2-portal [data-value]{
  display:block !important;
  padding:9px 12px !important;
  margin:0 !important;
  border-radius:8px !important;
  font-style:normal !important;
  font-size:14px !important;
  font-weight:600 !important;
  color:#334155 !important;
  cursor:pointer !important;
  white-space:nowrap !important;
  background:transparent !important;
}
html body .tqq-search-v2-portal em:hover,
html body .tqq-search-v2-portal [data-value]:hover{
  background:#fff7ed !important;
  color:#ea580c !important;
}

@media (min-width:901px){
  /* PC: portal hover menu — keep native panel hidden, arrow always visible */
  html body .sup-hea-search.tqq-shop-search-v2 .hss-type:hover .hss-type-a,
  html body .sup-hea-search.tqq-shop-search-v2 .hss-type:hover > .hss-type-a,
  html body .sup-hea-search.tqq-shop-search-v2 .hss-type:focus-within .hss-type-a,
  html body .sup-hea-search.tqq-shop-search-v2 .hss-type-h .hss-type-a,
  html body .tqq-shop-search-v2 .hss-type:hover .hss-type-a,
  html body .tqq-shop-search-v2 .hss-type:hover > .hss-type-a{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
    height:0 !important;
    max-height:0 !important;
    overflow:hidden !important;
  }
  html body .tqq-shop-search-v2 .hss-type:hover::after,
  html body .tqq-shop-search-v2 .hss-type.is-open::after,
  html body .tqq-shop-search-v2 .hss-type-h::after{
    content:"" !important;
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
  }
  html body .tqq-shop-search-v2 .hss-type .l-bottom,
  html body .tqq-shop-search-v2 .hss-type:hover .l-bottom{
    display:none !important;
  }
}
html body .tqq-search-v2-portal:not(.is-visible){
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
html body .tqq-search-v2-portal.is-visible{
  display:block !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

@media (min-width:901px){
  /* lock search shell — zero hover jump */
  html body .sup-hea-search.tqq-shop-search-v2,
  html body .sup-hea-search.tqq-shop-search-v2:hover,
  html body .sup-hea-search.tqq-shop-search-v2:focus-within,
  html body.tqq-shop-scope-open .sup-hea-search.tqq-shop-search-v2,
  html body.tqq-shop-search-v2-open .sup-hea-search.tqq-shop-search-v2,
  html body .sup-hea-search.tqq-shop-search-v2.is-open{
    display:flex !important;
    align-items:center !important;
    box-sizing:border-box !important;
    width:100% !important;
    max-width:480px !important;
    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;
    margin:0 !important;
    padding:0 !important;
    border:2px solid #ff8a12 !important;
    border-radius:22px !important;
    background:#fff !important;
    box-shadow:0 4px 14px rgba(255,138,18,.10) !important;
    transform:none !important;
    translate:none !important;
    top:auto !important;
    transition:none !important;
    z-index:200 !important;
    overflow:visible !important;
    visibility:visible !important;
    opacity:1 !important;
  }
  html body .tqq-shop-search-v2 .hss-type,
  html body .tqq-shop-search-v2 .hss-type:hover,
  html body .tqq-shop-search-v2 .hss-type.is-open,
  html body .tqq-shop-search-v2 .hss-type:focus-within,
  html body .tqq-shop-search-v2 .hss-type-h{
    transform:none !important;
    translate:none !important;
    top:auto !important;
    margin:0 !important;
    height:40px !important;
    min-height:40px !important;
    max-height:40px !important;
    line-height:normal !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    z-index:auto !important;
    background:#f8fafc !important;
    border:0 !important;
    overflow:hidden !important;
    transition:none !important;
  }
  html body .tqq-shop-search-v2 .hss-type #search_words,
  html body .tqq-shop-search-v2 .hss-type #search_words:hover{
    display:flex !important;
    align-items:center !important;
    align-self:center !important;
    height:40px !important;
    min-height:40px !important;
    max-height:40px !important;
    margin:0 !important;
    padding:0 !important;
    line-height:1.2 !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }
  html body .tqq-shop-search-v2 .hss-type.is-open{
    background:#fff7ed !important;
  }
  html body .tqq-shop-search-v2 .hss-type::after,
  html body .tqq-shop-search-v2 .hss-type:hover::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    right:12px !important;
    top:50% !important;
    width:6px !important;
    height:6px !important;
    margin:0 !important;
    border:solid #94a3b8 !important;
    border-width:0 1.5px 1.5px 0 !important;
    transform:translateY(-50%) rotate(45deg) !important;
    box-sizing:border-box !important;
    background:transparent !important;
    box-shadow:none !important;
    pointer-events:none !important;
    z-index:2 !important;
  }
  html body .tqq-shop-search-v2 .shs-text,
  html body .tqq-shop-search-v2 .shs-text:hover,
  html body .tqq-shop-search-v2 #keywords,
  html body .tqq-shop-search-v2 .shs-btn,
  html body .tqq-shop-search-v2 .shs-btn:hover{
    transform:none !important;
    margin:0 !important;
    height:40px !important;
    min-height:40px !important;
    max-height:40px !important;
    line-height:40px !important;
    box-sizing:border-box !important;
    border:0 !important;
    transition:none !important;
  }
  html body .sup-header .tqq-shop-hea-right-top:has(.tqq-shop-search-v2){
    height:44px !important;
    min-height:44px !important;
    max-height:none !important;
    overflow:visible !important;
  }
  /* kill parent padding jump from old border-complete patch */
  html body .sup-header .sup-hea-cen:has(.tqq-shop-search-v2),
  html body .sup-header .sup-hea-right:has(.tqq-shop-search-v2),
  html body .sup-header .tqq-shop-hea-right-top:has(.tqq-shop-search-v2),
  html body .sup-header .sup-hea-cen:has(.tqq-shop-search-v2):hover,
  html body .sup-header .sup-hea-right:has(.tqq-shop-search-v2):hover,
  html body .sup-header .tqq-shop-hea-right-top:has(.tqq-shop-search-v2):hover{
    padding-top:0 !important;
    padding-bottom:0 !important;
    transform:none !important;
    translate:none !important;
    top:auto !important;
    margin-top:0 !important;
    transition:none !important;
  }
  html body.tqq-shop-search-v2-open .sup-header .sup-hea-cen,
  html body.tqq-shop-search-v2-open .sup-header .sup-hea-right,
  html body.tqq-shop-search-v2-open .sup-header .tqq-shop-hea-right-top{
    z-index:1500 !important;
    transform:none !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
  }
}

@media (min-width:901px){
  /* Orange frame always visible — not only on hover */
  html body .sup-header .sup-hea-search.tqq-shop-search-v2,
  html body .tqq-shop-header-redbox .sup-hea-search.tqq-shop-search-v2,
  html body div.sup-hea-search.tqq-shop-search-v2,
  html body .sup-header .sup-hea-search.tqq-shop-search-v2:hover,
  html body .tqq-shop-header-redbox .sup-hea-search.tqq-shop-search-v2:hover,
  html body .sup-hea-search.tqq-shop-search-v2:focus-within,
  html body.tqq-shop-scope-open .sup-header .sup-hea-search.tqq-shop-search-v2,
  html body.tqq-shop-search-v2-open .sup-header .sup-hea-search.tqq-shop-search-v2,
  html body .sup-hea-search.tqq-shop-search-v2.is-open{
    border:2px solid #ff8a12 !important;
    border-radius:22px !important;
    background:#fff !important;
    box-shadow:0 4px 14px rgba(255,138,18,.10) !important;
    box-sizing:border-box !important;
    outline:none !important;
  }
  html body .sup-header .sup-hea-search.tqq-shop-search-v2:focus-within,
  html body .tqq-shop-header-redbox .sup-hea-search.tqq-shop-search-v2:focus-within{
    border-color:#ff7a00 !important;
    box-shadow:0 0 0 2px rgba(255,122,0,.15), 0 4px 14px rgba(255,138,18,.12) !important;
  }
}