/* Chuyển động toàn site, 01/11/2026. Chỉ transform và opacity. Tắt hoàn toàn khi người dùng chọn giảm chuyển động. */

/* Chuyển trang mượt (trình duyệt hỗ trợ thì có, không hỗ trợ thì bỏ qua) */
@media (prefers-reduced-motion:no-preference){
  @view-transition{navigation:auto;}
  ::view-transition-old(root),::view-transition-new(root){animation-duration:.22s;animation-timing-function:ease;}
  .nav{view-transition-name:nav;}
  ::view-transition-group(nav){animation-duration:0s;}
}

/* Đầu trang hiện lần lượt */
@keyframes mt-len{from{opacity:.35;transform:translateY(16px);}to{opacity:1;transform:none;}}
@media (prefers-reduced-motion:no-preference){
  :is(header.phead,header.hero,header.ts-hero,header.vt-hero) :is(.eyebrow,.bac-tag){animation:mt-len .6s cubic-bezier(.2,.7,.2,1) .04s both;}
  :is(header.phead,header.hero,header.ts-hero,header.vt-hero) h1{animation:mt-len .7s cubic-bezier(.2,.7,.2,1) .12s both;}
  :is(header.phead,header.hero,header.ts-hero,header.vt-hero) :is(.byline){animation:mt-len .6s cubic-bezier(.2,.7,.2,1) .2s both;}
  :is(header.phead,header.hero,header.ts-hero,header.vt-hero) :is(.lead,.dek,.hero-for){animation:mt-len .65s cubic-bezier(.2,.7,.2,1) .26s both;}
  :is(header.phead,header.hero,header.ts-hero,header.vt-hero) :is(.hero-cta,.ts-fact,.vt-vai,.hero-meta,.bai-ke){animation:mt-len .65s cubic-bezier(.2,.7,.2,1) .38s both;}
  :is(header.phead,header.hero,header.ts-hero,header.vt-hero) :is(.anh-ben,.ts-that){animation:mt-len .8s cubic-bezier(.2,.7,.2,1) .3s both;}

  /* Hiện dần khi cuộn tới. JS chỉ gắn lớp cho phần còn nằm dưới màn hình lúc tải, và gỡ lớp sau khi hiện xong */
  .rv{opacity:0;transform:translateY(22px);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1);
    transition-delay:var(--rv-d,0s);}
  .rv.vao{opacity:1;transform:none;}

  /* Thanh tiến độ cuộn cho trang không phải bài viết */
  .tien-do-trang{position:fixed;left:0;top:0;height:3px;width:100%;background:var(--brand);z-index:90;
    transform:scaleX(0);transform-origin:0 50%;pointer-events:none;}
}
@media print{.rv{opacity:1 !important;transform:none !important;}.tien-do-trang{display:none;}}

/* 07/11/2026: fmf02 va sanpham01 co CSS lien he rieng, cung cho tran ngang 7px o 320px */
.contact-grid,.contact-grid>*,.contact-cards,.contact-cards>*{min-width:0;}
.contact-cards a,.contact-cards .ccard{overflow-wrap:anywhere;}