/* DOCHIFOOD PUBLIC V5.0.2 — HEADER AUTO HIDE */

.v5-header,
.v5-pager,
.v5-category-strip {
  will-change: transform, opacity, top;
}

@media (max-width: 759px) {
  .v5-header {
    transition:
      transform .24s cubic-bezier(.2,.8,.2,1),
      opacity .18s ease !important;
  }

  .v5-pager {
    transition:
      top .24s cubic-bezier(.2,.8,.2,1),
      transform .34s cubic-bezier(.2,.8,.2,1) !important;
  }

  .v5-category-strip {
    transition:
      transform .22s cubic-bezier(.2,.8,.2,1),
      opacity .16s ease !important;
  }

  /* Vuốt nội dung lên: ẩn header chính và hàng danh mục. */
  .v5-app.v5-header-hidden .v5-header {
    transform: translate3d(0, calc(-1 * var(--header-h) - 2px), 0) !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .v5-app.v5-header-hidden .v5-pager {
    top: 0 !important;
  }

  .v5-app.v5-header-hidden .v5-category-strip {
    transform: translate3d(0, -110%, 0) !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  /* Bottom navigation luôn giữ nguyên. */
  .v5-nav {
    transform: none !important;
  }

  /* Khi mở chi tiết, không áp dụng chuyển động header phía sau. */
  html.v5-detail-open .v5-header,
  html.v5-detail-open .v5-pager {
    transition: none !important;
  }
}

/* Desktop giữ header cố định, không thay đổi bố cục. */
@media (min-width: 760px) {
  .v5-app.v5-header-hidden .v5-header {
    transform: none !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}