/* V141 - Product list wide cards
   Chỉ áp dụng trang danh sách có sidebar.
   Trang chủ và SẢN PHẨM LIÊN QUAN giữ nguyên. */

/* Vùng danh sách tận dụng chiều rộng tốt hơn */
.v137-product-list-page,
.v136-product-list-page,
.product-list-page{
  width:100%!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

/* Sidebar ổn định, phần nội dung được phép nở */
.v136-list-layout,
.v137-list-layout{
  display:grid!important;
  grid-template-columns:225px minmax(0,1fr)!important;
  gap:22px!important;
  align-items:start!important;
}

.v136-list-main,
.v137-list-main{
  min-width:0!important;
  width:100%!important;
}

/* Desktop: 3 card rộng thay vì ép 4 card nhỏ */
.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{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}

/* Card luôn dùng hết chiều rộng cột */
.v137-product-list-page .v117-product-card,
.v136-product-list-page .v117-product-card,
.product-list-page .v117-product-card{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}

/* Ảnh vẫn vuông 1:1, không bóp card */
.v137-product-list-page .v117-product-media,
.v136-product-list-page .v117-product-media,
.product-list-page .v117-product-media{
  width:100%!important;
  aspect-ratio:1/1!important;
  height:auto!important;
}

/* Tên sản phẩm: 2 dòng ổn định */
.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:44px!important;
  max-height:44px!important;
  font-size:14px!important;
  line-height:1.55!important;
}

/* Khối thông tin rộng hơn, hạn chế xuống dòng */
.v137-product-list-page .v117-product-facts,
.v136-product-list-page .v117-product-facts,
.product-list-page .v117-product-facts{
  min-height:64px!important;
  max-height:none!important;
  font-size:12px!important;
  line-height:1.65!important;
}

.v137-product-list-page .v117-product-facts>*,
.v136-product-list-page .v117-product-facts>*,
.product-list-page .v117-product-facts>*{
  min-width:0!important;
}

/* Giá không bao giờ tách số tiền và /kg sang 2 dòng */
.v137-product-list-page .v117-price-row,
.v136-product-list-page .v117-price-row,
.product-list-page .v117-price-row{
  min-height:50px!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-wrap:nowrap!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{
  white-space:nowrap!important;
  font-size:18px!important;
  letter-spacing:-.15px!important;
}

/* Giá cũ cũng giữ một dòng */
.v137-product-list-page .v117-price del,
.v136-product-list-page .v117-price del,
.product-list-page .v117-price del{
  white-space:nowrap!important;
}

/* Badge giảm giá không chen vào vùng giá */
.v137-product-list-page .v117-discount,
.v136-product-list-page .v117-discount,
.product-list-page .v117-discount{
  flex:0 0 auto!important;
}

/* Nút rộng và dễ bấm */
.v137-product-list-page .v117-product-actions,
.v136-product-list-page .v117-product-actions,
.product-list-page .v117-product-actions{
  grid-template-columns:minmax(0,1fr) 42px!important;
  gap: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;
}

/* Màn hình trung bình: sidebar + 2 card */
@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: bỏ sidebar, vẫn 2 cột như chuẩn toàn site */
@media (max-width:760px){
  .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-product-body>h3,
  .v136-product-list-page .v117-product-body>h3,
  .product-list-page .v117-product-body>h3{
    min-height:38px!important;
    max-height:38px!important;
    font-size:12.5px!important;
  }

  .v137-product-list-page .v117-product-facts,
  .v136-product-list-page .v117-product-facts,
  .product-list-page .v117-product-facts{
    min-height:56px!important;
    font-size: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;
  }
}

/* Mobile rất hẹp: giảm nhẹ chữ, không phá 2 cột */
@media (max-width:390px){
  .v137-product-list-page .v117-price strong,
  .v136-product-list-page .v117-price strong,
  .product-list-page .v117-price strong{
    font-size:13px!important;
  }

  .v137-product-list-page .v117-product-actions,
  .v136-product-list-page .v117-product-actions,
  .product-list-page .v117-product-actions{
    grid-template-columns:minmax(0,1fr) 36px!important;
  }
}