/**
 * NukeViet Content Management System
 * @version 4.x
 * @author VINADES.,JSC <contact@vinades.vn>
 * @copyright (C) 2009-2021 VINADES.,JSC. All rights reserved
 * @license GNU/GPL version 2 or any later version
 * @see https://github.com/nukeviet The NukeViet CMS GitHub project
 */
/* === FIX layout ảnh sản phẩm chi tiết === */
.module-shops .product-image-wrapper {
  width: 100%;
  max-width: 480px; /* tùy chỉnh theo giao diện */
  margin: 0 auto 20px auto;
  display: block;
  overflow: hidden;
  text-align: center;
}

.module-shops .product-image-wrapper img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}

/* Giữ text mô tả không bị đẩy lệch hoặc bị chồng ảnh */
.module-shops .product-detail,
.module-shops .product-content {
  overflow: hidden;
  clear: both;
}

/* Nếu có layout 2 cột (ảnh trái - text phải) */
@media (min-width: 992px) {
  .module-shops .product-detail {
    display: flex;
    align-items: flex-start;
    gap: 20px;
  }
  .module-shops .product-image-wrapper {
    flex: 0 0 40%;
  }
  .module-shops .product-info {
    flex: 1;
  }
}

/* Responsive: ảnh full chiều ngang khi màn nhỏ */
@media (max-width: 768px) {
  .module-shops .product-image-wrapper {
    max-width: 100%;
  }
}


/* Các tùy chỉnh CSS của giao diện nên để vào đây */