/* Dynamic Brands On Board card layout (v1.1). */
.brandtrack .bcard2{
  aspect-ratio:auto!important;
  overflow:visible!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--ink,#202020);
  text-decoration:none;
  display:flex;
  flex-direction:column;
}
.brandtrack .bcard2::after{display:none!important}
.brandtrack .bvisual{
  position:relative;
  width:100%;
  aspect-ratio:3/4;
  overflow:hidden;
  border-radius:8px;
  background:#d9d5cc;
}
.brandtrack .bvisual::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(15,21,38,.22),rgba(15,21,38,.14) 46%,rgba(15,21,38,.36));
  transition:opacity .4s;
}
.brandtrack .bvisual>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
  transition:transform .6s cubic-bezier(.2,.7,.2,1);
}
.brandtrack .bcard2:hover .bvisual>img{transform:scale(1.05)}
.brandtrack .blogo{
  position:absolute;
  z-index:2;
  left:50%;
  bottom:20px;
  transform:translateX(-50%);
  width:64%;
  height:28%;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  color:var(--cream,#f2efe6);
  text-align:center;
  pointer-events:none;
}
.brandtrack .blogo img{
  position:static!important;
  width:auto!important;
  height:auto!important;
  max-width:100%;
  max-height:100%;
  object-fit:contain!important;
  filter:drop-shadow(0 2px 12px rgba(0,0,0,.25));
}
.brandtrack .blogo--text{
  font-family:'Epika Serif Condensed',serif;
  font-size:clamp(30px,3.2vw,48px);
  font-weight:600;
  line-height:.95;
}
.brandtrack .bcaption{padding:18px 4px 0;min-height:82px}
.brandtrack .bcaption .bname{
  position:static;
  transform:none!important;
  color:var(--navy,#294275);
  font-family:'Epika Serif Condensed',serif;
  font-size:clamp(25px,2.25vw,34px);
  font-weight:600;
  line-height:1;
  text-align:left;
}
.brandtrack .bcaption .bmeta{
  position:static;
  margin-top:8px;
  color:rgba(32,32,32,.58);
  font-size:10px;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.brandtrack .bvisual .btag{display:none}
@media(max-width:640px){
  .brandtrack .bcaption{padding-top:13px;min-height:0}
  .brandtrack .blogo{width:70%}
}


/* v1.2 — caption gọn: bỏ shadow tên brand, ẩn ngành hàng.
   Lưu ý: span ".lb" (Lookbook) trùng class lightbox của trang (.lb{position:fixed;display:none})
   nên vốn không hiển thị → ẩn trọn hàng meta và thu gọn chiều cao caption. */
.brandtrack .bcaption .bname{text-shadow:none!important}
.brandtrack .bcaption .bmeta{display:none}
.brandtrack .bcaption{min-height:0;padding-bottom:2px}

/* v1.2.1 — logo brand nằm ở ĐÁY ảnh, cách đáy 20px (trước đây căn giữa ảnh). */