/* Mobile product list — single canonical layout (CN/EN/i18n) */
@media (max-width:900px), (pointer:coarse){
  html body .pro-list ul#data_list > li,
  html body #data_list > li,
  html body .pro-list li.server-product-item{
    display:flex!important;
    flex-direction:row!important;
    align-items:stretch!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:10px!important;
    margin:0 0 8px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  html body .pro-list ul#data_list > li .pro-pic,
  html body #data_list > li .pro-pic,
  html body .pro-list li.server-product-item .pro-pic{
    float:none!important;
    flex:0 0 96px!important;
    width:96px!important;
    min-width:96px!important;
    max-width:96px!important;
    height:96px!important;
    margin:0 10px 0 0!important;
    align-self:flex-start!important;
    overflow:hidden!important;
    border-radius:10px!important;
  }
  html body .pro-list ul#data_list > li .pro-pic img,
  html body #data_list > li .pro-pic img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
  }
  html body .pro-list ul#data_list > li .pro-info,
  html body #data_list > li .pro-info,
  html body .pro-list li.server-product-item .pro-info{
    float:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    min-height:96px!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    gap:0!important;
  }
  html body .pro-list ul#data_list > li .p-tit,
  html body #data_list > li .p-tit,
  html body .pro-list li.server-product-item .p-tit{
    order:1!important;
    display:block!important;
    width:100%!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin:0 0 4px!important;
    padding:0!important;
    overflow:hidden!important;
    line-height:20px!important;
  }
  html body .pro-list ul#data_list > li .p-tit a,
  html body #data_list > li .p-tit a,
  html body .pro-list li.server-product-item .p-tit a{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    line-clamp:2!important;
    height:40px!important;
    max-height:40px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:normal!important;
    word-break:break-word!important;
    line-height:20px!important;
    font-size:14px!important;
  }
  html body .pro-list ul#data_list > li .p-p,
  html body #data_list > li .p-p,
  html body .pro-list li.server-product-item .p-p{
    order:2!important;
    width:100%!important;
    margin:0 0 4px!important;
    padding:0!important;
    line-height:18px!important;
  }
  html body .pro-list ul#data_list > li .p-label,
  html body #data_list > li .p-label,
  html body .pro-list li.server-product-item .p-label,
  html body .pro-list .p-label,
  html body .p-label{
    order:3!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:6px!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:2px 0 0!important;
    padding:0!important;
    overflow:visible!important;
  }
  html body .p-label .tqq-mobile-trust-badge,
  html body .p-label .tqq-trust-badge{
    order:0!important;
    float:none!important;
    display:inline-flex!important;
    height:28px!important;
    min-height:28px!important;
    margin:0!important;
  }
  html body .p-label .p-label-a,
  html body .p-label a.tqq-product-list-fixed-chat,
  html body .p-label .product-chat-btn{
    order:1!important;
    float:none!important;
    display:inline-flex!important;
    height:34px!important;
    min-height:34px!important;
    margin:0!important;
  }
  html body .pro-list ul#data_list > li .p-adr,
  html body #data_list > li .p-adr,
  html body .pro-list li.server-product-item .p-adr{
    order:50!important;
    margin-top:auto!important;
    margin-bottom:0!important;
    padding:0!important;
    width:100%!important;
    min-height:0!important;
    max-height:36px!important;
    overflow:hidden!important;
  }
  html body .pro-list ul#data_list > li .p-adr em,
  html body #data_list > li .p-adr em,
  html body .pro-list li.server-product-item .p-adr em{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    line-clamp:2!important;
    float:none!important;
    width:100%!important;
    max-height:36px!important;
    line-height:18px!important;
    margin:0!important;
    overflow:hidden!important;
    white-space:normal!important;
    word-break:break-word!important;
  }
  html body .pro-list ul#data_list > li .mobile-company-name,
  html body #data_list > li .mobile-company-name,
  html body .pro-list li.server-product-item .mobile-company-name,
  html body .pro-list ul#data_list > li .pro-company-name,
  html body #data_list > li .pro-company-name,
  html body .pro-list li.server-product-item .pro-company-name,
  html body .pro-list ul#data_list > li .list-a,
  html body #data_list > li .list-a,
  html body .pro-list li.server-product-item .list-a,
  html body .pro-list ul#data_list > li a[href^="mailto"],
  html body #data_list > li a[href^="mailto"]{
    order:51!important;
    margin:2px 0 0!important;
    padding:0!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
}