/* SOURCE assets/css/public-container-v129.css */

/* V129 - Đồng nhất khung nội dung toàn bộ frontend với khung trang chủ/menu */
:root{--v129-container:1180px;--v129-gutter:20px}

/* Các container chính trên toàn bộ menu public */
.v117-header-inner,
.v117-nav-inner,
.v117-home > section,
.v117-footer-inner,
.breadcrumbs,
.v120-product-page,
.product-list-page,
.category-page,
.article-list-page,
.article-detail,
.news-list-page,
.contact-page,
.policy-page,
.page-content,
.section{
  width:100%;
  max-width:var(--v129-container)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box;
}

/* Breadcrumb tất cả trang */
.breadcrumbs{
  padding-left:var(--v129-gutter)!important;
  padding-right:var(--v129-gutter)!important;
}

/* Không ép các section con nằm trong container cha */
.v120-product-page .section,
.v117-home .section,
.article-detail .section{
  max-width:none!important;
}

@media(max-width:1220px){
  .v117-header-inner,
  .v117-nav-inner,
  .v117-home > section,
  .v117-footer-inner,
  .breadcrumbs,
  .v120-product-page,
  .product-list-page,
  .category-page,
  .article-list-page,
  .article-detail,
  .news-list-page,
  .contact-page,
  .policy-page,
  .page-content{
    max-width:100%!important;
  }
}
@media(max-width:760px){
  :root{--v129-gutter:12px}
  .breadcrumbs{padding-left:12px!important;padding-right:12px!important}
}


/* SOURCE assets/css/product-image-global-v131.css */
/* V131 - Đồng bộ toàn bộ khung hình sản phẩm trên frontend */

/* Card sản phẩm hiện hành: trang chủ, danh mục, tìm kiếm, sản phẩm liên quan */
.v117-product-media,
.v11-product-img,
.product-card .product-img{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  overflow:hidden!important;
  background:#f6f8f7!important;
}

.v117-product-media>img,
.v11-product-img>img,
.product-card .product-img>img,
.product-card .product-img a>img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  margin:0!important;
  padding:0!important;
}

/* Không để CSS riêng của Sản phẩm liên quan làm ảnh khác kích thước */
.v120-related .v117-product-media{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  overflow:hidden!important;
}
.v120-related .v117-product-media>img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* Ảnh lớn ở trang chi tiết: giữ trọn sản phẩm, không méo/cắt */
.v120-main-image,
.detail-image{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  overflow:hidden!important;
  background:#f6f8f7!important;
}
.v120-main-image>img,
.detail-image>img,
.detail-image a>img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
}

/* Thumbnail chi tiết cùng tỷ lệ */
.v120-thumbs a{
  aspect-ratio:1/1!important;
  overflow:hidden!important;
  background:#f6f8f7!important;
}
.v120-thumbs img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* Placeholder cũng phải chiếm đủ khung */
.v117-product-media>.image-placeholder,
.v11-product-img>.image-placeholder,
.product-img>.image-placeholder{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
}

@media(max-width:760px){
  .v117-product-media,
  .v11-product-img,
  .product-card .product-img,
  .v120-related .v117-product-media{
    aspect-ratio:1/1!important;
    height:auto!important;
  }
}


/* SOURCE assets/css/product-image-global-v132.css */

/* V132 - ảnh card sản phẩm đồng nhất tuyệt đối */
.v117-product-media,
.v11-product-img,
.product-card .product-img,
.ll80-product-image{
  position:relative!important;
  width:100%!important;
  aspect-ratio:1/1!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  background:#fff!important;
}
.v117-product-media>img,
.v11-product-img>img,
.product-card .product-img>img,
.product-card .product-img>a>img,
.ll80-product-image>img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
}
.v120-main-image>img{object-fit:contain!important;object-position:center!important}


/* SOURCE assets/css/product-card-unified-v139.css */

