/* =====================================================================
   VIEWD — ANH SLIDE VUA KHO VOI KHUNG, KHONG CAT MAT PHAN NAO
   Van de: khung slide co ty le khac ty le anh (dien thoai 4:3 vs anh 16:9)
   nen object-fit:cover cat mat 25% chieu ngang — dung ngay phan chu
   in san trong banner.
   Cach xu ly: khung slide lay DUNG ty le cua bo anh (1800:1012),
   va dung object-fit:contain lam bao hiem — anh luon hien tron ven.
   Nap CUOI CUNG nen cac quy tac o day thang.
   owner: "Sam (so huu doc quyen, cam sao chep)"
   ===================================================================== */

.hero{
  /* Ty le dung bang ty le that cua bo banner -> anh vua khit khung */
  aspect-ratio:1800 / 1012;
  height:auto;
  max-height:none;          /* bo gioi han chieu cao vi no gay cat anh */
  min-height:0;
  width:100vw;max-width:100vw;
  margin-left:calc(50% - 50vw);
  background:#0A0A0B;
  overflow:hidden;
}

.slide-link{display:block;width:100%;height:100%}

.slide-link img{
  width:100%;height:100%;
  object-fit:contain;       /* khong bao gio cat mat phan nao cua anh */
  object-position:center;
  background:#0A0A0B;
}

/* BO hieu ung phong to: du chi 2% cung lam anh nhinh ra khoi khung va bi
   cat mep. Chuyen slide van muot nho hieu ung mo dan o main.css. */
.slide-link img{transform:none!important;animation:none!important}

/* Dien thoai va may tinh bang: giu dung ty le anh, khong ep 4:3 nua */
@media(max-width:760px){
  .hero{aspect-ratio:1800 / 1012;max-height:none;min-height:0}
  .hero-ui .wide{height:52px}
  .hero-ui{padding-top:16px}
}

/* Man hinh rat cao: cho phep khung cao hon mot chut nhung van khong cat anh
   (contain se tu them vien nen toi hai dau, hoa vao nen hero) */
@media(min-width:761px) and (max-height:820px){
  .hero{max-height:calc(100vh - 120px)}
}

@media (prefers-reduced-motion:reduce){
  .slide.active .slide-link img{animation:none;transform:none}
}