/* v1.0.93
   Fix triệt để banner bên phải:
   - ảnh banner phải phủ kín toàn bộ khung
   - bỏ hoàn toàn khoảng trắng thừa bên phải/trái/sau ảnh
   - text trong ảnh phải rõ, card chỉ hiển thị đúng 1 ảnh full khung
*/
.sidebanners .mini{position:relative;overflow:hidden}

/* Banner ngang: biến card thành khung ảnh full */
.sidebanners .mini.is-wide-banner{
  display:block !important;
  position:relative !important;
  padding:0 !important;
  margin:0 !important;
  min-height:0 !important;
  height:auto !important;
  aspect-ratio:3/1;
  background:#fff !important;
  border-radius:14px !important;
  overflow:hidden !important;
}

/* Nếu CSS cũ dùng grid/flex 2 cột thì bỏ hẳn */
.sidebanners .mini.is-wide-banner .copy{display:none !important;width:0 !important;max-width:0 !important;overflow:hidden !important}
.sidebanners .mini.is-wide-banner > img{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  max-width:none !important;
  flex:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:inherit !important;
  margin:0 !important;
  transform:none !important;
}

/* Ảnh thường vẫn giữ layout cũ */
.sidebanners .mini:not(.is-wide-banner) > img{
  flex:0 0 auto;
  max-width:42%;
  object-fit:cover;
}

@media (max-width:900px){
  .sidebanners .mini.is-wide-banner{aspect-ratio:3/1}
}