/* V139 - nguồn chuẩn duy nhất cho card sản phẩm toàn frontend
   Trang chủ = Danh sách = Sản phẩm liên quan */
:root{
  --v139-card-gap:17px;
  --v139-card-radius:12px;
  --v139-card-border:#e7ece9;
}

/* Mọi grid sản phẩm cùng chuẩn 4/3/2 cột */
.v117-product-grid,
.product-grid.v137-product-grid,
.product-grid.v136-product-grid,
.product-grid.v135-product-grid,
.v120-related-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:var(--v139-card-gap)!important;
  align-items:stretch!important;
}

/* Chính xác cùng một card */
.v117-product-card{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  background:#fff!important;
  border:1px solid var(--v139-card-border)!important;
  border-radius:var(--v139-card-radius)!important;
  overflow:hidden!important;
  box-shadow:0 5px 18px rgba(18,62,45,.045)!important;
  box-sizing:border-box!important;
}

/* Khung ảnh giống tuyệt đối */
.v117-product-card>.v117-product-media{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1/1!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fff!important;
}
.v117-product-card>.v117-product-media>img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
}

/* Thân card giống tuyệt đối */
.v117-product-card>.v117-product-body{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  padding:12px!important;
  box-sizing:border-box!important;
}

/* Tên sản phẩm - markup thực tế là h3, không phải .v117-product-title */
.v117-product-card>.v117-product-body>h3{
  min-height:42px!important;
  max-height:42px!important;
  margin:0 0 8px!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  font-size:14px!important;
  line-height:1.5!important;
  font-weight:800!important;
}
.v117-product-card>.v117-product-body>h3 a{
  color:#102f25!important;
  text-decoration:none!important;
}

/* Thuộc tính */
.v117-product-card .v117-product-facts{
  min-height:66px!important;
  max-height:66px!important;
  overflow:hidden!important;
  font-size:11.5px!important;
  line-height:1.6!important;
}

/* Khối giá - markup thực tế */
.v117-product-card .v117-price-row{
  min-height:48px!important;
  margin-top:auto!important;
  padding-top:9px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
}
.v117-product-card .v117-price{
  display:flex!important;
  align-items:baseline!important;
  gap:3px!important;
  flex-wrap:wrap!important;
}
.v117-product-card .v117-price strong{
  font-size:17px!important;
  line-height:1.2!important;
  font-weight:800!important;
}

/* Nút */
.v117-product-card .v117-product-actions{
  display:grid!important;
  grid-template-columns:1fr 40px!important;
  gap:7px!important;
  min-height:40px!important;
  margin-top:8px!important;
}
.v117-product-card .v117-product-actions>a{
  min-height:40px!important;
  height:40px!important;
  box-sizing:border-box!important;
}

/* Không cho related tự thu nhỏ */
.v120-related .v117-product-card{
  max-width:none!important;
}

/* Tablet */
@media(max-width:1050px){
  .v117-product-grid,
  .product-grid.v137-product-grid,
  .product-grid.v136-product-grid,
  .product-grid.v135-product-grid,
  .v120-related-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
  }
}

/* Mobile */
@media(max-width:760px){
  .v117-product-grid,
  .product-grid.v137-product-grid,
  .product-grid.v136-product-grid,
  .product-grid.v135-product-grid,
  .v120-related-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  .v117-product-card>.v117-product-body{
    padding:9px!important;
  }

  .v117-product-card>.v117-product-body>h3{
    min-height:38px!important;
    max-height:38px!important;
    font-size:12.5px!important;
  }

  .v117-product-card .v117-product-facts{
    min-height:58px!important;
    max-height:58px!important;
    font-size:10px!important;
  }

  .v117-product-card .v117-price strong{
    font-size:14px!important;
  }

  .v117-product-card .v117-product-actions{
    grid-template-columns:1fr 36px!important;
    min-height:36px!important;
  }
  .v117-product-card .v117-product-actions>a{
    min-height:36px!important;
    height:36px!important;
  }
}