/* TT_DESKTOP_SALE_RESTORE_V1 */
/* Chỉ sửa desktop Bán hàng, không đụng mobile */

@media (min-width:900px){

  html body #app .tt-sale-final-mobile-v3{
    width:100%!important;
    max-width:1400px!important;
    margin:0 auto!important;
    padding:18px 22px 40px!important;
    overflow:visible!important;
  }

  html body #app .tt-sale-final-mobile-v3 .tt-sale-layout-v3{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 410px!important;
    grid-template-areas:
      "left slip"
      "products slip"!important;
    gap:18px!important;
    align-items:start!important;
    width:100%!important;
    max-width:100%!important;
  }

  html body #app .tt-sale-final-mobile-v3 .tt-sale-left-v3{
    grid-area:left!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }

  html body #app .tt-sale-final-mobile-v3 .tt-sale-slip-v3{
    grid-area:slip!important;
    width:410px!important;
    max-width:410px!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    position:sticky!important;
    top:18px!important;
    align-self:start!important;
  }

  html body #app .tt-sale-final-mobile-v3 .tt-sale-products-mobile-v3{
    grid-area:products!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:-6px 0 0!important;
    padding:0!important;
    display:block!important;
    overflow:visible!important;
  }

  /* Bỏ cụm chữ Lựa hàng / Bấm + ở desktop */
  html body #app .tt-sale-final-mobile-v3 .tt-sale-products-title-v3{
    display:none!important;
  }

  /* Bỏ pager phía trên, chỉ giữ pager cuối danh sách */
  html body #app .tt-sale-final-mobile-v3 .tt-sale-products-mobile-v3 > .tt-sale-products-pager-v3:first-of-type{
    display:none!important;
  }

  html body #app .tt-sale-final-mobile-v3 .tt-sale-products-mobile-v3 > .tt-sale-products-pager-v3:last-of-type{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin:12px 0 0!important;
    padding:10px 12px!important;
    border-radius:14px!important;
    background:#fff!important;
    border:1px solid #dbe5f0!important;
  }

  html body #app .tt-sale-final-mobile-v3 .tt-sale-product-list-v3{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin:0!important;
    padding:0!important;
  }

  html body #app .tt-sale-final-mobile-v3 .tt-sale-product-v3{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:64px minmax(0,1fr) 120px 46px!important;
    gap:12px!important;
    align-items:center!important;
    padding:12px 14px!important;
    border-radius:16px!important;
    overflow:hidden!important;
  }

  html body #app .tt-sale-final-mobile-v3 .tt-sale-thumb-v3{
    width:58px!important;
    height:58px!important;
    border-radius:14px!important;
    overflow:hidden!important;
  }

  html body #app .tt-sale-final-mobile-v3 .tt-sale-product-main-v3{
    min-width:0!important;
    overflow:hidden!important;
  }

  html body #app .tt-sale-final-mobile-v3 .tt-sale-product-main-v3 b,
  html body #app .tt-sale-final-mobile-v3 .tt-sale-product-main-v3 span{
    display:block!important;
    width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  html body #app .tt-sale-final-mobile-v3 .tt-sale-product-v3 strong{
    text-align:right!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  html body #app .tt-sale-final-mobile-v3 .tt-sale-product-v3 i{
    width:42px!important;
    height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:14px!important;
  }

  html body #app .tt-sale-final-mobile-v3 .tt-sale-toolbar-v3{
    margin:0!important;
  }
}

/* TT_DESKTOP_SALE_HIDE_TOP_PAGER_KEEP_BOTTOM_V2 */
@media (min-width:900px){

  /* Ẩn chữ Lựa hàng / Bấm + */
  html body #app .tt-sale-final-mobile-v3 .tt-sale-products-title-v3{
    display:none!important;
  }

  /* Ẩn toàn bộ pager trong khu hàng trước */
  html body #app .tt-sale-final-mobile-v3 .tt-sale-products-mobile-v3 .tt-sale-products-pager-v3{
    display:none!important;
  }

  /* Chỉ giữ pager nằm ngay sau danh sách sản phẩm */
  html body #app .tt-sale-final-mobile-v3 .tt-sale-products-mobile-v3 .tt-sale-product-list-v3 + .tt-sale-products-pager-v3{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:10px!important;
    margin:12px 0 0!important;
    padding:10px 12px!important;
    border-radius:14px!important;
    background:#fff!important;
    border:1px solid #dbe5f0!important;
  }

  /* Đưa danh sách sản phẩm lên sát phần thông tin khách */
  html body #app .tt-sale-final-mobile-v3 .tt-sale-products-mobile-v3{
    margin-top:0!important;
    padding-top:0!important;
  }

  html body #app .tt-sale-final-mobile-v3 .tt-sale-product-list-v3{
    margin-top:0!important;
    padding-top:0!important;
  }
}