/* V142 - Product list 3-column desktop
   Mục tiêu: card danh sách rộng thực sự như card SẢN PHẨM NỔI BẬT.
   Chỉ áp dụng trang danh sách sản phẩm. */

/* Cho toàn trang danh sách dùng hết container public */
.v137-product-list-page,
.v136-product-list-page,
.product-list-page{
  width:100%!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding-left:20px!important;
  padding-right:20px!important;
  box-sizing:border-box!important;
}

/* Layout: sidebar cố định, main chiếm toàn bộ phần còn lại */
.v136-list-layout,
.v137-list-layout{
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:225px minmax(0,1fr)!important;
  gap:22px!important;
  align-items:start!important;
  box-sizing:border-box!important;
}

.v136-list-main,
.v137-list-main,
.v136-list-content,
.v137-list-content,
.product-list-main{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}

/* Xóa mọi giới hạn chiều rộng cũ trên vùng grid */
.v137-product-list-page .v117-product-grid,
.v136-product-list-page .v117-product-grid,
.product-list-page .v117-product-grid,
.v137-product-grid,
.v136-product-grid,
.v135-product-grid{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  box-sizing:border-box!important;
}

/* Xóa width/max-width cũ ở card */
.v137-product-list-page .v117-product-card,
.v136-product-list-page .v117-product-card,
.product-list-page .v117-product-card,
.v137-product-grid>.v117-product-card,
.v136-product-grid>.v117-product-card,
.v135-product-grid>.v117-product-card{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  justify-self:stretch!important;
  box-sizing:border-box!important;
}

/* Ảnh card 1:1 và dùng trọn chiều rộng card */
.v137-product-list-page .v117-product-media,
.v136-product-list-page .v117-product-media,
.product-list-page .v117-product-media{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  aspect-ratio:1/1!important;
}

/* Body card */
.v137-product-list-page .v117-product-body,
.v136-product-list-page .v117-product-body,
.product-list-page .v117-product-body{
  width:100%!important;
  min-width:0!important;
  padding:12px 13px 13px!important;
  box-sizing:border-box!important;
}

/* Tên sản phẩm */
.v137-product-list-page .v117-product-body>h3,
.v136-product-list-page .v117-product-body>h3,
.product-list-page .v117-product-body>h3{
  min-height:42px!important;
  max-height:42px!important;
  margin:0 0 8px!important;
  font-size:14px!important;
  line-height:1.5!important;
}

/* Thuộc tính: đủ rộng và ít xuống dòng */
.v137-product-list-page .v117-product-facts,
.v136-product-list-page .v117-product-facts,
.product-list-page .v117-product-facts{
  width:100%!important;
  min-width:0!important;
  min-height:66px!important;
  max-height:none!important;
  overflow:visible!important;
  font-size:12px!important;
  line-height:1.65!important;
}

.v137-product-list-page .v117-product-facts>div,
.v136-product-list-page .v117-product-facts>div,
.product-list-page .v117-product-facts>div{
  display:flex!important;
  align-items:flex-start!important;
  gap:6px!important;
  min-width:0!important;
}

/* Giá: số tiền và /kg luôn cùng dòng */
.v137-product-list-page .v117-price-row,
.v136-product-list-page .v117-price-row,
.product-list-page .v117-price-row{
  width:100%!important;
  min-width:0!important;
  min-height:52px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
}

.v137-product-list-page .v117-price,
.v136-product-list-page .v117-price,
.product-list-page .v117-price{
  min-width:0!important;
  flex:1 1 auto!important;
  display:flex!important;
  align-items:baseline!important;
  flex-wrap:nowrap!important;
  gap:5px!important;
  white-space:nowrap!important;
}

.v137-product-list-page .v117-price strong,
.v136-product-list-page .v117-price strong,
.product-list-page .v117-price strong{
  display:inline-block!important;
  white-space:nowrap!important;
  font-size:18px!important;
  line-height:1.2!important;
}

.v137-product-list-page .v117-price del,
.v136-product-list-page .v117-price del,
.product-list-page .v117-price del{
  display:inline-block!important;
  white-space:nowrap!important;
  font-size:12px!important;
}

.v137-product-list-page .v117-discount,
.v136-product-list-page .v117-discount,
.product-list-page .v117-discount{
  flex:0 0 auto!important;
}

/* Nút */
.v137-product-list-page .v117-product-actions,
.v136-product-list-page .v117-product-actions,
.product-list-page .v117-product-actions{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 42px!important;
  gap:8px!important;
  margin-top:8px!important;
}

.v137-product-list-page .v117-product-actions>a,
.v136-product-list-page .v117-product-actions>a,
.product-list-page .v117-product-actions>a{
  white-space:nowrap!important;
}

/* Nếu chỉ có 1 hoặc 2 sản phẩm: vẫn giữ độ rộng chuẩn của lưới 3 cột */
.v137-product-grid,
.v136-product-grid,
.v135-product-grid{
  grid-auto-columns:minmax(0,1fr)!important;
}

/* Tablet */
@media (max-width:1050px){
  .v136-list-layout,
  .v137-list-layout{
    grid-template-columns:190px minmax(0,1fr)!important;
    gap:16px!important;
  }

  .v137-product-list-page .v117-product-grid,
  .v136-product-list-page .v117-product-grid,
  .product-list-page .v117-product-grid,
  .v137-product-grid,
  .v136-product-grid,
  .v135-product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }
}

/* Mobile */
@media (max-width:760px){
  .v137-product-list-page,
  .v136-product-list-page,
  .product-list-page{
    padding-left:12px!important;
    padding-right:12px!important;
  }

  .v136-list-layout,
  .v137-list-layout{
    display:block!important;
  }

  .v136-sidebar,
  .v137-sidebar{
    display:none!important;
  }

  .v137-product-list-page .v117-product-grid,
  .v136-product-list-page .v117-product-grid,
  .product-list-page .v117-product-grid,
  .v137-product-grid,
  .v136-product-grid,
  .v135-product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  .v137-product-list-page .v117-price strong,
  .v136-product-list-page .v117-price strong,
  .product-list-page .v117-price strong{
    font-size:14px!important;
  }

  .v137-product-list-page .v117-price del,
  .v136-product-list-page .v117-price del,
  .product-list-page .v117-price del{
    display:none!important;
  }
}