{"1752722305773":"<div id=\"shoplaza-section-1752722305773\" class=\"shoplaza-section\" data-section-id=\"1752722305773\" data-section-type=\"header\" data-section-style=\"\">\n<style>/********************************  header common styles ****************************************/\n\n.header {\n  max-height: 400px;\n  position: relative;\n  transition: transform 0.4s linear;\n\n  /* Header plugin styles compatibility, do not use in project */\n  --color-header-bg: var(--color-background);\n  --color-header-text: var(--color-text-0);\n}\n\n.header__main-group {\n  padding: var(--header__main-group-spacing-top-mobile)\n    var(--header__main-group-spacing-right-mobile) var(--header__main-group-spacing-bottom-mobile)\n    var(--header__main-group-spacing-left-mobile);\n}\n\n@media (min-width: 960px) {\n  .header__main-group {\n    padding: var(--header__main-group-spacing-top-pc) var(--header__main-group-spacing-right-pc)\n      var(--header__main-group-spacing-bottom-pc) var(--header__main-group-spacing-left-pc);\n  }\n}\n/* Enable mask */\n.header--mask.header--on-top .header-container {\n  background: transparent;\n  z-index: 1020;\n  position: relative;\n}\n.header--mask.header--on-top .header-container #header__main-container{\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;  \n  animation: header-mask-on-top 0.1s linear;\n  background: transparent;\n}\n@keyframes header-mask-on-top {\n  0% {\n    transform: translateY(-10%);\n  }\n  100% {\n    transform: unset;\n  }\n}\n.header--mask.header--on-top .header__mobile-expand-menu {\n  background: transparent;\n}\n\n.header__tool-group {\n  max-height: 300px;\n  transition: max-height 0.2s linear;\n  will-change: max-height;\n  transform: translateZ(0); \n  z-index: 1;\n}\n/* Sticky folded toolbar */\n.header.header--sticky:not(.header--on-top) .header__tool-group {\n  max-height: 0;\n  transition: max-height 0.1s linear;\n  overflow: hidden;\n}\n\n/* Hide sticky header when scrolling down */\n.header--sticky-scroll_up:not(.header--on-top).header--is-scroll-down {\n  transform: translateY(-100%);\n}\n\n/********************************  header layout ****************************************/\n\n.header__main-group {\n  display: flex;\n  align-items: center;\n}\n\n.header-layout {\n  display: grid;\n  align-items: center;\n}\n.header__logo {\n  grid-area: logo;\n}\n.header__menu {\n  grid-area: menu;\n}\n\n.header__menu a:not([href]) {\n  pointer-events: none;\n}\n\n.header__actions {\n  grid-area: actions;\n  justify-content: flex-end;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n}\n\n@media (max-width: 959.98px) {\n  .header-layout {\n    column-gap: 16px;\n  }\n  .header-layout.mobile--left {\n    grid-template-areas: 'menu logo actions';\n    grid-template-columns: auto auto 1fr;\n  }\n  .header-layout.mobile--right {\n    grid-template-areas: 'logo actions menu';\n    grid-template-columns: auto 1fr auto;\n  }\n  .app-translate-card {\n    padding-top: 16px;\n  }\n  .smart-search-mobile-container {\n    margin-top: 0;\n  }\n}\n\n@media (min-width: 960px) {\n  .header__menu--expand .header__menu-humburger-container {\n    display: none !important;\n  }\n  /* Single line in header_menu file */\n  .header-layout.pc--center_left {\n    grid-template-areas: 'menu logo actions';\n    grid-template-columns: 1fr auto 1fr;\n  }\n\n  /* Two lines */\n  .header-layout.pc--left_below {\n    grid-template-areas:\n      'logo actions'\n      'menu menu';\n    grid-template-columns: auto 1fr;\n  }\n  .header-layout.pc--center_below {\n    grid-template-areas:\n      '. logo  actions'\n      'menu menu menu';\n    grid-template-columns: 1fr auto 1fr auto;\n  }\n\n  .header-layout.pc--one-line {\n    column-gap: 16px;\n  }\n  .header__actions {\n    column-gap: 16px;\n  }\n  #plugin-c-market-block {\n    display: flex;\n    align-items: center;\n  }\n  #plugin-c-market-block.pc-hidden {\n    display: none;\n  }\n  .app-translate-card:not(.pc-hidden),\n  .app-currency-card:not(.pc-hidden) {\n    display: flex;\n    align-items: center;\n  }\n}\n/* Plugin styles override */\n.shoplazza-currency__list,\n#plugin-c-market-block ljs-dropdown {\n  z-index: 1100 !important;\n}\n\n/**\n* Menu icon styles\n*/\n.header__menu-icon-container {\n  height: 14px;\n}\n#header.menu-open .header__menu-icon__open {\n  display: none;\n}\n#header.menu-open .header__menu-icon__close {\n  display: inline-flex;\n}\n\n#header:not(.menu-open) .header__menu-icon__open {\n  display: inline-flex;\n}\n#header:not(.menu-open) .header__menu-icon__close {\n  display: none;\n}\n\n/* Mobile menu expand */\n.header__mobile-expand-menu {\n  height: 50px;\n  overflow-x: auto;\n  padding: 0 12px;\n  gap: 12px;\n  -webkit-overflow-scrolling: touch;\n  scrollbar-width: none;\n}\n.header__mobile-expand-menu::-webkit-scrollbar {\n  display: none;\n}\n.header__mobile-expand-menu-link h5 {\n  padding: 4px 10px;\n  border: 1px solid var(--color-border);\n  max-width: 150px;\n}\n\n/************************** Menu common styles start **************************************************/\n\n@media (min-width: 960px) {\n  .header__menu-title--hover:hover {\n    background-color: var(--color-variant-hover-background);\n    --color-foreground-heading: var(--color-variant-hover-text);\n    --color-text-2: var(--color-variant-hover-text);\n  }\n}\n\n/* header-menu-common-menu component styles */\n.header__menu-common-menu {\n  display: grid;\n}\n.header__menu-common-menu.humburger_menu {\n  grid-template-columns: 1fr;\n}\n\n.header__menu-common-menu:not(.mix):not(.graphic) {\n  grid-template-areas: 'menu-content';\n  grid-template-columns: 1fr;\n}\n.header__menu-common-menu.graphic-top:not(.mix) {\n  grid-template-areas: 'graphic' 'menu-content';\n}\n.header__menu-common-menu.graphic-bottom:not(.mix) {\n  grid-template-areas: 'menu-content' 'graphic';\n}\n.header__menu-common-menu.mix-top:not(.graphic) {\n  grid-template-areas: 'mix' 'menu-content';\n}\n.header__menu-common-menu.mix-bottom:not(.graphic) {\n  grid-template-areas: 'menu-content' 'mix';\n}\n\n.header__menu-common-menu.graphic-top.mix-top {\n  grid-template-areas:\n    'graphic'\n    'mix'\n    'menu-content';\n}\n.header__menu-common-menu.graphic-top.mix-bottom {\n  grid-template-areas:\n    'graphic'\n    'menu-content'\n    'mix';\n}\n.header__menu-common-menu.graphic-bottom.mix-top {\n  grid-template-areas:\n    'mix'\n    'menu-content'\n    'graphic';\n}\n.header__menu-common-menu.graphic-bottom.mix-bottom {\n  grid-template-areas:\n    'menu-content'\n    'graphic'\n    'mix';\n}\n\n/* Expand menu layout start */\n:root {\n  /* Width of graphic and mix */\n  --graphic-mix-width: 30%;\n}\n.header__menu-common-menu.expand_menu {\n  justify-content: center;\n  gap: 16px;\n}\n/* Graphic on the left, ignore mix configuration, follow the graphic */\n.header__menu-common-menu.expand_menu.graphic-left {\n  grid-template-areas:\n    'graphic menu-content'\n    'mix menu-content';\n  grid-template-columns: var(--graphic-mix-width) 1fr;\n}\n.header__menu-common-menu.expand_menu.graphic-right {\n  grid-template-areas:\n    'menu-content graphic'\n    'menu-content mix';\n  grid-template-columns: 1fr var(--graphic-mix-width);\n}\n/* No mix styles */\n.header__menu-common-menu.expand_menu.graphic-top:not(.mix) {\n  grid-template-areas:\n    'graphic '\n    'menu-content';\n  grid-template-columns: 1fr;\n}\n.header__menu-common-menu.expand_menu.graphic-bottom:not(.mix) {\n  grid-template-areas:\n    'menu-content'\n    'graphic ';\n  grid-template-columns: 1fr;\n}\n/* No graphic styles */\n.header__menu-common-menu.expand_menu.mix-left:not(.graphic) {\n  grid-template-areas: 'mix menu-content';\n  grid-template-columns: fit-content(var(--graphic-mix-width)) 1fr;\n}\n.header__menu-common-menu.expand_menu.mix-right:not(.graphic) {\n  grid-template-areas: 'menu-content mix';\n  grid-template-columns: 1fr fit-content(var(--graphic-mix-width));\n}\n\n/* Graphic on top, mix on left */\n.header__menu-common-menu.expand_menu.graphic-top.mix-left {\n  grid-template-areas:\n    'graphic graphic'\n    'mix menu-content';\n  grid-template-columns: fit-content(var(--graphic-mix-width)) 1fr;\n}\n/* Graphic on top, mix on right */\n.header__menu-common-menu.expand_menu.graphic-top.mix-right {\n  grid-template-areas:\n    'graphic graphic'\n    'menu-content mix';\n  grid-template-columns: 1fr fit-content(var(--graphic-mix-width));\n}\n\n/* Graphic on bottom, mix on left */\n.header__menu-common-menu.expand_menu.graphic-bottom.mix-left {\n  grid-template-areas:\n    'mix menu-content'\n    'graphic graphic';\n  grid-template-columns: fit-content(var(--graphic-mix-width)) 1fr;\n}\n/* Graphic on bottom, mix on right */\n.header__menu-common-menu.expand_menu.graphic-bottom.mix-right {\n  grid-template-areas:\n    'menu-content mix'\n    'graphic graphic';\n  grid-template-columns: 1fr fit-content(var(--graphic-mix-width));\n}\n\n/* Expand menu layout end */\n\n/* item styles */\n.header__menu-common-menu__graphic {\n  grid-area: graphic;\n}\n.header__menu-common-menu__mix {\n  grid-area: mix;\n}\n.header__menu-common-menu__content {\n  grid-area: menu-content;\n}\n\n/* Graphic menu image */\n.graphic-img-container:hover .graphic-img-btn {\n  opacity: 1;\n}\n.graphic-img-btn {\n  width: calc(100% - 32px);\n}\n\n/* Mixed menu - product */\n.header__menu-common-menu.expand_menu .header__menu-common-mix__product-item:only-child {\n  width: 210px;\n}\n\n/* Mixed menu - collection */\n.header__menu-common-mix__collection {\n  overflow-x: hidden;\n}\n.header__menu-common-mix__collection-carousel > .i-spzhtml-slides-container {\n  gap: 16px;\n}\n.header__menu-common-mix__collection-carousel\n  > .i-spzhtml-slides-container\n  > .i-spzhtml-slide-item {\n  width: calc(50% - 8px);\n}\n\n.header__menu-common-mix__collection-carousel > .spz-carousel-button {\n  top: -30px !important;\n}\n.header__menu-common-mix__collection-carousel > .spz-carousel-button-prev {\n  right: 44px;\n  left: unset;\n}\n.header__menu-common-mix__collection-carousel > .spz-carousel-button-next {\n  right: 0;\n}\n\n/* Mixed menu and graphic scroll common styles */\n.header__menu-common-mix__collection-carousel,\n.header__menu-common-graphic__scroll {\n  overflow: visible;\n}\n.header__menu-common-graphic__scroll .i-spzhtml-slide-item {\n  overflow: hidden;\n}\n.header__menu-common-graphic__scroll > .spz-carousel-button,\n.header__menu-common-mix__collection-carousel > .spz-carousel-button {\n  width: 28px;\n  height: 28px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 100%;\n  cursor: pointer;\n}\n.header__menu-common-graphic__scroll > .spz-carousel-button.spz-disabled,\n.header__menu-common-mix__collection-carousel > .spz-carousel-button.spz-disabled {\n  color: var(--color-disabled-text);\n  background: var(--color-disabled-background);\n  border-color: var(--color-disabled-border);\n  --color-icon: var(--color-disabled-icon);\n}\n\n/* Graphic menu - scroll styles */\n.header__menu-common-graphic__scroll {\n  margin-bottom: 44px;\n}\n.header__menu-common-graphic__scroll > .spz-carousel-button {\n  top: unset !important;\n  bottom: -50px !important;\n}\n.header__menu-common-graphic__scroll > .spz-carousel-button-prev {\n  left: calc(50% - 28px - 8px);\n}\n.header__menu-common-graphic__scroll > .spz-carousel-button-next {\n  left: calc(50% + 8px);\n}\n\n.header__menu-common-graphic__scroll:has(> .spz-carousel-button-prev.spz-disabled + .spz-carousel-button-next.spz-disabled) > .spz-carousel-button {\n  display: none !important;\n}\n@keyframes show-carousel-button {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n.header__menu-expand [spz-sticky-ignore]:not([hidden]) .header__menu-common-graphic__scroll .spz-carousel-button {\n  animation: show-carousel-button 0.5s linear;\n}\n\n/* Product menu styles */\n.header__menu-product-item {\n  margin-top: 16px;\n}\n.header__menu-product-item:first-child {\n  margin-top: 0;\n}\n.header__menu-expand-text-item-list .header__menu-product-item:first-child {\n  margin-top: 16px;\n}\n\n/* Bubble styles */\n.header__menu-common-bubble {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background: transparent;\n  margin-left: 6px;\n}\n\n.header__menu-common-bubble .bubble-content {\n  padding: 2px 6px;\n  max-width: 100px;\n}\n\n.header__menu-common-bubble.shape-dot .bubble-content {\n  border-radius: 100px;\n}\n.header__menu-common-bubble.shape-pill .bubble-content {\n  border-radius: 100px;\n  border-top-left-radius: 0;\n}\n\n/* ---------------------------- speech bubble styles start ---------------------------- */\n\n/* bubble on top, need to leave space */\n.header__menu-expand__first:has(.header__menu-common-bubble.shape-speech) {\n  min-height:80px;\n}\n\n\n\n.header__menu-expand__first .header__menu-common-bubble.shape-speech,\n.header__menu-expand__dropdown .header__menu-common-bubble.shape-speech,\n.header__menu-expand__cascade .header__menu-common-bubble.shape-speech,\n.header__menu-humburger__drawer-inner .header__menu-common-bubble.shape-speech {\n  position: absolute;\n  top: -27px;\n  left: 50%;\n  transform: translateX(-50%);\n  margin-left: 0;\n}\n\n.header__menu-common-bubble.shape-speech {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-left: 0;\n  z-index: 1;\n}\n.header__menu-common-bubble.shape-speech .bubble-content {\n  border-radius: 2px;\n}\n.header__menu-common-bubble.shape-speech::after {\n  content: '';\n  display: block;\n  width: 0px;\n  height: 0px;\n  border-left: 4px solid transparent;\n  border-right: 4px solid transparent;\n  border-top: 3px solid var(--color-background);\n}\n\n/* ---------------------------- speech bubble styles end ---------------------------- */\n\n.header__menu-common-bubble.shape-plain .bubble-content {\n  border-radius: 2px;\n}\n\n.header__menu-common-bubble.shape-guide .bubble-content {\n  border-radius: 2px;\n}\n.header__menu-common-bubble.shape-guide::before {\n  content: '';\n  display: block;\n  width: 0px;\n  height: 0px;\n  border-top: 4px solid transparent;\n  border-bottom: 4px solid transparent;\n  border-right: 3px solid var(--color-background);\n}\n\n/************************** Menu common styles end *******************************************/\n\n/***** human verification *******/\n.inner-success .container-recaptcha,\n.reset-inner-success .container-recaptcha {\n  display: none;\n}\n\n.container-recaptcha {\n  width: 320px;\n  margin-top: 50px;\n}\n.container-recaptcha-tips {\n  color: #000;\n  font-size: 14px;\n  font-weight: 500;\n  margin-bottom: 16px;\n}\n\n.container-recaptcha-submit {\n  width: 302px;\n  margin-top: 16px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-decoration: none;\n  -webkit-appearance: none;\n  appearance: none;\n  color: var(--color-primary-button-text);\n  background: var(--color-primary-button-background);\n  border-radius: var(--button-radius);\n  border: var(--button-border-width) solid var(--color-primary-button-border);\n  transition: all var(--duration-short) ease;\n  overflow: hidden;\n  height: 50px;\n  padding: 12px 26px;\n}</style>\n  <style>\n  [data-section-id='1752722305773'] {\n      position: sticky;\n      top: 0;\n      z-index: 1021;\n    }\n\n    /* When the header is collapsed, the transform is used on the header, but its container still has height, affecting the sticky of subsequent elements */\n    [data-section-id='1752722305773']:has(.header--sticky-scroll_up:not(.header--on-top).header--is-scroll-down) {\n      height: 0;\n    }\n\n    /* The album page and search page on the mobile do not stick to the top */\n    </style>\n\n<spz-observer\n    layout=\"logic\"\n    value=\"#header.offsetHeight\"\n    @scrollExceedBoundary=\"header.toggleClass(class='header--on-top', force=false)\"\n    @scrollNotExceedBoundary=\"header.toggleClass(class='header--on-top', force=true)\"\n  ></spz-observer>\n<spz-observer\n  layout=\"logic\"\n  @scrollDown=\"header.toggleClass(class='header--is-scroll-down', force=true)\"\n  @scrollUp=\"header.toggleClass(class='header--is-scroll-down', force=false)\"\n></spz-observer>\n\n<header\n  id=\"header\"\n  class=\"\n    flex flex-col\n    color-scheme-6 bg-transparent\n    header\n    header--on-top\n    header--sticky  header--sticky-expand header--sticky-always\n    \"\n>\n  <div id=\"header-toolbar\" class=\"header__tool-group color-scheme-3\">\n<div class=\"header__tool-group-inner section-content\">\n    <div\n      class=\"header_toolbar_container row-gap-4 flex lg:flex flex-col lg:flex-row lg:flex-wrap\"\n      >\n      <style>\n    .interaction-scrolling.position-left {\n      justify-content: flex-start;\n    }\n    .interaction-scrolling.position-center {\n      justify-content: center;\n    }\n    .interaction-scrolling.position-right {\n      justify-content: flex-end;\n    }\n    /* Marquee scrolling animation */\n    .marquee__container {\n      --gap: 6px;\n\n      position: relative;\n      display: flex;\n      overflow: hidden;\n      user-select: none;\n      gap: var(--gap);\n      max-width: fit-content;\n    }\n\n    /* Scroll content container - the parent container does not use flex, to avoid limiting the width of the child elements, and the width is automatically extended according to the content */\n    .header-toolbar-text-group__scrolling {\n      flex-shrink: 0;\n      display: flex;\n      justify-content: space-around;\n      gap: var(--gap);\n      min-width: 100%;\n    }\n    .marquee__container:hover .header-toolbar-text-group__scrolling {\n        animation-play-state: paused;\n    }\n\n    .header-toolbar-text-group__scrolling:last-child {\n      position: absolute;\n      top: 0;\n      left: 0;\n    }\n\n    /* The animations for the three directions of left, center and right are as follows: */\n    .header-toolbar-text-group__scrolling:first-child {\n        animation: marquee_center 1ms linear 1 running forwards, marquee_center_loop var(--marquee-delay) linear calc(var(--marquee-delay) / 2) infinite running;\n      }\n\n      .header-toolbar-text-group__scrolling:last-child {\n        animation: marquee_center_copy calc(var(--marquee-delay) / 2) linear 1 running, marquee_center_copy_loop var(--marquee-delay) linear calc(var(--marquee-delay) / 2) infinite running;\n      }\n\n      @keyframes marquee_center {\n        100% {\n          translate: calc(-100% - var(--gap)) 0;\n        }\n      }\n\n      @keyframes marquee_center_loop {\n        0% {\n          translate: 0;\n        }\n\n        100% {\n          translate: calc(-100% - var(--gap)) 0;\n        }\n      }\n\n      @keyframes marquee_center_copy {\n        0% {\n          translate: calc(50% + var(--gap));\n        }\n\n        100% {\n          translate: 0;\n        }\n      }\n\n      @keyframes marquee_center_copy_loop {\n        0% {\n          translate: calc(100% + var(--gap));\n        }\n\n        100% {\n          translate: 0;\n        }\n      }\n    .header-toolbar-text-group__scrolling > .header-toolbar-text {\n      flex-shrink: 0;\n      white-space: nowrap;\n    }\n\n    /* Carousel style */\n    .header-toolbar-text-group__carousel {\n      width: 100%;\n    }\n\n    .header-toolbar-text-group__carousel:not(.scrolling) .header-toolbar-text p {\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n    }\n\n    .header-toolbar-text-group__carousel .i-spzhtml-slide-item {\n      align-items: center;\n    }\n\n    @media(min-width: 960px) {\n      .header-toolbar-text-group {\n        width: 100%;\n      }\n    }\n  </style>\n\n  <div\n  class=\"block-container  header-toolbar-text-group items-center overflow-hidden lg:flex interaction-horizontal position-center flex\"\n  data-block-id=\"1752722305773-0-0\"\n  >\n  <spz-carousel\n      class=\"header-toolbar-text-group__carousel block_center\"\n      direct=\"horizontal\"\n      layout=\"fixed-height\"\n      height=\"30\"\n      advance-count=\"1\"\n      initial-slide=\"0\"\n      autoplay\n      effect=\"scroller\"\n      loop\n      delay=\"5000\"\n    >\n      <style type=\"text/css\">\n  .header-toolbar-text-group__carousel.block_left  .toolbar-text {\n    justify-content: flex-start;\n  }\n  .header-toolbar-text-group__carousel.block_center .toolbar-text {\n    justify-content: center;\n  }\n  .header-toolbar-text-group__carousel.block_right .toolbar-text{\n    justify-content: flex-start;\n  }\n  @media (min-width: 960px) {\n    .header-toolbar-text-group__carousel.block_right .toolbar-text {\n      justify-content: flex-end;\n    }\n  }\n</style>\n<a\n    class=\"header-toolbar-text px-2 clear flex-shrink-0 no-underline font-regular\"\n    href=\"javascript:;\"\n    >\n    <div class=\"none lg:flex toolbar-text\">\n      <p>Free shipping on orders over $50</p>\n    </div>\n    <div class=\"flex lg:none toolbar-text\">\n      <p>Free shipping on orders over $50</p>\n    </div>\n  </a>\n</spz-carousel>\n  </div>\n\n<style>\n    [data-block-id=\"1752722305773-0-0\"].block-container {\n      padding-top: 5px;\n      padding-bottom: 5px;\n      padding-right: 0px;\n      padding-left: 0px;\n      }\n    @media (min-width: 960px) {\n      [data-block-id=\"1752722305773-0-0\"].block-container {\n        padding-top: 6px;\n        padding-bottom: 6px;\n        padding-left: 0px;\n        }\n    }\n  </style>\n</div>\n  </div>\n</div>\n\n<div id=\"header-container\" class=\"header-container\">\n    <div\n      id=\"header__main-container\"\n      class=\"header__main-container background flex flex-col\"\n    >\n      <spz-sidebar layout=\"nodisplay\" side=\"top\" id=\"header-search-drawer\" class=\"drawer \" >\n  <div id=\"header-search-drawer-inner\" class=\"drawer-inner header-search-drawer\">\n    <div class=\"header-search-drawer-inner\">\n  <div class=\"relative flex items-center section-content header-search-drawer__header\">\n    <form\n      id=\"header-search-drawer__form\"\n      class=\"header-search-drawer__form relative flex-grow\"\n      is=\"spz-form\"\n      @submit=\"header-search-predictive-script.execute(func='setSearchUrl', params=event.q)\"\n    >\n      <div class=\"field__input h-full relative\">\n  <div class=\"w-10 h-10 flex-center absolute left-1 top-1/2 -translate-y-1/2 z-1\">\n        <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_search2\"\n  class=\"\"\n  ></spz-custom-theme-icon>\n</div>\n      <input\n        id=\"header-search-drawer__input\"\n        class=\"header-search-drawer__input w-full h-full\"\n        type=\"text\"\n        autocomplete=\"off\"\n        name=\"q\"\n        autofocus\n        placeholder=\"Search products\"\n        @input-debounced=\"header-search-predictive.rerender(data=event.value, redo=true);\"\n      >\n      <div\n        class=\"w-10 h-10 none items-center justify-center absolute right-1 top-1/2 -translate-y-1/2 cursor-pointer clear header-search-drawer__clear-icon\"\n        @tap=\"header-search-drawer__form.clear(empty=true);header-search-predictive.rerender(data='', redo=true);\"\n      >\n        <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_clear\"\n  class=\"\"\n  ></spz-custom-theme-icon>\n</div>\n      </div>\n</form>\n    <div\n      class=\"w-10 h-10 flex-shrink-0 flex-center\"\n      @tap=\"header-search-drawer__form.clear(empty=true);header-search-drawer.close()\"\n    >\n      <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_close\"\n  class=\"\"\n  ></spz-custom-theme-icon>\n</div>\n  </div>\n  <div class=\"header-search-drawer-inner__result\">\n    <spz-section-render\n    layout=\"container\"\n    load-priority=\"eager\"\n    id=\"header-search-predictive-render-1752722305773\"\n    section=\"1752722305773\"\n    >\n    <spz-render\n  id=\"header-search-predictive\"\n  class=\"header-search-predictive\"\n  layout=\"container\"\n  manual\n>\n  <template>\n    ${(function(){ if (data === undefined || typeof data !== 'string' || data == ''){ return ''; }\n    const keyword = encodeURIComponent(data); return `\n    <div class=\"header-search-predictive-inner \">\n      <div class=\"header-search-predictive-inner__scroll-container\">\n        <spz-list\n          id=\"header-search-list\"\n          class=\"header-search-predictive-inner__product-list section-content atlas-grid\"\n          layout=\"container\"\n          size=\"limit\"\n          page-size=\"6\"\n          initial-page=\"0\"\n          list=\"data.products\"\n          total=\"data.total\"\n          src=\"/api/search?keyword=${keyword}\"\n        >\n          <template>\n            <div>\n<script id=\"header-search-list-${data.id || item.id}--config\" type=\"application/json\">\n{\n  \"template_color\": \"scheme-1\",\n  \"enable_animate\": null,\n  \"unique_id\": \"1752722305773_\",\n  \"product_snippet_id\": \"header-search-list-${data.id || item.id}-\",\n  \"show_quick_add\": true\n}\n</script>\n<spz-product-snippet\n  id=\"header-search-list-${data.id || item.id}-\"\n  product-id=\"${data.id || item.id}\"\n  class=\"atlas-product-snippet \"\n  layout=\"container\"\n  variant-thumb-names=\"color,style,model,type,pattern,print,material,fabric,bundle,set\"\n  src=\"custom:header-search-list.getData;custom:global-theme-config.getData;script:header-search-list-${data.id || item.id}--config;script:global-shop-config\"\n  template-src=\"//static.staticdj.com/themes/product_template-438a2ef9ea.tpl\"\n>\n</spz-product-snippet>\n</div>\n</template>\n        </spz-list>\n        <div class=\"header-search-predictive-inner__view-more font-10\">\n          <a class=\"no-underline\" href=\"/search?q=${keyword}\" >\n    <button \n        class=\"button  button--primary  button-animation--hover-color-invert\"\n        type=\"button\"\n        >\n        <span class=\"button-content \" >\n          View more\n          </span>\n      </button>\n    </a>\n</div>\n        <div class=\"header-search-predictive-inner__no_results\">\n          <div class=\"font-7 color-text-highlight font-medium text-center\">\n            0 Results\n          </div>\n          <div class=\"text-center font-10 pt-3 pl-10 pr-10\">\n            Your search for '${data}' did not yield any results.\n          </div>\n        </div>\n        <div\n  class=\"atlas-loading loading items-center justify-center header-search-predictive-inner__product-list--loading\"\n  role=\"loading\"\n  hide\n  >\n  <div class=\"loading-bounce\"></div>\n</div>\n</div>\n    </div>\n    ` })()}\n  </template>\n</spz-render>\n</spz-section-render>\n</div>\n</div>\n</div>\n</spz-sidebar>\n\n<spz-script\n  layout=\"logic\"\n  id=\"header-search-predictive-script\"\n  scope=\"search-predictive\"\n  src=\"//static.staticdj.com/themes/header_search_predictive-0059e924eb.js\"\n  data-search-url=\"/search\"\n  @setSearchUrl=\"SPZ.navigateTo(url=event.data.url)\"\n  data-nosnippet\n>\n</spz-script>\n<div\n        id=\"header-main\"\n        class=\"header__main-group relative \"\n        style=\"\n      --header__main-group-spacing-top-mobile: 16px;\n      --header__main-group-spacing-right-mobile: 0px;\n      --header__main-group-spacing-bottom-mobile: 16px;\n      --header__main-group-spacing-left-mobile: 0px;\n      --header__main-group-spacing-top-pc: 5px;\n      --header__main-group-spacing-right-pc: 0px;\n      --header__main-group-spacing-bottom-pc: 5px;\n      --header__main-group-spacing-left-pc: 0px;\n    \"\n      >\n        <div class=\"header-layout  pc--center_below mobile--left section-content w-full  relative\">\n          <div id=\"header-menu-icon\" class=\"header__menu-icon-container cursor-pointer header__menu-expand__collapse-icon none\">\n  <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_menu\"\n  class=\"header__menu-icon__open header__menu-icon\"\n  @tap=\"header.toggleClass(class='menu-open', force=true);\"\n  ></spz-custom-theme-icon>\n<spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_close\"\n  class=\"header__menu-icon__close header__menu-icon none\"\n  @tap=\"header.toggleClass(class='menu-open', force=false);\"\n  ></spz-custom-theme-icon>\n</div>\n<div class=\"header__logo min-w-0\">\n            <style>\n  .header__logo-img{\n    width: 100px;\n  }\n  @media (min-width: 960px) {\n    .header__logo-img{\n      width: 120px;\n    }\n\n    .header--mask:not(.header--on-top) .header_normal-logo.pc-logo {\n      display: block;\n    }\n  }\n  @media (max-width: 959.98px) {\n    .header--mask:not(.header--on-top) .header_normal-logo.mobile-logo {\n      display: block;\n    }\n  }\n\n  .header--mask:not(.header--on-top) .header_normal-logo {\n    display: none;\n  }\n\n  .header--mask.header--on-top .header_normal-logo {\n    display: none;\n  }\n\n\n  .header--mask.header--on-top .header_mask_logo {\n    display: block;\n  }\n  .header--mask:not(.header--on-top) .header_mask_logo {\n    display: none;\n  }\n\n  .header__logo-text {\n    max-width: 152px;\n  }\n  @media (min-width: 960px) {\n    .header__logo-text {\n      max-width: 152px;\n    }\n  }\n</style>\n\n<a\n  href=\"/\"\n  class=\"header__logo-content relative block  no-underline\"\n  >\n  <div class=\"header__logo-img header_normal-logo pc-logo none lg:block\">\n      <spz-img\n        class=\"w-full\"\n        src=\"//img.staticdj.com/78c9c97a07397aa7211473c829841c06.png\"\n        alt=\"ICOICE\"\n        layout=\"responsive\"\n        width=\"1931\"\n        height=\"500\"\n      ></spz-img>\n    </div>\n  <div class=\"header__logo-img header_normal-logo mobile-logo lg:none\">\n      <spz-img\n        class=\"w-full header__logo-img--normal\"\n        src=\"//img.staticdj.com/78c9c97a07397aa7211473c829841c06.png\"\n        alt=\"ICOICE\"\n        layout=\"responsive\"\n        width=\"1931\"\n        height=\"500\"\n      ></spz-img>\n    </div>\n  <div class=\"header__logo-img none header_mask_logo\">\n      <spz-img\n        class=\"w-full header__logo-img--normal\"\n        src=\"//img.staticdj.com/78c9c97a07397aa7211473c829841c06.png\"\n        alt=\"ICOICE\"\n        layout=\"responsive\"\n        width=\"1931\"\n        height=\"500\"\n      ></spz-img>\n    </div>\n  </a>\n\n</div>\n          <div class=\"header__menu min-w-0 h-full\">\n            <style>\n    [data-section-id='1752722305773'] .header__menu .header__menu-expand {\n      margin-left: 0px;\n      margin-right: 0px;\n    }\n\n\n    @media (min-width: 960px) {\n      .header-layout.pc--left_left {\n        grid-template-areas: 'logo menu actions';\n        grid-template-columns: auto minmax(auto, 44%) minmax(max-content, 1fr);\n        }\n      .header-layout.pc--left_center {\n        grid-template-areas: 'logo menu  actions';\n        grid-template-columns: minmax(max-content, 1fr) minmax(auto, 44%) minmax(max-content, 1fr);\n        }\n\n      /* The menu container also needs to be centered, so that it can be completely centered */\n      .header-layout.pc--left_center .header__menu-expand__menu:not(.display--scroll) .header__menu-expand__first {\n        justify-content: center;\n      }\n\n    }\n  </style>\n  <div class=\"h-full header__menu--expand\" >\n    <div class=\"header__menu-humburger-container h-full flex items-center lg:none\">\n      <div class=\"header__menu-humburger\">\n  <link\n      rel=\"stylesheet\"\n      href=\"//static.staticdj.com/themes/snippet_header_menu_humburger-5bd91c5a88.css\"\n      media=\"print\" onload=\"this.media='all'\"\n      >\n  <div id=\"header-menu-icon\" class=\"header__menu-icon-container cursor-pointer header__menu-humburger-actions\">\n  <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_menu\"\n  class=\"header__menu-icon__open header__menu-icon\"\n  @tap=\"header.toggleClass(class='menu-open', force=true);header__menu-humburger-popup.open\"\n  ></spz-custom-theme-icon>\n<spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_close\"\n  class=\"header__menu-icon__close header__menu-icon none\"\n  @tap=\"header.toggleClass(class='menu-open', force=false);header__menu-humburger-popup.close\"\n  ></spz-custom-theme-icon>\n</div>\n<spz-sidebar layout=\"nodisplay\" side=\"left\" id=\"header__menu-humburger-popup\" class=\"drawer \n    color-scheme-1 header__menu-humburger__drawer \n  \" \n    @open=\"header.toggleClass(class='menu-open', force=true);header-main.toggleClass(class='color-scheme-1', force=true)\"\n    @close=\"header.toggleClass(class='menu-open', force=false);header-main.toggleClass(class='color-scheme-1', force=false)\"\n    top=\"#header-main.getBoundingClientRect().bottom\"\n  >\n  <div id=\"header__menu-humburger-popup-inner\" class=\"drawer-inner header__menu-humburger__drawer-inner background lg:pt-7.5 lg:pb-7.5\">\n    <div class=\"none lg:flex h-10 justify-end items-center pr-7.5\">\n    <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_close\"\n  size=\"40\"\n  class=\"cursor-pointer z-1\"\n  @tap=\"header__menu-humburger-popup.close\"\n  ></spz-custom-theme-icon>\n</div>\n  <div class=\"flex-1 relative\">\n  <spz-nested-menu class=\"header__menu-humburger-sidebar flex flex-col\" layout=\"fill\" side=\"right\">\n    <div class=\"header__humburger_sidebar-container first-level flex-1 pt-5\">\n      <spz-section-render\n    layout=\"container\"\n    load-priority=\"eager\"\n    id=\"header-menu-humburger-sidebar-render-1752722305773\"\n    section=\"1752722305773\"\n    class=\"static\"\n  >\n    <div class=\"header__menu-common-menu  humburger_menu graphic graphic-bottom mix mix-bottom \">\n  <div class=\"header__menu-common-menu__content min-w-0 w-full\">\n      <ul>\n        <li>\n            <div\n              spz-nested-submenu-open\n              >\n              <div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/new-arrival\"\n            target=\"\"\n          >\n          <span class=\"h3 truncate\">\n            NEW\n          </span>\n          </a>\n      </div>\n    <span class=\"ml-4 flex-shrink-0  flex items-center justify-center cursor-pointer \">\n        <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_right\"\n  class=\"\"\n  ></spz-custom-theme-icon>\n</span>\n    </div>\n</div>\n\n            <div spz-nested-submenu>\n                <div spz-nested-submenu-close class=\"px-4 lg:px-7.5 lg:absolute left-0 -top-10 right-10 h-10 flex items-center\">\n  <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_back\"\n  class=\"lg:ml-4\"\n  ></spz-custom-theme-icon>\n<span class=\"h3 truncate ml-4\">NEW</span>\n</div>\n<div class=\"header__humburger_sidebar-container second-level pt-4\">\n                  <div class=\"header__menu-common-menu  humburger_menu   \">\n  <div class=\"header__menu-common-menu__content min-w-0 w-full\">\n      <style>\n  .menu-accordion section {\n    overflow: visible !important;\n  }\n\n  .menu-accordion section[expanded] > :last-child {\n    overflow: visible;\n  }\n</style>\n\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/orris\"\n            target=\"\"\n          >\n          <span class=\"h4 truncate\">\n            Orris\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/san-diego\"\n            target=\"\"\n          >\n          <span class=\"h4 truncate\">\n            San Diego\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/terra-vita\"\n            target=\"\"\n          >\n          <span class=\"h4 truncate\">\n            Terra Vita\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/malibu\"\n            target=\"\"\n          >\n          <span class=\"h4 truncate\">\n            Malibu\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/maldives\"\n            target=\"\"\n          >\n          <span class=\"h4 truncate\">\n            Maldives\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/eden\"\n            target=\"\"\n          >\n          <span class=\"h4 truncate\">\n            Garden of Eden\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/ombre-nomade\"\n            target=\"\"\n          >\n          <span class=\"h4 truncate\">\n            Ombre Nomade\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/dolce\"\n            target=\"\"\n          >\n          <span class=\"h4 truncate\">\n            Dolce\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/meteor\"\n            target=\"\"\n          >\n          <span class=\"h4 truncate\">\n            Meteor\n          </span>\n          </a>\n      </div>\n    </div>\n</div>\n  </div>\n</div>\n              </div>\n            </li>\n        <li>\n            <div\n              >\n              <div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/best-seller\"\n            target=\"\"\n          >\n          <span class=\"h3 truncate\">\n            BEST SELLERS\n          </span>\n          </a>\n      </div>\n    <span class=\"ml-4 flex-shrink-0  flex items-center justify-center cursor-pointer \">\n        </span>\n    </div>\n</div>\n\n            </li>\n        <li>\n            <div\n              spz-nested-submenu-open\n              >\n              <div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          >\n          <span class=\"h3 truncate\">\n            COLOR\n          </span>\n          </a>\n      </div>\n    <span class=\"ml-4 flex-shrink-0  flex items-center justify-center cursor-pointer \">\n        <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_right\"\n  class=\"\"\n  ></spz-custom-theme-icon>\n</span>\n    </div>\n</div>\n\n            <div spz-nested-submenu>\n                <div spz-nested-submenu-close class=\"px-4 lg:px-7.5 lg:absolute left-0 -top-10 right-10 h-10 flex items-center\">\n  <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_back\"\n  class=\"lg:ml-4\"\n  ></spz-custom-theme-icon>\n<span class=\"h3 truncate ml-4\">COLOR</span>\n</div>\n<div class=\"header__humburger_sidebar-container second-level pt-4\">\n                  <div class=\"header__menu-common-menu  humburger_menu   \">\n  <div class=\"header__menu-common-menu__content min-w-0 w-full\">\n      <style>\n  .menu-accordion section {\n    overflow: visible !important;\n  }\n\n  .menu-accordion section[expanded] > :last-child {\n    overflow: visible;\n  }\n</style>\n\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/blue-contact-lenses\"\n            target=\"\"\n          >\n          <span class=\"h4 truncate\">\n            Blue\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/grey-contact-lenses\"\n            target=\"\"\n          >\n          <span class=\"h4 truncate\">\n            Grey\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/brown-contact-lenses\"\n            target=\"\"\n          >\n          <span class=\"h4 truncate\">\n            Brown\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/green-contact-lenses\"\n            target=\"\"\n          >\n          <span class=\"h4 truncate\">\n            Green\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/yellow-contacts\"\n            target=\"\"\n          >\n          <span class=\"h4 truncate\">\n            Yellow\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/purple-contact-lenses\"\n            target=\"\"\n          >\n          <span class=\"h4 truncate\">\n            Purple\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/black-contacts\"\n            target=\"\"\n          >\n          <span class=\"h4 truncate\">\n            Black\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/white-contacts\"\n            target=\"\"\n          >\n          <span class=\"h4 truncate\">\n            White\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/pink-contacts\"\n            target=\"\"\n          >\n          <span class=\"h4 truncate\">\n            Pink\n          </span>\n          </a>\n      </div>\n    </div>\n</div>\n  </div>\n</div>\n              </div>\n            </li>\n        <li>\n            <div\n              spz-nested-submenu-open\n              >\n              <div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          >\n          <span class=\"h3 truncate\">\n            SERIES\n          </span>\n          </a>\n      </div>\n    <span class=\"ml-4 flex-shrink-0  flex items-center justify-center cursor-pointer \">\n        <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_right\"\n  class=\"\"\n  ></spz-custom-theme-icon>\n</span>\n    </div>\n</div>\n\n            <div spz-nested-submenu>\n                <div spz-nested-submenu-close class=\"px-4 lg:px-7.5 lg:absolute left-0 -top-10 right-10 h-10 flex items-center\">\n  <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_back\"\n  class=\"lg:ml-4\"\n  ></spz-custom-theme-icon>\n<span class=\"h3 truncate ml-4\">SERIES</span>\n</div>\n<div class=\"header__humburger_sidebar-container second-level pt-4\">\n                  <div class=\"header__menu-common-menu  humburger_menu   \">\n  <div class=\"header__menu-common-menu__content min-w-0 w-full\">\n      <style>\n  .menu-accordion section {\n    overflow: visible !important;\n  }\n\n  .menu-accordion section[expanded] > :last-child {\n    overflow: visible;\n  }\n</style>\n\n<spz-accordion layout=\"container\" class=\"menu-accordion\" animate>\n      <section>\n        <div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/nature-series\"\n            target=\"\"\n          >\n          <span class=\"h4  truncate\">\n            Natural\n          </span>\n          </a>\n      </div>\n    <span class=\"ml-4 flex-shrink-0  flex items-center justify-center cursor-pointer \">\n        <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_add\"\n  class=\"header__menu-humburger-accordion--open\"\n  ></spz-custom-theme-icon>\n<spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_reduce\"\n  class=\"header__menu-humburger-accordion--close\"\n  ></spz-custom-theme-icon>\n</span>\n    </div>\n<div>\n         <div class=\"\">\n  <div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/ocean\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Ocean\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/taylor\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Taylor\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/bloom\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Bloom\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/dawn\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Dawn\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/sora\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Sora\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/queen\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Queen\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/monica\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Monica\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/hidrocor\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Hidrocor\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/himalaya\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Himalaya\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/polar-lights\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Polar Lights\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/sun-kissed\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Sun Kissed\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/sorayama\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Sorayama\n          </span>\n          </a>\n      </div>\n    </div>\n</div>\n</div>\n      </section>\n    </spz-accordion>\n  <spz-accordion layout=\"container\" class=\"menu-accordion\" animate>\n      <section>\n        <div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          >\n          <span class=\"h4  truncate\">\n            Fresh\n          </span>\n          </a>\n      </div>\n    <span class=\"ml-4 flex-shrink-0  flex items-center justify-center cursor-pointer \">\n        <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_add\"\n  class=\"header__menu-humburger-accordion--open\"\n  ></spz-custom-theme-icon>\n<spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_reduce\"\n  class=\"header__menu-humburger-accordion--close\"\n  ></spz-custom-theme-icon>\n</span>\n    </div>\n<div>\n         <div class=\"\">\n  <div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/meta\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Meta\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/coco\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Coco\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/vogue\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Vogue\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/smoky\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Smoky\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/russian\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Russian\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/wildcat\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Wildcat\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/la-girl\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            LA Girl\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/sheer\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Sheer\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/moon-garden\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Moon Garden\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/goddess-veil\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Gooddess Veil\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/fantasy-desert\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Fantasy Desert\n          </span>\n          </a>\n      </div>\n    </div>\n</div>\n</div>\n      </section>\n    </spz-accordion>\n  <spz-accordion layout=\"container\" class=\"menu-accordion\" animate>\n      <section>\n        <div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          >\n          <span class=\"h4  truncate\">\n            Party\n          </span>\n          </a>\n      </div>\n    <span class=\"ml-4 flex-shrink-0  flex items-center justify-center cursor-pointer \">\n        <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_add\"\n  class=\"header__menu-humburger-accordion--open\"\n  ></spz-custom-theme-icon>\n<spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_reduce\"\n  class=\"header__menu-humburger-accordion--close\"\n  ></spz-custom-theme-icon>\n</span>\n    </div>\n<div>\n         <div class=\"\">\n  <div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/sin\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Sin\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/barbie\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Barbie\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/kiwi\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Kiwi\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/vika\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Vika\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/neala\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Neala\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/birkin\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Birkin\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/starshine-wnwv\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Starshine\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/hidrocor-rio\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Hidrocor Rio\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/love-story\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Love Story\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/aegean-sea\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Aegean Sea\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/angelic-glow\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Angelic Glow\n          </span>\n          </a>\n      </div>\n    </div>\n</div>\n</div>\n      </section>\n    </spz-accordion>\n  <spz-accordion layout=\"container\" class=\"menu-accordion\" animate>\n      <section>\n        <div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          >\n          <span class=\"h4  truncate\">\n            Enlarge\n          </span>\n          </a>\n      </div>\n    <span class=\"ml-4 flex-shrink-0  flex items-center justify-center cursor-pointer \">\n        <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_add\"\n  class=\"header__menu-humburger-accordion--open\"\n  ></spz-custom-theme-icon>\n<spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_reduce\"\n  class=\"header__menu-humburger-accordion--close\"\n  ></spz-custom-theme-icon>\n</span>\n    </div>\n<div>\n         <div class=\"\">\n  <div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/yalo\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Yalo\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/arctic\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Arctic\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/realm\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Realm\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/rococo-art\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Rococo Art\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/vivi-ring\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            VIVI Ring\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/wildness\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Wildness\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/manhattan\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Manhattan\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/5th-avenue\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            5th Avenue\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/stunna\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Stunna Girl\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/city-of-stars\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            City of Stars\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/miracle-night\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Miracle Night\n          </span>\n          </a>\n      </div>\n    </div>\n</div>\n</div>\n      </section>\n    </spz-accordion>\n  <spz-accordion layout=\"container\" class=\"menu-accordion\" animate>\n      <section>\n        <div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          >\n          <span class=\"h4  truncate\">\n            Unique\n          </span>\n          </a>\n      </div>\n    <span class=\"ml-4 flex-shrink-0  flex items-center justify-center cursor-pointer \">\n        <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_add\"\n  class=\"header__menu-humburger-accordion--open\"\n  ></spz-custom-theme-icon>\n<spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_reduce\"\n  class=\"header__menu-humburger-accordion--close\"\n  ></spz-custom-theme-icon>\n</span>\n    </div>\n<div>\n         <div class=\"\">\n  <div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/unique-shine\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Unique Shine\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/cocktail\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Cocktail\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/new-york\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            New York\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/rainbow\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Rainbow\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/rare-iris\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Rare Iris\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/pairs-luster-b6mu\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Pairs Luster\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/spark\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Spark\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/sakura\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Sakura\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/sweet-heart\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Sweet Heart\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/square-pant\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Square Pant\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/angeles\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Angeles\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/storm-melody\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Storm Melody\n          </span>\n          </a>\n      </div>\n    </div>\n</div>\n</div>\n      </section>\n    </spz-accordion>\n  </div>\n  </div>\n</div>\n              </div>\n            </li>\n        <li>\n            <div\n              spz-nested-submenu-open\n              >\n              <div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/pages/halloween\"\n            target=\"\"\n          >\n          <span class=\"h3 truncate\">\n            COSPLAY 🎃\n          </span>\n          </a>\n      </div>\n    <span class=\"ml-4 flex-shrink-0  flex items-center justify-center cursor-pointer \">\n        <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_right\"\n  class=\"\"\n  ></spz-custom-theme-icon>\n</span>\n    </div>\n</div>\n\n            <div spz-nested-submenu>\n                <div spz-nested-submenu-close class=\"px-4 lg:px-7.5 lg:absolute left-0 -top-10 right-10 h-10 flex items-center\">\n  <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_back\"\n  class=\"lg:ml-4\"\n  ></spz-custom-theme-icon>\n<span class=\"h3 truncate ml-4\">COSPLAY 🎃</span>\n</div>\n<div class=\"header__humburger_sidebar-container second-level pt-4\">\n                  <div class=\"header__menu-common-menu  humburger_menu   \">\n  <div class=\"header__menu-common-menu__content min-w-0 w-full\">\n      <style>\n  .menu-accordion section {\n    overflow: visible !important;\n  }\n\n  .menu-accordion section[expanded] > :last-child {\n    overflow: visible;\n  }\n</style>\n\n<spz-accordion layout=\"container\" class=\"menu-accordion\" animate>\n      <section>\n        <div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/cosplay-contacts\"\n            target=\"\"\n          >\n          <span class=\"h4  truncate\">\n            Cosplay\n          </span>\n          </a>\n      </div>\n    <span class=\"ml-4 flex-shrink-0  flex items-center justify-center cursor-pointer \">\n        <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_add\"\n  class=\"header__menu-humburger-accordion--open\"\n  ></spz-custom-theme-icon>\n<spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_reduce\"\n  class=\"header__menu-humburger-accordion--close\"\n  ></spz-custom-theme-icon>\n</span>\n    </div>\n<div>\n         <div class=\"\">\n  <div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/anime-series\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Anime\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/barbie\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Barbie\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/cosmic\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Cosmic\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/sharingan\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Sharingan\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/cat-eye-contacts\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Cat Eye\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/hoshino\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Hoshino\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/animal-eye\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Animal Eye\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/demon-slayer\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Demon Slayer\n          </span>\n          </a>\n      </div>\n    </div>\n</div>\n</div>\n      </section>\n    </spz-accordion>\n  <spz-accordion layout=\"container\" class=\"menu-accordion\" animate>\n      <section>\n        <div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          >\n          <span class=\"h4  truncate\">\n            Pattern\n          </span>\n          </a>\n      </div>\n    <span class=\"ml-4 flex-shrink-0  flex items-center justify-center cursor-pointer \">\n        <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_add\"\n  class=\"header__menu-humburger-accordion--open\"\n  ></spz-custom-theme-icon>\n<spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_reduce\"\n  class=\"header__menu-humburger-accordion--close\"\n  ></spz-custom-theme-icon>\n</span>\n    </div>\n<div>\n         <div class=\"\">\n  <div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/vika\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Vika\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/mesh\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Mesh\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/manson-contacts\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Manson\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/vampire\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Vampire\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/full-sclera\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Full Sclera\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/circle-block\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Circle Block\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/elements\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Elements\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/stranger-things\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Stranger Things\n          </span>\n          </a>\n      </div>\n    </div>\n</div>\n</div>\n      </section>\n    </spz-accordion>\n  <spz-accordion layout=\"container\" class=\"menu-accordion\" animate>\n      <section>\n        <div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          >\n          <span class=\"h4  truncate\">\n            By Type\n          </span>\n          </a>\n      </div>\n    <span class=\"ml-4 flex-shrink-0  flex items-center justify-center cursor-pointer \">\n        <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_add\"\n  class=\"header__menu-humburger-accordion--open\"\n  ></spz-custom-theme-icon>\n<spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_reduce\"\n  class=\"header__menu-humburger-accordion--close\"\n  ></spz-custom-theme-icon>\n</span>\n    </div>\n<div>\n         <div class=\"\">\n  <div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/halloween-prescription\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Prescription\n          </span>\n          </a>\n      </div>\n    </div>\n</div>\n</div>\n      </section>\n    </spz-accordion>\n  </div>\n  </div>\n</div>\n              </div>\n            </li>\n        <li>\n            <div\n              spz-nested-submenu-open\n              >\n              <div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          >\n          <span class=\"h3 truncate\">\n            COLLECTION\n          </span>\n          </a>\n      </div>\n    <span class=\"ml-4 flex-shrink-0  flex items-center justify-center cursor-pointer \">\n        <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_right\"\n  class=\"\"\n  ></spz-custom-theme-icon>\n</span>\n    </div>\n</div>\n\n            <div spz-nested-submenu>\n                <div spz-nested-submenu-close class=\"px-4 lg:px-7.5 lg:absolute left-0 -top-10 right-10 h-10 flex items-center\">\n  <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_back\"\n  class=\"lg:ml-4\"\n  ></spz-custom-theme-icon>\n<span class=\"h3 truncate ml-4\">COLLECTION</span>\n</div>\n<div class=\"header__humburger_sidebar-container second-level pt-4\">\n                  <div class=\"header__menu-common-menu  humburger_menu   \">\n  <div class=\"header__menu-common-menu__content min-w-0 w-full\">\n      <style>\n  .menu-accordion section {\n    overflow: visible !important;\n  }\n\n  .menu-accordion section[expanded] > :last-child {\n    overflow: visible;\n  }\n</style>\n\n<spz-accordion layout=\"container\" class=\"menu-accordion\" animate>\n      <section>\n        <div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          >\n          <span class=\"h4  truncate\">\n            Featured\n          </span>\n          </a>\n      </div>\n    <span class=\"ml-4 flex-shrink-0  flex items-center justify-center cursor-pointer \">\n        <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_add\"\n  class=\"header__menu-humburger-accordion--open\"\n  ></spz-custom-theme-icon>\n<spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_reduce\"\n  class=\"header__menu-humburger-accordion--close\"\n  ></spz-custom-theme-icon>\n</span>\n    </div>\n<div>\n         <div class=\"\">\n  <div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/all-contacts\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            All Products\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/best-seller\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Best Seller\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/new-arrival\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            New Arrival\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/flash-sale\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Flash Sale\n          </span>\n          </a>\n      </div>\n    </div>\n</div>\n</div>\n      </section>\n    </spz-accordion>\n  <spz-accordion layout=\"container\" class=\"menu-accordion\" animate>\n      <section>\n        <div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/all-contacts\"\n            target=\"\"\n          >\n          <span class=\"h4  truncate\">\n            By Frequency\n          </span>\n          </a>\n      </div>\n    <span class=\"ml-4 flex-shrink-0  flex items-center justify-center cursor-pointer \">\n        <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_add\"\n  class=\"header__menu-humburger-accordion--open\"\n  ></spz-custom-theme-icon>\n<spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_reduce\"\n  class=\"header__menu-humburger-accordion--close\"\n  ></spz-custom-theme-icon>\n</span>\n    </div>\n<div>\n         <div class=\"\">\n  <div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/one-day\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Daily\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/one-month\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Monthly\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/one-year\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Yearly\n          </span>\n          </a>\n      </div>\n    </div>\n</div>\n</div>\n      </section>\n    </spz-accordion>\n  <spz-accordion layout=\"container\" class=\"menu-accordion\" animate>\n      <section>\n        <div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          >\n          <span class=\"h4  truncate\">\n            By Type\n          </span>\n          </a>\n      </div>\n    <span class=\"ml-4 flex-shrink-0  flex items-center justify-center cursor-pointer \">\n        <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_add\"\n  class=\"header__menu-humburger-accordion--open\"\n  ></spz-custom-theme-icon>\n<spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_reduce\"\n  class=\"header__menu-humburger-accordion--close\"\n  ></spz-custom-theme-icon>\n</span>\n    </div>\n<div>\n         <div class=\"\">\n  <div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/nartural-prescription\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Nartural Prescription\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/halloween-prescription\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Halloween Prescription\n          </span>\n          </a>\n      </div>\n    </div>\n</div>\n</div>\n      </section>\n    </spz-accordion>\n  <spz-accordion layout=\"container\" class=\"menu-accordion\" animate>\n      <section>\n        <div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          >\n          <span class=\"h4  truncate\">\n            For Eye Color\n          </span>\n          </a>\n      </div>\n    <span class=\"ml-4 flex-shrink-0  flex items-center justify-center cursor-pointer \">\n        <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_add\"\n  class=\"header__menu-humburger-accordion--open\"\n  ></spz-custom-theme-icon>\n<spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_reduce\"\n  class=\"header__menu-humburger-accordion--close\"\n  ></spz-custom-theme-icon>\n</span>\n    </div>\n<div>\n         <div class=\"\">\n  <div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/for-light-eyes\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            For Light Eyes\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/for-dark-brown-eyes\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            For Dark Brown Eyes\n          </span>\n          </a>\n      </div>\n    </div>\n</div>\n</div>\n      </section>\n    </spz-accordion>\n  <spz-accordion layout=\"container\" class=\"menu-accordion\" animate>\n      <section>\n        <div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          >\n          <span class=\"h4  truncate\">\n            By Diameter\n          </span>\n          </a>\n      </div>\n    <span class=\"ml-4 flex-shrink-0  flex items-center justify-center cursor-pointer \">\n        <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_add\"\n  class=\"header__menu-humburger-accordion--open\"\n  ></spz-custom-theme-icon>\n<spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_reduce\"\n  class=\"header__menu-humburger-accordion--close\"\n  ></spz-custom-theme-icon>\n</span>\n    </div>\n<div>\n         <div class=\"\">\n  <div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/14-0-mm\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            14.0 mm\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/14-2-mm\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            14.2 mm\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/14-5-mm\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            14.5 mm\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/full-sclera\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            22.0 mm\n          </span>\n          </a>\n      </div>\n    </div>\n</div>\n</div>\n      </section>\n    </spz-accordion>\n  <spz-accordion layout=\"container\" class=\"menu-accordion\" animate>\n      <section>\n        <div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          >\n          <span class=\"h4  truncate\">\n            Lenses Tool\n          </span>\n          </a>\n      </div>\n    <span class=\"ml-4 flex-shrink-0  flex items-center justify-center cursor-pointer \">\n        <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_add\"\n  class=\"header__menu-humburger-accordion--open\"\n  ></spz-custom-theme-icon>\n<spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_reduce\"\n  class=\"header__menu-humburger-accordion--close\"\n  ></spz-custom-theme-icon>\n</span>\n    </div>\n<div>\n         <div class=\"\">\n  <div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/lens-cases\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Lens Cases\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/lens-cleaner\"\n            target=\"\"\n          >\n          <span class=\"color-text-2 truncate\">\n            Lens Cleaner\n          </span>\n          </a>\n      </div>\n    </div>\n</div>\n</div>\n      </section>\n    </spz-accordion>\n  </div>\n  </div>\n</div>\n              </div>\n            </li>\n        <li>\n            <div\n              spz-nested-submenu-open\n              >\n              <div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/eyelash\"\n            target=\"\"\n          >\n          <span class=\"h3 truncate\">\n            LASHES\n          </span>\n          </a>\n      </div>\n    <span class=\"ml-4 flex-shrink-0  flex items-center justify-center cursor-pointer \">\n        <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_right\"\n  class=\"\"\n  ></spz-custom-theme-icon>\n</span>\n    </div>\n</div>\n\n            <div spz-nested-submenu>\n                <div spz-nested-submenu-close class=\"px-4 lg:px-7.5 lg:absolute left-0 -top-10 right-10 h-10 flex items-center\">\n  <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_back\"\n  class=\"lg:ml-4\"\n  ></spz-custom-theme-icon>\n<span class=\"h3 truncate ml-4\">LASHES</span>\n</div>\n<div class=\"header__humburger_sidebar-container second-level pt-4\">\n                  <div class=\"header__menu-common-menu  humburger_menu   \">\n  <div class=\"header__menu-common-menu__content min-w-0 w-full\">\n      <style>\n  .menu-accordion section {\n    overflow: visible !important;\n  }\n\n  .menu-accordion section[expanded] > :last-child {\n    overflow: visible;\n  }\n</style>\n\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/natural-lashes\"\n            target=\"\"\n          >\n          <span class=\"h4 truncate\">\n            Natural Lashes\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/drama-lashes\"\n            target=\"\"\n          >\n          <span class=\"h4 truncate\">\n            Drama Lashes\n          </span>\n          </a>\n      </div>\n    </div>\n<div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/collections/diy-eyelash-extension-kit\"\n            target=\"\"\n          >\n          <span class=\"h4 truncate\">\n            Diy Lash Extension Kit\n          </span>\n          </a>\n      </div>\n    </div>\n</div>\n  </div>\n</div>\n              </div>\n            </li>\n        <li>\n            <div\n              >\n              <div\n    class=\"\n      header__menu-title-wrapper flex items-center justify-between radius-medium\n      lg:px-4 lg:py-2.5 py-2 header__menu-title--hover\n    \"\n  >\n    <div class=\"header__menu-humburger-title flex-1 min-w-0 flex items-center horizontal\">\n        <a\n          class=\"no-underline min-w-0 relative flex max-w-full items-center\"\n          href=\"/pages/about-us\"\n            target=\"\"\n          >\n          <span class=\"h3 truncate\">\n            ABOUT US\n          </span>\n          </a>\n      </div>\n    <span class=\"ml-4 flex-shrink-0  flex items-center justify-center cursor-pointer \">\n        </span>\n    </div>\n</div>\n\n            </li>\n        </ul>\n      </div>\n  <div class=\"header__menu-common-menu__graphic min-w-0\">\n      </div>\n  <div class=\"header__menu-common-menu__mix flex flex-col gap-4 min-w-0\">\n      </div>\n  </div>\n</spz-section-render>\n<div class=\"header__humburger-function mt-4 \">\n  <!-- 给js插件提供的block坑位 -->\n\n<div class=\"app-translate-card  pc-hidden\"></div>\n<style type=\"text/css\">\n  @media (min-width: 960px) {\n    .pc-hidden {\n      display: none;\n    }\n  }\n\n  @media (max-width: 959.98px) {\n    .mobile-hidden {\n      display: none;\n    }\n  }\n</style>\n\n<!-- 给js插件提供的block坑位 -->\n<div class=\"app-currency-card  pc-hidden\"></div>\n<style type=\"text/css\">\n  @media (min-width: 960px) {\n    .pc-hidden {\n      display: none;\n    }\n  }\n\n  @media (max-width: 959.98px) {\n    .mobile-hidden {\n      display: none;\n    }\n  }\n</style>\n\n</div>\n\n</div>\n    </spz-nested-menu>\n</div>\n</div>\n</spz-sidebar>\n</div>\n</div>\n    <div\n        id=\"header-expand\"\n        class=\"header__menu-expand h-full text-align--left none lg:block relative\"\n      >\n        <style>/* First level menu display*/\n.header__menu-expand__first {\n  background: transparent !important;\n  row-gap: 16px;\n  min-height: 50px;\n}\n/* morelink cannot set column-gap, it will affect the calculation */\n.header__menu-expand__menu:not(.display--more_link) .header__menu-expand__first {\n  column-gap: 20px;\n}\n.header__menu-expand__menu.display--more_link {\n  overflow-x: hidden;\n}\n.header__menu-expand__menu.display--more_link .header__menu-expand__first {\n  display: flex;\n  flex-wrap: nowrap;\n}\n\n.header--mask.header--on-top #header-menu-scroll-right-container {\n  background: transparent;\n}\n\n.header__menu-expand:hover #header-menu-scroll-right-container {\n  display: flex;\n}\n#header-menu-scroll-right {\n  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.10);\n}\n\n/* First level menu scroll */\n.header__menu-expand__menu.display--scroll {\n  overflow-x: auto;\n}\n.header__menu-expand__menu.display--scroll .header__menu-expand__first {\n  display: flex;\n  white-space: nowrap;\n}\n\n.header__menu-expand__menu:not(.display--wrap ) .header__menu-expand__first .header__menu-item {\n  height: 100%;\n}\n\n/* First level menu wrap */\n.header__menu-expand__menu.display--wrap {\n  overflow-x: hidden;\n  padding: 10px 0;\n}\n\n.header__menu-expand__menu.display--wrap .header__menu-expand__first {\n  display: flex;\n  flex-wrap: wrap;\n}\n\n@media (min-width: 960px) {\n  .header__menu-expand__collapse-icon {\n    grid-area: collapse-icon;\n    margin-right: 50px;\n  }\n  .header.header--sticky-collapse:not(.header--on-top) .header-layout.pc--left_below {\n    grid-template-areas:\n      'collapse-icon logo actions'\n      'menu menu menu';\n    grid-template-columns: auto auto 1fr;\n  }\n  .header.header--sticky-collapse:not(.header--on-top) .header-layout.pc--center_below {\n    grid-template-areas:\n      'collapse-icon logo actions'\n      'menu menu menu';\n    grid-template-columns: 1fr auto 1fr;\n  }\n\n  .header.header--sticky-collapse:not(.header--on-top) .header__menu-expand__collapse-icon {\n    display: block;\n  }\n\n  .header__menu {\n    box-sizing: border-box;\n    transition: max-height 0.2s linear, padding-top 0.2s linear;\n  }\n\n  /* Sticky folded menu */\n  .header.header--sticky-collapse:not(.header--on-top)\n    .header-layout:not(.pc--one-line)\n    .header__menu {\n    max-height: 0;\n    padding-top: 0;\n    overflow-y: hidden;\n  }\n  /* Sticky click to expand the second line menu */\n  .header.header--sticky-collapse:not(.header--on-top).menu-open\n    .header-layout:not(.pc--one-line)\n    .header__menu {\n    max-height: 120px;\n  }\n}\n\n/*\n* Menu item\n*/\n.header__menu-item {\n  white-space: nowrap;\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n.header__menu-item > .header__menu__expand-title > .header__menu__expand-title__text {\n  max-width: 250px;\n}\n\n.header__menu-expand__menu.display--more_link .header__menu-item {\n  padding-right: 20px;\n}\n\n.header__menu-item > .header__menu__expand-title > .header__menu__expand-title__text {\n  padding: 3px 0;\n}\n\n.header__menu-item[aria-expanded='true']\n  > .header__menu__expand-title\n  > .header__menu__expand-title__text {\n  text-decoration: underline;\n  text-decoration-color: var(--color-foreground);\n  text-underline-offset: 6px;\n}\n\n.header__menu-expand__dropdown {\n  position: fixed;\n  left: 0;\n  right: 0;\n  z-index: 1030;\n  max-height: 500px;\n  overflow-y: auto;\n  padding-top: 30px;\n  padding-bottom: 30px;\n  box-shadow: var(--shadow-knob);\n}\n\n.header__menu-expand__menu-list {\n  display: grid;\n}\n\n.header__menu-expand__menu-list__item {\n  margin-bottom: 16px;\n  margin-right: 16px;\n}\n\n/* MoreLink style */\n.header__menu__morelink-tabs {\n  display: flex;\n}\n.header__menu__morelink-tabs__nav {\n  display: flex;\n  width: 210px;\n}\n.header__menu__morelink-tabs__nav > li[active] {\n  background-color: var(--color-variant-hover-background);\n  --color-foreground-heading: var(--color-variant-hover-text);\n}\n\n.header__menu__morelink-tabs__content {\n  display: flex;\n}\n\n/* Stepped menu */\n.header__menu-expand__cascade-second:hover .header__menu-expand__cascade-third {\n  display: block;\n}\n\n.header__menu-expand__cascade,\n.header__menu-expand__cascade-third {\n  min-width: 210px;\n  max-width: 323px;\n  max-height: 500px;\n  overflow-y: auto;\n  padding: 20px 0;\n}\n\n.header__menu-expand__cascade-divider {\n  height: 1px;\n  background-color: var(--color-border);\n  margin: 6px 20px;\n  border: none;\n}\n\n.header__menu-expand.text-align--left .header__menu-item-2 {\n  justify-content: flex-start;\n}\n.header__menu-expand.text-align--center .header__menu-item-2 {\n  justify-content: center;\n}\n.header__menu-expand.text-align--right .header__menu-item-2 {\n  justify-content: flex-end;\n}\n\n.header__menu-item-2 {\n  display: flex;\n  align-items: center;\n  padding: 10px 4px;\n  border-radius: 6px;\n}\n</style>\n  <script id=\"menu-json\" type=\"application/json\">\n    [{\"title\":\"NEW\",\"type\":\"collection\",\"url\":\"\\/collections\\/new-arrival\",\"id\":80492021,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"4a4db38d-8f81-4c06-ae06-1c5c1355c709\",\"url\":\"\\/collections\\/new-arrival\",\"title\":\"New Arrival\"},\"levels\":1,\"links\":[{\"title\":\"Orris\",\"type\":\"collection\",\"url\":\"\\/collections\\/orris\",\"id\":83925419,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"a474cb4d-ae48-4616-bb02-b54c75799aef\",\"url\":\"\\/collections\\/orris\",\"title\":\"Orris\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"San Diego\",\"type\":\"collection\",\"url\":\"\\/collections\\/san-diego\",\"id\":83447905,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"1adce56e-5eaf-4a1f-b36d-81e7d710af10\",\"url\":\"\\/collections\\/san-diego\",\"title\":\"San Diego\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Terra Vita\",\"type\":\"collection\",\"url\":\"\\/collections\\/terra-vita\",\"id\":83239293,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"dcbf0a64-e80d-4921-87ae-9552fca8bfbb\",\"url\":\"\\/collections\\/terra-vita\",\"title\":\"Terra Vita\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Malibu\",\"type\":\"collection\",\"url\":\"\\/collections\\/malibu\",\"id\":81397193,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"56f0de0d-eb0d-47a5-a5c0-f6aa11d57d8b\",\"url\":\"\\/collections\\/malibu\",\"title\":\"Malibu\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Maldives\",\"type\":\"collection\",\"url\":\"\\/collections\\/maldives\",\"id\":80787635,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"d72e0c91-93a3-4898-a4fa-ba0bdb6a97d8\",\"url\":\"\\/collections\\/maldives\",\"title\":\"Maldives\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Garden of Eden\",\"type\":\"collection\",\"url\":\"\\/collections\\/eden\",\"id\":80492023,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"8c8902b4-3293-4502-a31b-8a00c14afe4d\",\"url\":\"\\/collections\\/eden\",\"title\":\"Eden\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Ombre Nomade\",\"type\":\"collection\",\"url\":\"\\/collections\\/ombre-nomade\",\"id\":80492035,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"ce465f59-bb70-405d-931e-d961bcffd5e0\",\"url\":\"\\/collections\\/ombre-nomade\",\"title\":\"Ombre Nomade\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Dolce\",\"type\":\"collection\",\"url\":\"\\/collections\\/dolce\",\"id\":80492037,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"136f6d43-d9c5-45ac-89e5-5617de0b1135\",\"url\":\"\\/collections\\/dolce\",\"title\":\"Dolce\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Meteor\",\"type\":\"collection\",\"url\":\"\\/collections\\/meteor\",\"id\":80492041,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"c48028b0-9666-4447-8c9e-b3de342eac56\",\"url\":\"\\/collections\\/meteor\",\"title\":\"Meteor\"},\"levels\":0,\"links\":null,\"menu_tags\":[]}],\"menu_tags\":[]},{\"title\":\"BEST SELLERS\",\"type\":\"collection\",\"url\":\"\\/collections\\/best-seller\",\"id\":80492223,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"b5c01c53-f5fc-4c22-8fce-ce3946a18db6\",\"url\":\"\\/collections\\/best-seller\",\"title\":\"Best Seller\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"COLOR\",\"type\":\"0\",\"url\":\"\",\"id\":80491999,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"0\",\"source_id\":\"0\",\"url\":\"\",\"title\":\"\"},\"levels\":1,\"links\":[{\"title\":\"Blue\",\"type\":\"collection\",\"url\":\"\\/collections\\/blue-contact-lenses\",\"id\":80492001,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"d1a35f74-279f-457f-90e9-ef00dd4f43e6\",\"url\":\"\\/collections\\/blue-contact-lenses\",\"title\":\"Blue Lenses\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Grey\",\"type\":\"collection\",\"url\":\"\\/collections\\/grey-contact-lenses\",\"id\":80492003,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"9d91864e-d8e0-4a23-b0ec-58b97aa183e2\",\"url\":\"\\/collections\\/grey-contact-lenses\",\"title\":\"Grey Lenses\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Brown\",\"type\":\"collection\",\"url\":\"\\/collections\\/brown-contact-lenses\",\"id\":80492005,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"e97f9dfd-df86-43a9-afef-64e920a71ebf\",\"url\":\"\\/collections\\/brown-contact-lenses\",\"title\":\"Brown Lenses\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Green\",\"type\":\"collection\",\"url\":\"\\/collections\\/green-contact-lenses\",\"id\":80492007,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"52b9241e-57d9-4a01-a3bb-fa981e9d431f\",\"url\":\"\\/collections\\/green-contact-lenses\",\"title\":\"Green Lenses\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Yellow\",\"type\":\"collection\",\"url\":\"\\/collections\\/yellow-contacts\",\"id\":80492009,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"503f0a46-1033-4b22-a650-9bdf96b1d790\",\"url\":\"\\/collections\\/yellow-contacts\",\"title\":\"Yellow Contacts\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Purple\",\"type\":\"collection\",\"url\":\"\\/collections\\/purple-contact-lenses\",\"id\":80492011,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"26fa2f9d-6f2c-4402-8d49-059752634a6e\",\"url\":\"\\/collections\\/purple-contact-lenses\",\"title\":\"Purple Lenses\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Black\",\"type\":\"collection\",\"url\":\"\\/collections\\/black-contacts\",\"id\":80492013,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"d510151d-1c13-40b2-a34b-c508912069bc\",\"url\":\"\\/collections\\/black-contacts\",\"title\":\"Black Contacts\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"White\",\"type\":\"collection\",\"url\":\"\\/collections\\/white-contacts\",\"id\":80492015,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"0e05a21a-f266-4bbf-9e9e-7e323436fcd3\",\"url\":\"\\/collections\\/white-contacts\",\"title\":\"White Contacts\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Pink\",\"type\":\"collection\",\"url\":\"\\/collections\\/pink-contacts\",\"id\":80492017,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"ba366acf-d64d-412f-bf0f-738d2f6a9836\",\"url\":\"\\/collections\\/pink-contacts\",\"title\":\"Pink Contacts\"},\"levels\":0,\"links\":null,\"menu_tags\":[]}],\"menu_tags\":[]},{\"title\":\"SERIES\",\"type\":\"0\",\"url\":\"\",\"id\":80492019,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"0\",\"source_id\":\"0\",\"url\":\"\",\"title\":\"\"},\"levels\":2,\"links\":[{\"title\":\"Natural\",\"type\":\"collection\",\"url\":\"\\/collections\\/nature-series\",\"id\":80492045,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"34b25b3a-847b-4071-8e9a-3e012e4741a4\",\"url\":\"\\/collections\\/nature-series\",\"title\":\"NATURE SERIES\"},\"levels\":1,\"links\":[{\"title\":\"Ocean\",\"type\":\"collection\",\"url\":\"\\/collections\\/ocean\",\"id\":80492047,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"d5fa8040-18ce-41fb-abd0-8f6bfb61cfac\",\"url\":\"\\/collections\\/ocean\",\"title\":\"Ocean\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Taylor\",\"type\":\"collection\",\"url\":\"\\/collections\\/taylor\",\"id\":80492049,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"7d8004c9-e398-4d1c-9a0e-5101133afe96\",\"url\":\"\\/collections\\/taylor\",\"title\":\"Taylor\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Bloom\",\"type\":\"collection\",\"url\":\"\\/collections\\/bloom\",\"id\":80492051,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"b6ab877d-a1e8-42de-9ff0-be560d5b5298\",\"url\":\"\\/collections\\/bloom\",\"title\":\"Bloom\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Dawn\",\"type\":\"collection\",\"url\":\"\\/collections\\/dawn\",\"id\":80492053,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"d20930a3-c665-47a1-a900-3918b159d81b\",\"url\":\"\\/collections\\/dawn\",\"title\":\"Dawn\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Sora\",\"type\":\"collection\",\"url\":\"\\/collections\\/sora\",\"id\":80492055,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"c12bc69f-239c-4630-8184-0671ef0733c8\",\"url\":\"\\/collections\\/sora\",\"title\":\"Sora\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Queen\",\"type\":\"collection\",\"url\":\"\\/collections\\/queen\",\"id\":80492057,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"ddc7006b-5687-4803-a0c1-b60676c38f43\",\"url\":\"\\/collections\\/queen\",\"title\":\"Queen\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Monica\",\"type\":\"collection\",\"url\":\"\\/collections\\/monica\",\"id\":83059813,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"4016388e-e9d1-45f4-b0f7-f807615ad83a\",\"url\":\"\\/collections\\/monica\",\"title\":\"Monica\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Hidrocor\",\"type\":\"collection\",\"url\":\"\\/collections\\/hidrocor\",\"id\":80492059,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"7a0a63d5-ec5d-41d8-85c9-c503aee555b7\",\"url\":\"\\/collections\\/hidrocor\",\"title\":\"Hidrocor\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Himalaya\",\"type\":\"collection\",\"url\":\"\\/collections\\/himalaya\",\"id\":80492061,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"37bf700e-57c8-49e9-9360-b16f08c61704\",\"url\":\"\\/collections\\/himalaya\",\"title\":\"Himalaya\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Polar Lights\",\"type\":\"collection\",\"url\":\"\\/collections\\/polar-lights\",\"id\":80492063,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"b7fa535d-5ccd-4fe0-af23-60d0370c2a74\",\"url\":\"\\/collections\\/polar-lights\",\"title\":\"Polar lights\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Sun Kissed\",\"type\":\"collection\",\"url\":\"\\/collections\\/sun-kissed\",\"id\":80492065,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"337fdd42-5315-4d6f-8723-4e7c9b85c55c\",\"url\":\"\\/collections\\/sun-kissed\",\"title\":\"Sun kissed\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Sorayama\",\"type\":\"collection\",\"url\":\"\\/collections\\/sorayama\",\"id\":80492067,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"d0c11e83-4f22-4732-8975-b0b6408a768a\",\"url\":\"\\/collections\\/sorayama\",\"title\":\"Sorayama\"},\"levels\":0,\"links\":null,\"menu_tags\":[]}],\"menu_tags\":[]},{\"title\":\"Fresh\",\"type\":\"0\",\"url\":\"\",\"id\":80492071,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"0\",\"source_id\":\"0\",\"url\":\"\",\"title\":\"\"},\"levels\":1,\"links\":[{\"title\":\"Meta\",\"type\":\"collection\",\"url\":\"\\/collections\\/meta\",\"id\":80492073,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"18099d4c-4496-4419-8706-8c627113a1c8\",\"url\":\"\\/collections\\/meta\",\"title\":\"Meta\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Coco\",\"type\":\"collection\",\"url\":\"\\/collections\\/coco\",\"id\":80492075,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"3d29d3ea-e560-404c-a09c-e618b6b5c054\",\"url\":\"\\/collections\\/coco\",\"title\":\"Coco\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Vogue\",\"type\":\"collection\",\"url\":\"\\/collections\\/vogue\",\"id\":80492077,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"bf72da29-ff84-4973-85b5-063f418eeab0\",\"url\":\"\\/collections\\/vogue\",\"title\":\"Vogue\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Smoky\",\"type\":\"collection\",\"url\":\"\\/collections\\/smoky\",\"id\":80492079,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"8d142840-b0dc-45c7-9eec-8aa4a45454b3\",\"url\":\"\\/collections\\/smoky\",\"title\":\"SMOKY\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Russian\",\"type\":\"collection\",\"url\":\"\\/collections\\/russian\",\"id\":80492081,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"164ebc74-aefd-4902-9291-a2d024e69e89\",\"url\":\"\\/collections\\/russian\",\"title\":\"Russian\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Wildcat\",\"type\":\"collection\",\"url\":\"\\/collections\\/wildcat\",\"id\":80492083,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"ef248509-b2c6-4088-8911-85a3e5c0c95c\",\"url\":\"\\/collections\\/wildcat\",\"title\":\"Wildcat\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"LA Girl\",\"type\":\"collection\",\"url\":\"\\/collections\\/la-girl\",\"id\":80492085,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"22433cba-b2da-4a34-ae4f-7394166c0834\",\"url\":\"\\/collections\\/la-girl\",\"title\":\"La Girl\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Sheer\",\"type\":\"collection\",\"url\":\"\\/collections\\/sheer\",\"id\":80492087,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"f7dd5259-62de-44eb-be57-7e8e980c28f7\",\"url\":\"\\/collections\\/sheer\",\"title\":\"Sheer\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Moon Garden\",\"type\":\"collection\",\"url\":\"\\/collections\\/moon-garden\",\"id\":80492091,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"b97156b0-0a42-4af9-a317-edc7f0cd44ed\",\"url\":\"\\/collections\\/moon-garden\",\"title\":\"Moon Garden\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Gooddess Veil\",\"type\":\"collection\",\"url\":\"\\/collections\\/goddess-veil\",\"id\":80492093,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"2fbfbaf3-4d85-4b40-9e04-d047e37fe2c9\",\"url\":\"\\/collections\\/goddess-veil\",\"title\":\"Goddess Veil\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Fantasy Desert\",\"type\":\"collection\",\"url\":\"\\/collections\\/fantasy-desert\",\"id\":80492095,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"c94d9981-f6c6-4771-b00c-71500dc97595\",\"url\":\"\\/collections\\/fantasy-desert\",\"title\":\"Fantasy Desert\"},\"levels\":0,\"links\":null,\"menu_tags\":[]}],\"menu_tags\":[]},{\"title\":\"Party\",\"type\":\"0\",\"url\":\"\",\"id\":80492097,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"0\",\"source_id\":\"0\",\"url\":\"\",\"title\":\"\"},\"levels\":1,\"links\":[{\"title\":\"Sin\",\"type\":\"collection\",\"url\":\"\\/collections\\/sin\",\"id\":80492099,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"217752d2-63f8-4951-ba15-f19f771701af\",\"url\":\"\\/collections\\/sin\",\"title\":\"Sin\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Barbie\",\"type\":\"collection\",\"url\":\"\\/collections\\/barbie\",\"id\":80492101,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"1fc04c11-841a-4f70-96b5-de34ab5a6dae\",\"url\":\"\\/collections\\/barbie\",\"title\":\"Barbie\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Kiwi\",\"type\":\"collection\",\"url\":\"\\/collections\\/kiwi\",\"id\":80492103,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"abb2a174-5542-43e0-ae39-ab68b195b1b7\",\"url\":\"\\/collections\\/kiwi\",\"title\":\"Kiwi\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Vika\",\"type\":\"collection\",\"url\":\"\\/collections\\/vika\",\"id\":80492105,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"4b430894-2ece-4c67-8c3e-0972b6cd5e92\",\"url\":\"\\/collections\\/vika\",\"title\":\"Vika\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Neala\",\"type\":\"collection\",\"url\":\"\\/collections\\/neala\",\"id\":80492107,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"cbeaa446-73e3-4f92-84e5-005eb0931d37\",\"url\":\"\\/collections\\/neala\",\"title\":\"Neala\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Birkin\",\"type\":\"collection\",\"url\":\"\\/collections\\/birkin\",\"id\":80492029,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"fd2d1fd3-bb06-4906-8660-419bab0a0046\",\"url\":\"\\/collections\\/birkin\",\"title\":\"Birkin\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Starshine\",\"type\":\"collection\",\"url\":\"\\/collections\\/starshine-wnwv\",\"id\":80492111,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"1ed2aa71-a1a9-4332-a0b7-90c5716391bf\",\"url\":\"\\/collections\\/starshine-wnwv\",\"title\":\"Starshine\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Hidrocor Rio\",\"type\":\"collection\",\"url\":\"\\/collections\\/hidrocor-rio\",\"id\":80492115,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"903fd2ab-b4e8-45ea-ab99-96b9c2ffddb0\",\"url\":\"\\/collections\\/hidrocor-rio\",\"title\":\"Hidrocor Rio\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Love Story\",\"type\":\"collection\",\"url\":\"\\/collections\\/love-story\",\"id\":80492117,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"c1156af4-c6fe-49c6-b6d9-fffe8a7e1d01\",\"url\":\"\\/collections\\/love-story\",\"title\":\"Love Story\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Aegean Sea\",\"type\":\"collection\",\"url\":\"\\/collections\\/aegean-sea\",\"id\":80492119,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"60bdc61c-1a99-45cc-81ed-e798a70a9ddd\",\"url\":\"\\/collections\\/aegean-sea\",\"title\":\"Aegean Sea\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Angelic Glow\",\"type\":\"collection\",\"url\":\"\\/collections\\/angelic-glow\",\"id\":80492121,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"35dd4d62-e290-4936-a970-74b891c41822\",\"url\":\"\\/collections\\/angelic-glow\",\"title\":\"Angelic Glow\"},\"levels\":0,\"links\":null,\"menu_tags\":[]}],\"menu_tags\":[]},{\"title\":\"Enlarge\",\"type\":\"0\",\"url\":\"\",\"id\":80492123,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"0\",\"source_id\":\"0\",\"url\":\"\",\"title\":\"\"},\"levels\":1,\"links\":[{\"title\":\"Yalo\",\"type\":\"collection\",\"url\":\"\\/collections\\/yalo\",\"id\":80492043,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"e7e308bf-e7a4-45aa-9ff9-d471ef5a7782\",\"url\":\"\\/collections\\/yalo\",\"title\":\"Yalo\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Arctic\",\"type\":\"collection\",\"url\":\"\\/collections\\/arctic\",\"id\":80492027,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"8268d89f-d64f-499d-aea6-b0b74ee831fa\",\"url\":\"\\/collections\\/arctic\",\"title\":\"Arctic\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Realm\",\"type\":\"collection\",\"url\":\"\\/collections\\/realm\",\"id\":80492125,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"3c45a0b9-487b-48a5-89b5-9dc83cb9eaaa\",\"url\":\"\\/collections\\/realm\",\"title\":\"Realm\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Rococo Art\",\"type\":\"collection\",\"url\":\"\\/collections\\/rococo-art\",\"id\":80492127,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"a2143993-321b-419b-9b03-89ae25ddd788\",\"url\":\"\\/collections\\/rococo-art\",\"title\":\"Rococo Art\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"VIVI Ring\",\"type\":\"collection\",\"url\":\"\\/collections\\/vivi-ring\",\"id\":80492131,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"e1b1567e-355f-434f-a842-be384b337acc\",\"url\":\"\\/collections\\/vivi-ring\",\"title\":\"VIVI Ring\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Wildness\",\"type\":\"collection\",\"url\":\"\\/collections\\/wildness\",\"id\":80492133,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"26346241-c407-464d-acd9-3c62bc1546b1\",\"url\":\"\\/collections\\/wildness\",\"title\":\"Wildness\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Manhattan\",\"type\":\"collection\",\"url\":\"\\/collections\\/manhattan\",\"id\":80492025,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"0fd65658-2397-433b-a193-f38ff35366a2\",\"url\":\"\\/collections\\/manhattan\",\"title\":\"Manhattan\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"5th Avenue\",\"type\":\"collection\",\"url\":\"\\/collections\\/5th-avenue\",\"id\":80492039,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"74bb82c6-b0a2-40e6-bd0a-24144cd1c4d4\",\"url\":\"\\/collections\\/5th-avenue\",\"title\":\"5th Avenue\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Stunna Girl\",\"type\":\"collection\",\"url\":\"\\/collections\\/stunna\",\"id\":80492143,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"ec0a6c99-0772-4443-81aa-02be817a0c73\",\"url\":\"\\/collections\\/stunna\",\"title\":\"Stunna\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"City of Stars\",\"type\":\"collection\",\"url\":\"\\/collections\\/city-of-stars\",\"id\":80492033,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"7b50bd9b-8ead-42db-be9a-05bd2b324706\",\"url\":\"\\/collections\\/city-of-stars\",\"title\":\"City of Stars\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Miracle Night\",\"type\":\"collection\",\"url\":\"\\/collections\\/miracle-night\",\"id\":80492147,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"f9fad0ae-6524-4b2a-818e-8cfec081c845\",\"url\":\"\\/collections\\/miracle-night\",\"title\":\"Miracle Night\"},\"levels\":0,\"links\":null,\"menu_tags\":[]}],\"menu_tags\":[]},{\"title\":\"Unique\",\"type\":\"0\",\"url\":\"\",\"id\":80492149,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"0\",\"source_id\":\"0\",\"url\":\"\",\"title\":\"\"},\"levels\":1,\"links\":[{\"title\":\"Unique Shine\",\"type\":\"collection\",\"url\":\"\\/collections\\/unique-shine\",\"id\":80492151,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"cff0197f-be62-450a-9a72-da4aaddf80fe\",\"url\":\"\\/collections\\/unique-shine\",\"title\":\"Unique shine\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Cocktail\",\"type\":\"collection\",\"url\":\"\\/collections\\/cocktail\",\"id\":80492153,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"ae03786c-8d72-4880-a769-58e53a4d58d6\",\"url\":\"\\/collections\\/cocktail\",\"title\":\"Cocktail\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"New York\",\"type\":\"collection\",\"url\":\"\\/collections\\/new-york\",\"id\":80492155,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"542267ed-45cb-4392-ae7e-d56a33f13138\",\"url\":\"\\/collections\\/new-york\",\"title\":\"New York\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Rainbow\",\"type\":\"collection\",\"url\":\"\\/collections\\/rainbow\",\"id\":80492159,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"a57886cb-8910-41cc-ab2d-5db6be19c53c\",\"url\":\"\\/collections\\/rainbow\",\"title\":\"Rainbow\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Rare Iris\",\"type\":\"collection\",\"url\":\"\\/collections\\/rare-iris\",\"id\":80492161,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"39ab6e31-ae2c-45c5-9c6f-f6baf0e51344\",\"url\":\"\\/collections\\/rare-iris\",\"title\":\"Rare Iris\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Pairs Luster\",\"type\":\"collection\",\"url\":\"\\/collections\\/pairs-luster-b6mu\",\"id\":80492163,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"8cd5fbd1-7fbc-4c0a-953e-206f02d3797b\",\"url\":\"\\/collections\\/pairs-luster-b6mu\",\"title\":\"Pairs Luster\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Spark\",\"type\":\"collection\",\"url\":\"\\/collections\\/spark\",\"id\":80492031,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"85f4f739-7766-4740-9ff3-202d4bd48c65\",\"url\":\"\\/collections\\/spark\",\"title\":\"Spark\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Sakura\",\"type\":\"collection\",\"url\":\"\\/collections\\/sakura\",\"id\":80492165,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"8949f28a-e4d5-461b-9803-14ece945f003\",\"url\":\"\\/collections\\/sakura\",\"title\":\"Sakura\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Sweet Heart\",\"type\":\"collection\",\"url\":\"\\/collections\\/sweet-heart\",\"id\":80492167,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"b38808b1-42d0-4378-8f70-80d3b2440b56\",\"url\":\"\\/collections\\/sweet-heart\",\"title\":\"Sweet Heart\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Square Pant\",\"type\":\"collection\",\"url\":\"\\/collections\\/square-pant\",\"id\":80492169,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"6b7ab3ba-6088-408e-8ce1-95ac179acc57\",\"url\":\"\\/collections\\/square-pant\",\"title\":\"Square Pant\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Angeles\",\"type\":\"collection\",\"url\":\"\\/collections\\/angeles\",\"id\":80492171,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"5b83d9c5-6a0d-46a1-b999-ce4524f5d980\",\"url\":\"\\/collections\\/angeles\",\"title\":\"Angeles\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Storm Melody\",\"type\":\"collection\",\"url\":\"\\/collections\\/storm-melody\",\"id\":80492173,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"9cf9d283-173b-406e-b636-bccf183814df\",\"url\":\"\\/collections\\/storm-melody\",\"title\":\"Storm Melody\"},\"levels\":0,\"links\":null,\"menu_tags\":[]}],\"menu_tags\":[]}],\"menu_tags\":[]},{\"title\":\"COSPLAY \\ud83c\\udf83\",\"type\":\"page\",\"url\":\"\\/pages\\/halloween\",\"id\":80492225,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"page\",\"source_id\":\"7911079\",\"url\":\"\\/pages\\/halloween\",\"title\":\"Halloween\"},\"levels\":2,\"links\":[{\"title\":\"Cosplay\",\"type\":\"collection\",\"url\":\"\\/collections\\/cosplay-contacts\",\"id\":80492227,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"88a28590-fecc-4ff3-a4e4-a2a53a17e12b\",\"url\":\"\\/collections\\/cosplay-contacts\",\"title\":\"Cosplay Contacts\"},\"levels\":1,\"links\":[{\"title\":\"Anime\",\"type\":\"collection\",\"url\":\"\\/collections\\/anime-series\",\"id\":80492229,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"521270bb-3ee6-4d86-a9fd-265e0cbb0526\",\"url\":\"\\/collections\\/anime-series\",\"title\":\"Anime Series\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Barbie\",\"type\":\"collection\",\"url\":\"\\/collections\\/barbie\",\"id\":80492231,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"1fc04c11-841a-4f70-96b5-de34ab5a6dae\",\"url\":\"\\/collections\\/barbie\",\"title\":\"Barbie\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Cosmic\",\"type\":\"collection\",\"url\":\"\\/collections\\/cosmic\",\"id\":80492233,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"f5f3ddcd-285a-4473-975c-205122bf56f5\",\"url\":\"\\/collections\\/cosmic\",\"title\":\"Cosmic\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Sharingan\",\"type\":\"collection\",\"url\":\"\\/collections\\/sharingan\",\"id\":80492235,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"c1c8518e-b4cb-48fd-9cd5-538b56bfd337\",\"url\":\"\\/collections\\/sharingan\",\"title\":\"Sharingan\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Cat Eye\",\"type\":\"collection\",\"url\":\"\\/collections\\/cat-eye-contacts\",\"id\":80492237,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"e0778922-837b-433c-9ffe-26593c24210e\",\"url\":\"\\/collections\\/cat-eye-contacts\",\"title\":\"Cat Eye Contacts\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Hoshino\",\"type\":\"collection\",\"url\":\"\\/collections\\/hoshino\",\"id\":80492239,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"024696fa-6992-49dc-b02c-b0c6c206be45\",\"url\":\"\\/collections\\/hoshino\",\"title\":\"Hoshino\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Animal Eye\",\"type\":\"collection\",\"url\":\"\\/collections\\/animal-eye\",\"id\":80492241,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"8f690c2c-7f44-42d4-acc7-6540ebc5e021\",\"url\":\"\\/collections\\/animal-eye\",\"title\":\"Animal Eye\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Demon Slayer\",\"type\":\"collection\",\"url\":\"\\/collections\\/demon-slayer\",\"id\":80492243,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"1227d9e5-f151-4bb5-81a6-bef979a24456\",\"url\":\"\\/collections\\/demon-slayer\",\"title\":\"Demon Slayer\"},\"levels\":0,\"links\":null,\"menu_tags\":[]}],\"menu_tags\":[]},{\"title\":\"Pattern\",\"type\":\"0\",\"url\":\"\",\"id\":80492245,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"0\",\"source_id\":\"0\",\"url\":\"\",\"title\":\"\"},\"levels\":1,\"links\":[{\"title\":\"Vika\",\"type\":\"collection\",\"url\":\"\\/collections\\/vika\",\"id\":80492247,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"4b430894-2ece-4c67-8c3e-0972b6cd5e92\",\"url\":\"\\/collections\\/vika\",\"title\":\"Vika\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Mesh\",\"type\":\"collection\",\"url\":\"\\/collections\\/mesh\",\"id\":80492249,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"96f0dcb2-b1dc-4f82-9c27-3b1bd0e950d1\",\"url\":\"\\/collections\\/mesh\",\"title\":\"Mesh\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Manson\",\"type\":\"collection\",\"url\":\"\\/collections\\/manson-contacts\",\"id\":80492251,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"66f8696c-c49f-49fb-8ea5-f44b907bbfcb\",\"url\":\"\\/collections\\/manson-contacts\",\"title\":\"Manson Contacts\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Vampire\",\"type\":\"collection\",\"url\":\"\\/collections\\/vampire\",\"id\":80492253,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"2e990c2d-3834-4337-9a96-abdf603fd188\",\"url\":\"\\/collections\\/vampire\",\"title\":\"Vampire\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Full Sclera\",\"type\":\"collection\",\"url\":\"\\/collections\\/full-sclera\",\"id\":80492255,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"e33de58e-b253-4387-8904-4afccd0ef02d\",\"url\":\"\\/collections\\/full-sclera\",\"title\":\"Full Sclera\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Circle Block\",\"type\":\"collection\",\"url\":\"\\/collections\\/circle-block\",\"id\":80492257,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"80406882-602c-415f-afd7-79cf70e84329\",\"url\":\"\\/collections\\/circle-block\",\"title\":\"Circle Block\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Elements\",\"type\":\"collection\",\"url\":\"\\/collections\\/elements\",\"id\":80492259,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"647380c6-68cb-4d03-a380-a3dc994cdcd8\",\"url\":\"\\/collections\\/elements\",\"title\":\"Elements\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Stranger Things\",\"type\":\"collection\",\"url\":\"\\/collections\\/stranger-things\",\"id\":83447907,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"24e7f8ba-d47d-4e50-87d4-842bd2647ff8\",\"url\":\"\\/collections\\/stranger-things\",\"title\":\"\"},\"levels\":0,\"links\":null,\"menu_tags\":[]}],\"menu_tags\":[]},{\"title\":\"By Type\",\"type\":\"0\",\"url\":\"\",\"id\":80492261,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"0\",\"source_id\":\"0\",\"url\":\"\",\"title\":\"\"},\"levels\":1,\"links\":[{\"title\":\"Prescription\",\"type\":\"collection\",\"url\":\"\\/collections\\/halloween-prescription\",\"id\":80492263,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"268926e3-62fd-4b09-845e-56788575dd90\",\"url\":\"\\/collections\\/halloween-prescription\",\"title\":\"Halloween Prescription\"},\"levels\":0,\"links\":null,\"menu_tags\":[]}],\"menu_tags\":[]}],\"menu_tags\":[]},{\"title\":\"COLLECTION\",\"type\":\"0\",\"url\":\"\",\"id\":80492175,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"0\",\"source_id\":\"0\",\"url\":\"\",\"title\":\"\"},\"levels\":2,\"links\":[{\"title\":\"Featured\",\"type\":\"0\",\"url\":\"\",\"id\":80492177,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"0\",\"source_id\":\"0\",\"url\":\"\",\"title\":\"\"},\"levels\":1,\"links\":[{\"title\":\"All Products\",\"type\":\"collection\",\"url\":\"\\/collections\\/all-contacts\",\"id\":80492179,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"0e5b7801-e353-43e9-95fc-408851d24353\",\"url\":\"\\/collections\\/all-contacts\",\"title\":\"All Contacts\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Best Seller\",\"type\":\"collection\",\"url\":\"\\/collections\\/best-seller\",\"id\":80492181,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"b5c01c53-f5fc-4c22-8fce-ce3946a18db6\",\"url\":\"\\/collections\\/best-seller\",\"title\":\"Best Seller\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"New Arrival\",\"type\":\"collection\",\"url\":\"\\/collections\\/new-arrival\",\"id\":80492183,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"4a4db38d-8f81-4c06-ae06-1c5c1355c709\",\"url\":\"\\/collections\\/new-arrival\",\"title\":\"New Arrival\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Flash Sale\",\"type\":\"collection\",\"url\":\"\\/collections\\/flash-sale\",\"id\":80492185,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"37d25a9e-3723-422d-bb1f-6c63ecf9d478\",\"url\":\"\\/collections\\/flash-sale\",\"title\":\"Flash Sale\"},\"levels\":0,\"links\":null,\"menu_tags\":[]}],\"menu_tags\":[]},{\"title\":\"By Frequency\",\"type\":\"collection\",\"url\":\"\\/collections\\/all-contacts\",\"id\":80492187,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"0e5b7801-e353-43e9-95fc-408851d24353\",\"url\":\"\\/collections\\/all-contacts\",\"title\":\"All Contacts\"},\"levels\":1,\"links\":[{\"title\":\"Daily\",\"type\":\"collection\",\"url\":\"\\/collections\\/one-day\",\"id\":80492189,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"5dd35bf6-4f85-4636-b4d4-78777cda23b7\",\"url\":\"\\/collections\\/one-day\",\"title\":\"One Day\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Monthly\",\"type\":\"collection\",\"url\":\"\\/collections\\/one-month\",\"id\":80492191,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"0e4d39a8-375e-44d0-a9d4-cc8e2b06fae0\",\"url\":\"\\/collections\\/one-month\",\"title\":\"One Month\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Yearly\",\"type\":\"collection\",\"url\":\"\\/collections\\/one-year\",\"id\":80492193,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"80481200-3998-49c3-b908-1559b6d2b5f3\",\"url\":\"\\/collections\\/one-year\",\"title\":\"One Year\"},\"levels\":0,\"links\":null,\"menu_tags\":[]}],\"menu_tags\":[]},{\"title\":\"By Type\",\"type\":\"0\",\"url\":\"\",\"id\":80492195,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"0\",\"source_id\":\"0\",\"url\":\"\",\"title\":\"\"},\"levels\":1,\"links\":[{\"title\":\"Nartural Prescription\",\"type\":\"collection\",\"url\":\"\\/collections\\/nartural-prescription\",\"id\":80492197,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"d4bb3668-06cc-455c-addc-0f2d94f74069\",\"url\":\"\\/collections\\/nartural-prescription\",\"title\":\"Nartural Prescription\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Halloween Prescription\",\"type\":\"collection\",\"url\":\"\\/collections\\/halloween-prescription\",\"id\":80492199,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"268926e3-62fd-4b09-845e-56788575dd90\",\"url\":\"\\/collections\\/halloween-prescription\",\"title\":\"Halloween Prescription\"},\"levels\":0,\"links\":null,\"menu_tags\":[]}],\"menu_tags\":[]},{\"title\":\"For Eye Color\",\"type\":\"0\",\"url\":\"\",\"id\":80492201,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"0\",\"source_id\":\"0\",\"url\":\"\",\"title\":\"\"},\"levels\":1,\"links\":[{\"title\":\"For Light Eyes\",\"type\":\"collection\",\"url\":\"\\/collections\\/for-light-eyes\",\"id\":80492203,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"d7bb9c68-4c7c-49a2-80cb-1b27f448bb8d\",\"url\":\"\\/collections\\/for-light-eyes\",\"title\":\"For Light Eyes\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"For Dark Brown Eyes\",\"type\":\"collection\",\"url\":\"\\/collections\\/for-dark-brown-eyes\",\"id\":80492205,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"dea01a50-3a92-45dd-9831-d2838cb10f04\",\"url\":\"\\/collections\\/for-dark-brown-eyes\",\"title\":\"For Dark Brown Eyes\"},\"levels\":0,\"links\":null,\"menu_tags\":[]}],\"menu_tags\":[]},{\"title\":\"By Diameter\",\"type\":\"0\",\"url\":\"\",\"id\":80492207,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"0\",\"source_id\":\"0\",\"url\":\"\",\"title\":\"\"},\"levels\":1,\"links\":[{\"title\":\"14.0 mm\",\"type\":\"collection\",\"url\":\"\\/collections\\/14-0-mm\",\"id\":80492209,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"d11d02d0-5ba4-4431-80c1-34801ed00975\",\"url\":\"\\/collections\\/14-0-mm\",\"title\":\"14.0 mm\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"14.2 mm\",\"type\":\"collection\",\"url\":\"\\/collections\\/14-2-mm\",\"id\":80492211,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"3b4ccc82-191c-4c07-b8db-c20ae7af5488\",\"url\":\"\\/collections\\/14-2-mm\",\"title\":\"14.2 mm\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"14.5 mm\",\"type\":\"collection\",\"url\":\"\\/collections\\/14-5-mm\",\"id\":80492213,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"8c4f192b-71ac-47b3-a64e-10e0aefd0a78\",\"url\":\"\\/collections\\/14-5-mm\",\"title\":\"14.5 mm\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"22.0 mm\",\"type\":\"collection\",\"url\":\"\\/collections\\/full-sclera\",\"id\":80492215,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"e33de58e-b253-4387-8904-4afccd0ef02d\",\"url\":\"\\/collections\\/full-sclera\",\"title\":\"Full Sclera\"},\"levels\":0,\"links\":null,\"menu_tags\":[]}],\"menu_tags\":[]},{\"title\":\"Lenses Tool\",\"type\":\"0\",\"url\":\"\",\"id\":80492217,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"0\",\"source_id\":\"0\",\"url\":\"\",\"title\":\"\"},\"levels\":1,\"links\":[{\"title\":\"Lens Cases\",\"type\":\"collection\",\"url\":\"\\/collections\\/lens-cases\",\"id\":80492219,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"84f516c7-e06d-49a1-adf4-d35993467659\",\"url\":\"\\/collections\\/lens-cases\",\"title\":\"Lens Cases\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Lens Cleaner\",\"type\":\"collection\",\"url\":\"\\/collections\\/lens-cleaner\",\"id\":80492221,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"8734672a-fd21-46ae-9cf8-7ad07455ddee\",\"url\":\"\\/collections\\/lens-cleaner\",\"title\":\"Lens Cleaner\"},\"levels\":0,\"links\":null,\"menu_tags\":[]}],\"menu_tags\":[]}],\"menu_tags\":[]},{\"title\":\"LASHES\",\"type\":\"collection\",\"url\":\"\\/collections\\/eyelash\",\"id\":80492265,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"1105f886-f5bb-4c6b-b4fd-99bb497803e8\",\"url\":\"\\/collections\\/eyelash\",\"title\":\"Eyelash\"},\"levels\":1,\"links\":[{\"title\":\"Natural Lashes\",\"type\":\"collection\",\"url\":\"\\/collections\\/natural-lashes\",\"id\":80492267,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"799cd848-2681-4e95-8753-d9a30a4887f4\",\"url\":\"\\/collections\\/natural-lashes\",\"title\":\"Natural Lashes\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Drama Lashes\",\"type\":\"collection\",\"url\":\"\\/collections\\/drama-lashes\",\"id\":80492269,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"a1a4c82a-ef1f-463e-bf43-c43a5a78a8dd\",\"url\":\"\\/collections\\/drama-lashes\",\"title\":\"Drama Lashes\"},\"levels\":0,\"links\":null,\"menu_tags\":[]},{\"title\":\"Diy Lash Extension Kit\",\"type\":\"collection\",\"url\":\"\\/collections\\/diy-eyelash-extension-kit\",\"id\":80492271,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"collection\",\"source_id\":\"d10b2363-403d-457e-a670-10a3cfb67ce6\",\"url\":\"\\/collections\\/diy-eyelash-extension-kit\",\"title\":\"Diy Eyelash Extension Kit\"},\"levels\":0,\"links\":null,\"menu_tags\":[]}],\"menu_tags\":[]},{\"title\":\"ABOUT US\",\"type\":\"page\",\"url\":\"\\/pages\\/about-us\",\"id\":80492285,\"target\":\"\",\"active\":false,\"object\":{\"type\":\"page\",\"source_id\":\"6871179\",\"url\":\"\\/pages\\/about-us\",\"title\":\"About Us\"},\"levels\":0,\"links\":null,\"menu_tags\":[]}]\n  </script>\n  <template\n  id=\"header__menu-morelink-template\"\n>\n  <div\n    class=\"header__menu__morelink section-content\"\n  >\n    <spz-tabs\n      class=\"header__menu__morelink-tabs gap-4\"\n      layout=\"container\"\n      interact=\"hover\"\n      default-tab=\"${data.offset}\"\n    >\n      <ul role=\"tabs\" class=\"header__menu__morelink-tabs__nav flex flex-col\">\n        <li\n            role=\"tab\"\n            data-panel=\"1\"\n            class=\"header__menu-title--hover justify-start radius-medium px-2.5 py-2.5 ${ 1 <= data.offset ? 'none' : 'flex' }\"\n          >\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/new-arrival\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5\">\n    NEW\n  </span>\n  </a>\n</li>\n        <li\n            role=\"tab\"\n            data-panel=\"2\"\n            class=\"header__menu-title--hover justify-start radius-medium px-2.5 py-2.5 ${ 2 <= data.offset ? 'none' : 'flex' }\"\n          >\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/best-seller\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5\">\n    BEST SELLERS\n  </span>\n  </a>\n</li>\n        <li\n            role=\"tab\"\n            data-panel=\"3\"\n            class=\"header__menu-title--hover justify-start radius-medium px-2.5 py-2.5 ${ 3 <= data.offset ? 'none' : 'flex' }\"\n          >\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5\">\n    COLOR\n  </span>\n  </a>\n</li>\n        <li\n            role=\"tab\"\n            data-panel=\"4\"\n            class=\"header__menu-title--hover justify-start radius-medium px-2.5 py-2.5 ${ 4 <= data.offset ? 'none' : 'flex' }\"\n          >\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5\">\n    SERIES\n  </span>\n  </a>\n</li>\n        <li\n            role=\"tab\"\n            data-panel=\"5\"\n            class=\"header__menu-title--hover justify-start radius-medium px-2.5 py-2.5 ${ 5 <= data.offset ? 'none' : 'flex' }\"\n          >\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/pages/halloween\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5\">\n    COSPLAY 🎃\n  </span>\n  </a>\n</li>\n        <li\n            role=\"tab\"\n            data-panel=\"6\"\n            class=\"header__menu-title--hover justify-start radius-medium px-2.5 py-2.5 ${ 6 <= data.offset ? 'none' : 'flex' }\"\n          >\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5\">\n    COLLECTION\n  </span>\n  </a>\n</li>\n        <li\n            role=\"tab\"\n            data-panel=\"7\"\n            class=\"header__menu-title--hover justify-start radius-medium px-2.5 py-2.5 ${ 7 <= data.offset ? 'none' : 'flex' }\"\n          >\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/eyelash\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5\">\n    LASHES\n  </span>\n  </a>\n</li>\n        <li\n            role=\"tab\"\n            data-panel=\"8\"\n            class=\"header__menu-title--hover justify-start radius-medium px-2.5 py-2.5 ${ 8 <= data.offset ? 'none' : 'flex' }\"\n          >\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/pages/about-us\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5\">\n    ABOUT US\n  </span>\n  </a>\n</li>\n        </ul>\n      <div class=\"header__menu__morelink-tabs__content flex-1\">\n        <div\n            role=\"tabpanel\"\n            data-id=\"1\"\n            class=\"w-full ${ 1 <= data.offset ? 'none' : '' }\"\n          >\n            <div class=\"header__menu-common-menu gap-4 expand_menu   \">\n  <div class=\"header__menu-common-menu__content min-w-0 w-full\">\n      <spz-list\n    layout=\"container\"\n    type=\"grid\"\n    class=\"header__menu-expand__menu-list layout--waterfall w-full justify-center\"\n    style=\"grid-template-columns: repeat(auto-fit, 20%);\"\n    >\n    <div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/orris\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Orris\n  </span>\n  </a>\n</div>\n    </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/san-diego\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    San Diego\n  </span>\n  </a>\n</div>\n    </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/terra-vita\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Terra Vita\n  </span>\n  </a>\n</div>\n    </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/malibu\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Malibu\n  </span>\n  </a>\n</div>\n    </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/maldives\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Maldives\n  </span>\n  </a>\n</div>\n    </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/eden\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Garden of Eden\n  </span>\n  </a>\n</div>\n    </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/ombre-nomade\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Ombre Nomade\n  </span>\n  </a>\n</div>\n    </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/dolce\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Dolce\n  </span>\n  </a>\n</div>\n    </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/meteor\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Meteor\n  </span>\n  </a>\n</div>\n    </div>\n</spz-list>\n  </div>\n  </div>\n</div>\n        <div\n            role=\"tabpanel\"\n            data-id=\"2\"\n            class=\"w-full ${ 2 <= data.offset ? 'none' : '' }\"\n          >\n            <div class=\"header__menu-common-menu gap-4 expand_menu   \">\n  <div class=\"header__menu-common-menu__content min-w-0 w-full\">\n      <spz-list\n    layout=\"container\"\n    type=\"grid\"\n    class=\"header__menu-expand__menu-list layout--waterfall w-full justify-center\"\n    style=\"grid-template-columns: repeat(auto-fit, 20%);\"\n    >\n    </spz-list>\n  </div>\n  </div>\n</div>\n        <div\n            role=\"tabpanel\"\n            data-id=\"3\"\n            class=\"w-full ${ 3 <= data.offset ? 'none' : '' }\"\n          >\n            <div class=\"header__menu-common-menu gap-4 expand_menu   \">\n  <div class=\"header__menu-common-menu__content min-w-0 w-full\">\n      <spz-list\n    layout=\"container\"\n    type=\"grid\"\n    class=\"header__menu-expand__menu-list layout--waterfall w-full justify-center\"\n    style=\"grid-template-columns: repeat(auto-fit, 20%);\"\n    >\n    <div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/blue-contact-lenses\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Blue\n  </span>\n  </a>\n</div>\n    </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/grey-contact-lenses\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Grey\n  </span>\n  </a>\n</div>\n    </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/brown-contact-lenses\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Brown\n  </span>\n  </a>\n</div>\n    </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/green-contact-lenses\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Green\n  </span>\n  </a>\n</div>\n    </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/yellow-contacts\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Yellow\n  </span>\n  </a>\n</div>\n    </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/purple-contact-lenses\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Purple\n  </span>\n  </a>\n</div>\n    </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/black-contacts\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Black\n  </span>\n  </a>\n</div>\n    </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/white-contacts\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    White\n  </span>\n  </a>\n</div>\n    </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/pink-contacts\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Pink\n  </span>\n  </a>\n</div>\n    </div>\n</spz-list>\n  </div>\n  </div>\n</div>\n        <div\n            role=\"tabpanel\"\n            data-id=\"4\"\n            class=\"w-full ${ 4 <= data.offset ? 'none' : '' }\"\n          >\n            <div class=\"header__menu-common-menu gap-4 expand_menu   \">\n  <div class=\"header__menu-common-menu__content min-w-0 w-full\">\n      <spz-list\n    layout=\"container\"\n    type=\"grid\"\n    class=\"header__menu-expand__menu-list layout--waterfall w-full justify-center\"\n    style=\"grid-template-columns: repeat(auto-fit, 20%);\"\n    >\n    <div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/nature-series\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Natural\n  </span>\n  </a>\n</div>\n    <ul class=\"header__menu-expand-text-item-list flex flex-col\">\n      <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/ocean\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Ocean\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/taylor\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Taylor\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/bloom\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Bloom\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/dawn\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Dawn\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/sora\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Sora\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/queen\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Queen\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/monica\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Monica\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/hidrocor\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Hidrocor\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/himalaya\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Himalaya\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/polar-lights\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Polar Lights\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/sun-kissed\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Sun Kissed\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/sorayama\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Sorayama\n  </span>\n  </a>\n</li>\n        </ul>\n  </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Fresh\n  </span>\n  </a>\n</div>\n    <ul class=\"header__menu-expand-text-item-list flex flex-col\">\n      <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/meta\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Meta\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/coco\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Coco\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/vogue\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Vogue\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/smoky\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Smoky\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/russian\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Russian\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/wildcat\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Wildcat\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/la-girl\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    LA Girl\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/sheer\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Sheer\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/moon-garden\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Moon Garden\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/goddess-veil\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Gooddess Veil\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/fantasy-desert\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Fantasy Desert\n  </span>\n  </a>\n</li>\n        </ul>\n  </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Party\n  </span>\n  </a>\n</div>\n    <ul class=\"header__menu-expand-text-item-list flex flex-col\">\n      <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/sin\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Sin\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/barbie\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Barbie\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/kiwi\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Kiwi\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/vika\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Vika\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/neala\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Neala\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/birkin\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Birkin\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/starshine-wnwv\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Starshine\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/hidrocor-rio\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Hidrocor Rio\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/love-story\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Love Story\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/aegean-sea\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Aegean Sea\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/angelic-glow\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Angelic Glow\n  </span>\n  </a>\n</li>\n        </ul>\n  </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Enlarge\n  </span>\n  </a>\n</div>\n    <ul class=\"header__menu-expand-text-item-list flex flex-col\">\n      <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/yalo\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Yalo\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/arctic\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Arctic\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/realm\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Realm\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/rococo-art\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Rococo Art\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/vivi-ring\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    VIVI Ring\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/wildness\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Wildness\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/manhattan\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Manhattan\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/5th-avenue\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    5th Avenue\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/stunna\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Stunna Girl\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/city-of-stars\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    City of Stars\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/miracle-night\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Miracle Night\n  </span>\n  </a>\n</li>\n        </ul>\n  </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Unique\n  </span>\n  </a>\n</div>\n    <ul class=\"header__menu-expand-text-item-list flex flex-col\">\n      <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/unique-shine\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Unique Shine\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/cocktail\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Cocktail\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/new-york\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    New York\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/rainbow\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Rainbow\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/rare-iris\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Rare Iris\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/pairs-luster-b6mu\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Pairs Luster\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/spark\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Spark\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/sakura\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Sakura\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/sweet-heart\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Sweet Heart\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/square-pant\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Square Pant\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/angeles\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Angeles\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/storm-melody\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Storm Melody\n  </span>\n  </a>\n</li>\n        </ul>\n  </div>\n</spz-list>\n  </div>\n  </div>\n</div>\n        <div\n            role=\"tabpanel\"\n            data-id=\"5\"\n            class=\"w-full ${ 5 <= data.offset ? 'none' : '' }\"\n          >\n            <div class=\"header__menu-common-menu gap-4 expand_menu   \">\n  <div class=\"header__menu-common-menu__content min-w-0 w-full\">\n      <spz-list\n    layout=\"container\"\n    type=\"grid\"\n    class=\"header__menu-expand__menu-list layout--waterfall w-full justify-center\"\n    style=\"grid-template-columns: repeat(auto-fit, 20%);\"\n    >\n    <div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/cosplay-contacts\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Cosplay\n  </span>\n  </a>\n</div>\n    <ul class=\"header__menu-expand-text-item-list flex flex-col\">\n      <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/anime-series\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Anime\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/barbie\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Barbie\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/cosmic\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Cosmic\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/sharingan\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Sharingan\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/cat-eye-contacts\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Cat Eye\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/hoshino\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Hoshino\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/animal-eye\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Animal Eye\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/demon-slayer\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Demon Slayer\n  </span>\n  </a>\n</li>\n        </ul>\n  </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Pattern\n  </span>\n  </a>\n</div>\n    <ul class=\"header__menu-expand-text-item-list flex flex-col\">\n      <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/vika\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Vika\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/mesh\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Mesh\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/manson-contacts\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Manson\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/vampire\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Vampire\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/full-sclera\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Full Sclera\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/circle-block\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Circle Block\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/elements\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Elements\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/stranger-things\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Stranger Things\n  </span>\n  </a>\n</li>\n        </ul>\n  </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    By Type\n  </span>\n  </a>\n</div>\n    <ul class=\"header__menu-expand-text-item-list flex flex-col\">\n      <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/halloween-prescription\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Prescription\n  </span>\n  </a>\n</li>\n        </ul>\n  </div>\n</spz-list>\n  </div>\n  </div>\n</div>\n        <div\n            role=\"tabpanel\"\n            data-id=\"6\"\n            class=\"w-full ${ 6 <= data.offset ? 'none' : '' }\"\n          >\n            <div class=\"header__menu-common-menu gap-4 expand_menu   \">\n  <div class=\"header__menu-common-menu__content min-w-0 w-full\">\n      <spz-list\n    layout=\"container\"\n    type=\"grid\"\n    class=\"header__menu-expand__menu-list layout--waterfall w-full justify-center\"\n    style=\"grid-template-columns: repeat(auto-fit, 20%);\"\n    >\n    <div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Featured\n  </span>\n  </a>\n</div>\n    <ul class=\"header__menu-expand-text-item-list flex flex-col\">\n      <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/all-contacts\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    All Products\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/best-seller\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Best Seller\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/new-arrival\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    New Arrival\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/flash-sale\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Flash Sale\n  </span>\n  </a>\n</li>\n        </ul>\n  </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/all-contacts\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    By Frequency\n  </span>\n  </a>\n</div>\n    <ul class=\"header__menu-expand-text-item-list flex flex-col\">\n      <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/one-day\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Daily\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/one-month\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Monthly\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/one-year\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Yearly\n  </span>\n  </a>\n</li>\n        </ul>\n  </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    By Type\n  </span>\n  </a>\n</div>\n    <ul class=\"header__menu-expand-text-item-list flex flex-col\">\n      <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/nartural-prescription\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Nartural Prescription\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/halloween-prescription\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Halloween Prescription\n  </span>\n  </a>\n</li>\n        </ul>\n  </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    For Eye Color\n  </span>\n  </a>\n</div>\n    <ul class=\"header__menu-expand-text-item-list flex flex-col\">\n      <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/for-light-eyes\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    For Light Eyes\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/for-dark-brown-eyes\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    For Dark Brown Eyes\n  </span>\n  </a>\n</li>\n        </ul>\n  </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    By Diameter\n  </span>\n  </a>\n</div>\n    <ul class=\"header__menu-expand-text-item-list flex flex-col\">\n      <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/14-0-mm\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    14.0 mm\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/14-2-mm\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    14.2 mm\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/14-5-mm\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    14.5 mm\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/full-sclera\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    22.0 mm\n  </span>\n  </a>\n</li>\n        </ul>\n  </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Lenses Tool\n  </span>\n  </a>\n</div>\n    <ul class=\"header__menu-expand-text-item-list flex flex-col\">\n      <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/lens-cases\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Lens Cases\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/lens-cleaner\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Lens Cleaner\n  </span>\n  </a>\n</li>\n        </ul>\n  </div>\n</spz-list>\n  </div>\n  </div>\n</div>\n        <div\n            role=\"tabpanel\"\n            data-id=\"7\"\n            class=\"w-full ${ 7 <= data.offset ? 'none' : '' }\"\n          >\n            <div class=\"header__menu-common-menu gap-4 expand_menu   \">\n  <div class=\"header__menu-common-menu__content min-w-0 w-full\">\n      <spz-list\n    layout=\"container\"\n    type=\"grid\"\n    class=\"header__menu-expand__menu-list layout--waterfall w-full justify-center\"\n    style=\"grid-template-columns: repeat(auto-fit, 20%);\"\n    >\n    <div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/natural-lashes\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Natural Lashes\n  </span>\n  </a>\n</div>\n    </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/drama-lashes\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Drama Lashes\n  </span>\n  </a>\n</div>\n    </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/diy-eyelash-extension-kit\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Diy Lash Extension Kit\n  </span>\n  </a>\n</div>\n    </div>\n</spz-list>\n  </div>\n  </div>\n</div>\n        <div\n            role=\"tabpanel\"\n            data-id=\"8\"\n            class=\"w-full ${ 8 <= data.offset ? 'none' : '' }\"\n          >\n            <div class=\"header__menu-common-menu gap-4 expand_menu   \">\n  <div class=\"header__menu-common-menu__content min-w-0 w-full\">\n      <spz-list\n    layout=\"container\"\n    type=\"grid\"\n    class=\"header__menu-expand__menu-list layout--waterfall w-full justify-center\"\n    style=\"grid-template-columns: repeat(auto-fit, 20%);\"\n    >\n    </spz-list>\n  </div>\n  </div>\n</div>\n        </div>\n    </spz-tabs>\n  </div>\n</template>\n<spz-menu\n  id=\"header-menu\"\n  layout=\"container\"\n  hover-interact\n  class=\"header__menu-expand__menu h-full hide-scrollbar layout--waterfall display--more_link\"\n  src=\"script:menu-json\"\n    template=\"header__menu-morelink-template\"\n  @expand=\"header-main.toggleClass(class='color-scheme-1', force=true)\"\n  @collapse=\"header-main.toggleClass(class='color-scheme-1', force=false)\"\n>\n  <ul class=\"header__menu-expand__first h-full justify-center\" spz-menu-root>\n    <li class=\"header__menu-item\">\n        <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 px-2.5\"\n  href=\"/collections/new-arrival\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5\">\n    NEW\n  </span>\n  </a>\n<div\n  class=\"color-scheme-1 header__menu-expand__dropdown background\"\n  spz-menu-submenu\n  spz-sticky-ignore\n  target=\"#header-expand\"\n>\n  <div\n    class=\"header__menu-expand__dropdown__content section-content\"\n  >\n    <div class=\"header__menu-common-menu gap-4 expand_menu   \">\n  <div class=\"header__menu-common-menu__content min-w-0 w-full\">\n      <spz-list\n    layout=\"container\"\n    type=\"grid\"\n    class=\"header__menu-expand__menu-list layout--waterfall w-full justify-center\"\n    style=\"grid-template-columns: repeat(auto-fit, 20%);\"\n    >\n    <div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/orris\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Orris\n  </span>\n  </a>\n</div>\n    </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/san-diego\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    San Diego\n  </span>\n  </a>\n</div>\n    </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/terra-vita\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Terra Vita\n  </span>\n  </a>\n</div>\n    </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/malibu\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Malibu\n  </span>\n  </a>\n</div>\n    </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/maldives\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Maldives\n  </span>\n  </a>\n</div>\n    </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/eden\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Garden of Eden\n  </span>\n  </a>\n</div>\n    </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/ombre-nomade\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Ombre Nomade\n  </span>\n  </a>\n</div>\n    </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/dolce\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Dolce\n  </span>\n  </a>\n</div>\n    </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/meteor\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Meteor\n  </span>\n  </a>\n</div>\n    </div>\n</spz-list>\n  </div>\n  </div>\n</div>\n</div>\n</li>\n    <li class=\"header__menu-item\">\n        <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 px-2.5\"\n  href=\"/collections/best-seller\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5\">\n    BEST SELLERS\n  </span>\n  </a>\n</li>\n    <li class=\"header__menu-item\">\n        <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 px-2.5\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5\">\n    COLOR\n  </span>\n  </a>\n<div\n  class=\"color-scheme-1 header__menu-expand__dropdown background\"\n  spz-menu-submenu\n  spz-sticky-ignore\n  target=\"#header-expand\"\n>\n  <div\n    class=\"header__menu-expand__dropdown__content section-content\"\n  >\n    <div class=\"header__menu-common-menu gap-4 expand_menu   \">\n  <div class=\"header__menu-common-menu__content min-w-0 w-full\">\n      <spz-list\n    layout=\"container\"\n    type=\"grid\"\n    class=\"header__menu-expand__menu-list layout--waterfall w-full justify-center\"\n    style=\"grid-template-columns: repeat(auto-fit, 20%);\"\n    >\n    <div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/blue-contact-lenses\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Blue\n  </span>\n  </a>\n</div>\n    </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/grey-contact-lenses\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Grey\n  </span>\n  </a>\n</div>\n    </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/brown-contact-lenses\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Brown\n  </span>\n  </a>\n</div>\n    </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/green-contact-lenses\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Green\n  </span>\n  </a>\n</div>\n    </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/yellow-contacts\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Yellow\n  </span>\n  </a>\n</div>\n    </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/purple-contact-lenses\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Purple\n  </span>\n  </a>\n</div>\n    </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/black-contacts\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Black\n  </span>\n  </a>\n</div>\n    </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/white-contacts\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    White\n  </span>\n  </a>\n</div>\n    </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/pink-contacts\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Pink\n  </span>\n  </a>\n</div>\n    </div>\n</spz-list>\n  </div>\n  </div>\n</div>\n</div>\n</li>\n    <li class=\"header__menu-item\">\n        <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 px-2.5\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5\">\n    SERIES\n  </span>\n  </a>\n<div\n  class=\"color-scheme-1 header__menu-expand__dropdown background\"\n  spz-menu-submenu\n  spz-sticky-ignore\n  target=\"#header-expand\"\n>\n  <div\n    class=\"header__menu-expand__dropdown__content section-content\"\n  >\n    <div class=\"header__menu-common-menu gap-4 expand_menu   \">\n  <div class=\"header__menu-common-menu__content min-w-0 w-full\">\n      <spz-list\n    layout=\"container\"\n    type=\"grid\"\n    class=\"header__menu-expand__menu-list layout--waterfall w-full justify-center\"\n    style=\"grid-template-columns: repeat(auto-fit, 20%);\"\n    >\n    <div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/nature-series\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Natural\n  </span>\n  </a>\n</div>\n    <ul class=\"header__menu-expand-text-item-list flex flex-col\">\n      <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/ocean\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Ocean\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/taylor\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Taylor\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/bloom\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Bloom\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/dawn\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Dawn\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/sora\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Sora\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/queen\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Queen\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/monica\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Monica\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/hidrocor\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Hidrocor\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/himalaya\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Himalaya\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/polar-lights\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Polar Lights\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/sun-kissed\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Sun Kissed\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/sorayama\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Sorayama\n  </span>\n  </a>\n</li>\n        </ul>\n  </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Fresh\n  </span>\n  </a>\n</div>\n    <ul class=\"header__menu-expand-text-item-list flex flex-col\">\n      <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/meta\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Meta\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/coco\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Coco\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/vogue\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Vogue\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/smoky\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Smoky\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/russian\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Russian\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/wildcat\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Wildcat\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/la-girl\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    LA Girl\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/sheer\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Sheer\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/moon-garden\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Moon Garden\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/goddess-veil\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Gooddess Veil\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/fantasy-desert\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Fantasy Desert\n  </span>\n  </a>\n</li>\n        </ul>\n  </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Party\n  </span>\n  </a>\n</div>\n    <ul class=\"header__menu-expand-text-item-list flex flex-col\">\n      <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/sin\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Sin\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/barbie\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Barbie\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/kiwi\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Kiwi\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/vika\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Vika\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/neala\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Neala\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/birkin\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Birkin\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/starshine-wnwv\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Starshine\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/hidrocor-rio\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Hidrocor Rio\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/love-story\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Love Story\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/aegean-sea\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Aegean Sea\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/angelic-glow\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Angelic Glow\n  </span>\n  </a>\n</li>\n        </ul>\n  </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Enlarge\n  </span>\n  </a>\n</div>\n    <ul class=\"header__menu-expand-text-item-list flex flex-col\">\n      <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/yalo\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Yalo\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/arctic\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Arctic\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/realm\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Realm\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/rococo-art\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Rococo Art\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/vivi-ring\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    VIVI Ring\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/wildness\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Wildness\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/manhattan\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Manhattan\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/5th-avenue\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    5th Avenue\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/stunna\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Stunna Girl\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/city-of-stars\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    City of Stars\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/miracle-night\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Miracle Night\n  </span>\n  </a>\n</li>\n        </ul>\n  </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Unique\n  </span>\n  </a>\n</div>\n    <ul class=\"header__menu-expand-text-item-list flex flex-col\">\n      <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/unique-shine\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Unique Shine\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/cocktail\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Cocktail\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/new-york\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    New York\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/rainbow\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Rainbow\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/rare-iris\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Rare Iris\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/pairs-luster-b6mu\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Pairs Luster\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/spark\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Spark\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/sakura\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Sakura\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/sweet-heart\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Sweet Heart\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/square-pant\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Square Pant\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/angeles\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Angeles\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/storm-melody\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Storm Melody\n  </span>\n  </a>\n</li>\n        </ul>\n  </div>\n</spz-list>\n  </div>\n  </div>\n</div>\n</div>\n</li>\n    <li class=\"header__menu-item\">\n        <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 px-2.5\"\n  href=\"/pages/halloween\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5\">\n    COSPLAY 🎃\n  </span>\n  </a>\n<div\n  class=\"color-scheme-1 header__menu-expand__dropdown background\"\n  spz-menu-submenu\n  spz-sticky-ignore\n  target=\"#header-expand\"\n>\n  <div\n    class=\"header__menu-expand__dropdown__content section-content\"\n  >\n    <div class=\"header__menu-common-menu gap-4 expand_menu   \">\n  <div class=\"header__menu-common-menu__content min-w-0 w-full\">\n      <spz-list\n    layout=\"container\"\n    type=\"grid\"\n    class=\"header__menu-expand__menu-list layout--waterfall w-full justify-center\"\n    style=\"grid-template-columns: repeat(auto-fit, 20%);\"\n    >\n    <div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/cosplay-contacts\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Cosplay\n  </span>\n  </a>\n</div>\n    <ul class=\"header__menu-expand-text-item-list flex flex-col\">\n      <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/anime-series\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Anime\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/barbie\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Barbie\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/cosmic\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Cosmic\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/sharingan\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Sharingan\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/cat-eye-contacts\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Cat Eye\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/hoshino\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Hoshino\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/animal-eye\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Animal Eye\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/demon-slayer\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Demon Slayer\n  </span>\n  </a>\n</li>\n        </ul>\n  </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Pattern\n  </span>\n  </a>\n</div>\n    <ul class=\"header__menu-expand-text-item-list flex flex-col\">\n      <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/vika\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Vika\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/mesh\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Mesh\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/manson-contacts\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Manson\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/vampire\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Vampire\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/full-sclera\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Full Sclera\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/circle-block\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Circle Block\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/elements\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Elements\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/stranger-things\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Stranger Things\n  </span>\n  </a>\n</li>\n        </ul>\n  </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    By Type\n  </span>\n  </a>\n</div>\n    <ul class=\"header__menu-expand-text-item-list flex flex-col\">\n      <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/halloween-prescription\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Prescription\n  </span>\n  </a>\n</li>\n        </ul>\n  </div>\n</spz-list>\n  </div>\n  </div>\n</div>\n</div>\n</li>\n    <li class=\"header__menu-item\">\n        <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 px-2.5\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5\">\n    COLLECTION\n  </span>\n  </a>\n<div\n  class=\"color-scheme-1 header__menu-expand__dropdown background\"\n  spz-menu-submenu\n  spz-sticky-ignore\n  target=\"#header-expand\"\n>\n  <div\n    class=\"header__menu-expand__dropdown__content section-content\"\n  >\n    <div class=\"header__menu-common-menu gap-4 expand_menu   \">\n  <div class=\"header__menu-common-menu__content min-w-0 w-full\">\n      <spz-list\n    layout=\"container\"\n    type=\"grid\"\n    class=\"header__menu-expand__menu-list layout--waterfall w-full justify-center\"\n    style=\"grid-template-columns: repeat(auto-fit, 20%);\"\n    >\n    <div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Featured\n  </span>\n  </a>\n</div>\n    <ul class=\"header__menu-expand-text-item-list flex flex-col\">\n      <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/all-contacts\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    All Products\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/best-seller\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Best Seller\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/new-arrival\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    New Arrival\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/flash-sale\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Flash Sale\n  </span>\n  </a>\n</li>\n        </ul>\n  </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/all-contacts\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    By Frequency\n  </span>\n  </a>\n</div>\n    <ul class=\"header__menu-expand-text-item-list flex flex-col\">\n      <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/one-day\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Daily\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/one-month\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Monthly\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/one-year\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Yearly\n  </span>\n  </a>\n</li>\n        </ul>\n  </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    By Type\n  </span>\n  </a>\n</div>\n    <ul class=\"header__menu-expand-text-item-list flex flex-col\">\n      <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/nartural-prescription\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Nartural Prescription\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/halloween-prescription\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Halloween Prescription\n  </span>\n  </a>\n</li>\n        </ul>\n  </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    For Eye Color\n  </span>\n  </a>\n</div>\n    <ul class=\"header__menu-expand-text-item-list flex flex-col\">\n      <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/for-light-eyes\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    For Light Eyes\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/for-dark-brown-eyes\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    For Dark Brown Eyes\n  </span>\n  </a>\n</li>\n        </ul>\n  </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    By Diameter\n  </span>\n  </a>\n</div>\n    <ul class=\"header__menu-expand-text-item-list flex flex-col\">\n      <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/14-0-mm\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    14.0 mm\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/14-2-mm\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    14.2 mm\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/14-5-mm\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    14.5 mm\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/full-sclera\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    22.0 mm\n  </span>\n  </a>\n</li>\n        </ul>\n  </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Lenses Tool\n  </span>\n  </a>\n</div>\n    <ul class=\"header__menu-expand-text-item-list flex flex-col\">\n      <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/lens-cases\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Lens Cases\n  </span>\n  </a>\n</li>\n        <li class=\"header__menu-title--hover header__menu-item-2\">\n            <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/lens-cleaner\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate font-11 color-text-2 font-medium\">\n    Lens Cleaner\n  </span>\n  </a>\n</li>\n        </ul>\n  </div>\n</spz-list>\n  </div>\n  </div>\n</div>\n</div>\n</li>\n    <li class=\"header__menu-item\">\n        <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 px-2.5\"\n  href=\"/collections/eyelash\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5\">\n    LASHES\n  </span>\n  </a>\n<div\n  class=\"color-scheme-1 header__menu-expand__dropdown background\"\n  spz-menu-submenu\n  spz-sticky-ignore\n  target=\"#header-expand\"\n>\n  <div\n    class=\"header__menu-expand__dropdown__content section-content\"\n  >\n    <div class=\"header__menu-common-menu gap-4 expand_menu   \">\n  <div class=\"header__menu-common-menu__content min-w-0 w-full\">\n      <spz-list\n    layout=\"container\"\n    type=\"grid\"\n    class=\"header__menu-expand__menu-list layout--waterfall w-full justify-center\"\n    style=\"grid-template-columns: repeat(auto-fit, 20%);\"\n    >\n    <div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/natural-lashes\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Natural Lashes\n  </span>\n  </a>\n</div>\n    </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/drama-lashes\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Drama Lashes\n  </span>\n  </a>\n</div>\n    </div>\n<div\n  class=\"header__menu-expand__menu-list__item\"\n>\n  <div class=\"header__menu-title--hover header__menu-item-2\">\n      <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  href=\"/collections/diy-eyelash-extension-kit\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5 font-medium\">\n    Diy Lash Extension Kit\n  </span>\n  </a>\n</div>\n    </div>\n</spz-list>\n  </div>\n  </div>\n</div>\n</div>\n</li>\n    <li class=\"header__menu-item\">\n        <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 px-2.5\"\n  href=\"/pages/about-us\"\n    target=\"\"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5\">\n    ABOUT US\n  </span>\n  </a>\n</li>\n    <li class=\"header__menu-item more_link\" spz-menu-more-link>\n        <a\n  class=\"header__menu__expand-title  no-underline flex items-center relative min-w-0 \"\n  >\n  <span class=\"header__menu__expand-title__text truncate h5\">\n    More links\n  </span>\n  </a>\n<div\n          class=\"color-scheme-1 header__menu-expand__dropdown background\"\n          spz-menu-submenu\n          spz-sticky-ignore\n          target=\"#header-expand\"\n        ></div>\n      </li>\n    </ul>\n</spz-menu>\n</div>\n    </div>\n</div>\n\n          <div class=\"header__actions min-w-0 \">\n            <div class=\"contents\">\n  <!-- 给js插件提供的block坑位 -->\n\n<div class=\"app-translate-card mobile-hidden pc-hidden\"></div>\n<style type=\"text/css\">\n  @media (min-width: 960px) {\n    .pc-hidden {\n      display: none;\n    }\n  }\n\n  @media (max-width: 959.98px) {\n    .mobile-hidden {\n      display: none;\n    }\n  }\n</style>\n\n<!-- 给js插件提供的block坑位 -->\n<div class=\"app-currency-card mobile-hidden pc-hidden\"></div>\n<style type=\"text/css\">\n  @media (min-width: 960px) {\n    .pc-hidden {\n      display: none;\n    }\n  }\n\n  @media (max-width: 959.98px) {\n    .mobile-hidden {\n      display: none;\n    }\n  }\n</style>\n\n</div>\n\n<style type=\"text/css\">\n  .header-actions-search__mobile-search-icon--is_search_box {\n    display: none;\n  }\n  .header--sticky-always.header--is-scroll-down\n    .header-actions-search__mobile-search-icon--is_search_box {\n    display: block;\n  }\n  .header-mobile-search-box:focus-within ~ .header__main-group .header-actions-search__mobile-search-icon--is_search_box {\n    display: none;\n  }\n  #header-search-drawer[open] ~ .header__main-group .header-actions-search__mobile-search-icon--is_search_box {\n    display: none;\n  }\n  .header-actions-search__form {\n    display: none;\n  }\n  .header-actions-search__input[has-value] ~ .header-actions-search__clear-icon {\n    display: flex;\n  }\n  @media (min-width: 960px) {\n    .header-actions-search__form {\n      width: 200px;\n      display: block;\n    }\n    .header-actions-search__mobile-search-icon--is_search_box {\n      display: none !important;\n    }\n  }\n</style>\n\n<div class=\"header-actions-search\">\n  <div class=\"header__common-action cursor-pointer \" @tap=\"header-search-drawer.toggleClass(class='hidden-search-header', force=false);header-search-drawer.open();\">\n  <div class=\"flex items-center\">\n    <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_search2\"\n  class=\"header__common-action-icon w-10 h-10 flex items-center justify-center radius-circle\"\n  ></spz-custom-theme-icon>\n</div>\n</div>\n<style type=\"text/css\">\n  .header__common-action-text > p {\n    max-width: 120px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .header__custom-icon-wrap {\n    position: relative;\n  }\n  .header__custom-icon {\n    width: 14px;\n    height: 14px;\n  }\n  .header__custom-icon--hover {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    opacity: 0;\n  }\n  @media (min-width: 960px) {\n    .header__common-action-icon:hover {\n      color: var(--color-selected-variant-text);\n      background-color: var(--color-selected-variant-background);\n    }\n    .header__custom-icon-wrap:hover .header__custom-icon--default {\n      opacity: 0;\n    }\n    .header__custom-icon-wrap:hover .header__custom-icon--hover {\n      opacity: 1;\n    }\n  }\n</style>\n</div>\n<style>/* \nsnippet header auth css\nimmediately load to improve cls performance\n */\n.header__actions,\n.header__account-group {\n  overflow: visible !important;\n}\n.header__account-dropdown .i-spzhtml-dropdown-container {\n  width: 180px;\n  padding: 16px;\n  box-shadow: var(--shadow-elevated);\n  border-radius: var(--popup-corner-radius);\n  border: var(--popup-border-width) solid var(--color-border);\n  background-color: var(--color-background);\n  transform: translateX(-15%);\n}\n.account_menu_item {\n  gap: 10px;\n  padding: 10px;\n}\n.account_menu_item button {\n  padding: 0 !important;\n}\n.account_menu_item:hover {\n  background-color: var(--color-selected-variant-background);\n}\n.account_menu_item:hover i,\n.account_menu_item:hover h5,\n.account_menu_item:hover a {\n  color: var(--color-selected-variant-text);\n}\n@media (min-width: 960px) {\n  .header__account-dropdown .i-spzhtml-dropdown-container {\n    transform: none;\n  }\n}\n</style>\n  <link\n      rel=\"stylesheet\"\n      href=\"//static.staticdj.com/themes/snippet_header_auth_modal-7e98f30874.css\"\n      media=\"print\" onload=\"this.media='all'\"\n      >\n  <div class=\"relative flex lg:flex items-center header__account-group\">\n  <div class=\"header__common-action cursor-pointer \" @tap=\"header_account_dropdown.open\">\n  <div class=\"flex items-center\">\n    <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_login\"\n  class=\"header__common-action-icon w-10 h-10 flex items-center justify-center radius-circle\"\n  ></spz-custom-theme-icon>\n</div>\n</div>\n<style type=\"text/css\">\n  .header__common-action-text > p {\n    max-width: 120px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .header__custom-icon-wrap {\n    position: relative;\n  }\n  .header__custom-icon {\n    width: 14px;\n    height: 14px;\n  }\n  .header__custom-icon--hover {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    opacity: 0;\n  }\n  @media (min-width: 960px) {\n    .header__common-action-icon:hover {\n      color: var(--color-selected-variant-text);\n      background-color: var(--color-selected-variant-background);\n    }\n    .header__custom-icon-wrap:hover .header__custom-icon--default {\n      opacity: 0;\n    }\n    .header__custom-icon-wrap:hover .header__custom-icon--hover {\n      opacity: 1;\n    }\n  }\n</style>\n<spz-dropdown id=\"header_account_dropdown\" layout=\"nodisplay\" placement=\"bottom\" overlay-style=\"top: 8px;\" class=\"header__account-dropdown shadow-elevated\">\n    <ul class=\"flex flex-col gap-2.5\">\n  <li>\n<button \n        class=\"button  button--primary w-full button-animation--hover-color-invert\"\n        type=\"button\"\n        @tap=\"login_lightbox.open;header_account_dropdown.close\"\n        >\n        <span class=\"button-content \" >\n  <p class=\"font-10 font-medium uppercase\">Sign in</p>\n</span>\n      </button>\n    </li>\n    <li>\n<button \n        class=\"button  button--secondary w-full button-animation--hover-color-invert\"\n        type=\"button\"\n        @tap=\"register_lightbox.open;header_account_dropdown.close\"\n        >\n        <span class=\"button-content \" >\n  <p class=\"font-10 font-medium uppercase\">Register</p>\n</span>\n      </button>\n    </li>\n  </ul>\n</spz-dropdown>\n</div>\n<spz-section-render\n    layout=\"container\"\n    load-priority=\"eager\"\n    id=\"header-auth-render-1752722305773\"\n    section=\"1752722305773\"\n    class=\"absolute\"\n  >\n    <spz-sidebar layout=\"nodisplay\" side=\"bottom\" id=\"login_lightbox\" class=\"drawer auth-modal-sidebar overflow-hidden-drawer\" >\n  <div id=\"login_lightbox-inner\" class=\"drawer-inner flex flex-col background auth-modal-wrapper inner-auth\">\n    <header class=\"auth-modal-header flex-shrink-0 text-right h-10 w-full px-4 mt-4\">\n    <button class=\"auth-modal-close h-10 w-10 cursor-pointer\" @tap=\"login_lightbox.close;\" aria-label=\"Close\">\n      <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_close\"\n  class=\"\"\n  ></spz-custom-theme-icon>\n<a href=\"javascript:location.reload();\" id=\"reload_login_lightbox\" class=\"none overlay-link\"></a>\n    </button>\n  </header>\n  <div class=\"auth-modal-container flex-1 overflow-y-auto w-full lg:flex lg:justify-center\">\n    <div class=\"auth-modal-content flex flex-col items-center\">\n      <div id=\"login_lightbox-modal-title\" class=\"text-center\">\n          <spz-img\n              class=\"w-full none lg:block\"\n              style=\"max-height: 50px; min-height: 30px;\"\n              src=\"//img.staticdj.com/78c9c97a07397aa7211473c829841c06.png\"\n              alt=\"ICOICE\"\n              layout=\"responsive\"\n              width=\"1931\"\n              height=\"500\"\n              object-fit=\"contain\"\n            ></spz-img>\n          <spz-img\n              class=\"w-full lg:none\"\n              style=\"max-height: 32px; min-height: 20px;\"\n              src=\"//img.staticdj.com/78c9c97a07397aa7211473c829841c06.png\"\n              alt=\"ICOICE\"\n              layout=\"responsive\"\n              auto-fit\n              width=\"1931\"\n              height=\"500\"\n              object-fit=\"contain\"\n            ></spz-img>\n          <h5 class=\"font-11 color-text-3 mt-5 font-regular mb-10\" spz-if=\"subtitle\">\n            Please enter your e-mail and password:\n</h5>\n        </div>\n      <spz-render id='form-tips-login' class=\"w-full text-center\" layout='container' manual>\n    <template>\n      <div class=\"form-tips-text radius-medium flex items-center justify-center\" spz-if='${data.errors && data.errors.length > 0}'><span class=\"font-9\">${data.errors && data.errors.length > 0 && data.errors[0]}</span></div>\n    </template>\n  </spz-render>\n\n  <form\n    id=\"login-form-1752722305773\"\n    class='form flex flex-col w-full'\n    method='POST'\n    action-xhr='/api/customers/sign_in'\n    refresh-when-submit-success\n    custom-validation='change-interact-and-submit'\n    @submitError='form-tips-login.rerender(data=event, redo=true);'\n  >\n    <spz-privacy-token layout=\"logic\"></spz-privacy-token>\n    <div class=\"field__input form_item\">\n  <input\n        class='form_input'\n        id='login-email'\n        type='text'\n        name='email'\n        tabindex='1'\n        autofocus\n        required\n        pattern=\"[a-zA-Z0-9!#$%&'*+\\/=?^_`\\{\\|\\}~\\-]+(?:\\.[a-zA-Z0-9!#$%&'*+\\/=?^_`\\{\\|\\}~\\-]+)*@(?:[a-zA-Z0-9](?:[a-zA-Z0-9\\-]*[a-zA-Z0-9])?\\.)+[a-zA-Z0-9](?:[a-zA-Z0-9\\-]*[a-zA-Z0-9])?\"\n        autocomplete='new-password'\n      >\n      <label class='form_label' for='login-email'>Email</label>\n      <div class=\"form-tips-error\" validation-for=\"login-email\" visible-when-invalid=\"valueMissing\" hidden>\n  <h5 class=\"font-11 font-regular flex items-center\">\n    <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_notification\"\n  class=\"\"\n  ></spz-custom-theme-icon>\nEmail is required\n  </h5>\n</div>\n<div class=\"form-tips-error\" validation-for=\"login-email\" visible-when-invalid=\"patternMismatch\" hidden>\n  <h5 class=\"font-11 font-regular flex items-center\">\n    <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_notification\"\n  class=\"\"\n  ></spz-custom-theme-icon>\nPlease enter a valid email.\n  </h5>\n</div>\n</div>\n<div class=\"field__input form_item\">\n  <input\n        class='form_input login-form__password-input'\n        id='login-password'\n        type='password'\n        name='password'\n        tabindex='2'\n        required\n        minlength='6'\n        maxlength='16'\n        pattern='[\\s\\S]{6,16}'\n        autocomplete='new-password'\n      >\n      <label class='form_label' for='login-password'>Password</label>\n      <div class=\"form-tips-error\" validation-for=\"login-password\" visible-when-invalid=\"valueMissing\" hidden>\n  <h5 class=\"font-11 font-regular flex items-center\">\n    <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_notification\"\n  class=\"\"\n  ></spz-custom-theme-icon>\nPassword is required.\n  </h5>\n</div>\n<div class=\"form-tips-error\" validation-for=\"login-password\" visible-when-invalid=\"patternMismatch\" hidden>\n  <h5 class=\"font-11 font-regular flex items-center\">\n    <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_notification\"\n  class=\"\"\n  ></spz-custom-theme-icon>\nPassword must be between 6-16 characters long.\n  </h5>\n</div>\n<div class=\"login__form-password-actions\">\n        <i class=\"login__password-visibility-icon\" id=\"login-form-icon-1752722305773\" @tap=\"login-form-1752722305773.togglePasswordVisibility(name='password');login-form-icon-1752722305773.toggleClass(class='visible');\">\n          <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_eye_fill\"\n  class=\"icon-eye\"\n  ></spz-custom-theme-icon>\n<spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_eye_off_line\"\n  class=\"icon-eyelash\"\n  ></spz-custom-theme-icon>\n</i>\n      </div>\n    </div>\n<a class=\"mt-4 color-text-2 font-regular font-11 underline cursor-pointer text-right\" @tap=\"login_lightbox.close;forgot_pwd_lightbox.open;\">Forgot password?</a>\n    <div class=\"flex flex-col gap-4 mt-10\">\n      <button \n        class=\"button  button--primary  button-animation--hover-color-invert\"\n        type=\"submit\"\n        >\n        <span class=\"button-content \" >\n  Sign in\n</span>\n      </button>\n    <button \n        class=\"button  button--secondary  button-animation--hover-color-invert\"\n        type=\"button\"\n        @tap=\"login_lightbox.close;register_lightbox.open;\"\n        >\n        <span class=\"button-content \" >\n  Create one\n</span>\n      </button>\n    </div>\n  </form>\n\n  <spz-render layout='container' src='/api/customers/login_settings'>\n    <template>\n      <div class='social-login-container flex items-center justify-center gap-5'>\n        ${ Object.keys((data && data.login_setting) || {}) .map(type => `<spz-social-login layout='fixed' width='24' height='24' type='${type}' spz-if='${data.login_setting[type]}'></spz-social-login\n        >`) .join(\"\") }\n      </div>\n    </template>\n  </spz-render>\n\n  </div>\n  </div>\n</div>\n</spz-sidebar>\n<style>\n  .login__form-password-actions {\n    z-index: 1;\n    position: absolute;\n    top: 15px;\n    right: 15px;\n    display: flex;\n    align-items: center;\n  }\n  .login__password-visibility-icon {\n    position: relative;\n    box-sizing: content-box;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    user-select: none;\n  }\n\n  .login__password-visibility-icon:not(.visible) .icon-eye,\n  .login__password-visibility-icon.visible .icon-eyelash {\n    display: none;\n  }\n  .social-login-container {\n    margin-top: 30px;\n  }\n  @media(min-width: 960px) {\n    .social-login-container {\n      margin-top: 40px;\n    }\n  }\n</style>\n<spz-sidebar layout=\"nodisplay\" side=\"bottom\" id=\"register_lightbox\" class=\"drawer auth-modal-sidebar overflow-hidden-drawer\" >\n  <div id=\"register_lightbox-inner\" class=\"drawer-inner flex flex-col background auth-modal-wrapper inner-auth\">\n    <header class=\"auth-modal-header flex-shrink-0 text-right h-10 w-full px-4 mt-4\">\n    <button class=\"auth-modal-close h-10 w-10 cursor-pointer\" @tap=\"register_lightbox.close;\" aria-label=\"Close\">\n      <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_close\"\n  class=\"\"\n  ></spz-custom-theme-icon>\n<a href=\"javascript:location.reload();\" id=\"reload_register_lightbox\" class=\"none overlay-link\"></a>\n    </button>\n  </header>\n  <div class=\"auth-modal-container flex-1 overflow-y-auto w-full lg:flex lg:justify-center\">\n    <div class=\"auth-modal-content flex flex-col items-center\">\n      <div id=\"register_lightbox-modal-title\" class=\"text-center\">\n          <spz-img\n              class=\"w-full none lg:block\"\n              style=\"max-height: 50px; min-height: 30px;\"\n              src=\"//img.staticdj.com/78c9c97a07397aa7211473c829841c06.png\"\n              alt=\"ICOICE\"\n              layout=\"responsive\"\n              width=\"1931\"\n              height=\"500\"\n              object-fit=\"contain\"\n            ></spz-img>\n          <spz-img\n              class=\"w-full lg:none\"\n              style=\"max-height: 32px; min-height: 20px;\"\n              src=\"//img.staticdj.com/78c9c97a07397aa7211473c829841c06.png\"\n              alt=\"ICOICE\"\n              layout=\"responsive\"\n              auto-fit\n              width=\"1931\"\n              height=\"500\"\n              object-fit=\"contain\"\n            ></spz-img>\n          <h5 class=\"font-11 color-text-3 mt-5 font-regular mb-10\" spz-if=\"subtitle\">\n            Please fill in the information below:\n</h5>\n        </div>\n      <spz-render id=\"form-tips-register\" class=\"w-full text-center\" layout=\"container\" manual>\n    <template>\n      <div class=\"form-tips-text radius-medium\" spz-if='${data.errors && data.errors.length > 0}'><span class=\"font-9\">${data.errors && data.errors.length > 0 && data.errors[0]}</span></div>\n    </template>\n  </spz-render>\n\n  <form\n    id=\"register-form-1752722305773\"\n    class=\"form flex flex-col w-full\"\n    method=\"POST\"\n    action-xhr=\"/api/customers/sign_up\"\n    custom-validation=\"change-interact-and-submit\"\n    @submitError=\"form-tips-register.rerender(data=event, redo=true);\"\n    @submitSuccess=\"register-form-1752722305773.toggleClass(class='flex', force=false);register-form-1752722305773.toggleClass(class='none', force=true);register_success_page.toggleClass(class='block', force=true);register_success_page.toggleClass(class='none', force=false);register_lightbox-modal-title.toggleClass(class='none', force=true);form-tips-register.toggleClass(class='none', force=true);reload_register_lightbox.toggleClass(class='block', force=true);register_lightbox-inner.toggleClass(class='inner-success', force=true);\"\n  >\n     <spz-privacy-token layout=\"logic\"></spz-privacy-token>\n     <div class=\"field__input form_item\">\n  <input\n        class=\"form_input\"\n        id=\"first_name\"\n        type=\"text\"\n        name=\"first_name\"\n        tabindex=\"1\"\n        required\n        maxlength=\"50\"\n        autocomplete=\"new-password\"\n        pattern='[^~!@#$%\\^&*\\(\\)_+<>?:\"\\{\\}\\/;\\[\\]]*'\n        autofocus\n      >\n      <label class=\"form_label\" for=\"first_name\">\n        First name\n      </label>\n      <div class=\"form-tips-error\" validation-for=\"first_name\" visible-when-invalid=\"valueMissing\" hidden>\n  <h5 class=\"font-11 font-regular flex items-center\">\n    <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_notification\"\n  class=\"\"\n  ></spz-custom-theme-icon>\nFirst name is required.\n  </h5>\n</div>\n<div class=\"form-tips-error\" validation-for=\"first_name\" visible-when-invalid=\"patternMismatch\" hidden>\n  <h5 class=\"font-11 font-regular flex items-center\">\n    <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_notification\"\n  class=\"\"\n  ></spz-custom-theme-icon>\nContains invalid characters\n  </h5>\n</div>\n</div>\n<div class=\"field__input form_item\">\n  <input\n        class=\"form_input\"\n        id=\"last_name\"\n        type=\"text\"\n        name=\"last_name\"\n        tabindex=\"2\"\n        required\n        maxlength=\"50\"\n        autocomplete=\"new-password\"\n        pattern='[^~!@#$%\\^&*\\(\\)_+<>?:\"\\{\\}\\/;\\[\\]]*'\n      >\n      <label class=\"form_label\" for=\"last_name\">\n        Last name\n      </label>\n      <div class=\"form-tips-error\" validation-for=\"last_name\" visible-when-invalid=\"valueMissing\" hidden>\n  <h5 class=\"font-11 font-regular flex items-center\">\n    <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_notification\"\n  class=\"\"\n  ></spz-custom-theme-icon>\nLast name is required.\n  </h5>\n</div>\n<div class=\"form-tips-error\" validation-for=\"last_name\" visible-when-invalid=\"patternMismatch\" hidden>\n  <h5 class=\"font-11 font-regular flex items-center\">\n    <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_notification\"\n  class=\"\"\n  ></spz-custom-theme-icon>\nContains invalid characters\n  </h5>\n</div>\n</div>\n<div class=\"field__input form_item\">\n  <input\n        class=\"form_input\"\n        id=\"register-email\"\n        type=\"text\"\n        name=\"email\"\n        tabindex=\"3\"\n        autocomplete=\"new-password\"\n        required\n        pattern=\"[a-zA-Z0-9!#$%&'*+\\/=?^_`\\{\\|\\}~\\-]+(?:\\.[a-zA-Z0-9!#$%&'*+\\/=?^_`\\{\\|\\}~\\-]+)*@(?:[a-zA-Z0-9](?:[a-zA-Z0-9\\-]*[a-zA-Z0-9])?\\.)+[a-zA-Z0-9](?:[a-zA-Z0-9\\-]*[a-zA-Z0-9])?\"\n      >\n      <label class=\"form_label\" for=\"register-email\">Email</label>\n      <div class=\"form-tips-error\" validation-for=\"register-email\" visible-when-invalid=\"valueMissing\" hidden>\n  <h5 class=\"font-11 font-regular flex items-center\">\n    <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_notification\"\n  class=\"\"\n  ></spz-custom-theme-icon>\nEmail is required\n  </h5>\n</div>\n<div class=\"form-tips-error\" validation-for=\"register-email\" visible-when-invalid=\"patternMismatch\" hidden>\n  <h5 class=\"font-11 font-regular flex items-center\">\n    <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_notification\"\n  class=\"\"\n  ></spz-custom-theme-icon>\nPlease enter a valid email.\n  </h5>\n</div>\n</div>\n<div class=\"field__input form_item\">\n  <input\n        class=\"form_input register-form__password-input\"\n        id=\"register-password\"\n        type=\"password\"\n        name=\"password\"\n        tabindex=\"4\"\n        required\n        minlength=\"6\"\n        maxlength=\"16\"\n        autocomplete=\"new-password\"\n        pattern=\"[\\s\\S]{6,16}\"\n      >\n      <label class=\"form_label\" for=\"register-password\">\n        Password\n      </label>\n      <div class=\"form-tips-error\" validation-for=\"register-password\" visible-when-invalid=\"valueMissing\" hidden>\n  <h5 class=\"font-11 font-regular flex items-center\">\n    <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_notification\"\n  class=\"\"\n  ></spz-custom-theme-icon>\nPassword is required.\n  </h5>\n</div>\n<div class=\"form-tips-error\" validation-for=\"register-password\" visible-when-invalid=\"patternMismatch\" hidden>\n  <h5 class=\"font-11 font-regular flex items-center\">\n    <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_notification\"\n  class=\"\"\n  ></spz-custom-theme-icon>\nPassword must be between 6-16 characters long.\n  </h5>\n</div>\n<i\n        class=\"register__password-visibility-icon\"\n        id=\"register-form-icon-1752722305773\"\n        @tap=\"register-form-1752722305773.togglePasswordVisibility(name='password');register-form-icon-1752722305773.toggleClass(class='visible');\"\n      >\n        <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_eye_fill\"\n  class=\"icon_eye\"\n  ></spz-custom-theme-icon>\n<spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_eye_off_line\"\n  class=\"icon_eyelash\"\n  ></spz-custom-theme-icon>\n</i>\n    </div>\n<div class=\"form_checkbox-container\">\n      <input\n        type=\"checkbox\"\n        id=\"newsletter\"\n        name=\"newsletter\"\n        class=\"form_checkbox touch-scale\"\n        custom-validation=\"change-interact-and-submit\"\n        checked\n      >\n      <label id=\"checkbox\" class=\"form_checkbox-label\" for=\"newsletter\">\n        <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_checkbox_check\"\n  class=\"icon_checkbox_check\"\n  ></spz-custom-theme-icon>\n</label>\n      <label class=\"form_checkbox-text\" for=\"newsletter\">\n        <h5 class=\"color-text-2 font-regular\">Subscribe to get latest offers and discounts.</h5>\n      </label>\n    </div>\n    <div class=\"flex flex-col gap-4 mt-10\">\n      <button \n        class=\"button  button--primary  button-animation--hover-color-invert\"\n        type=\"submit\"\n        >\n        <span class=\"button-content \" >\n  Register\n</span>\n      </button>\n    <button \n        class=\"button  button--secondary  button-animation--hover-color-invert\"\n        type=\"button\"\n        @tap=\"register_lightbox.close;login_lightbox.open;\"\n        >\n        <span class=\"button-content \" >\n  Login\n</span>\n      </button>\n    </div>\n  </form>\n  <div id=\"register_success_page\" class='register_success_page none text-center h-full w-full'>\n    <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_reset_success\"\n  class=\"w-10 h-10 reset_success_icon\"\n  ></spz-custom-theme-icon>\n<div class='reset_pw_success_text'><h5>You have successfully registered</h5></div>\n    <a href='/' data-track='dj.shopNow'>\n      <button \n        class=\"button  button--primary w-full button-animation--hover-color-invert\"\n        type=\"button\"\n        @tap=\"register_lightbox.close;\"\n        >\n        <span class=\"button-content \" >\n        Shop now\n      </span>\n      </button>\n    </a>\n  </div>\n  </div>\n  </div>\n</div>\n</spz-sidebar>\n<style>\n  .register__password-visibility-icon {\n    position: absolute;\n    top: -2px;\n    right: 16px;\n    box-sizing: content-box;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 16px;\n    height: 16px;\n    padding: 16px;\n    margin-right: -16px;\n    cursor: pointer;\n    user-select: none;\n  }\n\n  .register__password-visibility-icon:not(.visible) .icon_eye,\n  .register__password-visibility-icon.visible .icon_eyelash {\n    display: none;\n  }\n\n  .form_checkbox-container {\n    position: relative;\n    display: flex;\n    align-items: center;\n    width: 100%;\n    margin-top: 16px;\n  }\n  .form_checkbox {\n    position: absolute;\n    left: 0;\n    width: 16px;\n    height: 16px;\n    margin: 0;\n    opacity: 0;\n    outline: none;\n  }\n  .form_checkbox-label {\n    position: relative;\n    width: 16px;\n    height: 16px;\n    margin-right: 8px;\n  }\n  .form_checkbox-label {\n    border: 1px solid var(--color-border);\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n  }\n  .form_checkbox:not(:checked) + .form_checkbox-label .icon_checkbox_check {\n    display: none;\n  }\n</style>\n<spz-sidebar layout=\"nodisplay\" side=\"bottom\" id=\"forgot_pwd_lightbox\" class=\"drawer auth-modal-sidebar overflow-hidden-drawer\" >\n  <div id=\"forgot_pwd_lightbox-inner\" class=\"drawer-inner flex flex-col background auth-modal-wrapper inner-auth\">\n    <header class=\"auth-modal-header flex-shrink-0 text-right h-10 w-full px-4 mt-4\">\n    <button class=\"auth-modal-close h-10 w-10 cursor-pointer\" @tap=\"forgot_pwd_lightbox.close;\" aria-label=\"Close\">\n      <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_close\"\n  class=\"\"\n  ></spz-custom-theme-icon>\n<a href=\"javascript:location.reload();\" id=\"reload_forgot_pwd_lightbox\" class=\"none overlay-link\"></a>\n    </button>\n  </header>\n  <div class=\"auth-modal-container flex-1 overflow-y-auto w-full lg:flex lg:justify-center\">\n    <div class=\"auth-modal-content flex flex-col items-center\">\n      <div id=\"progress-bar-container\" class=\"step-1\">\n          <div id=\"progress-bar-bg\"></div>\n          <div id=\"progress-bar-start\">\n            <div id=\"progress-bar-start-bg\"></div>\n            <p id=\"start_num\">1</p>\n            <div id=\"icon_start_check\" class=\"none\">\n              <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_check\"\n  class=\"\"\n  ></spz-custom-theme-icon>\n</div>\n          </div>\n          <div id=\"progress-bar-end\">\n            <div id=\"progress-bar-end-bg\"></div>\n            <p id=\"end_num\">2</p>\n            <div id=\"icon_end_check\" class=\"none\">\n              <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_check\"\n  class=\"\"\n  ></spz-custom-theme-icon>\n</div>\n          </div>\n        </div>\n      <h2 id=\"reset_title\" class=\"reset_title font-medium mb-10\">Reset password with email</h2>\n  <spz-render id=\"form-tips-reset\" class=\"w-full text-center\" layout=\"container\" manual>\n    <template>\n      <div class=\"form-tips-text radius-medium flex items-center justify-center\" spz-if='${data.errors && data.errors.length > 0}'><span class=\"font-9\">${data.errors && data.errors.length > 0 && data.errors[0]}</span></div>\n    </template>\n  </spz-render>\n\n  <div id=\"reset-email-form-container\" class=\"w-full flex justify-center\">\n    <form\n      class=\"form flex flex-col w-full\"\n      method=\"POST\"\n      id=\"reset-password-email-form\"\n      action-xhr=\"/api/customers/password_reset_email\"\n      custom-validation=\"change-interact-and-submit\"\n      @submitError=\"form-tips-reset.rerender(data=event, redo=true);form-tips-reset.toggleClass(class='none', force=false);\"\n      @submitSuccess=\"theme-toast.showToast(content='Verification code has been sent.');reset-email-form-container.toggleClass(class='none', force=true);reset-email-form-container.toggleClass(class='flex', force=false);reset-form-container.toggleClass(class='none', force=false);reset-form-container.toggleClass(class='flex', force=true);form-tips-reset.toggleClass(class='none', force=true);progress-bar-container.toggleClass(class='step-1', force=false);progress-bar-container.toggleClass(class='step-2', force=true);eset-email-form-container.toggleClass(class='reset-inner-success', force=true);\"\n    >\n        <spz-privacy-token layout=\"logic\"></spz-privacy-token>\n        <div class=\"field__input form_item\">\n  <input\n            class=\"form_input\"\n            id=\"forget_pwd_email\"\n            type=\"text\"\n            name=\"email\"\n            tabindex=\"1\"\n            autofocus\n            required\n            pattern=\"[a-zA-Z0-9!#$%&'*+\\/=?^_`\\{\\|\\}~\\-]+(?:\\.[a-zA-Z0-9!#$%&'*+\\/=?^_`\\{\\|\\}~\\-]+)*@(?:[a-zA-Z0-9](?:[a-zA-Z0-9\\-]*[a-zA-Z0-9])?\\.)+[a-zA-Z0-9](?:[a-zA-Z0-9\\-]*[a-zA-Z0-9])?\"\n            @input-throttled=\"reset-password-code-form.insert(name='email', value=event.value);\"\n          >\n          <label class=\"form_label\" for=\"forget_pwd_email\">Email</label>\n          <div class=\"form-tips-error\" validation-for=\"forget_pwd_email\" visible-when-invalid=\"valueMissing\" hidden>\n  <h5 class=\"font-11 font-regular flex items-center\">\n    <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_notification\"\n  class=\"\"\n  ></spz-custom-theme-icon>\nEmail is required\n  </h5>\n</div>\n<div class=\"form-tips-error\" validation-for=\"forget_pwd_email\" visible-when-invalid=\"patternMismatch\" hidden>\n  <h5 class=\"font-11 font-regular flex items-center\">\n    <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_notification\"\n  class=\"\"\n  ></spz-custom-theme-icon>\nPlease enter a valid email.\n  </h5>\n</div>\n</div>\n<div class=\"mt-10\">\n          <button \n        class=\"button  button--primary w-full button-animation--hover-color-invert\"\n        type=\"submit\"\n        >\n        <span class=\"button-content \" >\n          Send\n        </span>\n      </button>\n    </div>\n    </form>\n  </div>\n\n  <div id=\"reset-form-container\" class=\"none w-full justify-center\">\n    <form\n      class=\"flex flex-col form w-full\"\n      id=\"reset-password-code-form\"\n      method=\"PATCH\"\n      action-xhr=\"/api/customers/password_reset\"\n      custom-validation=\"change-interact-and-submit\"\n      @submitError=\"form-tips-reset.rerender(data=event);form-tips-reset.toggleClass(class='none', force=false);\"\n      @submitSuccess=\"reset-form-container.toggleClass(class='flex', force=false);reset-form-container.toggleClass(class='none', force=true);reset_rs_page.toggleClass(class='block', force=true);reset_rs_page.toggleClass(class='none', force=false);reset_title.toggleClass(class='none', force=true);form-tips-reset.toggleClass(class='none', force=true);progress-bar-container.toggleClass(class='step-2', force=false);progress-bar-container.toggleClass(class='step-3', force=true);reset-form-container.toggleClass(class='reset-inner-success', force=true);\"\n    >\n      <spz-privacy-token layout=\"logic\"></spz-privacy-token>\n      <div class=\"field__input form_item\">\n  <input\n          class=\"form_input\"\n          id=\"code\"\n          name=\"code\"\n          type=\"text\"\n          autocomplete=\"new-code\"\n          maxlength=\"6\"\n          required\n        >\n        <label class='form_label' for='code'>Verification code</label>\n        <div class=\"form-tips-error\" validation-for=\"code\" visible-when-invalid=\"valueMissing\" hidden>\n  <h5 class=\"font-11 font-regular flex items-center\">\n    <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_notification\"\n  class=\"\"\n  ></spz-custom-theme-icon>\nPlease enter a valid code\n  </h5>\n</div>\n</div>\n<div class=\"field__input form_item\">\n  <input\n          class=\"form_input reset-password-form__password-input\"\n          id=\"forget-pwd-password\"\n          name=\"password\"\n          type=\"password\"\n          minlength=\"6\"\n          maxlength=\"16\"\n          autocomplete=\"new-password\"\n          pattern=\"[\\s\\S]{6,16}\"\n          required\n        >\n        <label class='form_label' for='forget-pwd-password'>Password</label>\n        <div class=\"form-tips-error\" validation-for=\"forget-pwd-password\" visible-when-invalid=\"valueMissing\" hidden>\n  <h5 class=\"font-11 font-regular flex items-center\">\n    <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_notification\"\n  class=\"\"\n  ></spz-custom-theme-icon>\nPassword is required.\n  </h5>\n</div>\n<div class=\"form-tips-error\" validation-for=\"forget-pwd-password\" visible-when-invalid=\"patternMismatch\" hidden>\n  <h5 class=\"font-11 font-regular flex items-center\">\n    <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_notification\"\n  class=\"\"\n  ></spz-custom-theme-icon>\nPassword must be between 6-16 characters long.\n  </h5>\n</div>\n<div class=\"reset-pwd__form-password-actions\">\n          <i\n            class=\"reset-password__visibility-icon\"\n            id=\"reset-password-form-icon-1752722305773\"\n            @tap=\"reset-password-code-form.togglePasswordVisibility(name='password');reset-password-form-icon-1752722305773.toggleClass(class='visible');\"\n          >\n            <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_eye_fill\"\n  class=\"icon-eye\"\n  ></spz-custom-theme-icon>\n<spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_eye_off_line\"\n  class=\"icon-eyelash\"\n  ></spz-custom-theme-icon>\n</i>\n        </div>\n      </div>\n<div class=\"field__input form_item\">\n  <input\n          class=\"form_input reset-password-form__confirm-password-input\"\n          id=\"confirm-password\"\n          name=\"confirm_password\"\n          confirm-for=\"#forget-pwd-password\"\n          type=\"password\"\n          minlength=\"6\"\n          maxlength=\"16\"\n          autocomplete=\"new-confirm-password\"\n          pattern=\"[\\s\\S]{6,16}\"\n          required\n          @input-throttled=\"form-tips.toggleClass(class='form-tips-visible', force=false);\"\n        >\n        <label class='form_label' for='confirm-password'>Confirm password</label>\n        <div class=\"form-tips-error\" validation-for=\"confirm-password\" visible-when-invalid=\"valueMissing\" hidden>\n  <h5 class=\"font-11 font-regular flex items-center\">\n    <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_notification\"\n  class=\"\"\n  ></spz-custom-theme-icon>\nPlease enter the same value again\n  </h5>\n</div>\n<div class=\"form-tips-error\" validation-for=\"confirm-password\" visible-when-invalid=\"patternMismatch\" hidden>\n  <h5 class=\"font-11 font-regular flex items-center\">\n    <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_notification\"\n  class=\"\"\n  ></spz-custom-theme-icon>\nPassword must be between 6-16 characters long.\n  </h5>\n</div>\n<div class=\"form-tips-error\" validation-for=\"confirm-password\" visible-when-invalid=\"valueMismatch\" hidden>\n  <h5 class=\"font-11 font-regular flex items-center\">\n    <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_notification\"\n  class=\"\"\n  ></spz-custom-theme-icon>\nYour password and confirmation password do not match\n  </h5>\n</div>\n<div class=\"reset-pwd__form-password-actions\">\n          <i\n            class=\"reset-password__visibility-icon\"\n            id=\"reset-confirm-password-form-icon-1752722305773\"\n            @tap=\"reset-password-code-form.togglePasswordVisibility(name='confirm_password');reset-confirm-password-form-icon-1752722305773.toggleClass(class='visible');\"\n          >\n            <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_eye_fill\"\n  class=\"icon-eye\"\n  ></spz-custom-theme-icon>\n<spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_eye_off_line\"\n  class=\"icon-eyelash\"\n  ></spz-custom-theme-icon>\n</i>\n        </div>\n      </div>\n<div id=\"confirmButton\" class=\"mt-10\" data-track=\"dj.resetpwConfirm\">\n        <button \n        class=\"button  button--primary w-full button-animation--hover-color-invert\"\n        type=\"submit\"\n        >\n        <span class=\"button-content \" >\n        Confirm\n      </span>\n      </button>\n    </div>\n      <div class=\"flex justify-center mt-5\">\n        <span class=\"font-11\">Have not get verification code?</span>\n        <button\n          @tap=\"reset-email-form-container.toggleClass(class='none', force=false);reset-email-form-container.toggleClass(class='flex', force=true);reset-password-code-form.toggleClass(class='none', force=true);reset-password-code-form.toggleClass(class='flex', force=false);reset-password-code-form.clear;form-tips-reset.toggleClass(class='none', force=true);progress-bar-container.toggleClass(class='step-2', force=false);progress-bar-container.toggleClass(class='step-1', force=true);\"\n          type=\"reset\"\n          class=\"send-again-button font-11\"\n        >\n          Re-send again\n        </button>\n      </div>\n    </form>\n  </div>\n  <div id=\"reset_rs_page\" class='reset_rs_page none text-center w-full'>\n    <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_reset_success\"\n  class=\"w-10 h-10 reset_success_icon\"\n  ></spz-custom-theme-icon>\n<div class='reset_pw_success_text'><h5>Reset password successfully!</h5></div>\n    <a href='/' data-track='dj.shopNow'>\n      <button \n        class=\"button  button--primary w-full button-animation--hover-color-invert\"\n        type=\"button\"\n        @tap=\"forgot_pwd_lightbox.close;\"\n        >\n        <span class=\"button-content \" >\n        Shop now\n      </span>\n      </button>\n    </a>\n  </div>\n</div>\n  </div>\n</div>\n</spz-sidebar>\n<style>\n  .reset-pwd__form-password-actions {\n    z-index: 1;\n    position: absolute;\n    top: 15px;\n    right: 15px;\n    display: flex;\n    align-items: center;\n  }\n  .reset-password__visibility-icon {\n    position: relative;\n    box-sizing: content-box;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    user-select: none;\n  }\n\n  .reset-password__visibility-icon:not(.visible) .icon-eye,\n  .reset-password__visibility-icon.visible .icon-eyelash {\n    display: none;\n  }\n  .reset_success_icon {\n    color: var(--color-success, #3BB346);\n  }\n  .reset_pw_success_text {\n    margin: 20px 0 30px;\n  }\n  .send-again-button {\n    color: var(--color-text-0);\n  }\n  @media(min-width: 960px) {\n    .reset_pw_success_text {\n      margin: 30px 0 40px;\n    }\n  }\n</style>\n</spz-section-render>\n<a class=\"cart-icon-badge-wrap cursor-pointer no-underline header__cart\"   >\n  <div class=\"header__common-action cursor-pointer \" @tap=\"cart-drawer-modal.open;\">\n  <div class=\"flex items-center\">\n    <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_shopping_cart\"\n  class=\"header__common-action-icon w-10 h-10 flex items-center justify-center radius-circle\"\n  ></spz-custom-theme-icon>\n</div>\n</div>\n<style type=\"text/css\">\n  .header__common-action-text > p {\n    max-width: 120px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .header__custom-icon-wrap {\n    position: relative;\n  }\n  .header__custom-icon {\n    width: 14px;\n    height: 14px;\n  }\n  .header__custom-icon--hover {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    opacity: 0;\n  }\n  @media (min-width: 960px) {\n    .header__common-action-icon:hover {\n      color: var(--color-selected-variant-text);\n      background-color: var(--color-selected-variant-background);\n    }\n    .header__custom-icon-wrap:hover .header__custom-icon--default {\n      opacity: 0;\n    }\n    .header__custom-icon-wrap:hover .header__custom-icon--hover {\n      opacity: 1;\n    }\n  }\n</style>\n<spz-event target-id=\"header_cart_count_render\" target-api=\"render\" event-name=\"dj.addToCart;dj.cartChange;\" layout=\"logic\"></spz-event>\n  <spz-render id=\"header_cart_count_render\" layout=\"container\" src=\"/api/cart/count\">\n    <template>\n      <div class=\"cart-icon-badge font-11 flex items-center justify-center notranslate\" spz-if=\"${data.data && data.data.count > 0}\">${data.data.count > 99 ? '99+' : data.data.count}</div>\n    </template>\n  </spz-render>\n</a>\n<style>\n  .cart-icon-badge-wrap {\n    position: relative;\n    display: inline-block;\n  }\n  .cart-icon-badge {\n    position: absolute;\n    top: -40px;\n    left: 24px;\n    right: unset;\n    bottom: unset;\n    width: 22px;\n    height: 22px;\n    z-index: 1;\n    border-radius: 50%;\n    color: var(--color-primary-button-text);\n    background-color: var(--color-primary-button-background);\n  }\n</style>\n</div>\n        </div>\n      </div>\n\n      </div>\n  </div>\n  <div class=\"plugin__fixed-div pointer-events-auto\"></div>\n</header>\n</div>","quick_add_modal":"<div id=\"shoplaza-section-quick_add_modal\" class=\"shoplaza-section\" data-section-id=\"quick_add_modal\" data-section-type=\"quick_add_modal\" data-section-style=\"\">\n\n<link\n      rel=\"stylesheet\"\n      href=\"//static.staticdj.com/themes/quick_add_modal_section-00e9370199.css\"\n      media=\"print\" onload=\"this.media='all'\"\n      >\n  <style type=\"text/css\">\n  .product-media-image spz-zoom[interact='click'] {\n    cursor: url(\"//static.staticdj.com/themes/icon_cursor_zoom_in-419fbb7bd2.svg\"), zoom-in;\n  }\n  .product-media-image spz-zoom[interact='click'][zoom-in] {\n    cursor: url(\"//static.staticdj.com/themes/icon_cursor_zoom_out-0dd17ac0bd.svg\"), zoom-out;\n  }\n</style>\n<style>\n  .variant-option-label-text {\n      display: block;\n    }\n    .atlas-variant-button .pd-variant-image {\n      width: 20px !important;\n      height: 20px !important;\n    }\n  </style>\n\n<div class=\"color-scheme-1\">\n  <spz-sidebar\n    id=\"quick-add-dialog\"\n    class=\"quick-add-dialog popup\"\n    layout=\"nodisplay\"\n    side=\"bottom\"\n    hidden\n    @close=\"quick-add-dialog.toggleClass(force=false,class='dialog-zoom-in');\"\n  >\n    <div class=\"quick-add-modal__close\">\n  <div class=\"icon-quick-add-close cursor-pointer\" @tap=\"quick-add-dialog.close\">\n    <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_close\"\n  class=\"\"\n  ></spz-custom-theme-icon>\n</div>\n</div>\n\n<spz-section-render\n    layout=\"container\"\n    load-priority=\"eager\"\n    id=\"quick-add-modal-render\"\n    section=\"quick_add_modal\"\n    class=\"flex-1 flex flex-col overflow-y-auto\"\n  >\n    <spz-event\n  id=\"quick-add-event\"\n  layout=\"logic\"\n  manual\n  event-name=\"dj.quickView\"\n  target-id=\"quick-add-wrapper-render\"\n  target-api=\"render\"\n>\n</spz-event>\n<spz-event\n  id=\"quick-add-dialog-event\"\n  layout=\"logic\"\n  manual\n  event-name=\"dj.quickView\"\n  target-id=\"quick-add-dialog\"\n  target-api=\"open\"\n>\n</spz-event>\n\n<div class=\"quick-add-modal-content qa-skeleton theme-skeleton\" id=\"quick-add-skeleton\">\n  <div class=\"product-information-container\">\n    <!-- Media Skeleton -->\n    <div class=\"product-information__media qa-skeleton__box\">\n      <div class=\"product-media-images qa-skeleton-main-image\"></div>\n    </div>\n\n    <!-- Details Skeleton -->\n    <div class=\"product-information-details hide-scrollbar qa-skeleton__container\">\n      <div class=\"product-information-details-content\">\n        <div class=\"quick-add-content\">\n          <!-- Title -->\n          <div class=\"qa-skeleton__box qa-skeleton-title\"></div>\n          <div class=\"qa-skeleton__box qa-skeleton-title-2\"></div>\n\n          <!-- Price -->\n          <div class=\"qa-skeleton__box qa-skeleton-price\"></div>\n\n          <!-- Variant 1 -->\n          <div class=\"qa-skeleton__box qa-skeleton-variant-title\"></div>\n          <div class=\"qa-skeleton-variant-options\">\n            <div class=\"qa-skeleton__box qa-skeleton-variant-option\"></div>\n            <div class=\"qa-skeleton__box qa-skeleton-variant-option\"></div>\n          </div>\n          <!-- Buttons -->\n          <div class=\"qa-skeleton-buttons\">\n            <div class=\"qa-skeleton__box qa-skeleton-button\"></div>\n            <div class=\"qa-skeleton__box qa-skeleton-button\"></div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<spz-render\n  id=\"quick-add-wrapper-render\"\n  layout=\"container\"\n  class=\"quick-add-modal-content\"\n  manual\n>\n  <template>\n    <spz-data-source\n      id=\"quick-add-data-source\"\n      class=\"contents\"\n      layout=\"container\"\n      source-type=\"product\"\n      source-id=\"${id}\"\n    >\n      <div class=\"product-information-container\">\n  <spz-render\n    id=\"quick-add-media-render\"\n    class=\"quick-add-media-render\"\n    template=\"product-information-media-template\"\n    layout=\"container\"\n    src=\"custom:quick-add-data-source.getData\"\n    @finish=\"quick-add-dialog.open;\"\n  >\n  </spz-render>\n  <template\n    id=\"product-information-media-template\"\n    data-function-id=\"product-information-function\"\n  >\n    <div\n      id=\"product-information-media\"\n      class=\"product-information__media\"\n    >\n      <div class=\"product-media-images\" spz-if=\"${product.images.length > 0}\">\n        <spz-carousel\n          id=\"product-media-images\"\n          class=\"product-image-carousel ignore-color\"\n          layout=\"container\"\n          auto-height\n          controls\n          visible-count=\"(min-width: 960px) 1, 1\"\n          effect=\"scroller\"\n          initial-slide=\"${selectedImageIndex}\"\n          @mounted=\"media-gallery-controls.rerender(data=event);quick-add-image-count-render.rerender(data=event);\"\n          @slideChange=\"media-gallery-selector.toggle(option=event.index, value=true, isScrollIntoView=true);media-gallery-controls.rerender(data=event);quick-add-image-count-render.rerender(data=event);\"\n          @zoomIn=\"quick-add-dialog.toggleClass(force=true,class='dialog-zoom-in');\"\n          @zoomOut=\"quick-add-dialog.toggleClass(force=false,class='dialog-zoom-in');\"\n        >\n          <div\n            class=\"product-media-image\"\n            spz-for=\"(image,index) in product.images\"\n            key=\"index\"\n          >\n            <spz-zoom\n              class=\"zoom-out-image none lg:block\"\n              layout=\"container\"\n              interact=\"click\"\n              zoom-ratio=\"1.7\"\n              @zoomIn=\"product-media-images.toggleClass(force=true,class='page-zoom-in');\"\n              @zoomOut=\"product-media-images.toggleClass(force=false,class='page-zoom-in');\"\n            >\n              <spz-img\n                class=\"zoom-on-inner-image\"\n                layout=\"responsive\"\n                src=\"${ image.src }\"\n                alt=\"${ image.alt }\"\n                object-fit=\"cover\"\n                width=\"3\"\n    height=\"4\"\n  auto-fit\n              ></spz-img>\n            </spz-zoom>\n\n            <spz-img\n              class=\"animate--hover lg:none \"\n              layout=\"responsive\"\n              src=\"${ image.src }\"\n              alt=\"${ image.alt }\"\n              object-fit=\"cover\"\n              width=\"3\"\n    height=\"4\"\n  auto-fit\n            ></spz-img>\n          </div>\n\n          <div class=\"icon-slide-control-box\" pre>\n            <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_left\"\n  class=\"icon-slide-control\"\n  ></spz-custom-theme-icon>\n</div>\n          <div class=\"icon-slide-control-box\" next>\n            <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_right\"\n  class=\"icon-slide-control\"\n  ></spz-custom-theme-icon>\n</div>\n        </spz-carousel>\n        <style type=\"text/css\">\n  .pd-image-count-inner {\n    color: var(--color-primary-button-text);\n    background: var(--color-primary-button-background);\n    opacity: 0.6;\n  }\n</style>\n\n<spz-render\n  id=\"quick-add-image-count-render\"\n  class=\"pd-image-count \"\n  layout=\"container\"\n  manual\n>\n  <div\n    id=\"pd-image-count\"\n    class=\"pd-image-count-inner radius-large font-11 pl-1.5 pr-1.5\"\n  >\n    1/\n  </div>\n  <template>\n    <div\n      id=\"pd-image-count\"\n      class=\"pd-image-count-inner radius-large font-11 pl-1.5 pr-1.5\"\n    >\n      ${data.index + 1}/${data.total}\n    </div>\n  </template>\n</spz-render>\n</div>\n      <div class=\"\" spz-else>\n        <img class=\"\" alt=\"\" src=\"//img.staticdj.com/oss/operation/451e7f567d17152971dba00a7d76f5e4.svg\"/>\n      </div>\n\n      <div class=\"product-media-gallery\">\n        <spz-selector\n          id=\"media-gallery-selector\"\n          class=\"media-gallery-selector\"\n          layout=\"container\"\n          @select=\"product-media-images.goToSlide(index=event.targetOption);\"\n        >\n          <div scroll-container class=\"media-gallery-list\">\n            <spz-img\n              class=\"radius-small media-gallery-image\"\n              spz-for=\"(image,index) in product.images\"\n              key=\"index\"\n              option=\"${index}\"\n              width=\"50\"\n              height=\"50\"\n              layout=\"fixed\"\n              src=\"${image.src}\"\n              alt=\"${image.alt}\"\n              object-fit=\"cover\"\n              auto-fit\n            ></spz-img>\n          </div>\n        </spz-selector>\n\n        <div class=\"media-gallery-controls-wrapper\" spz-if=\"${product.images.length > 0}\">\n          <spz-render\n  id=\"media-gallery-controls\"\n  class=\"media-gallery-controls horizontal\"\n  layout=\"container\"\n  template=\"media-gallery-controls-template\"\n  manual\n>\n</spz-render>\n\n<template id=\"media-gallery-controls-template\">\n  <div class=\"media-gallery-control-group\">\n    <div\n      class=\"icon-gallery-control-box icon-gallery-control-prev ${data.index == 0 ? 'hidden' : ''}\"\n      @tap=\"product-media-images.goToSlide(index=${data.index - 1});\"\n    >\n      <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_left\"\n  class=\"icon-gallery-control\"\n  ></spz-custom-theme-icon>\n</div>\n    <div\n      class=\"icon-gallery-control-box icon-gallery-control-next ${data.index == (data.total - 1) ? 'hidden' : ''}\"\n      @tap=\"product-media-images.goToSlide(index=${data.index + 1});\"\n    >\n      <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_right\"\n  class=\"icon-gallery-control\"\n  ></spz-custom-theme-icon>\n</div>\n  </div>\n</template>\n\n<style type=\"text/css\">\n  .media-gallery-controls {\n    position: absolute;\n  }\n  .media-gallery-control-group {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .icon-gallery-control-box {\n    position: absolute;\n    display: flex;\n    width: 20px;\n    height: 20px;\n    justify-content: center;\n    align-items: center;\n    border-radius: 50%;\n    background: var(--color-selected-variant-background);\n    cursor: pointer;\n  }\n  .icon-gallery-control {\n    color: var(--color-selected-variant-icon);\n  }\n  .icon-gallery-control-box:hover {\n    background: var(--color-selected-variant-hover-background);\n  }\n  .icon-gallery-control-box.hidden {\n    display: none;\n  }\n  .media-gallery-controls.horizontal {\n    width: 100%;\n    top: 50%;\n    left: 0;\n    transform: translateY(-50%);\n  }\n  .media-gallery-controls.horizontal .media-gallery-control-group {\n    flex-direction: row;\n    width: 100%;\n  }\n  .media-gallery-controls.horizontal .icon-gallery-control-box.icon-gallery-control-prev {\n    left: 0;\n  }\n  .media-gallery-controls.horizontal .icon-gallery-control-box.icon-gallery-control-next {\n    right: 0;\n  }\n\n  .media-gallery-controls.vertical {\n    left: 50%;\n    transform: translate(-50%, 0);\n    height: 100%;\n  }\n  .media-gallery-controls.vertical .media-gallery-control-group {\n    flex-direction: column;\n    height: 100%;\n  }\n  .media-gallery-controls.vertical .icon-gallery-control-box.icon-gallery-control-prev {\n    top: 10px;\n    transform: rotate(90deg);\n  }\n  .media-gallery-controls.vertical .icon-gallery-control-box.icon-gallery-control-next {\n    bottom: 10px;\n    transform: rotate(90deg);\n  }\n</style>\n</div>\n      </div>\n    </div>\n  </template>\n\n  <div\n    class=\"\n      product-information-details hide-scrollbar \n        product-btn-sticky\n      \"\n  >\n    <div class=\"product-information-details-content\">\n      <spz-render\n        id=\"quick-add-details-header-render\"\n        class=\"quick-add-details-header-render\"\n        template=\"product-information-details-header-template\"\n        layout=\"container\"\n        src=\"custom:quick-add-data-source.getData\"\n        @finish=\"quick-add-dialog.open;quick-add-price-render.rerender(data=event.data);\"\n      >\n      </spz-render>\n      <template\n        id=\"product-information-details-header-template\"\n        data-function-id=\"product-information-function\"\n      >\n        <div class=\"quick-add-content\">\n          <div\n            class=\"\n              h4 font-medium product-title\n              qa-mobile-truncate_2_line\n              qa-pc-truncate_2_line\n            \"\n          >\n            ${product.title}\n          </div>\n          <div class=\"product-price-wrapper\">\n            <spz-render\n              id=\"quick-add-price-render\"\n              layout=\"container\"\n              manual\n            >\n              <template data-function-id=\"quick-add-price-function\">\n                <div class=\"product-price-container\">\n                  <div\n                    class=\"product-price\"\n                    spz-if=\"${isSelectedVariant}\"\n                  >\n                    <spz-currency\n                      class=\"font-6 font-medium compare-at-price\"\n                      value=\"${variant.price}\"\n                      layout=\"container\"\n                    ></spz-currency>\n                    <spz-currency\n                      class=\"font-11 original-price\"\n                      spz-if=\"${variant.hasDiscount}\"\n                      value=\"${variant.compare_at_price}\"\n                      layout=\"container\"\n                    ></spz-currency>\n                    \n                  </div>\n                  <div class=\"product-price\" spz-else>\n                    <div class=\"product-price-range font-6 font-medium compare-at-price\">\n                      <spz-currency\n                        layout=\"container\"\n                        value=\"${product.price}\"\n                      ></spz-currency>\n                      <span spz-if=\"${isPriceRange}\">-</span>\n                      <spz-currency\n                        spz-if=\"${isPriceRange}\"\n                        layout=\"container\"\n                        value=\"${product.price_max}\"\n                      ></spz-currency>\n                    </div>\n                  </div>\n                </div>\n              </template>\n            </spz-render>\n\n            </div>\n        </div>\n      </template>\n\n      <spz-render\n        id=\"quick-add-details-render\"\n        class=\"quick-add-details-render\"\n        template=\"product-information-details-template\"\n        layout=\"container\"\n        src=\"custom:quick-add-data-source.getData\"\n      >\n      </spz-render>\n      <template\n        id=\"product-information-details-template\"\n        data-function-id=\"product-information-function\"\n      >\n        <spz-product-form\n          id=\"quick-add-product-form\"\n          class=\"quick-add-product-form-container\"\n          layout=\"container\"\n          show-toast\n          product-id=\"${product.id}\"\n          variant-id=\"\"\n          @productChange=\"quick-add-price-render.rerender(data=event);quick-add-quantity.update(max=event.max,min=event.min);\"\n          @atcSuccess=\"quick-add-dialog.close;\"\n          @atcError=\"atc-error-toast.showToast(content=event.message);\"\n        >\n          <form class=\"quick-add-product-form\">\n            <div class=\"quick-add-content\">\n              <spz-variants\n                name=\"quick-add-variants\"\n                id=\"quick-add-variants\"\n                class=\"\"\n                spz-if=\"${product.options && product.options.length > 0}\"\n                layout=\"container\"\n                template=\"quick-add-variants-template\"\n                interact=\"hover\"\n                interference\n                src=\"custom:quick-add-details-render.getData\"\n                select-soldout-suffix=\" - Sold out\"\n                select-no-exists-suffix=\" - Unavailable\"\n                disabled-default-value=\"${isEnableSelectVariant}\"\n                slide=\"product-media-images\"\n                  switch-slide=\"Color\"\n                ></spz-variants>\n\n              <div class=\"quick-add-quantity\">\n                <div class=\"font-10 font-medium product-quantity-title\">\n                  Quantity\n                </div>\n                <spz-quantity\n                  class=\"h5 quantity-selector\"\n                  id=\"quick-add-quantity\"\n                  name=\"quantity\"\n                  layout=\"fixed\"\n                  width=\"94\"\n                  height=\"32\"\n                  value=\"1\"\n                  min=\"1\"\n                  max=\"${max}\"\n                  icon-class=\"icon-quantity\"\n                >\n                </spz-quantity>\n              </div>\n\n              <div class=\"quick-add-tip-stock-out font-11\">\n                <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_notification\"\n  class=\"mr-2\"\n  ></spz-custom-theme-icon>\nProduct was out of stock.\n              </div>\n              <div class=\"quick-add-tip-unavailable font-11\">\n                <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_notification\"\n  class=\"mr-2\"\n  ></spz-custom-theme-icon>\nProduct is unavailable.\n              </div>\n            </div>\n            <div id=\"product-form-buttons\" class=\"product-form-buttons\">\n              <div class=\"product-form-button-item\">\n              <button\n                  class=\"button button--secondary add-to-cart-button button-animation--hover-color-invert\"\n                  type=\"button\"\n                  role=\"addToCart\"\n                  data-track=\"click\"\n                  data-track-content=\"add_to_cart\"\n                  data-track-source=\"add_to_cart\"\n                  product-form=\"#quick-add-product-form\"\n                  @tap=\"quick-add-variants.toggleAttribute(force=true,key='needValidate',value=true);\"\n                >\n                  <div\n  class=\"atlas-loading loading items-center justify-center \"\n  role=\"loading\"\n  hide\n  >\n  <div class=\"loading-bounce\"></div>\n</div>\n<span class=\"button-content\" role=\"content\">\n                    ${selectedVariant.available ? \"Add to cart\" : \"Sold out\"}\n                  </span>\n                </button>\n              <button\n                  spz-if=\"${selectedVariant.available}\"\n                  class=\"button button--primary buy-now-button button-animation--hover-color-invert\"\n                  role=\"buyNow\"\n                  type=\"button\"\n                  data-track=\"click\"\n                  data-track-content=\"checkout\"\n                  data-track-source=\"buy_now\"\n                  product-form=\"#quick-add-product-form\"\n                  @tap=\"quick-add-variants.toggleAttribute(force=true,key='needValidate',value=true);\"\n                >\n                  <div\n  class=\"atlas-loading loading items-center justify-center \"\n  role=\"loading\"\n  hide\n  >\n  <div class=\"loading-bounce\"></div>\n</div>\n<span class=\"button-content\" role=\"content\">Buy now</span>\n                </button>\n              </div>\n              </div>\n          </form>\n        </spz-product-form>\n      </template>\n    </div>\n  </div>\n</div>\n\n<template id=\"quick-add-variants-template\" data-function-id=\"quick-add-variants-function\">\n  <div class=\"quick-add-variants variant-picker\" data-product-id=\"${product.id}\">\n    <div\n      class=\"variant-picker-option\"\n      spz-for=\"(option, index) in data.product.options\"\n      key=\"option.id\"\n    >\n      <fieldset\n        class=\"variant-option-buttons\"\n        spz-if=\"${ Boolean(option.isShowThumbImage) || 'dropdown' == 'button' }\"\n        name=\"${option.name}\"\n        @mouseover=\"quick-add-variants-selected-render-${option.id}.rerender(data=event, redo=true);\"\n        @mouseout=\"quick-add-variants-selected-render-${option.id}.rerender(data=event, redo=true);\"\n      >\n        <legend>\n          <div class=\"font-10 font-medium variant-picker-legend\">\n            <span class=\"variant-picker-legend-text break-words\">${option.name}:</span>\n            <spz-render\n              layout=\"container\"\n              id=\"quick-add-variants-selected-render-${option.id}\"\n              class=\"quick-add-variants-selected-render truncate font-11\"\n              manual\n            >\n              <span spz-if=\"${isSelectedOptName(option.name)}\">\n                ${getSelectedOption(option.name).val[0]}\n              </span>\n              <template>\n                <span>${data.value}</span>\n              </template>\n            </spz-render>\n            <div\n              class=\"variant-picker-view-toggle\"\n              spz-if=\"${ Boolean(option.isShowThumbImage) }\"\n            >\n              <style type=\"text/css\">\n  .pd-variant-view-toggle {\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-right: 10px;\n    cursor: pointer;\n  }\n  .pd-variant-view-toggle.view-grid .pd-variant-view-list-icon {\n    display: inline-flex;\n  }\n  .pd-variant-view-toggle.view-grid .pd-variant-view-grid-icon {\n    display: none;\n  }\n  .pd-variant-view-toggle:not(.view-grid) .pd-variant-view-list-icon {\n    display: none;\n  }\n  .pd-variant-view-toggle:not(.view-grid) .pd-variant-view-grid-icon {\n    display: inline-flex;\n  }\n</style>\n<style>\n  .pd-variant-name-text,.variant-option-label-text {\n      display: block;\n    }\n    .atlas-variant-button .pd-variant-image,.atlas-variant-button .variant-option-label-image {\n      width: 20px !important;\n      height: 20px !important;\n    }\n  </style>\n\n<div\n  id=\"quick-add-variant-view-toggle-${option.position}\"\n  class=\"pd-variant-view-toggle\"\n  @tap=\"quick-add-variant-view-toggle-${option.position}.toggleClass(class='view-grid');quick-add-variant-items-${option.position}.toggleClass(class='variant-view-grid')\"\n>\n  <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_list_view\"\n  size=\"16\"\n  class=\"pd-variant-view-icon pd-variant-view-list-icon\"\n  ></spz-custom-theme-icon>\n<spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_grid\"\n  size=\"16\"\n  class=\"pd-variant-view-icon pd-variant-view-grid-icon none\"\n  ></spz-custom-theme-icon>\n</div>\n</div>\n          </div>\n        </legend>\n        <div\n          id=\"quick-add-variant-items-${option.position}\"\n          class=\"variant-option-buttons-content\"\n        >\n          <div\n            class=\"atlas-variant-button variant-option-label\"\n            spz-for=\"(value, idx) in option.values\"\n            key=\"idx\"\n            data-style=\"${Boolean(option.isShowThumbImage) ? 'fashion' : 'text'}\"\n          >\n            <input\n              spz-if=\"isSelectedOptValue(option.name, value)\"\n              type=\"radio\"\n              form=\"quick-add-product-form\"\n              name=\"${option.name}-variant-picker-${product.id}\"\n              checked\n              value=\"${value}\"\n          option=\"${value}\"\n          data-input-id=\"${option.position}-${idx}\"\n          data-option-value-id=\"${option.id}\"\n        @input-debounced=\"\n          ;quick-add-variant-empty-render-${option.id}.rerender(data=event, redo=true);quick-add-variant-empty-render-${option.id}.toggleClass(class=none, force=true);\n        \"\n            >\n            <input\n              spz-else\n              type=\"radio\"\n              form=\"quick-add-product-form\"\n              name=\"${option.name}-variant-picker-${product.id}\"\n              value=\"${value}\"\n          option=\"${value}\"\n          data-input-id=\"${option.position}-${idx}\"\n          data-option-value-id=\"${option.id}\"\n        @input-debounced=\"\n          ;quick-add-variant-empty-render-${option.id}.rerender(data=event, redo=true);quick-add-variant-empty-render-${option.id}.toggleClass(class=none, force=true);\n        \"\n            >\n            <label data-type=\"${Boolean(option.isShowThumbImage) ? 'fashion' : 'text'}\">\n              <spz-img\n                spz-if=\"${Boolean(option.isShowThumbImage)}\"\n                class=\"variant-option-label-image\"\n                layout=\"fixed\"\n                width=\"110\"\n                height=\"110\"\n                src=\"${getThumbImage(value, option).src}\"\n                alt=\"${getThumbImage(value, option).alt}\"\n                object-fit=\"cover\"\n                auto-fit=\"330\"\n              ></spz-img>\n              <span\n                spz-if=\"${Boolean(option.isShowThumbImage)}\"\n                class=\"variant-option-label-text font-11 break-words truncate\"\n              >\n                ${value}\n              </span>\n              <span\n                spz-if=\"${!Boolean(option.isShowThumbImage)}\"\n                class=\"font-11 break-words\"\n              >\n                ${value}\n              </span>\n            </label>\n          </div>\n        </div>\n      </fieldset>\n\n      <div\n        class=\"variant-option-dropdowns\"\n        name=\"${option.name}-variant-picker-${product.id}\"\n        spz-else\n      >\n        <label\n          class=\"variant-option-dropdowns-label font-10 font-medium truncate\"\n          for=\"option-variant-picker-${index}\"\n          >${option.name}\n        </label>\n        <div class=\"variant-option-select-wrapper\">\n          <select\n            id=\"option-variant-picker-${index}\"\n            class=\"atlas-variant-dropdown variant-option-select truncate font-11\"\n            role=\"variant\"\n            name=\"${option.name}\"\n            value=\"${isSelectedOptName(option.name) ? getSelectedOption(option.name).val[0] : ''}\"\n            @input-debounced=\"\n          ;quick-add-variant-empty-render-${option.id}.rerender(data=event, redo=true);quick-add-variant-empty-render-${option.id}.toggleClass(class=none, force=true);\n        ;${option.name}-empty-option.toggleClass(class='none', force=true);\"\n          >\n            <option\n              spz-for=\"(value, idx) in option.values\"\n              spz-if=\"isSelectedOptValue(option.name, value)\"\n              key=\"idx\"\n              selected\n              value=\"${value}\"\n          option=\"${value}\"\n          data-input-id=\"${option.position}-${idx}\"\n          data-option-value-id=\"${option.id}\"\n        >\n              ${value}\n            </option>\n            <option\n              spz-if=\"${!isSelectedOptName(option.name)}\"\n              id=\"${option.name}-empty-option\"\n              class=\"\"\n              value=\"\"\n              selected\n            >\n              Please select a ${option.name}\n            </option>\n            <option\n              spz-for=\"(value, idx) in option.values\"\n              spz-if=\"${!isSelectedOptValue(option.name, value)}\"\n              key=\"idx\"\n              value=\"${value}\"\n          option=\"${value}\"\n          data-input-id=\"${option.position}-${idx}\"\n          data-option-value-id=\"${option.id}\"\n        >\n              ${value}\n            </option>\n          </select>\n          <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_down\"\n  class=\"variant-option-icon-down\"\n  ></spz-custom-theme-icon>\n</div>\n      </div>\n\n      <spz-render\n        id=\"quick-add-variant-empty-render-${option.id}\"\n        class=\"quick-add-variant-empty-render font-11 break-words\"\n        layout=\"container\"\n        manual\n      >\n        <div\n          spz-if=\"${!isSelectedOptName(option.name)}\"\n          class=\"quick-add-variants-empty-toast pt-2.5\"\n        >\n          Please select a ${option.name}\n        </div>\n        <template>\n          <div spz-if=\"${!Boolean(data.value)}\" class=\"quick-add-variants-empty-toast pt-2.5\">\n            Please select a \n          </div>\n        </template>\n      </spz-render>\n    </div>\n  </div>\n</template>\n</spz-data-source>\n  </template>\n  <script id=\"product-information-function\" type=\"text/template-merge\">\n    const product = data;\n    const selectedVariant =\n      product.variants.find((variant) => variant.available) || product.variants[0];\n    const selectedImageIndex = product.images.findIndex(\n      (image) => JSON.stringify(image) === JSON.stringify(selectedVariant.image)\n    );\n    console.log('product-information-function - data', data);\n    console.log('product-information-function - selectedVariant', selectedVariant);\n\n    const productVariantDefaultSelected = 'selected';\n    const isEnableSelectVariant = function () {\n      if (productVariantDefaultSelected === 'unselected') {\n        return false;\n      } else if (productVariantDefaultSelected === 'selected') {\n        return true;\n      } else {\n        const variantDefaultSelectedNames = (\n          JSON.parse('[\"color\",\"style\"]') || []\n        ).map((name) => name.toLowerCase());\n\n        return product.options.every((option) => {\n          return variantDefaultSelectedNames.includes(option.name.toLowerCase());\n        });\n      }\n    };\n\n    return {\n      originData: data.originData,\n      product,\n      isEnableSelectVariant: String(!isEnableSelectVariant()),\n      isPriceRange: Number(product.price_max) !== Number(product.price_min),\n      selectedVariant: {\n        ...selectedVariant,\n        hasDiscount: Number(selectedVariant.compare_at_price) > Number(selectedVariant.price),\n        discount: Number(selectedVariant.compare_at_price) - Number(selectedVariant.price)\n      },\n      selectedImageIndex: selectedImageIndex === -1 ? 0 : selectedImageIndex,\n      max: selectedVariant.available_quantity || product.inventory_quantity\n    };\n  </script>\n\n  <script id=\"quick-add-variants-function\" type=\"text/template-merge\">\n    return (function (data) {\n      console.log('quick-add-variants-function - data', data);\n      const { product, selectedOptions, selectedValues } = data;\n\n      // Only display the thumbnail of the first variant configured\n      const variantThumbnailNames = (\n        JSON.parse('[]') || []\n      ).map((name) => name.toLowerCase());\n\n      let isLockThumbImage = false;\n\n      product.options.forEach((option) => {\n        option.isShowThumbImage = false;\n      });\n\n      for (const name of variantThumbnailNames) {\n        const option = product.options.find((opt) => opt.name.toLowerCase() === name);\n        if (option && option.showThumbImage && !isLockThumbImage) {\n          option.isShowThumbImage = true;\n          isLockThumbImage = true;\n        }\n      }\n\n      const productVariantDefaultSelected = 'selected';\n      const isEnableSelectedVariants = productVariantDefaultSelected !== 'unselected';\n      const variantDefaultSelectedNames = (\n        JSON.parse('[\"color\",\"style\"]') || []\n      ).map((name) => name.toLowerCase());\n\n      const getSelectedOption = function (optName) {\n        let currSelectedOptions = null;\n        let selectedOption = null;\n\n        if (selectedOptions.length > 0) {\n          selectedOptions.forEach((option) => {\n            option.val = option.value;\n          });\n          currSelectedOptions = selectedOptions;\n        } else {\n          product.options.forEach((option) => {\n            option.val = option.values;\n          });\n          currSelectedOptions = product.options;\n        }\n        selectedOption = currSelectedOptions.find((option) => {\n          return option.name === optName;\n        });\n        return selectedOption;\n      };\n\n      const isSelectedOptValue = function (optName, optValue) {\n        if (!isEnableSelectedVariants) {\n          return false;\n        }\n\n        const isVariantSelectedName = variantDefaultSelectedNames.includes(optName.toLowerCase());\n\n        if (productVariantDefaultSelected === 'partial_selected' && !isVariantSelectedName) {\n          return false;\n        }\n\n        let selectedOption = getSelectedOption(optName);\n        return selectedOption.val[0] === optValue;\n      };\n\n      const isSelectedOptName = function (optName) {\n        if (!isEnableSelectedVariants) {\n          return false;\n        }\n\n        if (productVariantDefaultSelected === 'selected') {\n          return true;\n        }\n\n        return variantDefaultSelectedNames.includes(optName.toLowerCase());\n      };\n\n      const getThumbImage = function (variantValue, option) {\n        if (!option.thumbImages) {\n          return {};\n        }\n        const { image } = option.thumbImages.find(\n          (thumbImage) => thumbImage.value === variantValue\n        );\n        return image || { src: '', alt: '' };\n      };\n\n      return {\n        ...data,\n        isSelectedOptName,\n        isSelectedOptValue,\n        getSelectedOption,\n        getThumbImage\n      };\n    })(data);\n  </script>\n\n  <script id=\"quick-add-price-function\" type=\"text/template-merge\">\n    // Compatible with the data structure of the product template for adding purchase passed from the synchronous/asynchronous data\n    if (!data.product) {\n      data = {\n        product: data,\n        originData: data.originData\n      };\n    }\n    const { variant = {}, selectedOptions = {} } = data;\n\n    const isShowCurrentPrice = function (variantId) {\n      const variantDefaultSelectedNames = (\n        JSON.parse('[\"color\",\"style\"]') || []\n      ).map((name) => name.toLowerCase());\n\n      if (!variantId || variantDefaultSelectedNames.length === 0) {\n        return false;\n      }\n\n      return selectedOptions.every((option) => {\n        return variantDefaultSelectedNames.includes(option.name.toLowerCase());\n      });\n    };\n\n    return {\n      ...data,\n      isSelectedVariant: Boolean(variant.id),\n      isShowCurrentPrice: isShowCurrentPrice(variant.id),\n      isPriceRange: Number(data.product.price_max) !== Number(data.product.price_min),\n      variant: {\n        ...variant,\n        hasDiscount:\n          (variant.id && Number(variant.compare_at_price) > Number(variant.price)) || false,\n        discount: (variant.id && Number(variant.compare_at_price) - Number(variant.price)) || 0\n      }\n    };\n  </script>\n</spz-render>\n</spz-section-render>\n</spz-sidebar>\n</div>\n\n</div>","cart_drawer":"<div id=\"shoplaza-section-cart_drawer\" class=\"shoplaza-section\" data-section-id=\"cart_drawer\" data-section-type=\"cart_drawer\" data-section-style=\"\">\n\n<link\n      rel=\"stylesheet\"\n      href=\"//static.staticdj.com/themes/cart_drawer-ad457a5988.css\"\n      media=\"print\" onload=\"this.media='all'\"\n      >\n  <style>\n    .cart-drawer-header #continue-shopping-cart_drawer {\n      display: none;\n    }\n    .cart-content-cart_drawer::-webkit-scrollbar {\n      display: none;\n    }\n    .cart-content-cart_drawer {\n      padding-bottom: 160px;\n      -ms-overflow-style: none;  /* IE and Edge */\n      scrollbar-width: none;  /* Firefox */\n    }\n    .cart-content-cart_drawer {\n      padding-bottom: 215px;\n      padding-top: 10px;\n    }\n  </style>\n  <spz-sidebar layout=\"nodisplay\" side=\"bottom\" id=\"cart-drawer-modal\" class=\"drawer overflow-hidden-drawer\n  color-scheme-1\" none disable-unmount>\n  <div id=\"cart-drawer-modal-inner\" class=\"drawer-inner flex flex-col background inner-h drawer-sidebar-inner\">\n    <header class=\"cart-drawer-header flex-shrink-0 flex items-center justify-between\">\n    <div class=\"flex items-center\">\n      <h2 class=\"font-medium\">Cart</h2>\n      <spz-event target-id=\"cart_drawer_topbar_count_render\" target-api=\"render\" event-name=\"dj.addToCart;dj.cartChange;\" layout=\"logic\"></spz-event>\n      <spz-render id=\"cart_drawer_topbar_count_render\" layout=\"container\" src=\"/api/cart/count\">\n        <template>\n          <div>\n            <h4 class=\"font-medium notranslate\" spz-if=\"${data.data && data.data.count > 0}\">（${data.data && data.data.count}）</h4>\n          </div>\n        </template>\n      </spz-render>\n    </div>\n    <button class=\"clear flex p-2 cursor-pointer\" @tap=\"cart-drawer-modal.close();\" type=\"button\">\n      <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_close\"\n  class=\"\"\n  ></spz-custom-theme-icon>\n</button>\n  </header>\n\n    <spz-cart\n      id=\"cart-drawer\"\n      layout=\"container\"\n      empty-item=\"cart.line_items\"\n      @mounted=\"cart-items-render-cart_drawer.rerender(data=event.cart);cart-summary-amount-render-cart_drawer.rerender(data=event.cart);cart-summary-checkout-render-cart_drawer.rerender(data=event.cart);cart-summary-sticky-rendercart_drawer.rerender(data=event.cart);\"\n      @cartDelete=\"cart-note-render.rerender(data=event.cart);cart_recommend_render_cart_drawer.rerender(data=event.cart);\"\n      @cartChange=\"cart-items-render-cart_drawer.rerender(data=event.cart);cart-summary-amount-render-cart_drawer.rerender(data=event.cart);cart-summary-checkout-render-cart_drawer.rerender(data=event.cart);cart-summary-sticky-rendercart_drawer.rerender(data=event.cart);cart_recommend_render_cart_drawer.rerender(data=event.cart);\"\n    >\n      <template><div></div></template>\n    </spz-cart>\n    <spz-event target-id=\"cart-drawer\" target-api=\"render\" event-name=\"dj.addToCart\" layout=\"logic\"></spz-event>\n\n    <div\n  class=\"atlas-loading loading items-center justify-center cart-loading\"\n  role=\"loading\"\n  show\n  >\n  <div class=\"loading-bounce\"></div>\n</div>\n<div class=\"cart-empty flex flex-col items-center text-center \" >\n  <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_empty_cart\"\n  class=\"empty_cart_icon\"\n  ></spz-custom-theme-icon>\n<div class=\"font-medium\">\n    Your cart is empty\n  </div>\n  <a href='/' class=\"cart-empty-btn\" data-track='dj.shopNow'>\n    <button \n        class=\"button  button--primary w-full button-animation--hover-color-invert\"\n        type=\"button\"\n        >\n        <span class=\"button-content \" >\n      Shop now\n    </span>\n      </button>\n    </a>\n</div>\n\n<style>\n  .cart-empty {\n    padding: 100px 16px 16px 16px;\n    gap: 20px;\n    height: 100%;\n  }\n  .atlas-icon.empty_cart_icon {\n    width: 120px;\n    height: 120px;\n  }\n  [data-section-id=\"cart_drawer\"] .cart-empty-btn {\n    width: 100%;\n    padding-top: 12px;\n    padding-bottom: 12px;\n  }\n  @media(min-width: 960px) {\n   [data-section-id=\"cart_drawer\"] .cart-empty-btn {\n      width: 100%;\n      }\n  }\n</style>\n<div class=\"cart-content-cart_drawer flex-1 overflow-y-auto px-4\" id=\"cart-content-cart_drawer\">\n      <div class=\"cart-item-details flex-grow\">\n  <spz-render\n  id=\"cart-items-render-cart_drawer\"\n  layout=\"container\"\n  src=\"custom:cart-render.getData()\"\n  >\n  <template>\n    <div class=\"cart-items-container\">\n      <section spz-if=\"${!!(data.line_items && data.line_items.length > 0)}\">\n        <ul class=\"clear cart-items flex flex-col\">\n          <li class=\"\" spz-for=\"item in data.line_items\" key=\"item.id\">\n            <div class=\"flex items-start w-full \">\n              <div class=\"item-image flex-shrink-0 relative \">\n                <a\n                  class=\"cart-item-image\"\n                  spz-href=\"${item.product_url}?variant=${item.variant_id}\"\n                >\n                  <spz-img\n  class=\"overflow-hidden radius-medium\"\n  layout=\"responsive\"\n  width=\"${ item.image.width }\"\n    height=\"${ 0 > 0 ? item.image.width / 0 : item.image.height }\"\n    src=\"${ item.image.src }\"\n    alt=\"${ item.image.alt }\"\n  object-fit=\"cover\"\n  auto-fit\n  ></spz-img>\n\n</a>\n                <span class='product-tmpl-label product-tmpl-label__sold w-full text-center font-11' spz-if=\"${!item.available}\">\n                  Sold out\n                </span>\n              </div>\n              <div class=\"flex-grow cart_item_info_drawer\">\n                <div class=\"cart_item_title flex\">\n                  <div class=\"cart_item_product_info flex flex-col w-full\">\n  <div class=\"flex items-start justify-between\">\n    <h5 class=\"break-words cart_item_product_info truncate-2\">\n      <a spz-href=\"${item.product_url}?variant=${item.variant_id}\" class=\"no-underline\">${item.product_title}</a>\n    </h5>\n<button\n        class=\"clear del_btn_md flex items-center \"\n        type=\"button\"\n        @tap=\"cart-drawer.delete(id=${item.id})\"\n      >\n        <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_delete\"\n  class=\"cart_item_product_info\"\n  ></spz-custom-theme-icon>\n</button>\n    </div>\n  <div class=\"flex items-center \">\n    <div\n      class=\"cart-items-variant-title font-11 color-text-2 radius-small flex items-center break-words mt-2\"\n      spz-if=\"${item.options.length > 0}\"\n    >\n      <div class=\"variant_title flex-1 truncate\">\n        ${item.options.map(option => option.value).join('/')}\n      </div>\n      </div>\n    </div>\n  </div>\n<style>\n  .cart-items-variant-title {\n    background: var(--color-selected-variant-background);\n    padding: 2px 6px;\n    width: fit-content;\n    max-width: 100%;\n  }\n  .variant_title {\n    color: var(--color-selected-variant-text);\n  }\n  .variant_title_icon {\n    color: var(--color-selected-variant-icon);\n  }\n  .del_btn_md {\n    line-height: calc(var(--font-heading-scale) * 22px);\n    height: calc(var(--font-heading-scale) * 22px);\n  }\n</style>\n</div>\n                <div class=\"cart_item_price \">\n                  <div class=\"flex flex-col lg:items-start\">\n  <h5 class=\"font-regular\">\n    <spz-currency\n      class=\"none lg:block font-medium font-8\"\n      spz-if=\"${!!item.final_line_price && (+item.final_line_price < +item.line_price)}\"\n      layout=\"container\"\n      value=\"${item.final_line_price}\"\n    ></spz-currency>\n  </h5>\n  <h5 class=\"font-regular\">\n    <spz-currency\n      class=\"lg:none font-medium font-10\"\n      spz-if=\"${!!item.final_line_price && (+item.final_line_price < +item.line_price)}\"\n      layout=\"container\"\n      value=\"${item.final_line_price}\"\n    ></spz-currency>\n  </h5>\n  <h5 class=\"font-regular\">\n    <spz-currency\n      class=\"${!!item.final_line_price && (+item.final_line_price < +item.line_price) ? 'color-compare-price line-through color-text-3' : 'color-price font-medium font-8'}\"\n      layout=\"container\"\n      value=\"${item.line_price}\"\n    ></spz-currency>\n  </h5>\n</div>\n                  <div class=\"none \">\n                    <div\n  class=\"flex items-start flex-wrap lg:justify-start\"\n  spz-for=\"discount_item in item.discount_applications\"\n>\n  <h5 class=\"color-text-3 font-regular text-right break-words\">\n    <spz-img\n      spz-if=\"${!!discount_item.icon}\"\n      class=\"flex-shrink-0 mr-1 mt-0.5\"\n      src=\"${discount_item.icon}\"\n      layout=\"fixed\"\n      width=\"12\"\n      height=\"12\"\n      alt=\"item.image.alt || item.product_title\"\n      object-fit=\"contain\"\n    ></spz-img>${discount_item.title}</h5>\n  <h5\n    spz-if=\"${discount_item.discount_amount > 0 || discount_item.amount > 0}\"\n    class=\"flex-shrink-0 font-regular notranslate color-text-3\"\n    >(-<spz-currency\n      style=\"display: inline-block;\"\n      layout=\"container\"\n      value=\"${discount_item.discount_amount || discount_item.amount}\"\n    ></spz-currency\n    >)</h5\n  >\n</div>\n</div>\n                </div>\n                <div class=\"cart_item_qty flex flex-col items-end  \">\n                  <style type=\"text/css\">\n  .qty-wrapper {\n    gap: 16px;\n  }\n  .cart-item-qty {\n    border-radius: var(--inputs-radius);\n    border: var(--inputs-border-width) solid var(--color-input-border);\n    color: var(--color-secondary-button-text);\n    background: var(--color-secondary-button-background);\n    box-sizing: content-box;\n  }\n  .cart-item-qty .cart-item-qty-icon {\n    color: var(--color-secondary-button-icon);\n  }\n  .cart-item-qty .cart-item-qty-icon:first-child {\n    border-right: 1px solid var(--color-secondary-button-border);\n    border-left: none;\n  }\n  .cart-item-qty .cart-item-qty-icon:last-child {\n    border-left: 1px solid var(--color-secondary-button-border);\n    border-right: none;\n  }\n  .cart-item-qty .cart-item-qty-input {\n    flex: 1;\n    min-width: 0;\n    height: 100%;\n    color: var(--color-secondary-button-text);\n    background: var(--color-secondary-button-background);\n  }\n  .cart-item-qty .cart-item-qty-icon[disabled] {\n    color: var(--color-disabled-icon);\n    background: var(--color-disabled-background);\n  }\n  .cart-free-gift-qty {\n    color: var(--color-secondary-button-text);\n  }\n  @media (min-width: 960px) {\n    .qty-wrapper .lgBlock {\n      display: block !important;\n    }\n    .qty-wrapper .lgBlock .cart-qty {\n      display: flex;\n      align-items: center;\n    }\n  }\n</style>\n<div class=\"qty-wrapper flex items-center \" style=\"\">\n  <spz-quantity\n    spz-if=\"${!item.disabled}\"\n    id=\"cart-item-qty\"\n    icon-class=\"clear cart-item-qty-icon\"\n    input-class=\"clear cart-item-qty-input\"\n    class=\"cart-item-qty h5\"\n    name=\"quantity\"\n    width=\"92\"\n    height=\"28\"\n    value=\"${item.quantity}\"\n    min=\"1\"\n    max=\"${item.available_quantity}\"\n    layout=\"flex-item\"\n    @quantityChange=\"cart-drawer.update(value=event.value, id='${item.id}', variantId='${item.variant_id}', productId='${item.product_id}'););\"\n    >\n  </spz-quantity>\n  <div class=\"cart-free-gift-qty\" spz-if=\"${!!item.disabled}\">*${item.quantity}</div>\n  <button\n    class=\"clear none \"\n    type=\"button\"\n    @tap=\"cart-drawer.delete(id=${item.id})\"\n  >\n    <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_delete\"\n  class=\"cart-qty\"\n  ></spz-custom-theme-icon>\n</button>\n</div>\n<div class=\"mt-1 cart-qty-minimum-tip\" spz-if=\"${!!item.item_text}\">\n                    ${item.item_text}\n                  </div>\n                </div>\n                <div class=\"cart_item_discount \">\n                  <div\n  class=\"flex items-start flex-wrap lg:justify-start\"\n  spz-for=\"discount_item in item.discount_applications\"\n>\n  <h5 class=\"color-text-3 font-regular text-right break-words\">\n    <spz-img\n      spz-if=\"${!!discount_item.icon}\"\n      class=\"flex-shrink-0 mr-1 mt-0.5\"\n      src=\"${discount_item.icon}\"\n      layout=\"fixed\"\n      width=\"12\"\n      height=\"12\"\n      alt=\"item.image.alt || item.product_title\"\n      object-fit=\"contain\"\n    ></spz-img>${discount_item.title}</h5>\n  <h5\n    spz-if=\"${discount_item.discount_amount > 0 || discount_item.amount > 0}\"\n    class=\"flex-shrink-0 font-regular notranslate color-text-3\"\n    >(-<spz-currency\n      style=\"display: inline-block;\"\n      layout=\"container\"\n      value=\"${discount_item.discount_amount || discount_item.amount}\"\n    ></spz-currency\n    >)</h5\n  >\n</div>\n</div>\n              </div>\n            </div>\n          </li>\n        </ul>\n      </section>\n    </div>\n  </template>\n</spz-render>\n<style>\n  .cart-items {\n    gap: 0;\n    margin-top: 16px;\n  }\n  .cart-items li {\n    padding: 16px 0;\n  }\n  .cart-items li:first-child {\n    padding-top: 0;\n  }\n  .cart_item_title {\n    grid-area: title;\n  }\n  .cart_item_price {\n    grid-area: price;\n    text-align: left;\n  }\n  .cart_item_qty {\n    grid-area: qty;\n  }\n  .cart_item_discount {\n    grid-area: discount;\n    margin-top: -12px;\n  }\n  .cart_item_info_up, .cart_item_info_left, .cart_item_info_drawer {\n    display: grid;\n    grid-template-columns: 50% 1fr;\n    grid-template-areas:\n      \"title title\"\n      \"price qty\"\n      \"discount discount\";\n    grid-row-gap: 12px;\n    grid-column-gap: 12px;\n    overflow: visible;\n    height: auto;\n    min-height: 0;\n    max-height: none;\n  }\n\n  [data-section-id=\"cart_drawer\"] .item-image {\n    width: 80px;\n    overflow: hidden;\n    margin-right: 12px;\n  }\n  [data-section-id=\"cart_drawer\"] .item-image spz-img {\n    width: 100%;\n    object-fit: cover;\n  }\n  .product-tmpl-label {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    z-index: 1;\n    border-radius: 0 0 6px 6px;\n  }\n\n  .product-tmpl-label__sold {\n    padding: 4px 10px;\n    background-color: var(--color-primary-button-background);\n    color: var(--color-primary-button-text);\n    opacity: 0.6;\n  }\n  @media (min-width: 960px) {\n    .cart_item_info_up {\n      width: 100%;\n      grid-template-areas: 'title qty price';\n      gap: 4.8387%;\n    }\n    .cart_item_info_left {\n      grid-template-columns: minmax(100px, 60%) 1fr;\n      grid-template-areas:'title price' 'title qty';\n    }\n    .cart_item_info_drawer {\n      grid-template-columns: 50% 1fr;\n      grid-template-areas:\n          \"title title\"\n          \"price qty\"\n          \"discount discount\";\n    }\n    .cart_item_discount {\n      margin-top: -16px;\n    }\n    .cart_item_info_up, .cart_item_info_left, .cart_item_info_drawer {\n      grid-row-gap: 16px;\n    }\n    [data-section-id=\"cart_drawer\"] .cart-items {\n      margin-top: 30px;\n    }\n    [data-section-id=\"cart_drawer\"] .cart-items li {\n      padding: 30px 0;\n      }\n    [data-section-id=\"cart_drawer\"] .cart-items li:first-child {\n      padding-top: 0;\n    }\n    [data-section-id=\"cart_drawer\"] .cart-items-header {\n      display: grid;\n      grid-template-columns: 50% 16.13% 24.2%;\n      gap: 4.8387%;\n      border-bottom: 1px solid var(--color-border);\n    }\n    [data-section-id=\"cart_drawer\"] .item-image {\n      width: 80px;\n        margin-right: 12px;\n      }\n  }\n</style>\n</div>\n<div class=\"cart_summary_container\" id=\"cart-summary-container-cart_drawer\">\n  <style>\n    .cart_summary_group {\n      display: flex;\n      flex-direction: column;\n      }\n    .cart_summary_group > .block-container{\n      border-radius: 6px;\n    }\n    </style>\n  <div>\n    <div id=\"cart_summary_group\" class=\"cart_summary_group lg:sticky lg:top-0\">\n      <section >\n<style>\n    .free-shipping-container-cart_drawer-1-0 .cart_free_shipping {\n      padding: 8px 12px;\n      border-radius: 6px;\n      color: #FFFFFF;\n      background-color: #FF6F59;\n      overflow: hidden;\n      margin: 12px 0;\n    }\n    .cart-summary-sticky-container .cart_free_shipping  {\n      margin-bottom: 0;\n    }\n    .cart-item-details .cart_free_shipping {\n      margin-bottom: 12px;\n    }\n    .free-shipping-container-cart_drawer-1-0 .cart_free_shipping[data-free-shipping=\"true\"] {\n      padding: 8px;\n      color: #3BB346;\n      background-color: #D0F0D2;\n    }\n    .free-shipping-container-cart_drawer-1-0 .cart_free_shipping h5{\n      color: #FFFFFF;\n    }\n    .free-shipping-container-cart_drawer-1-0 .cart_free_shipping[data-free-shipping=\"true\"] h5{\n      color: #3BB346;\n    }\n\n    .free-shipping-container-cart_drawer-1-0 .cart_free_shipping__progress_bar_wrap {\n      height: 6px;\n      background-color: #B90D0D;\n      border-radius: 16px;\n    }\n\n    .free-shipping-container-cart_drawer-1-0 .cart_free_shipping__progress_bar {\n      transition: all 1s;\n      background: #FFB93F;\n      border: 1px solid #7DD182;\n    }\n    .free-shipping-container-cart_drawer-1-0 .cart_free_shipping[data-free-shipping=\"false\"] .cart_free_shipping__progress_bar {\n      border: 1px solid #B90D0D;\n    }\n\n    .free-shipping-container-cart_drawer-1-0 .cart_free_shipping[data-free-shipping=\"true\"] .cart_free_shipping__progress_bar_wrap,\n    .free-shipping-container-cart_drawer-1-0 .cart_free_shipping[data-free-shipping=\"true\"] .cart_free_shipping__progress_bar {\n      background: #7DD182;\n    }\n\n    .free-shipping-container-cart_drawer-1-0 .fashion {\n      position:relative ;\n    }\n\n    .free-shipping-container-cart_drawer-1-0 .icon_percentage,\n    .free-shipping-container-cart_drawer-1-0 .icon_money {\n      position: absolute;\n    }\n\n    .free-shipping-container-cart_drawer-1-0 .icon_percentage {\n      width: 358px;\n      height: 50px;\n      right: -45%;\n      top: -50%;\n      transform: rotate(-28.196deg);\n      color: #ffffff;\n      opacity: 0.5;\n    }\n    .free-shipping-container-cart_drawer-1-0 .icon_money {\n      width: 358px;\n      height: 50px;\n      right: 45%;\n      top: 37%;\n      color: #ffffff;\n      opacity: 0.5;\n    }\n    .cart-summary-sticky-container .icon_percentage {\n      right: -42%;\n    }\n\n    .free-shipping-container-cart_drawer-1-0 .fashion .cart_free_shipping__progress_bar,\n    .free-shipping-container-cart_drawer-1-0 .classic .cart_free_shipping__progress_bar {\n      border-radius: 100px;\n    }\n\n    .free-shipping-container-cart_drawer-1-0 .progress-full-bar {\t\n      height: 100%;\t\n      background-color: #FFB93F;  \n      border-radius: 4px; \n    }\n\n    .free-shipping-container-cart_drawer-1-0 .cart_free_shipping[data-free-shipping=\"true\"] .cart_free_shipping__progress_bar,\n    .free-shipping-container-cart_drawer-1-0 .progress-full-striped .progress-full-bar { \n      --color-full-bar-bg: #D0F0D2;\n      opacity: 0.6;\n      transition: all 1s;\n      background-color: transparent;\n      background-image: linear-gradient(\n        135deg,\n        var(--color-full-bar-bg) 10%,\n        transparent 10%, transparent 20%,\n        var(--color-full-bar-bg) 20%, var(--color-full-bar-bg) 30%,\n        transparent 30%, transparent 40%,\n        var(--color-full-bar-bg) 40%, var(--color-full-bar-bg) 50%,\n        transparent 50%, transparent 60%,\n        var(--color-full-bar-bg) 60%, var(--color-full-bar-bg) 70%,\n        transparent 70%, transparent 80%,\n        var(--color-full-bar-bg) 80%, var(--color-full-bar-bg) 90%,\n        transparent 90%, transparent 100%\n      );\n    }\n\n    .free-shipping-container-cart_drawer-1-0 .truck-icon {\n      position: absolute;\n      right: -15px;\n      top: 50%;\n      transform: translateY(-50%);\n      font-size: 20px;\n      padding: 5px;\n      transition: right 0.3s ease-in-out;\n    }\n    .free-shipping-container-cart_drawer-1-0 .truck-icon .atlas-icon {\n      color: #FFB93F;\n    }\n\n    .free-shipping-container-cart_drawer-1-0 .cart_free_shipping_hightlight,\n    .free-shipping-container-cart_drawer-1-0 .cart_free_shipping_hightlight .atlas-icon{\n      color: rgba(255, 228, 0, 1);\n      font-weight: 600;\n    }\n    .free-shipping-container-cart_drawer-1-0 .cart_free_shipping[data-free-shipping=\"true\"] .cart_free_shipping_hightlight {\n      color: #3BB346;\n    }\n    .free-shipping-container-cart_drawer-1-0 .cart_free_shipping[data-free-shipping=\"true\"] .cart_free_shipping_hightlight .atlas-icon{\n      color: #FFFFFF;\n    }\n\n    .free-shipping-container-cart_drawer-1-0 .cart_free_shipping[data-free-shipping=\"true\"] .classic .cart_free_shipping_hightlight {\n      color: #FFFFFF;\n    }\n\n    .free-shipping-container-cart_drawer-1-0 .cart_free_shipping[data-free-shipping=\"true\"] .classic .cart_free_shipping_hightlight {\n      color: #3BB346;\n    }\n    .free-shipping-text > *{\n      display: inline-block;\n    }\n    </style>\n  <template id=\"cart_free_shipping_template-cart_drawer-1-0\">\n    ${(function(){\n  var isClassic = 'fashion' == 'classic';\n  var total_price = data.total_price;\n  var postageFreeAmount = 50;\n  var freeAmount = parseFloat(postageFreeAmount) - parseFloat(total_price);\n  var isFreeShipping = freeAmount <= 0;\n  var rate = Math.min(total_price / postageFreeAmount * 100, 100).toFixed(2);\n  const textArray = \"Buy {amount} more to enjoy Free Shipping\".split(/\\{\\s*amount\\s*\\}/);\n  const textArrayHtml = textArray.map((text, index) => {\n    if (index == 0) {\n      return `<span>${text}</span>`;\n    }\n\n    return `<spz-currency class=\"cart_free_shipping_hightlight mx-1 inline-block\" layout=\"container\" value=\"${freeAmount}\"></spz-currency><span>${text}</span>`;\n  }).join('');\n\n  return `\n    <div class=\"cart_free_shipping \" data-free-shipping=\"${!!isFreeShipping}\">\n      <div spz-if=\"${isClassic}\" class=\"classic\">\n        <div class=\"flex items-center\">\n          <h5 class=\"flex items-center justify-center\">\n            <span class=\"cart_free_shipping_hightlight flex items-center mr-2\">\n\n<spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_shipping\"\n  class=\"\"\n  ></spz-custom-theme-icon>\n</span>\n            <span spz-if=\"${!isFreeShipping}\">${textArrayHtml}</span>\n            <span spz-else>You've got free shipping</span>\n          </h5>\n        </div>\n        <div class=\"cart_free_shipping__progress flex items-center mt-2\">\n          <div class=\"cart_free_shipping__progress_bar_wrap flex-1 relative\">\n            <div class=\"cart_free_shipping__progress_bar absolute h-full\" style=\"width:${rate}%;\"></div>\n          </div>\n        </div>\n      </div>\n      <div spz-else class=\"fashion\">\n        <div class=\"flex items-center\">\n          <h5 class=\"free-shipping-text\" spz-if=\"${!isFreeShipping}\">\n            ${textArrayHtml}\n          </h5>\n          <h5 spz-else>You've got free shipping</h5>\n        </div>\n        <div class=\"cart_free_shipping__progress flex items-center mt-2\">\n          <div class=\"cart_free_shipping__progress_bar_wrap flex-1 relative\">\n            <div spz-if=\"${!isFreeShipping}\" class=\"cart_free_shipping__progress_bar absolute h-full\" style=\"width:${rate}%;\">\n              <div class=\"truck-icon\">\n                <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_free_shipping_cat\"\n  class=\"\"\n  ></spz-custom-theme-icon>\n</div>\n            </div>\n            <div spz-else class=\"cart_free_shipping__progress_bar absolute h-full progress-full-striped\" style=\"width:100%;\">\n              <div class=\"progress-full-bar h-full\"></div>\n            </div>\n          </div>\n        </div>\n        <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_free_shipping_percentage\"\n  class=\"icon_percentage\"\n  ></spz-custom-theme-icon>\n<spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_free_shipping_rmb\"\n  class=\"icon_money\"\n  ></spz-custom-theme-icon>\n</div>\n    </div>\n  `\n})()}\n  </template>\n  <spz-render translate=\"no\" id=\"cart-free-shipping-render-cart_drawer-1-0\" class=\"free-shipping-container-cart_drawer-1-0\" layout=\"container\" src=\"custom:cart-drawer.getData\" template=\"cart_free_shipping_template-cart_drawer-1-0\"></spz-render>\n\n</section>\n  <spz-event target-id=\"cart-free-shipping-render-cart_drawer-1-0\" target-api=\"render\" event-name=\"dj.cartUpdate\" layout=\"logic\" manual></spz-event>\n<style>\n  .payment-title {\n    order: 1;\n  }\n  .payment-icons-container {\n    order: 2;\n  }\n</style>\n<div\n  class=\"block-container color-scheme-2 \"\n  data-block-id=\"cart_drawer-1-1\"\n  >\n  <div class=\"cart-summary\" id=\"cart-summary\">\n  <h4 class=\"uppercase\">Summary</h4>\n  <div class=\"line mt-5 mb-5\"></div>\n\n  <style>\n  .p-5 {\n    padding: 20px;\n  }\n  .uppercase {\n    text-transform: uppercase;\n  }\n  .cart-summary {\n    border-radius: 1rem;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n  }\n  .\\!empty-hidden:empty {\n    display: none !important;\n  }\n  @media (min-width: 960px) {\n    .cart-summary .cart-coupon-code-recommend-dropdown .i-spzhtml-dropdown-container {\n      width: 100%;\n    }\n  }\n</style>\n<section class=\"w-full\" >\n  <spz-render\n    id=\"cart-summary-amount-render-cart_drawer\"\n    layout=\"container\"\n    manual\n    @finish=\"cart-note-render.rerender(data=event);\"\n  >\n    <template>\n      <div class=\"flex items-center justify-between\">\n        <h5 class=\"uppercase color-text-2 font-regular\">Subtotal:</h5>\n        <h5 class=\"notranslate ml-2 font-regular whitespace-nowrap\">\n          <spz-currency\n            class=\"inline-block\"\n            layout=\"container\"\n            value=\"${data.line_price}\"\n          ></spz-currency>\n        </h5>\n      </div>\n      <div\n        class=\"flex flex-col items-start gap-3 mt-3\"\n        spz-if=\"${!!(data.discount_applications && data.discount_applications.length > 0)}\"\n      >\n        <div\n          class=\"flex items-center justify-between w-full\"\n          spz-for=\"(discount_application,index) in data.discount_applications\"\n        >\n          <h5 class=\"uppercase color-text-2 font-regular\">${discount_application.title}:</h5>\n          <h5 class=\"notranslate ml-2 font-regular whitespace-nowrap\">\n            <span>-</span\n            ><spz-currency\n              class=\"inline-block\"\n              layout=\"container\"\n              value=\"${discount_application.discount_amount}\"\n            ></spz-currency>\n          </h5>\n        </div>\n      </div>\n    </template>\n  </spz-render>\n  <div class=\"line mt-5 mb-5\"></div>\n  <spz-render\n    id=\"cart-summary-checkout-render-cart_drawer\"\n    layout=\"container\"\n    manual\n    @finish=\"cart-note-render.rerender(data=event);\"\n  >\n    <template>\n      <div class=\"flex flex-col items-start gap-3\">\n        <div class=\"flex items-start justify-between w-full\" spz-if=\"${data.total_discount > 0}\">\n          <h5 class=\"uppercase color-text-2 font-regular\">\n            Total discount:\n          </h5>\n          <h5 class=\"flex items-center font-regular\">\n            <span>-</span>\n            <spz-currency\n              class=\"color-price\"\n              container-class=\"plugin__bundle__cart__total-price\"\n              layout=\"container\"\n              value=\"${data.total_discount}\"\n            ></spz-currency>\n          </h5>\n        </div>\n\n        <div class=\"flex items-start justify-between w-full\">\n          <h5 class=\"uppercase color-text-2 font-regular\">Total:</h5>\n          <h5 class=\"flex items-start justify-end flex-wrap font-regular\">\n            <spz-currency\n              class=\"color-price\"\n              container-class=\"plugin__bundle__cart__total-price\"\n              layout=\"container\"\n              value=\"${data.total_price}\"\n            ></spz-currency>\n            </h5>\n        </div>\n        <div\n          class=\"flex justify-between items-center \\!empty-hidden plugin__bundle__cart__save\"\n        ></div>\n        <div spz-if=\"${!!data.invalid_msg}\">${data.invalid_msg}</div>\n      </div>\n    </template>\n  </spz-render>\n</section>\n\n<template\n  id=\"cart_note_template\"\n  data-function=\"\n    function(data){\n      if (data && data.data && data.data.note) {\n        data.note = data.data.note;\n      }\n      return data;\n    }\n  \"\n>\n  <div class=\"flex flex-col items-start\">\n    <div class=\"flex items-center justify-center cursor-pointer gap-2\">\n      <h5 class=\"font-medium uppercase\">Add order note</h5>\n      <span\n        id=\"cart-note-icon-write\"\n        class=\"flex\"\n        @tap=\"cart-note-form.toggleClass(class='none', force=false);cart-note-value.toggleClass(class='none', force=true);cart-note-icon-write.hide;cart-note-icon-close.show\"\n      >\n        <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_message\"\n  class=\"\"\n  ></spz-custom-theme-icon>\n</span>\n      <span\n        id=\"cart-note-icon-close\"\n        class=\"flex\"\n        hidden\n        @tap=\"cart-note-form.toggleClass(class='none', force=true);cart-note-value.toggleClass(class='none', force=false);cart-note-icon-write.show;cart-note-icon-close.hide\"\n      >\n        <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_close\"\n  class=\"\"\n  ></spz-custom-theme-icon>\n</span>\n    </div>\n    <div id=\"cart-note-value\" class=\"mt-2 cart_note_value\" spz-if=\"${!!data.note || !!data.value}\">\n      <h5>${data.note || data.value}</h5>\n    </div>\n  </div>\n</template>\n\n<div class=\"flex flex-col\" >\n  <h5 class=\"color-text-2 mt-3 text-center font-regular\">\n      Taxes and shipping calculated at checkout\n    </h5>\n  <button \n        class=\"button  button--primary w-full mt-5 button-animation--hover-color-invert\"\n        type=\"button\"\n        @tap=\"cart-drawer.checkout;\"\n        id='cart-checkout-btn'\n      >\n        <div\n  class=\"atlas-loading loading items-center justify-center \"\n  role=\"loading\"\n  hide\n  >\n  <div class=\"loading-bounce\"></div>\n</div>\n<span class=\"button-content \" >\n    Check out\n  </span>\n      </button>\n    </div>\n\n<div class=\"flex flex-col items-center gap-3 mt-5\">\n    <div class=\"payment-icons-container flex flex-wrap gap-2\">\n      <spz-img\n      layout=\"fixed\"\n      width=\"38\"\n      height=\"24\"\n      src=\"//img.staticdj.com/oss/operation/d65ad35a9b622740ddbd69dbb5fe210d_100x.svg\"\n      object-fit=\"cover\"\n      ssr\n    ></spz-img>\n    <spz-img\n      layout=\"fixed\"\n      width=\"38\"\n      height=\"24\"\n      src=\"//img.staticdj.com/oss/operation/b823bc7dd65f1a58d949dfb47916e4b2_100x.svg\"\n      object-fit=\"cover\"\n      ssr\n    ></spz-img>\n    <spz-img\n      layout=\"fixed\"\n      width=\"38\"\n      height=\"24\"\n      src=\"//img.staticdj.com/oss/operation/b15fc6ed8f726b685310a8a5b4ebc312_100x.svg\"\n      object-fit=\"cover\"\n      ssr\n    ></spz-img>\n    <spz-img\n      layout=\"fixed\"\n      width=\"38\"\n      height=\"24\"\n      src=\"//img.staticdj.com/oss/operation/3cc7bc0c09f7f0fb19581a21abd4cd53_100x.svg\"\n      object-fit=\"cover\"\n      ssr\n    ></spz-img>\n    <spz-img\n      layout=\"fixed\"\n      width=\"38\"\n      height=\"24\"\n      src=\"//img.staticdj.com/oss/operation/05c6e70d3305544f7d6de78005253997_100x.svg\"\n      object-fit=\"cover\"\n      ssr\n    ></spz-img>\n    <spz-img\n      layout=\"fixed\"\n      width=\"38\"\n      height=\"24\"\n      src=\"//img.staticdj.com/oss/operation/0f27c24bf18e73ee40099276c78a2407_100x.svg\"\n      object-fit=\"cover\"\n      ssr\n    ></spz-img>\n    <spz-img\n      layout=\"fixed\"\n      width=\"38\"\n      height=\"24\"\n      src=\"//img.staticdj.com/oss/operation/50927f9a9805ee57dd3971a24ab13037_100x.svg\"\n      object-fit=\"cover\"\n      ssr\n    ></spz-img>\n    <spz-img\n      layout=\"fixed\"\n      width=\"38\"\n      height=\"24\"\n      src=\"//img.staticdj.com/oss/operation/b068c5902e07857d5251e11f8198ad80_100x.svg\"\n      object-fit=\"cover\"\n      ssr\n    ></spz-img>\n    <spz-img\n      layout=\"fixed\"\n      width=\"38\"\n      height=\"24\"\n      src=\"//img.staticdj.com/oss/operation/765d37c438121a88548aca3251397c3a_100x.svg\"\n      object-fit=\"cover\"\n      ssr\n    ></spz-img>\n    <spz-img\n      layout=\"fixed\"\n      width=\"38\"\n      height=\"24\"\n      src=\"//img.staticdj.com/oss/operation/fbf90e0aa3d593406fa09a8e4346dba9_100x.svg\"\n      object-fit=\"cover\"\n      ssr\n    ></spz-img>\n    <spz-img\n      layout=\"fixed\"\n      width=\"38\"\n      height=\"24\"\n      src=\"//img.staticdj.com/oss/operation/9103c8c82514f39d8360c7430c4ee557_100x.svg\"\n      object-fit=\"cover\"\n      ssr\n    ></spz-img>\n    <spz-img\n      layout=\"fixed\"\n      width=\"38\"\n      height=\"24\"\n      src=\"//img.staticdj.com/oss/operation/10ae93be4b97bf45282aaf3ad517a640_100x.svg\"\n      object-fit=\"cover\"\n      ssr\n    ></spz-img>\n    <spz-img\n      layout=\"fixed\"\n      width=\"38\"\n      height=\"24\"\n      src=\"//img.staticdj.com/oss/operation/329db58ac0f7bf6e446ea93aa338f25d_100x.svg\"\n      object-fit=\"cover\"\n      ssr\n    ></spz-img>\n    <spz-img\n      layout=\"fixed\"\n      width=\"38\"\n      height=\"24\"\n      src=\"//img.staticdj.com/oss/operation/c2582dab2d5f2f32e7cec24fc709a717_100x.svg\"\n      object-fit=\"cover\"\n      ssr\n    ></spz-img>\n    </div>\n    <h5 class=\"payment-title uppercase font-regular\">\n        Payment method\n      </h5>\n    </div>\n</div>\n</div>\n\n</div>\n  </div>\n</div>\n\n<style type=\"text/css\">\n  .cart-drawer-bottom-container {\n    padding-top: 36px;\n  }\n</style>\n<div class=\"cart-drawer-bottom-container\">\n  <spz-section-render\n    layout=\"container\"\n    load-priority=\"eager\"\n    id=\"cart-drawer-bottom-render\"\n    section=\"cart_drawer\"\n    >\n    <div\n  class=\"block-container color-scheme-1 \"\n  data-block-id=\"cart_drawer-2-0\"\n  >\n  <div class=\"cart_recommend_container flex flex-col\">\n\t\n\t\t\n<div class=\"cart_recommend_header flex justify-center lg:mb-4 lg:justify-between items-center w-full gap-4\">\n  <h2 class=\"font-9 color-text-0 font-medium truncate\">You may also like</h2>\n  </div>\n<div class=\"view_all_bottom_btn flex justify-center\">\n    <a href=\"/collections/cart-recommendations\">\n      <button \n        class=\"button  button--primary  button-animation--hover-color-invert\"\n        type=\"button\"\n        >\n        <span class=\"button-content \" >View all</span>\n      </button>\n    </a>\n  </div>\n<div class=\"cart_recommend_content\">\n\t\t\n\t\t\t\n\n<spz-render\n    id=\"cart-recommendations-render\"\n    layout=\"container\"\n    class=\"none lg:block\"\n    src=\"/api/collections/b3c8c68a-b379-4bae-9cc6-4b62c06edf4f/cps?page=0&limit=6\" items=\"data.products\"\n    >\n    <template>\n      <spz-carousel\n        class=\"recommend_list_carousel\"\n        layout=\"container\"\n        initial-slide=\"0\"\n        visible-count=\"3.8\"\n        data-type=\"carousel\"\n        effect=\"swipe\"\n        controls\n      >\n        <div class=\"recommend_carousel_item\" spz-for=\"item in data\" key=\"item.id\">\n          <div>\n<script id=\"cart-recommendations-render-${data.id || item.id}-cart_drawer-config\" type=\"application/json\">\n{\n  \"template_color\": \"scheme-1\",\n  \"enable_animate\": null,\n  \"unique_id\": \"cart_drawer_cart_drawer\",\n  \"product_snippet_id\": \"cart-recommendations-render-${data.id || item.id}-cart_drawer\",\n  \"show_quick_add\": true\n}\n</script>\n<spz-product-snippet\n  id=\"cart-recommendations-render-${data.id || item.id}-cart_drawer\"\n  product-id=\"${data.id || item.id}\"\n  class=\"atlas-product-snippet \"\n  layout=\"container\"\n  variant-thumb-names=\"color,style,model,type,pattern,print,material,fabric,bundle,set\"\n  src=\"custom:cart-recommendations-render.getData;custom:global-theme-config.getData;script:cart-recommendations-render-${data.id || item.id}-cart_drawer-config;script:global-shop-config\"\n  template-src=\"//static.staticdj.com/themes/product_template-438a2ef9ea.tpl\"\n>\n</spz-product-snippet>\n</div>\n</div>\n        <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_left\"\n  class=\"none lg:block\"\n  pre\n></spz-custom-theme-icon>\n<spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_right\"\n  class=\"none lg:block\"\n  next\n></spz-custom-theme-icon>\n</spz-carousel>\n    </template>\n  </spz-render>\n  <spz-list\n    id=\"cart-recommendations-list-mobile\"\n    class=\"cart-recommendations-list-mobile flex lg:none overflow-x-auto hide-scrollbar\"\n    layout=\"container\"\n    page-size=\"6\"\n    initial-page=\"0\"\n    column-count=\"2\"\n    list=\"data.products\" total=\"data.count\" src=\"/api/collections/b3c8c68a-b379-4bae-9cc6-4b62c06edf4f/cps?page=0&limit=\"\n  >\n    <template>\n      <div>\n<script id=\"cart-recommendations-list-mobile-${data.id || item.id}-cart_drawer-config\" type=\"application/json\">\n{\n  \"template_color\": \"scheme-1\",\n  \"enable_animate\": null,\n  \"unique_id\": \"cart_drawer_cart_drawer\",\n  \"product_snippet_id\": \"cart-recommendations-list-mobile-${data.id || item.id}-cart_drawer\",\n  \"show_quick_add\": true\n}\n</script>\n<spz-product-snippet\n  id=\"cart-recommendations-list-mobile-${data.id || item.id}-cart_drawer\"\n  product-id=\"${data.id || item.id}\"\n  class=\"atlas-product-snippet \"\n  layout=\"container\"\n  variant-thumb-names=\"color,style,model,type,pattern,print,material,fabric,bundle,set\"\n  src=\"custom:cart-recommendations-list-mobile.getData;custom:global-theme-config.getData;script:cart-recommendations-list-mobile-${data.id || item.id}-cart_drawer-config;script:global-shop-config\"\n  template-src=\"//static.staticdj.com/themes/product_template-438a2ef9ea.tpl\"\n>\n</spz-product-snippet>\n</div>\n</template>\n  </spz-list>\n</div>\n</div>\n<style>\n\t[data-section-id=\"cart_drawer\"] .cart_recommend_header {\n\t\torder: 1;\n\t}\n\t[data-section-id=\"cart_drawer\"] .cart_recommend_content {\n\t\torder: 2;\n\t}\n\t[data-section-id=\"cart_drawer\"] .view_all_bottom_btn {\n\t\torder: 3;\n\t}\n  [data-section-id=\"cart_drawer\"] .cart-recommendations-list {\n    column-gap: 16px;\n    row-gap: 30px;\n    padding: 0 2.5%;\n  }\n  [data-section-id=\"cart_drawer\"] .cart-recommendations-list-mobile {\n    padding: 5% 3% calc(5% + 24px);\n    gap: 5%;\n  }\n  [data-section-id=\"cart_drawer\"] .cart-recommendations-list-mobile > .atlas-product-snippet  {\n    width: calc(1 / 2.2 * 100% - 5%);\n    min-width: calc(1 / 2.2 * 100% - 5%);\n  }\n  @media(min-width: 960px) {\n    [data-section-id=\"cart_drawer\"] .recommend_list_carousel > .i-spzhtml-slides-container > .i-spzhtml-slide-item {\n      width: calc(1 / 2 * 100%);\n    }\n    [data-section-id=\"cart_drawer\"] .recommend_list_carousel > .i-spzhtml-slides-container > .i-spzhtml-slide-item>* {\n      padding: 5% 5%;\n      }\n    .recommend_list_carousel > .spz-carousel-button{\n      width: 28px;\n      height: 28px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 100%;\n      border: 1px solid;\n      cursor: pointer;\n    }\n    .recommend_list_carousel {\n      margin-bottom: 30px;\n      overflow: visible;\n    }\n    .recommend_list_carousel > .spz-carousel-button {\n      top: -28px !important;\n      bottom: unset !important;\n    }\n    .recommend_list_carousel > .spz-carousel-button-prev {\n      left: calc(100% - 56px - 16px);\n    }\n    .recommend_list_carousel > .spz-carousel-button-next {\n      left: calc(100% - 28px - 8px);\n    }\n  }\n</style>\n</div>\n\n</spz-section-render>\n</div>\n\n</div>\n\n    <spz-sticky class=\" cart-summary-sticky-container\" id=\"cart-summary-sticky-containercart_drawer\" layout=\"container\" position=\"bottom\" bottom-compensation-container-class=\"lg:none\" hidden>\n   <spz-render id=\"cart-summary-sticky-rendercart_drawer\" layout=\"container\" manual template=\"drawer_summary_sticky_template\" class=\"shadow-elevated-2 \"></spz-render>\n</spz-sticky>\n\n<spz-observer\n  layout=\"logic\"\n  id=\"cart-summary-sticky-observercart_drawer\"\n  target=\"cart-summary-container-cart_drawer\"\n  root-container=\"cart-content-cart_drawer\"\n  @visible=\"cart-summary-sticky-containercart_drawer.hideSticky;\"\n  @invisible=\"cart-summary-sticky-containercart_drawer.showSticky;\"\n></spz-observer>\n<spz-observer\n  layout=\"logic\"\n  target=\"cart-content-cart_drawer\"\n  @childUpdated=\"cart-summary-sticky-observercart_drawer.restart\"\n></spz-observer>\n\n<style>\n  #cart-summary-sticky-containercart_drawer {\n    transition: transform 0.3s linear;\n  }\n  #cart-summary-sticky-containercart_drawer[hidden] {\n    transform: translateY(100%);\n  }\n  .cart-summary-sticky-container {\n    position: fixed;\n    left: 0;\n    width: 100%;\n    z-index: 1020;                                                                                                                                                                                       \n  }\n  #cart ~ .cart-summary-sticky-container {\n    width: 100vw;\n  }\n  .cart-summary-sticky-container .cart_free_shipping {\n    border-radius: 0;\n  }\n  .cart-summary-sticky-container .ios_safari_bottom_bar {\n    display: none;\n  }\n  .drawer-summary-sticky-modal {\n    width: auto !important;\n    border-radius: 12px 12px 0 0;\n  }\n  .drawer-summary-sticky-modal-inner {\n    border-radius: 12px 12px 0 0;\n    padding: 16px;\n  }\n  .drawer-summary-sticky-modal-inner .cart-summary {\n    border-radius: 6px;\n    margin-top: 12px;\n  }\n  .cart-sticky-content {\n    display: flex;\n    padding: 8px 16px 16px 16px;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 9px;\n    align-self: stretch;\n  }\n  .cart-sticky-content .checkout-btn {\n    min-width: 100px;\n  }\n  .cart-sticky-shipping {\n    text-align: center;\n  }\n  .save-total-discount {\n    display: inline-block;\n    width: auto;\n    margin: 0;\n    padding: 2px 6px;\n    align-items: center;\n    border-radius: 3px;\n    background-color: var(--color-selected-variant-background);\n    color: var(--color-selected-variant-text);\n  }\n  .save-total-discount .atlas-icon {\n    display: inline-flex;\n    vertical-align: middle;\n    color: var(--color-selected-variant-icon);\n  }\n  .cart-sticky-content .plugin__bundle__cart__total-price {\n    color: var(--color-foreground-heading);\n  }\n  .ios_safari_bottom_bar {\n    display: none;\n  }\n  @media (max-width: 959.98px) {\n    .cart-sticky-shipping {\n      text-align: right;\n    }\n  }\n</style>\n<template id=\"drawer_summary_sticky_template\">\n    <div class=\"cart-summary-sticky ${(data.line_items && data.line_items.length) == 0 ? 'hidden' : ''}\">\n      <div class=\"free-shipping-container-cart_drawer-1-0\">\n          ${(function(){\n  var isClassic = '' == 'classic';\n  var total_price = data.total_price;\n  var postageFreeAmount = 50;\n  var freeAmount = parseFloat(postageFreeAmount) - parseFloat(total_price);\n  var isFreeShipping = freeAmount <= 0;\n  var rate = Math.min(total_price / postageFreeAmount * 100, 100).toFixed(2);\n  const textArray = \"Buy {amount} more to enjoy Free Shipping\".split(/\\{\\s*amount\\s*\\}/);\n  const textArrayHtml = textArray.map((text, index) => {\n    if (index == 0) {\n      return `<span>${text}</span>`;\n    }\n\n    return `<spz-currency class=\"cart_free_shipping_hightlight mx-1 inline-block\" layout=\"container\" value=\"${freeAmount}\"></spz-currency><span>${text}</span>`;\n  }).join('');\n\n  return `\n    <div class=\"cart_free_shipping \" data-free-shipping=\"${!!isFreeShipping}\">\n      <div spz-if=\"${isClassic}\" class=\"classic\">\n        <div class=\"flex items-center\">\n          <h5 class=\"flex items-center justify-center\">\n            <span class=\"cart_free_shipping_hightlight flex items-center mr-2\">\n\n<spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_shipping\"\n  class=\"\"\n  ></spz-custom-theme-icon>\n</span>\n            <span spz-if=\"${!isFreeShipping}\">${textArrayHtml}</span>\n            <span spz-else>You've got free shipping</span>\n          </h5>\n        </div>\n        <div class=\"cart_free_shipping__progress flex items-center mt-2\">\n          <div class=\"cart_free_shipping__progress_bar_wrap flex-1 relative\">\n            <div class=\"cart_free_shipping__progress_bar absolute h-full\" style=\"width:${rate}%;\"></div>\n          </div>\n        </div>\n      </div>\n      <div spz-else class=\"fashion\">\n        <div class=\"flex items-center\">\n          <h5 class=\"free-shipping-text\" spz-if=\"${!isFreeShipping}\">\n            ${textArrayHtml}\n          </h5>\n          <h5 spz-else>You've got free shipping</h5>\n        </div>\n        <div class=\"cart_free_shipping__progress flex items-center mt-2\">\n          <div class=\"cart_free_shipping__progress_bar_wrap flex-1 relative\">\n            <div spz-if=\"${!isFreeShipping}\" class=\"cart_free_shipping__progress_bar absolute h-full\" style=\"width:${rate}%;\">\n              <div class=\"truck-icon\">\n                <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_free_shipping_cat\"\n  class=\"\"\n  ></spz-custom-theme-icon>\n</div>\n            </div>\n            <div spz-else class=\"cart_free_shipping__progress_bar absolute h-full progress-full-striped\" style=\"width:100%;\">\n              <div class=\"progress-full-bar h-full\"></div>\n            </div>\n          </div>\n        </div>\n        <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_free_shipping_percentage\"\n  class=\"icon_percentage\"\n  ></spz-custom-theme-icon>\n<spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_free_shipping_rmb\"\n  class=\"icon_money\"\n  ></spz-custom-theme-icon>\n</div>\n    </div>\n  `\n})()}\n        </div>\n      <div class=\"lg:none\" spz-if=\"${!!data.invalid_msg}\">${data.invalid_msg}</div>\n  \n      <div class=\"cart-sticky-content background color-scheme-1\">\n        <div class=\"flex items-start justify-between w-full lg:flex-col lg:gap-3.5\">\n          <div class=\"lg:flex lg:flex-col lg:items-end lg:w-full lg:gap-9px\">\n            <div class=\"flex lg:justify-between lg:w-full items-start\">\n              <h5 class=\"uppercase color-text-2 font-regular\">Total:&nbsp;</h5>\n              <h5 lass=\"flex items-start flex-wrap notranslate\">\n                <spz-currency container-class=\"plugin__bundle__cart__total-price\" layout=\"container\" value=\"${data.total_price}\"></spz-currency>\n                </h5>\n            </div>\n  \n            <div class=\"flex mt-1 lg:justify-end\" spz-if=\"${data.total_discount > 0}\">\n              <h5 class=\"save-total-discount cursor-pointer color-text-highlight font-regular\" @tap=\"drawer-summary-sticky-modal.open();\">\n                <span>Save \n\n<spz-currency class=\"inline-block \" value=\"${ data.total_discount }\" layout=\"container\"></spz-currency>\n</span>\n                <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_down\"\n  class=\"\"\n  ></spz-custom-theme-icon>\n</h5>\n            </div>\n          </div>\n  \n          <div class=\"none mt-4\" spz-if=\"${!!data.invalid_msg}\">${data.invalid_msg}</div>\n  \n          <button \n        class=\"button  button--primary checkout-btn lg:w-full button-animation--hover-color-invert\"\n        type=\"button\"\n        @tap=\"cart-drawer.checkout;\"\n        id='cart-summary-sticky-btn'\n      >\n        <div\n  class=\"atlas-loading loading items-center justify-center \"\n  role=\"loading\"\n  hide\n  >\n  <div class=\"loading-bounce\"></div>\n</div>\n<span class=\"button-content \" >\n            Check out\n          </span>\n      </button>\n    </div>\n        <h5 class=\"cart-sticky-shipping color-text-2 w-full font-regular\">Taxes and shipping calculated at checkout</h5>\n      </div>\n      <style>\n  .drawer-summary-sticky-modal {\n    }\n  .drawer-summary-sticky-modal + .i-spzhtml-sidebar-mask[open] {\n    -webkit-backdrop-filter: var(--filter-blur);\n    backdrop-filter: var(--filter-blur);\n  }\n</style>\n<spz-sidebar class=\"drawer-summary-sticky-modal background \" id=\"drawer-summary-sticky-modal\" layout=\"nodisplay\" side=\"bottom\" hidden>\n  <div class=\"drawer-summary-sticky-modal-inner relative\">\n    <div class=\"flex justify-end\">\n      <button class=\"drawer-summary-sticky-modal-close clear flex cursor-pointer\" @tap=\"drawer-summary-sticky-modal.close();\" type=\"button\">\n        <spz-custom-theme-icon\n  layout=\"container\"\n  name=\"icon_close\"\n  class=\"\"\n  ></spz-custom-theme-icon>\n</button>\n    </div>\n\n    <div class=\"color-scheme-1 cart-summary w-full\" id=\"cart-summary\">\n  <h4 class=\"uppercase\">Summary</h4>\n  <div class=\"line mt-5 mb-5\"></div>\n  <div class=\"w-full\">\n    <div class=\"flex items-center justify-between\">\n      <h5 class=\"uppercase color-text-2 font-regular\">Subtotal:</h5>\n      <h5 class=\"notranslate ml-2 font-regular whitespace-nowrap\">\n        <spz-currency\n          class=\"inline-block\"\n          layout=\"container\"\n          value=\"${data.line_price}\"\n        ></spz-currency>\n      </h5>\n    </div>\n    <div class=\"flex flex-col items-start gap-3 mt-3\" spz-if=\"${!!(data.discount_applications && data.discount_applications.length > 0)}\">\n      <div\n        class=\"flex items-center justify-between w-full\"\n        spz-for=\"(discount_application,index) in data.discount_applications\"\n      >\n        <h5 class=\"uppercase color-text-2 font-regular\">${discount_application.title}:</h5>\n        <h5 class=\"notranslate ml-2 font-regular whitespace-nowrap\">\n          <span>-</span\n          ><spz-currency\n            class=\"inline-block\"\n            layout=\"container\"\n            value=\"${discount_application.discount_amount}\"\n          ></spz-currency>\n        </h5>\n      </div>\n    </div>\n  </div>\n  <div class=\"line mt-5 mb-5\"></div>\n  <div class=\"flex flex-col items-start gap-3\">\n    <div class=\"flex items-start justify-between w-full\" spz-if=\"${data.total_discount > 0}\">\n      <h5 class=\"uppercase color-text-2 font-regular\">Total discount:</h5>\n      <h5 class=\"flex items-center font-regular\">\n        <span class=\"color-text-highlight\">-</span>\n        <spz-currency\n          class=\"color-price color-text-highlight\"\n          container-class=\"plugin__bundle__cart__total-price\"\n          layout=\"container\"\n          value=\"${data.total_discount}\"\n        ></spz-currency>\n      </h5>\n    </div>\n\n    <div class=\"flex items-start justify-between w-full\">\n      <h5 class=\"uppercase color-text-2 font-regular\">Total:</h5>\n      <h5 class=\"flex items-center justify-end flex-wrap font-regular\">\n        <spz-currency\n          class=\"color-price color-text-highlight\"\n          container-class=\"plugin__bundle__cart__total-price\"\n          layout=\"container\"\n          value=\"${data.total_price}\"\n        ></spz-currency>\n        </h5>\n    </div>\n  </div>\n\n  <div class=\"\" spz-if=\"${!!data.invalid_msg}\">${data.invalid_msg}</div>\n\n  <button \n        class=\"button  button--primary mt-5 button-animation--hover-color-invert\"\n        type=\"button\"\n        @tap=\"cart-drawer.checkout;\"\n        id='cart-summary-btn'\n      >\n        <div\n  class=\"atlas-loading loading items-center justify-center \"\n  role=\"loading\"\n  hide\n  >\n  <div class=\"loading-bounce\"></div>\n</div>\n<span class=\"button-content \" >\n    Check out\n  </span>\n      </button>\n    <h5 class=\"color-text-2 mt-3 text-center font-regular\">\n    Taxes and shipping calculated at checkout\n  </h5>\n</div>\n\n  </div>\n</spz-sidebar>\n    </div>\n  </template>\n\n</div>\n</spz-sidebar>\n</div>"}