Milk Tea · Must Try

Trà đen Sữa Chôm chôm

49.000 

A HANDCRAFTED BANDLESTICK INSPIRED BY ANCIENT CRAFTSMANSHIP, BLENDING EARTHY TONES WITH ORNAMENTAL HANDLES. PERFECT
AS A CENTERPIECE

#brx-header {
  position: static !important;
  top: auto !important;
  z-index: auto !important;
}
/* Keep header background solid and remove blur/saturation effects */
#header-container {
  background-color: rgb(96, 96, 67) !important;
  backdrop-filter: none !important;
  background-blend-mode: normal !important;
}

/* Prevent scroll styles from applying */
header.scrolling #header-container {
  backdrop-filter: none !important;
  background-color: rgb(96, 96, 67) !important;
  background-blend-mode: normal !important;
}

/* Remove transition and hide behavior */
#brx-header {
  transform: none !important;
  transition: none !important;
}

#brx-header.hide {
  transform: none !important;
}
/* Disable all transitions */
#div-logo-header,
#logo-header,
#left-nav-menu,
#right-nav-menu,
#header-container,
#header-background {
  transition: none !important;
}

/* Neutralize scroll-triggered padding changes */
header.scrolling #header-container,
header.scrolling #div-logo-header {
  padding: var(--space-xs) !important;
}

/* Lock logo height */
header.scrolling #logo-header {
  height: var(--step-7) !important;
}

/* Lock font size */
header.scrolling #left-nav-menu,
header.scrolling #right-nav-menu {
  font-size: inherit !important;
}
<script>
  window.addEventListener('load', () => {
    // Override the IntersectionObserver
    const header = document.getElementById('header-container');
    const footer = document.getElementById('brx-footer');

    if (!header || !footer) return;

    // Disconnect any existing observers by replacing the function with a noop
    window.setupHeaderFooterObserver = function () {};

    // Ensure header always stays visible
    header.classList.remove('hide-header');

    // Optional: Make sure the header is not sticky anymore
    header.style.position = 'static';
    header.style.top = 'auto';
    header.style.zIndex = 'auto';

    // Remove any existing 'hide-header' class when user scrolls
    window.addEventListener('scroll', () => {
      header.classList.remove('hide-header');
    });
  });
</script>