/* Tiên Giới Truyện 3D V15.72.7
 * Banner ngang: ảnh đầy chiều ngang, khung cao theo tỷ lệ THẬT của từng ảnh.
 * Không cắt nội dung, không kéo giãn, không thay đổi ảnh bìa dọc dự phòng.
 * CSS scoped: chỉ Trang chủ và chỉ banner ngang do quản trị viên đặt.
 */
body.tg722-home-active .tg724-spotlight .tg723-spotlight-wide .tg723-banner-frame {
  display:block!important;
  position:relative!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:auto!important;   /* bỏ khung 16:5 cố định tạo khoảng trống */
  padding:0!important;           /* bỏ khoảng đệm 8px của bản cũ */
  margin:0!important;
  line-height:0;
  overflow:hidden;
  border:0!important;
  border-bottom:1px solid rgba(236,193,99,.22)!important;
  border-radius:16px 16px 0 0;
  background:#0d0e13;
}
body.tg722-home-active .tg724-spotlight .tg723-spotlight-wide .tg723-banner-frame .tg723-banner-image {
  display:block!important;
  position:static!important;
  inset:auto!important;
  width:100%!important;
  height:auto!important;         /* đúng tỷ lệ của ảnh nguồn */
  max-width:none!important;
  max-height:none!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  object-fit:contain!important;  /* không crop; kích thước tự nhiên nên phủ ngang */
  object-position:center center!important;
  transform:none!important;
  background:transparent!important;
}
/* Khi ảnh chưa tải xong, tránh hiện khối cao cố định hay bị dồn lớp. */
body.tg722-home-active .tg724-spotlight .tg723-spotlight-wide .tg723-banner-image:not([src]) {
  visibility:hidden;
}
@media(max-width:690px){
  body.tg722-home-active .tg724-spotlight .tg723-spotlight-wide .tg723-banner-frame {
    border-radius:12px 12px 0 0;
  }
}