header-drawer {
    justify-self: start;
    margin-left: calc(var(--space-3) * -1);
  }

  /* Theme toggle - hien dung icon theo trang thai HIEN TAI cua the (moi javascript click-handler
  o cuoi file dat data-theme), khong doc theo prefers-color-scheme truc tiep tai day - đa co script
  dong bo trong layout/theme.liquid xu ly gia tri ban dau roi. */
  :root[data-theme="dark"] .theme-toggle-icon--sun,
  :root:not([data-theme="dark"]) .theme-toggle-icon--moon {
    display: none;
  }

  .sticky-reduce-logo.scrolled-past-header .header__heading-logo-wrapper {
    width: 75%;
  }

  @media screen and (min-width: 990px) {
    .menu-desktop-not-drawer header-drawer {
      display: none;
    }
  }

  .menu-drawer-container {
    display: flex;
  }

  .list-menu {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .list-menu--inline {
    display: inline-flex;
    flex-wrap: wrap;
  }

  summary.list-menu__item {
    padding-right: var(--space-7);
  }

  .list-menu__item {
    display: flex;
    align-items: center;
    line-height: calc(1 + 0.3 / var(--font-body-scale));
  }

  .list-menu__item--link {
    text-decoration: none;    
    line-height: calc(1 + 0.8 / var(--font-body-scale));
  }

  shopify-account.header__icon {
    --shopify-account-font-heading: var(--font-heading-family);
    --shopify-account-font-heading-weight: var(--font-heading-weight);
    --shopify-account-font-body: var(--font-body-family);
    --shopify-account-font-body-weight: var(--font-body-weight);
    --shopify-account-radius-base: var(--radius-xl);
    --shopify-account-radius-button: var(--radius-md);
    --shopify-account-radius-button-small: var(--radius-md);
    --shopify-account-radius-input: var(--radius-md);
    --shopify-account-color-background: rgb(var(--color-background));
    --shopify-account-color-text: rgb(var(--color-foreground));
    --shopify-account-color-accent: var(--color-primary);
    --shopify-account-color-accent-text: var(--color-primary-fg);
    --shopify-account-dialog-position-top: var(--account-dialog-top, var(--header-height, 0px));
  }

  shopify-account.header__icon:not(:defined) {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 2.75rem;
    height: 2.75rem;
  }

  @media screen and (max-width: 749px) {
    .header__icons .header__icon--account,
    .header__icon.header__icon--account {
      display: none;
    }
  }

  /* Transparent Header Variant (Hoa voi Hero Banner) */
  .header--has-transparent .header-wrapper:not(.scrolled-past-header),
  .header-wrapper--transparent .header-wrapper:not(.scrolled-past-header) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: transparent !important;
    border-bottom: none !important;
    z-index: var(--z-sticky);
  }

  .header--has-transparent .header-wrapper:not(.scrolled-past-header) .header__heading-link,
  .header--has-transparent .header-wrapper:not(.scrolled-past-header) .list-menu__item--link,
  .header--has-transparent .header-wrapper:not(.scrolled-past-header) .header__icon,
  .header--has-transparent .header-wrapper:not(.scrolled-past-header) .header__icon .icon,
  .header-wrapper--transparent .header-wrapper:not(.scrolled-past-header) .header__heading-link,
  .header-wrapper--transparent .header-wrapper:not(.scrolled-past-header) .list-menu__item--link,
  .header-wrapper--transparent .header-wrapper:not(.scrolled-past-header) .header__icon,
  .header-wrapper--transparent .header-wrapper:not(.scrolled-past-header) .header__icon .icon {
    color: rgb(var(--color-background)) !important;
  }

  .header--has-transparent .header-wrapper:not(.scrolled-past-header) .announcement-bar {
    background: transparent !important;
    border-bottom: var(--border-hairline) solid rgba(var(--color-background), 0.2);
  }