/** Shopify CDN: Minification failed

Line 1181:19 Unterminated string token

**/
/* Header visual overrides - externalized for caching. Critical above-fold subset stays inline in zh-header-critical-css.liquid. */
  /* Vertical centering of all header rows / columns */
  #header-component .header__row .header__columns { align-items: center; }
  #header-component .header__column { align-items: center; }
  #header-component .header-logo {
    align-items: center;
    justify-content: flex-start;
  }
  #header-component .header-logo__image {
    object-fit: contain;
    max-width: min(320px, 36vw);
    width: var(--header-logo-image-width-mobile, auto);
    height: var(--header-logo-image-height-mobile, auto);
    max-height: clamp(38px, 5.6vw, 72px);
  }

  @media screen and (min-width: 750px) {
    #header-component .header-logo__image {
      width: var(--header-logo-image-width, auto);
      height: var(--header-logo-image-height, auto);
      max-height: clamp(42px, 5.6vw, 76px);
    }
  }

  /* Mobile header 鈥?robust two-zone bar: [menu][logo] 路路路路路路 [search][account][cart].
     LOGO lives in the LEFT flex column, search/account/cart in the RIGHT flex column,
     so the two groups are in separate containers and can never overlap. */
  @media screen and (max-width: 989px) {
    #header-component .header__row--top {
      overflow: visible !important;
      position: relative;
      z-index: calc(var(--layer-menu-drawer, 18) + 1);
    }

    /* columns container 鈫?simple flex bar */
    #header-component .header__row--top .header__columns,
    #header-component[data-menu-style='drawer'] .header__columns {
      display: flex !important;
      flex-flow: row nowrap !important;
      align-items: center !important;
      gap: 0 !important;
      width: 100% !important;
      max-width: 100% !important;
      overflow: visible !important;
      padding-block: 6px !important;
      padding-inline: 10px 8px !important;
      min-height: 0 !important;
      grid-template-columns: unset !important;
      grid-template-areas: unset !important;
      /* span the full row grid (row is grid: 16px 380px 16px); without this the
         columns box collapses into the 16px gutter track and the children overlap */
      grid-column: 1 / -1 !important;
    }

    /* keep columns as REAL flex items (not display:contents) so the left group
       and the right group live in separate containers and never collide */
    #header-component .header__column {
      display: flex !important;
      align-items: center !important;
      min-width: 0 !important;
      grid-area: unset !important;
    }

    /* LEFT zone: hamburger + logo */
    #header-component .header__column--left {
      flex: 1 1 auto !important;
      justify-content: flex-start !important;
      gap: 6px !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    /* CENTER zone (nav menu) is hidden on mobile 鈫?collapse it */
    #header-component .header__column--center {
      display: none !important;
    }

    /* RIGHT zone: search + account + cart, hugging the right edge */
    #header-component .header__column--right {
      flex: 0 0 auto !important;
      justify-content: flex-end !important;
      gap: 0 !important;
      margin: 0 0 0 auto !important;
      padding: 0 !important;
    }

    /* hide nav menu, localization, and the LEFT-column search button
       (the search icon is supplied by the right-column button instead) */
    #header-component .header-menu,
    #header-component .header__columns .dropdown-localization,
    #header-component .search-action--hidden-on-menu {
      display: none !important;
    }

    /* show the right-column search button beside account + cart */
    #header-component .header__column--right .search-action--hidden-on-drawer {
      display: flex !important;
    }

    /* hamburger */
    #header-component .header__drawer,
    #header-component .zh-mobile-menu-drawer {
      flex: 0 0 44px !important;
      width: 44px !important;
      min-width: 44px !important;
      min-height: 44px !important;
      max-height: 44px !important;
      display: inline-flex !important;
      align-items: center;
      justify-content: center;
      position: static !important;
      order: 0 !important;
      overflow: visible;
      grid-area: unset !important;
    }

    /* logo */
    #header-component .header-logo {
      flex: 0 1 auto !important;
      order: 1 !important;
      display: flex !important;
      justify-content: flex-start !important;
      min-width: 0 !important;
      max-width: min(150px, 44vw) !important;
      margin: 0 !important;
      padding: 0 !important;
      position: static !important;
      left: auto !important;
      top: auto !important;
      transform: none !important;
      visibility: visible !important;
      opacity: 1 !important;
      grid-area: unset !important;
    }

    #header-component .header-logo__image {
      width: auto !important;
      height: var(--header-logo-image-height-mobile, 40px) !important;
      max-width: min(150px, 44vw) !important;
      max-height: 40px !important;
    }

    /* right-zone groups */
    #header-component .header__column--right .search-action,
    #header-component .header__column--right header-actions {
      display: flex !important;
      flex-flow: row nowrap !important;
      align-items: center !important;
      gap: 0 !important;
      margin: 0 !important;
    }

    /* even 44px touch targets for search / account / cart */
    #header-component .header__column--right .search-action .header-actions__action,
    #header-component .header__column--right .header-actions__action,
    #header-component .header__column--right .zh-cart-hover__trigger,
    #header-component .header__column--right .zh-cart-hover-anchor,
    #header-component .header__column--right .header-actions__cart-icon {
      box-sizing: border-box;
      display: inline-flex !important;
      align-items: center;
      justify-content: center;
      width: 44px !important;
      min-width: 44px !important;
      height: 44px !important;
      min-height: 44px !important;
      padding: 0 !important;
    }

    /* The search button holds two triggers (page-link <a> + modal <button>).
       The touch-target rule above force-shows BOTH, so re-hide the modal
       trigger on mobile 鈫?only the single page-link magnifier remains. */
    #header-component .header__column--right .search-action .search-action__modal-trigger {
      display: none !important;
    }

    #header-component .header__column--right .header-actions__action svg,
    #header-component .header__column--right .account-button__icon,
    #header-component .header__column--right .header-actions__action .svg-wrapper,
    #header-component .header__column--right .header-actions__action .svg-wrapper svg {
      width: 1.375rem !important;
      height: 1.375rem !important;
    }

    #header-component .header__column--right .header-actions__cart-icon {
      position: relative;
    }
  }


  #header-component[data-menu-style='drawer'] .header-actions__action,
  #header-component[data-menu-style='drawer'] .zh-cart-hover__trigger,
  #header-component[data-menu-style='drawer'] .search-action .header-actions__action,
  #header-component[data-menu-style='drawer'] .menu-drawer-container .header__icon--summary {
    border-radius: 8px;
    transition:
      color 0.18s ease,
      background-color 0.18s ease,
      transform 0.12s cubic-bezier(0.34, 1.2, 0.64, 1);
    -webkit-tap-highlight-color: transparent;
  }

  @media (hover: hover) {
    #header-component[data-menu-style='drawer'] .header-actions__action:hover,
    #header-component[data-menu-style='drawer'] .search-action .header-actions__action:hover,
    #header-component[data-menu-style='drawer'] .menu-drawer-container .header__icon--summary:hover {
      background: rgb(240 53 140 / 0.08);
    }
  }

  #header-component[data-menu-style='drawer'] .header-actions__action:active,
  #header-component[data-menu-style='drawer'] .header-actions__action.is-pressed,
  #header-component[data-menu-style='drawer'] .search-action .header-actions__action:active,
  #header-component[data-menu-style='drawer'] .search-action .header-actions__action.is-pressed,
  #header-component[data-menu-style='drawer'] .menu-drawer-container .header__icon--summary:active,
  #header-component[data-menu-style='drawer'] .menu-drawer-container .header__icon--summary.is-pressed {
    background: rgb(240 53 140 / 0.14);
    transform: scale(0.94);
    color: var(--zh-nav-rose, #f0358c);
  }

  /*
   * Drawer header grid layout removed on mobile 鈥?see 989px UNice flex block above.
   */

  #header-component[data-menu-style='drawer'] .menu-drawer-container .header__icon--summary {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0 !important;
  }

  #header-component[data-menu-style='drawer'] .menu-drawer-container .header__icon--summary .svg-wrapper,
  #header-component[data-menu-style='drawer'] .menu-drawer-container .header__icon--summary .header-drawer-icon,
  #header-component[data-menu-style='drawer'] .menu-drawer-container .header__icon--summary svg {
    width: 1.5rem !important;
    height: 1.5rem !important;
    margin: 0 !important;
    margin-inline-start: 0 !important;
  }

  /* Mobile menu toggle 鈥?only one icon visible (hamburger OR close) */
  @media screen and (max-width: 989px) {
    #header-component[data-menu-style='drawer'] .menu-drawer-container .header__icon--summary,
    #header-component[data-menu-style='drawer'] .zh-mobile-menu-drawer > .menu-drawer-container > summary.header__icon--summary {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
    }

    #header-component[data-menu-style='drawer'] .menu-drawer-container .header__icon--summary .header-drawer-icon,
    #header-component[data-menu-style='drawer'] .zh-mobile-menu-drawer > .menu-drawer-container > summary .header-drawer-icon {
      position: static;
      inset: auto;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      margin: 0 !important;
      margin-inline-start: 0 !important;
    }

    #header-component[data-menu-style='drawer'] .menu-drawer-container:not(.menu-open):not([open]) > summary .header-drawer-icon--close,
    #header-component[data-menu-style='drawer'] .zh-mobile-menu-drawer > .menu-drawer-container:not(.menu-open):not([open]) > summary .header-drawer-icon--close {
      display: none !important;
    }

    #header-component[data-menu-style='drawer'] .menu-drawer-container.menu-open > summary .header-drawer-icon--open,
    #header-component[data-menu-style='drawer'] .menu-drawer-container[open] > summary .header-drawer-icon--open,
    #header-component[data-menu-style='drawer'] .zh-mobile-menu-drawer > .menu-drawer-container.menu-open > summary .header-drawer-icon--open,
    #header-component[data-menu-style='drawer'] .zh-mobile-menu-drawer > .menu-drawer-container[open] > summary .header-drawer-icon--open {
      display: none !important;
    }

    #header-component[data-menu-style='drawer'] .menu-drawer-container.menu-open > summary .header-drawer-icon--close,
    #header-component[data-menu-style='drawer'] .menu-drawer-container[open] > summary .header-drawer-icon--close,
    #header-component[data-menu-style='drawer'] .zh-mobile-menu-drawer > .menu-drawer-container.menu-open > summary .header-drawer-icon--close,
    #header-component[data-menu-style='drawer'] .zh-mobile-menu-drawer > .menu-drawer-container[open] > summary .header-drawer-icon--close {
      display: inline-flex !important;
    }
  }

  #header-component[data-menu-style='drawer'] .header-actions__action,
  #header-component[data-menu-style='drawer'] .zh-cart-hover__trigger,
  #header-component[data-menu-style='drawer'] .zh-cart-hover-anchor,
  #header-component[data-menu-style='drawer'] .header-actions__cart-icon,
  #header-component[data-menu-style='drawer'] .search-action .header-actions__action {
    box-sizing: border-box;
    flex: 0 0 44px;
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0;
  }

  #header-component[data-menu-style='drawer'] .header-actions__action svg,
  #header-component[data-menu-style='drawer'] .search-action .header-actions__action svg,
  #header-component[data-menu-style='drawer'] .account-button__icon,
  #header-component[data-menu-style='drawer'] .header-actions__action .svg-wrapper {
    width: 1.375rem !important;
    height: 1.375rem !important;
  }

  #header-component[data-menu-style='drawer'] .header-actions__action:not(.account-button) .svg-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.375rem !important;
    height: 1.375rem !important;
  }

  #header-component[data-menu-style='drawer'] .header-actions__action:not(.account-button) .svg-wrapper svg {
    width: 1.375rem !important;
    height: 1.375rem !important;
  }

  #header-component[data-menu-style='drawer'] .header-actions__cart-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
  }

  @media screen and (min-width: 750px) {
    /* Header row 鈥?slightly compact bar */
    #header-component .header__columns {
      --padding-block-start: 6px;
      --padding-block-end: 6px;
    }

    /* Edge-align: logo hugs left, actions hug right with a tighter gutter */
    #header-component .header__row .header__columns {
      padding-inline: clamp(10px, 1.4vw, 24px);
    }

    /* Text logo fallback (when no image uploaded) */
    #header-component .header-logo {
      font-size: clamp(1.65rem, 2.6vw, 2.35rem);
      letter-spacing: -0.01em;
      font-weight: 600;
    }

    /* Center nav 鈥?bold glam uppercase for wig/beauty audience */
    #header-component {
      --zh-nav-rose: #f0358c;
      --zh-nav-rose-hot: #ff5ca8;
      --zh-nav-rose-glow: rgb(255 92 168 / 0.55);
    }

    #header-component .menu-list__link-title,
    #header-component .menu-list__item,
    #header-component .menu-list__link {
      font-family: var(--font-accent--family);
      font-size: 1.0625rem;
      font-weight: 700;
      text-transform: uppercase;
      line-height: 1.15;
      transition: color 0.22s ease;
    }

    #header-component .header-menu .menu-list,
    #header-component .header-menu .menu-list__list {
      align-items: center;
      height: 100%;
      overflow: visible;
    }

    #header-component .header-menu .menu-list__link {
      overflow: visible;
    }

    #header-component .menu-list__list-item:not([slot='overflow']) {
      justify-content: center;
    }

    #header-component .menu-list__list-item:not([slot='overflow'])::after {
      height: 0;
      margin-bottom: 0;
    }

    #header-component .menu-list__link {
      justify-content: center;
      align-items: center;
      overflow: visible;
    }

    #header-component .menu-list__list-item:not([slot='overflow']) .menu-list__link-title {
      display: inline-block;
      padding: 0;
      margin-inline: clamp(12px, 1.2vw, 18px);
    }
  }

  /* 鈮?440px: slightly compact header bar */
  @media screen and (max-width: 1440px) and (min-width: 750px) {
    #header-component .header__columns {
      --padding-block-start: 5px;
      --padding-block-end: 5px;
    }

    #header-component .header-logo__image {
      max-height: 54px;
      height: var(--header-logo-image-height, 54px);
      max-width: min(260px, 30vw);
    }

    #header-component .header-logo {
      font-size: clamp(1.4rem, 2vw, 1.75rem);
    }

    #header-component .menu-list__link-title,
    #header-component .menu-list__item,
    #header-component .menu-list__link {
      font-size: 1rem;
      line-height: 1.1;
    }

    #header-component .menu-list__list-item:not([slot='overflow']) .menu-list__link-title {
      margin-inline: clamp(10px, 1vw, 14px);
    }
  }

  @media screen and (min-width: 750px) {
    #header-component .zh-nav-label {
      position: relative;
      display: inline-block;
      padding: 0;
      letter-spacing: 0.1em;
      margin-right: -0.1em;
      overflow: visible;
    }

    #header-component .zh-nav-fx {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      height: 100%;
      pointer-events: none;
    }

    /* Header bottom 鈥?subtle divider + shadow (nav hover lines sit above page content) */
    #header-component .header__row--top:not(.divider--page-width),
    #header-component .header__row--top.divider--page-width .header__columns {
      border-bottom: none;
    }

    #header-component .zh-nav-underline {
      position: absolute;
      left: 0;
      right: 0;
      top: calc(100% + 10px);
      height: 2px;
      border-radius: 999px;
      background: linear-gradient(90deg, var(--zh-nav-rose), var(--zh-nav-rose-hot));
      box-shadow: 0 2px 10px var(--zh-nav-rose-glow);
      transform: scaleX(0);
      transform-origin: left center;
      opacity: 0;
      transition: transform 0.24s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.18s ease;
      z-index: 2;
    }

    #header-component .zh-nav-sparkles {
      position: absolute;
      left: -12px;
      right: -12px;
      top: -20px;
      /* 搴曢儴瀵归綈涓嬪垝绾块《閮?(100% + 14px)锛岀矑瀛愪笉瓒婅繃涓嬪垝绾?*/
      height: calc(100% + 34px);
      overflow: hidden;
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.15s ease, visibility 0.15s ease;
      z-index: 1;
    }

    #header-component .menu-list__list-item:not([slot='overflow']):is(:hover, :focus-within) .zh-nav-sparkles {
      opacity: 1;
      visibility: visible;
    }

    #header-component .zh-nav-particle {
      position: absolute;
      opacity: 0;
      transform: scale(0) rotate(var(--zh-sparkle-rot, 0deg));
      color: var(--zh-nav-rose-hot);
      filter: drop-shadow(0 0 3px var(--zh-nav-rose-glow));
      animation: zh-nav-sparkle-pop 0.5s cubic-bezier(0.34, 1.45, 0.64, 1) forwards;
      animation-delay: var(--zh-sparkle-delay, 0ms);
    }

    #header-component .zh-nav-particle svg {
      display: block;
      width: 100%;
      height: 100%;
    }

    #header-component .menu-list__list-item:not([slot='overflow']):is(:hover, :focus-within) .zh-nav-underline {
      transform: scaleX(1);
      opacity: 1;
    }

    #header-component .menu-list__list-item:not([slot='overflow']):is(:hover, :focus-within) .menu-list__link {
      font-weight: 800;
      color: var(--zh-nav-rose);
    }

    #header-component .menu-list__list-item:not([slot='overflow']) .menu-list__link:active .zh-nav-label,
    #header-component .menu-list__list-item:not([slot='overflow']) .menu-list__link.is-pressed .zh-nav-label {
      transform: scale(0.96);
      color: var(--zh-nav-rose);
    }

    #header-component .menu-list__list-item:not([slot='overflow']) .menu-list__link:active .zh-nav-underline,
    #header-component .menu-list__list-item:not([slot='overflow']) .menu-list__link.is-pressed .zh-nav-underline {
      transform: scaleX(1);
      opacity: 1;
    }

    #header-component .menu-list__link .zh-nav-label {
      transition: transform 0.12s cubic-bezier(0.34, 1.2, 0.64, 1), color 0.18s ease;
    }

    @keyframes zh-nav-sparkle-pop {
      0% { opacity: 0; transform: scale(0) rotate(var(--zh-sparkle-rot, 0deg)); }
      55% { opacity: 1; transform: scale(1.15) rotate(calc(var(--zh-sparkle-rot, 0deg) + 12deg)); }
      100% { opacity: 0.95; transform: scale(1) rotate(var(--zh-sparkle-rot, 0deg)); }
    }

    /* Header action icons 鈥?hover / click feedback */
    #header-component .header-actions__action svg {
      width: 1.45rem;
      height: 1.45rem;
      transition: transform 0.16s cubic-bezier(0.34, 1.2, 0.64, 1);
    }

    #header-component .search-action .header-actions__action,
    #header-component header-actions .header-actions__action,
    #header-component .header__column--right .dropdown-localization__button,
    #header-component .header-logo {
      border-radius: 8px;
      text-decoration: none;
      transition:
        color 0.18s ease,
        background-color 0.18s ease,
        transform 0.12s cubic-bezier(0.34, 1.2, 0.64, 1),
        box-shadow 0.18s ease;
      -webkit-tap-highlight-color: transparent;
    }

    #header-component .header__column--right :is(.header-actions__action, .search-action, .dropdown-localization__button, .account-button)::after,
    #header-component .header__column--right .zh-cart-hover__underline {
      display: none !important;
    }

    #header-component .search-action .header-actions__action,
    #header-component header-actions .header-actions__action,
    #header-component .header__column--right .dropdown-localization__button {
      transition:
        color 0.18s ease,
        background-color 0.18s ease,
        transform 0.12s cubic-bezier(0.34, 1.2, 0.64, 1),
        box-shadow 0.18s ease;
    }

    @media (hover: hover) {
      #header-component .search-action .header-actions__action:hover,
      #header-component header-actions .header-actions__action:hover,
      #header-component .header__column--right .dropdown-localization__button:hover {
        --button-color: var(--zh-nav-rose);
        color: var(--zh-nav-rose);
        background: rgb(240 53 140 / 0.08);
        box-shadow: 0 0 0 1px rgb(240 53 140 / 0.1);
      }

      #header-component .header-logo:hover {
        opacity: 0.88;
      }
    }

    #header-component .search-action .header-actions__action:active,
    #header-component .search-action .header-actions__action.is-pressed,
    #header-component header-actions .header-actions__action:active,
    #header-component header-actions .header-actions__action.is-pressed,
    #header-component .header__column--right .dropdown-localization__button:active,
    #header-component .header__column--right .dropdown-localization__button.is-pressed {
      --button-color: var(--zh-nav-rose);
      color: var(--zh-nav-rose);
      background: rgb(240 53 140 / 0.14);
      transform: scale(0.94);
      box-shadow: 0 0 0 1px rgb(240 53 140 / 0.16);
    }

    #header-component .search-action .header-actions__action:focus-visible,
    #header-component header-actions .header-actions__action:focus-visible,
    #header-component .header__column--right .dropdown-localization__button:focus-visible,
    #header-component .menu-list__link:focus-visible {
      outline: 2px solid rgb(240 53 140 / 0.45);
      outline-offset: 2px;
    }

    #header-component .header-logo:active,
    #header-component .header-logo.is-pressed {
      transform: scale(0.98);
      opacity: 0.86;
    }

    /* Account icon uses --color-account-icon, override on hover */
    #header-component .account-button:hover,
    #header-component .account-button:focus-within {
      --color-account-icon: var(--zh-nav-rose);
      --button-color: var(--zh-nav-rose);
      color: var(--zh-nav-rose);
    }

    @media (hover: hover) {
      #header-component .account-button:hover {
        background: rgb(240 53 140 / 0.08);
        box-shadow: 0 0 0 1px rgb(240 53 140 / 0.1);
      }
    }

    #header-component .account-button:active,
    #header-component .account-button.is-pressed {
      --color-account-icon: var(--zh-nav-rose);
      --button-color: var(--zh-nav-rose);
      color: var(--zh-nav-rose);
      background: rgb(240 53 140 / 0.14);
      transform: scale(0.94);
    }

    #header-component .account-button:hover .account-button__icon,
    #header-component .account-button:hover .account-button__text,
    #header-component .account-button:focus-within .account-button__icon {
      color: var(--zh-nav-rose);
    }

    #header-component header-actions .header-actions__action:hover svg,
    #header-component .search-action .header-actions__action:hover svg {
      stroke: currentColor;
    }

    #header-component .dropdown-localization__button {
      font-size: 0.9375rem;
      gap: 6px;
      padding-inline: 4px;
    }
    #header-component .dropdown-localization__button .icon-flag {
      width: 1.125rem;
      height: 1.125rem;
    }
    #header-component .dropdown-localization__button .svg-wrapper.icon-caret {
      width: 0.65rem;
      height: 0.65rem;
    }

    #header-component .dropdown-localization__button .currency-code,
    #header-component .dropdown-localization__button > span:not(.icon-flag):not(.svg-wrapper):not(.visually-hidden) {
      display: none !important;
    }

    #header-component .dropdown-localization__button {
      min-width: auto;
      padding-inline: 6px;
      gap: 0;
    }

    #header-component .dropdown-localization__button .icon-flag {
      margin: 0;
    }

    #header-component .dropdown-localization__button .svg-wrapper.icon-caret {
      display: none;
    }

    /* Zivahair localization dropdown 鈥?matches cart hover / FAQ card style */
    #header-component dropdown-localization-component .localization-wrapper.zh-loc-panel {
      --zh-loc-pink: #f0358c;
      --zh-loc-pink-soft: #fff5f9;
      --zh-loc-ink: #2a1520;
      --zh-loc-muted: #7a6455;
      min-width: 260px;
      max-height: none;
      padding: 8px 0 10px;
      overflow: hidden;
      border: 1px solid #f0d4e4 !important;
      border-radius: 14px !important;
      background: linear-gradient(180deg, #fff 0%, #fff8fb 100%) !important;
      box-shadow:
        0 10px 32px rgb(240 53 140 / 0.14),
        0 4px 12px rgb(26 18 16 / 0.06) !important;
    }

    dropdown-localization-component .zh-loc-section--language {
      display: block !important;
      padding: 0 !important;
      visibility: visible !important;
    }

    dropdown-localization-component .zh-loc-list--currency,
    dropdown-localization-component .zh-loc-list--language {
      max-height: 168px;
      overflow-y: auto;
      scrollbar-width: thin;
      scrollbar-color: rgb(240 53 140 / 0.25) transparent;
    }

    dropdown-localization-component .localization-form__list {
      max-height: none;
    }

    #header-component .zh-loc-section__head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px 16px 6px;
      font-family: var(--font-heading--family);
      font-size: 0.8125rem;
      font-weight: 700;
      letter-spacing: 0.03em;
      text-transform: uppercase;
      color: var(--zh-loc-ink, #2a1520);
    }

    dropdown-localization-component .zh-loc-section__caret {
      position: static !important;
      right: auto !important;
      top: auto !important;
      transform: none !important;
      width: 0.7rem;
      height: 0.7rem;
      flex-shrink: 0;
      color: var(--zh-loc-pink, #f0358c);
    }

    .zh-loc-section__caret svg {
      transform: rotate(180deg);
    }

    .zh-loc-list {
      max-height: none;
      overflow: visible;
    }

    dropdown-localization-component .zh-loc-item.localization-form__list-item {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-inline: 10px;
      padding: 10px 12px;
      border: 1px solid transparent;
      border-radius: 10px;
      cursor: pointer;
      transition:
        background 0.2s ease,
        border-color 0.2s ease,
        transform 0.18s cubic-bezier(0.34, 1.2, 0.64, 1);
    }

    @media (hover: hover) {
      dropdown-localization-component .zh-loc-item.localization-form__list-item:hover {
        background: var(--zh-loc-pink-soft, #fff5f9);
        border-color: rgb(240 53 140 / 0.14);
      }
    }

    .zh-loc-flag {
      width: 1.125rem;
      height: 1.125rem;
      border-radius: 50%;
      background-size: cover;
      background-position: center;
      flex-shrink: 0;
      box-shadow: 0 0 0 1px rgb(240 53 140 / 0.12);
    }

    dropdown-localization-component .zh-loc-item .localization-form__currency {
      opacity: 1;
      visibility: visible;
      font-family: var(--font-accent--family);
      font-size: 0.9375rem;
      font-weight: 600;
      color: var(--zh-loc-ink, #2a1520);
      transition: color 0.2s ease;
    }

    dropdown-localization-component .zh-loc-item .icon-checkmark {
      width: 0.875rem;
      flex-shrink: 0;
      opacity: 0;
      color: var(--zh-loc-pink, #f0358c);
      transition: opacity 0.2s ease;
    }

    dropdown-localization-component .zh-loc-item[aria-current='true'] {
      background: linear-gradient(135deg, #fff6fa 0%, #ffe8f3 100%);
      border-color: rgb(240 53 140 / 0.22);
    }

    dropdown-localization-component .zh-loc-item[aria-current='true'] .localization-form__currency {
      color: var(--zh-loc-pink, #f0358c);
      font-weight: 700;
    }

    dropdown-localization-component .zh-loc-item[aria-current='true'] .icon-checkmark {
      opacity: 1;
    }

    .zh-loc-section--language {
      border-top: 1px solid rgb(240 53 140 / 0.1);
      margin-top: 4px;
      padding-bottom: 4px;
    }

    .zh-loc-lang-btn {
      display: flex;
      align-items: center;
      gap: 10px;
      width: calc(100% - 20px);
      margin-inline: 10px;
      padding: 10px 12px;
      border: 1px solid transparent;
      border-radius: 10px;
      background: transparent;
      font-family: var(--font-accent--family);
      font-size: 0.9375rem;
      font-weight: 600;
      color: var(--zh-loc-ink, #2a1520);
      cursor: pointer;
      text-align: left;
      transition:
        background 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease;
    }

    @media (hover: hover) {
      .zh-loc-lang-btn:hover {
        background: var(--zh-loc-pink-soft, #fff5f9);
        border-color: rgb(240 53 140 / 0.14);
        color: var(--zh-loc-pink, #f0358c);
      }
    }

    .zh-loc-lang-item.is-active .zh-loc-lang-btn {
      background: linear-gradient(135deg, #fff6fa 0%, #ffe8f3 100%);
      border-color: rgb(240 53 140 / 0.22);
      color: var(--zh-loc-pink, #f0358c);
      font-weight: 700;
    }

    .zh-loc-lang-btn .icon-checkmark {
      width: 0.875rem;
      flex-shrink: 0;
      opacity: 0;
      color: var(--zh-loc-pink, #f0358c);
      transition: opacity 0.2s ease;
    }

    .zh-loc-lang-item.is-active .zh-loc-lang-btn .icon-checkmark {
      opacity: 1;
    }

    /* Right-side order to match UNICE: search -> cart -> account -> currency(flag) */
    #header-component .header__column--right > .dropdown-localization { order: 3; }
    #header-component .header__column--right > header-actions { order: 2; }
    /* search keeps default order 0, so it lands first */

    /* Inside actions: put cart before account (account ships first in DOM) */
    #header-component header-actions { display: flex; align-items: center; }
    #header-component header-actions > .account-button { order: 2; }

    /* Even spacing: search 路 cart 路 account 路 flag */
    #header-component .header__column--right {
      --zh-header-icon-gap: 0.625rem;
      gap: var(--zh-header-icon-gap);
    }

    #header-component .header__column--right .search-action {
      margin-inline: 0 !important;
    }

    #header-component .header__column--right > header-actions {
      margin-inline-start: 0 !important;
      gap: var(--zh-header-icon-gap);
    }

    #header-component .header-actions__action,
    #header-component .zh-cart-hover__trigger {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: var(--minimum-touch-target);
      min-width: var(--minimum-touch-target);
      height: var(--minimum-touch-target);
      overflow: visible;
      border-radius: 8px;
    }

    #header-component .zh-cart-hover-anchor {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: var(--minimum-touch-target);
      min-width: var(--minimum-touch-target);
      height: var(--minimum-touch-target);
    }
  }

  /* Scroll lace 鈥?subtle pink trim below header when scrolled */
  #header-group:not(:has(#header-component[sticky])) {
    position: relative;
  }

  #header-group .header-section:has(> #header-component) {
    isolation: isolate;
    box-shadow: none;
  }

  /* Frosted glass header 鈥?all pages (transparent setting optional) */
  #header-component {
    --closed-underlay-height: 100%;
    --zh-header-glass-top: rgb(255 253 254 / 0.82);
    --zh-header-glass-bottom: rgb(255 250 252 / 0.78);
    --zh-header-glass-blur: 12px;
    --zh-header-glass-saturate: 1.25;
    position: relative;
    overflow: visible;
    contain: none;
    isolation: isolate;
  }

  #header-component .header__underlay-closed {
    background: linear-gradient(
      var(--zh-header-glass-top) 0 var(--top-row-height),
      var(--zh-header-glass-bottom) var(--top-row-height) var(--header-height)
    ) !important;
    -webkit-backdrop-filter: blur(var(--zh-header-glass-blur)) saturate(var(--zh-header-glass-saturate));
    backdrop-filter: blur(var(--zh-header-glass-blur)) saturate(var(--zh-header-glass-saturate));
    border-bottom: 1px solid rgb(255 255 255 / 0.55);
    box-shadow:
      inset 0 1px 0 rgb(255 255 255 / 0.65),
      0 1px 0 rgb(240 53 140 / 0.04),
      0 10px 32px rgb(26 18 16 / 0.06);
  }

  /* Scrolled / sticky / menu open 鈥?stronger frosted glass */
  #header-component.is-scrolled,
  #header-component[data-sticky-state='active'],
  #header-component:has(.menu-list__link:is(:hover, [aria-expanded='true'])),
  #header-component:has(.mega-menu__list:hover) {
    --zh-header-glass-top: rgb(255 255 255 / 0.62);
    --zh-header-glass-bottom: rgb(255 251 253 / 0.58);
    --zh-header-glass-blur: 22px;
    --zh-header-glass-saturate: 1.55;
  }

  #header-component.is-scrolled .header__underlay-closed,
  #header-component[data-sticky-state='active'] .header__underlay-closed,
  #header-component:has(.menu-list__link:is(:hover, [aria-expanded='true'])) .header__underlay-closed,
  #header-component:has(.mega-menu__list:hover) .header__underlay-closed {
    border-bottom-color: rgb(255 255 255 / 0.48);
    box-shadow:
      inset 0 1px 0 rgb(255 255 255 / 0.72),
      0 1px 0 rgb(240 53 140 / 0.06),
      0 12px 36px rgb(26 18 16 / 0.08);
  }

  /* Extra blur layer on sticky wrapper 鈥?helps when content scrolls underneath */
  #header-group .header-section:has(> #header-component.is-scrolled)::after,
  #header-group .header-section:has(> #header-component[data-sticky-state='active'])::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    -webkit-backdrop-filter: blur(14px) saturate(1.35);
    backdrop-filter: blur(14px) saturate(1.35);
    background: rgb(255 252 254 / 0.08);
  }

  #header-group .header-section:has(> #header-component.is-scrolled) > #header-component,
  #header-group .header-section:has(> #header-component[data-sticky-state='active']) > #header-component {
    position: relative;
    z-index: 1;
  }

  #header-component.header[transparent]:not(.is-scrolled):not([data-sticky-state='active']) {
    --zh-header-glass-top: rgb(255 252 254 / 0.52);
    --zh-header-glass-bottom: rgb(255 248 251 / 0.48);
    --zh-header-glass-blur: 16px;
  }

  #header-component.header[transparent]:not(.is-scrolled):not([data-sticky-state='active'])::before {
    opacity: 0.22;
  }

  @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    #header-component {
      --zh-header-glass-top: rgb(255 252 254 / 0.96);
      --zh-header-glass-bottom: rgb(255 249 252 / 0.94);
    }

    #header-component.is-scrolled,
    #header-component[data-sticky-state='active'] {
      --zh-header-glass-top: rgb(255 255 255 / 0.98);
      --zh-header-glass-bottom: rgb(255 251 253 / 0.96);
    }
  }

  #header-component::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
      radial-gradient(ellipse 70% 140% at 18% -40%, rgb(255 182 210 / 0.14) 0%, transparent 58%),
      radial-gradient(ellipse 55% 100% at 82% 20%, rgb(255 236 245 / 0.16) 0%, transparent 52%),
      radial-gradient(ellipse 40% 80% at 50% 120%, rgb(255 243 236 / 0.1) 0%, transparent 50%);
    animation: zh-header-aura 9s ease-in-out infinite;
  }

  #header-component > * {
    position: relative;
    z-index: 1;
  }

  @keyframes zh-header-aura {
    0%,
    100% {
      opacity: 0.55;
    }

    50% {
      opacity: 1;
    }
  }

  #header-component .zh-header-ambient {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
  }

  #header-component .zh-header-glowline {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    z-index: 2;
    pointer-events: none;
    overflow: hidden;
    background: linear-gradient(
      90deg,
      transparent 0%,
      rgb(240 53 140 / 0.12) 22%,
      rgb(255 182 210 / 0.22) 50%,
      rgb(240 53 140 / 0.12) 78%,
      transparent 100%
    );
  }

  #header-component .zh-header-glowline::after {
    content: '';
    position: absolute;
    inset: -1px 0;
    background: linear-gradient(
      90deg,
      transparent 0%,
      rgb(255 255 255 / 0) 42%,
      rgb(255 255 255 / 0.85) 50%,
      rgb(255 255 255 / 0) 58%,
      transparent 100%
    );
    transform: translateX(-120%);
    animation: zh-header-glow-sweep 8.5s ease-in-out infinite;
    opacity: 0.35;
  }

  @keyframes zh-header-glow-sweep {
    0%,
    86%,
    100% {
      transform: translateX(-120%);
    }

    92% {
      transform: translateX(120%);
    }
  }

  .zh-header-mote {
    position: absolute;
    font-size: 0.5rem;
    line-height: 1;
    color: var(--zh-nav-rose, #f0358c);
    opacity: 0;
    filter: drop-shadow(0 0 4px rgb(255 92 168 / 0.25));
    animation: zh-header-mote-float var(--zh-mote-dur, 14s) ease-in-out infinite;
    animation-delay: var(--zh-mote-delay, 0s);
  }

  .zh-header-mote--1 {
    left: 14%;
    top: 38%;
    --zh-mote-dur: 16s;
    --zh-mote-delay: 0s;
  }

  .zh-header-mote--2 {
    left: 48%;
    top: 22%;
    font-size: 0.4375rem;
    --zh-mote-dur: 18s;
    --zh-mote-delay: 4s;
  }

  .zh-header-mote--3 {
    left: 72%;
    top: 44%;
    --zh-mote-dur: 15s;
    --zh-mote-delay: 7s;
  }

  .zh-header-mote--4 {
    left: 88%;
    top: 28%;
    font-size: 0.4375rem;
    --zh-mote-dur: 17s;
    --zh-mote-delay: 2.5s;
  }

  @keyframes zh-header-mote-float {
    0%,
    78%,
    100% {
      opacity: 0;
      transform: translate3d(0, 6px, 0) scale(0.6) rotate(0deg);
    }

    8% {
      opacity: 0.22;
    }

    42% {
      opacity: 0.16;
      transform: translate3d(0, -10px, 0) scale(1) rotate(18deg);
    }

    68% {
      opacity: 0;
      transform: translate3d(4px, -18px, 0) scale(0.85) rotate(28deg);
    }
  }

  #header-component .header-logo {
    position: relative;
  }

  #header-component .header-logo::after {
    content: '鉁?;
    position: absolute;
    top: 8%;
    right: -0.55em;
    font-size: 0.45em;
    line-height: 1;
    color: var(--zh-nav-rose-hot, #ff5ca8);
    opacity: 0;
    pointer-events: none;
    animation: zh-logo-sparkle 7.5s ease-in-out infinite;
  }

  @keyframes zh-logo-sparkle {
    0%,
    82%,
    100% {
      opacity: 0;
      transform: scale(0.5) rotate(0deg);
    }

    88% {
      opacity: 0.35;
      transform: scale(1) rotate(12deg);
    }

    94% {
      opacity: 0.12;
      transform: scale(0.85) rotate(-6deg);
    }
  }

  #header-component .header-actions__cart-icon {
    --cart-bubble-size: 18px;
    --cart-bubble-top: 3px;
    --cart-bubble-right: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--minimum-touch-target);
    height: var(--minimum-touch-target);
    flex-shrink: 0;
  }

  #header-component .header-actions__cart-icon .cart-bubble {
    --cart-padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--cart-bubble-size);
    min-height: var(--cart-bubble-size);
    padding: 0;
    line-height: 1;
  }

  #header-component .header-actions__cart-icon .cart-bubble__text {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-family: var(--font-body--family);
    font-size: 10px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    font-feature-settings: 'tnum' 1;
  }

  #header-component .header-actions__cart-icon .cart-bubble__text-count {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    line-height: 1;
    text-align: center;
    transform: none;
  }

  #header-component .header-actions__cart-icon .cart-bubble:not(:has(.cart-bubble__text-count:empty)) {
    animation: zh-cart-badge-soft 4.2s ease-in-out infinite;
  }

  @keyframes zh-cart-badge-soft {
    0%,
    100% {
      box-shadow: 0 0 0 0 rgb(240 53 140 / 0);
    }

    50% {
      box-shadow: 0 0 0 3px rgb(240 53 140 / 0.12);
    }
  }

  /* Pink promo bar 鈫?checkout button (#ff4da6) */
  #header-group .announcement-bar {
    --color-background: #ff4da6;
    --color-foreground: #fff;
    background-color: #ff4da6 !important;
    color: #fff !important;
    border-block-end: 1px solid rgb(255 255 255 / 0.18);
  }

  @media screen and (max-width: 989px) {
    #header-group .announcement-bar,
    #header-group .announcement-bar__slider,
    #header-group .announcement-bar__slides,
    #header-group .announcement-bar__slide {
      overflow: visible;
    }

    #header-group .announcement-bar__slider {
      padding-inline: 8px;
    }

    #header-group .announcement-bar__text,
    #header-group .announcement-bar__link {
      display: inline-block;
      max-width: 100%;
      overflow: visible;
      text-overflow: clip;
      white-space: nowrap;
    }
  }

  #header-group .announcement-bar .announcement-bar__text,
  #header-group .announcement-bar .announcement-bar__link {
    color: #fff;
  }

  #header-group .announcement-bar .slideshow-control {
    color: rgb(255 255 255 / 0.88);
  }

  #header-group .announcement-bar .slideshow-control:hover {
    color: #fff;
  }

  .zh-header-lace {
    display: none !important;
  }

  .zh-header-lace.is-visible {
    opacity: 0;
  }

  .zh-header-lace__track {
    width: 200%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='9' viewBox='0 0 72 9'%3E%3Cpath d='M0 9V4 Q9 1 18 4 Q27 7 36 4 Q45 1 54 4 Q63 7 72 4 V9Z' fill='%23fdeef5'/%3E%3Cpath d='M0 4 Q9 1 18 4 T36 4 T54 4 T72 4' fill='none' stroke='%23e88ab0' stroke-width='0.65' opacity='0.42'/%3E%3Ccircle cx='18' cy='4.2' r='0.9' fill='%23f0358c' opacity='0.2'/%3E%3Ccircle cx='54' cy='4.2' r='0.9' fill='%23f0358c' opacity='0.2'/%3E%3C/svg%3E");
    background-repeat: repeat-x;
    background-size: 72px 9px;
    animation: zh-lace-drift 28s linear infinite;
  }

  @keyframes zh-lace-drift {
    to { transform: translateX(-50%); }
  }

  @media (prefers-reduced-motion: reduce) {
    #header-component::before,
    .zh-header-mote,
    #header-component .zh-header-glowline::after,
    #header-component .header-logo::after,
    #header-component .header-actions__cart-icon .cart-bubble:not(:has(.cart-bubble__text-count:empty)) {
      animation: none;
    }

    .zh-header-lace__track {
      animation: none;
      width: 100%;
    }
  }