/* hero-2026-mb.css — sua bo cuc hero tren dien thoai. 13/09/2026.
 *
 * LOI DO DUOC, khong phai de phong suong. Do tren khung 375x812:
 *   san khau .tgs-hero26__san = 1444 x 812 (dung co che cover 16:9)
 *   doi dep .tgs-hero26__bay  = x 216 -> 809, rong 593
 *   khung nhin chi den x = 375
 *   => CHI 159/593 = 27% doi dep lot vao khung, dat sat mep phai.
 * Tren dien thoai, hero mat han chu the. Anh chup xac nhan: chi thay tuong
 * va be da.
 *
 * NGUYEN NHAN: cover tren man doc lay CHIEU CAO lam chuan, nen san khau 16:9
 * bi phong to theo chieu cao (812 * 16/9 = 1444) roi cat hai ben. Moi toa do
 * % ben trong van dung, nhung thu nam o 52% be ngang thi roi ra ngoai man.
 *
 * CACH SUA: duoi 760px, BO cover. San khau tro ve khoi thuong 16:9 rong dung
 * 100%, chu va nut xuong duoi tren nen muc. Doi dep con 41% cua 375 = 154px,
 * nam tron trong khung, dung bo cuc nhu ban desktop.
 * KHONG dong vao mot toa do % nao — chung van dung vi san khau van 16:9.
 *
 * MOC 760px lay theo dung moc that cua theme (layout.css muc 6b va
 * menu-di-dong.js deu dung matchMedia('(max-width: 760px)')), khong tu dat moc
 * moi.
 */

@media (max-width: 760px) {

  /* Hero thoi lam khung cover; chuyen thanh hai khoi xep doc. */
  .tgs-hero26 {
    min-height: 0;
    display: flex;
    flex-direction: column;
    background: #14110f;
  }

  /* San khau: khoi thuong, rong 100%, giu dung ti le 1200/675. */
  .tgs-hero26__san {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    width: 100%;
    aspect-ratio: 1200 / 675;
    flex: 0 0 auto;
  }

  /* Bia phu dung san khau chu khong phu ca section nua — neu khong, hai canh
   * cua se mo tren nen muc trong roc o nua duoi. */
  .tgs-hero26__bia {
    position: absolute;
    inset: 0;
    height: auto;
  }

  .tgs-hero26__san,
  .tgs-hero26__bia {
    order: 1;
  }

  /* Chu va nut: xuong duoi anh, khong con phu len anh nen bo scrim. */
  .tgs-hero26__chu {
    position: relative;
    inset: auto;
    order: 2;
    padding: 30px 20px 40px;
    justify-content: flex-start;
  }
}

/* Khung rat hep: nut xuong hang doc cho du cho bam. */
@media (max-width: 420px) {
  .tgs-hero26__chu {
    padding: 26px 20px 34px;
  }
}