/* catalog toolbar control standardization start */
@media (min-width: 769px) {
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout > .panel-header.panel-header-compact {
    box-sizing: border-box !important;
    height: auto !important;
    min-height: 42px !important;
    max-height: none !important;
    padding-bottom: 0 !important;
    overflow: visible !important;
  }

  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .panel-header .catalog-toolbar-actions {
    --catalog-toolbar-category-width: 160px;
    --catalog-toolbar-bead-width: 110px;
    --catalog-toolbar-sort-width: 200px;
    --catalog-toolbar-price-width: 220px;
    --catalog-toolbar-filter-group-width: 714px;
    --catalog-toolbar-action-group-min-width: 548px;
    --catalog-toolbar-search-min-width: 220px;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 42px !important;
    max-height: none !important;
    overflow: visible !important;
  }

  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-filter-group,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-action-group {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    min-height: 42px !important;
    overflow: visible !important;
  }

  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-filter-group {
    flex: 0 0 var(--catalog-toolbar-filter-group-width) !important;
    width: var(--catalog-toolbar-filter-group-width) !important;
  }

  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-action-group {
    flex: 1 1 var(--catalog-toolbar-action-group-min-width) !important;
    width: auto !important;
    min-width: var(--catalog-toolbar-action-group-min-width) !important;
  }

  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-filter-group .catalog-toolbar-control {
    box-sizing: border-box !important;
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-filter-group .catalog-category-toolbar.catalog-toolbar-control {
    flex: 0 0 var(--catalog-toolbar-category-width) !important;
  }

  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-filter-group .catalog-bead-toolbar.catalog-toolbar-control {
    flex: 0 0 var(--catalog-toolbar-bead-width) !important;
  }

  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-filter-group .catalog-dami-sort-toolbar.catalog-toolbar-control {
    flex: 0 0 var(--catalog-toolbar-sort-width) !important;
  }

  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-filter-group .catalog-toolbar-control > div {
    position: relative !important;
    display: flex !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;
    overflow: visible !important;
  }

  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-filter-group #catalogTopFilterButton.catalog-category-filter-trigger.ghost-button,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-filter-group #catalogBeadFilterButton.catalog-bead-filter-trigger.ghost-button,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-filter-group #catalogDamiSortButton.catalog-dami-sort-trigger.ghost-button {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 42px !important;
    height: 42px !important;
    padding: 0 12px !important;
    border-radius: var(--catalog-toolbar-pill-radius) !important;
  }

  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-filter-group .catalog-toolbar-control-prefix {
    display: block !important;
    flex: 0 0 auto !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-filter-group .catalog-toolbar-control .rice-plate-catalog-filter-label {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-filter-group .catalog-price-band-filter {
    box-sizing: border-box !important;
    flex: 0 0 var(--catalog-toolbar-price-width) !important;
    width: var(--catalog-toolbar-price-width) !important;
    min-width: var(--catalog-toolbar-price-width) !important;
    max-width: var(--catalog-toolbar-price-width) !important;
    min-height: 42px !important;
    height: 42px !important;
    padding: 0 10px !important;
    border-radius: var(--catalog-toolbar-pill-radius) !important;
  }

  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-filter-group .catalog-price-band-input {
    flex: 1 1 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-action-group .catalog-search-filter {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    flex: 1 1 var(--catalog-toolbar-search-min-width) !important;
    width: auto !important;
    min-width: var(--catalog-toolbar-search-min-width) !important;
    max-width: none !important;
    min-height: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    overflow: visible !important;
  }

  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-action-group .catalog-search-filter .catalog-search-input {
    box-sizing: border-box !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 110px !important;
    max-width: none !important;
    min-height: 42px !important;
    height: 42px !important;
    border-radius: var(--catalog-toolbar-pill-radius) !important;
  }

  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-action-group .catalog-search-filter .catalog-search-button,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-action-group > .ghost-button {
    box-sizing: border-box !important;
    flex: 0 0 auto !important;
    min-height: 42px !important;
    height: 42px !important;
    border-radius: var(--catalog-toolbar-pill-radius) !important;
  }

  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-view-switcher {
    box-sizing: border-box !important;
    flex: 0 0 auto !important;
    min-height: 42px !important;
    height: 42px !important;
    border-radius: 0 !important;
  }

  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-view-switcher .catalog-view-toggle {
    border-radius: var(--catalog-toolbar-view-toggle-radius) !important;
  }

  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-action-group .catalog-search-filter .catalog-search-button {
    min-width: 50px !important;
    width: 50px !important;
    padding: 0 10px !important;
  }

  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-action-group > #catalogShopSyncButton,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-action-group > #catalogImportButton {
    min-width: 54px !important;
    width: 54px !important;
    padding: 0 11px !important;
  }

  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-action-group > #catalogImageSearchButton {
    min-width: 42px !important;
    width: 42px !important;
    padding: 0 !important;
  }

  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-action-group > #catalogAddButton {
    min-width: 64px !important;
    width: 64px !important;
    padding: 0 12px !important;
  }

  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-action-group > #catalogShopSyncButton,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-action-group > #catalogImportButton,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-action-group > #catalogAddButton {
    min-height: 42px !important;
    height: 42px !important;
    border-radius: var(--catalog-toolbar-pill-radius) !important;
  }

  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-action-group > #catalogImageSearchButton {
    min-height: 42px !important;
    height: 42px !important;
    border-radius: var(--catalog-toolbar-icon-radius) !important;
  }

  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions {
    --catalog-toolbar-pill-radius: 999px;
    --catalog-toolbar-icon-radius: 999px;
    --catalog-toolbar-view-toggle-radius: 11px;
    --catalog-toolbar-glass-background: rgba(255, 255, 255, 0.58);
    --catalog-toolbar-glass-border: rgba(255, 255, 255, 0.78);
    --catalog-toolbar-glass-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), 0 10px 24px rgba(18, 35, 48, 0.07);
    --catalog-toolbar-glass-hover-background: rgba(255, 255, 255, 0.64);
    --catalog-toolbar-glass-hover-border: rgba(255, 255, 255, 0.86);
    --catalog-toolbar-glass-hover-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 10px 24px rgba(18, 35, 48, 0.08);
  }

  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-filter-group #catalogTopFilterButton.catalog-category-filter-trigger.ghost-button,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-filter-group #catalogBeadFilterButton.catalog-bead-filter-trigger.ghost-button,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-filter-group #catalogDamiSortButton.catalog-dami-sort-trigger.ghost-button,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-filter-group .catalog-price-band-filter,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-action-group .catalog-search-filter .catalog-search-input,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-action-group .catalog-search-filter #catalogSearchButton.catalog-search-button,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-action-group .catalog-search-filter #catalogSearchResetButton.catalog-search-button,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-action-group > #catalogShopSyncButton,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-action-group > #catalogImportButton,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-action-group > #catalogImageSearchButton {
    border-color: var(--catalog-toolbar-glass-border) !important;
    background: var(--catalog-toolbar-glass-background) !important;
    background-color: var(--catalog-toolbar-glass-background) !important;
    background-image: none !important;
    box-shadow: var(--catalog-toolbar-glass-shadow) !important;
    backdrop-filter: blur(14px) saturate(1.08) !important;
    -webkit-backdrop-filter: blur(14px) saturate(1.08) !important;
  }

  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-filter-group #catalogTopFilterButton.catalog-category-filter-trigger.ghost-button:hover,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-filter-group #catalogTopFilterButton.catalog-category-filter-trigger.ghost-button:focus,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-filter-group #catalogTopFilterButton.catalog-category-filter-trigger.ghost-button:focus-visible,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-filter-group #catalogTopFilterButton.catalog-category-filter-trigger.ghost-button[aria-expanded="true"],
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-filter-group #catalogBeadFilterButton.catalog-bead-filter-trigger.ghost-button:hover,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-filter-group #catalogBeadFilterButton.catalog-bead-filter-trigger.ghost-button:focus,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-filter-group #catalogBeadFilterButton.catalog-bead-filter-trigger.ghost-button:focus-visible,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-filter-group #catalogBeadFilterButton.catalog-bead-filter-trigger.ghost-button[aria-expanded="true"],
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-filter-group #catalogDamiSortButton.catalog-dami-sort-trigger.ghost-button:hover,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-filter-group #catalogDamiSortButton.catalog-dami-sort-trigger.ghost-button:focus,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-filter-group #catalogDamiSortButton.catalog-dami-sort-trigger.ghost-button:focus-visible,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-filter-group #catalogDamiSortButton.catalog-dami-sort-trigger.ghost-button[aria-expanded="true"],
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-filter-group .catalog-price-band-filter:hover,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-filter-group .catalog-price-band-filter:focus-within,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-action-group .catalog-search-filter .catalog-search-input:hover,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-action-group .catalog-search-filter .catalog-search-input:focus,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-action-group .catalog-search-filter .catalog-search-input:focus-visible,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-action-group .catalog-search-filter #catalogSearchButton.catalog-search-button:hover,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-action-group .catalog-search-filter #catalogSearchButton.catalog-search-button:focus,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-action-group .catalog-search-filter #catalogSearchButton.catalog-search-button:focus-visible,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-action-group .catalog-search-filter #catalogSearchResetButton.catalog-search-button:hover,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-action-group .catalog-search-filter #catalogSearchResetButton.catalog-search-button:focus,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-action-group .catalog-search-filter #catalogSearchResetButton.catalog-search-button:focus-visible,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-action-group > #catalogShopSyncButton:hover,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-action-group > #catalogShopSyncButton:focus,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-action-group > #catalogShopSyncButton:focus-visible,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-action-group > #catalogImportButton:hover,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-action-group > #catalogImportButton:focus,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-action-group > #catalogImportButton:focus-visible,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-action-group > #catalogImageSearchButton:hover,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-action-group > #catalogImageSearchButton:focus,
  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-action-group > #catalogImageSearchButton:focus-visible {
    border-color: var(--catalog-toolbar-glass-hover-border) !important;
    background: var(--catalog-toolbar-glass-hover-background) !important;
    background-color: var(--catalog-toolbar-glass-hover-background) !important;
    background-image: none !important;
    box-shadow: var(--catalog-toolbar-glass-hover-shadow) !important;
    backdrop-filter: blur(14px) saturate(1.08) !important;
    -webkit-backdrop-filter: blur(14px) saturate(1.08) !important;
  }

  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-filter-group .catalog-price-band-input {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions :is(
    #catalogTopFilterButton,
    #catalogBeadFilterButton,
    #catalogDamiSortButton,
    #catalogSearchButton,
    #catalogSearchResetButton,
    #catalogShopSyncButton,
    #catalogImportButton,
    #catalogImageSearchButton
  ):disabled {
    background: var(--catalog-toolbar-glass-background) !important;
    border-color: var(--catalog-toolbar-glass-border) !important;
    opacity: 0.52 !important;
  }
}
/* catalog toolbar control standardization end */

/* catalog category shipping glass parity start */
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .catalog-toolbar-actions .catalog-toolbar-filter-group .catalog-category-toolbar.catalog-toolbar-control {
  flex: 0 0 var(--catalog-toolbar-category-width, 160px) !important;
  width: var(--catalog-toolbar-category-width, 160px) !important;
  min-width: var(--catalog-toolbar-category-width, 160px) !important;
  max-width: var(--catalog-toolbar-category-width, 160px) !important;
}

/* product catalog toolbar shared glass popover surface v15 */
html body:not(.is-mobile-viewport)[data-main-view="catalog"]
  #catalogSection.is-main-catalog-card-layout
  :is(#catalogTopFilterMenu.catalog-toolbar-glass-popover.apple-category-select-popover, #catalogBeadFilterMenu.catalog-toolbar-glass-popover.catalog-bead-filter-popover, #catalogDamiSortMenu.catalog-toolbar-glass-popover.catalog-dami-sort-popover) {
  box-sizing: border-box !important;
  padding: 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.78) !important;
  border-radius: 18px !important;
  background-color: rgba(248, 251, 253, 0.76) !important;
  background-image: linear-gradient(145deg, rgba(255, 255, 255, 0.28), rgba(238, 244, 248, 0.12)) !important;
  background-clip: padding-box !important;
  box-shadow: 0 22px 48px rgba(17, 24, 39, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
  color: #171b21 !important;
  -webkit-text-fill-color: #171b21 !important;
  font-family: "Inter", "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif !important;
  font-size: 14px !important;
  backdrop-filter: blur(22px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.08) !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(100, 116, 139, 0.64) rgba(226, 236, 244, 0.42) !important;
  opacity: 1 !important;
  transform-origin: top left !important;
  transition-duration: 0s !important;
  transition-timing-function: ease !important;
}

html body:not(.is-mobile-viewport)[data-main-view="catalog"]
  #catalogSection.is-main-catalog-card-layout
  :is(#catalogTopFilterMenu.catalog-toolbar-glass-popover, #catalogBeadFilterMenu.catalog-toolbar-glass-popover, #catalogDamiSortMenu.catalog-toolbar-glass-popover).is-apple-category-positioned {
  position: fixed !important;
  top: var(--apple-category-popover-top, 12px) !important;
  right: auto !important;
  left: var(--apple-category-popover-left, 12px) !important;
  width: var(--apple-category-popover-width) !important;
  min-width: 0 !important;
  max-width: calc(100vw - 24px) !important;
  max-height: var(--apple-category-popover-max-height, calc(100vh - 24px)) !important;
  z-index: 5000 !important;
}

html body:not(.is-mobile-viewport)[data-main-view="catalog"]
  #catalogSection.is-main-catalog-card-layout
  #catalogTopFilterMenu.catalog-toolbar-glass-popover {
  padding-bottom: 0 !important;
}

html body:not(.is-mobile-viewport)[data-main-view="catalog"]
  #catalogSection.is-main-catalog-card-layout
  #catalogBeadFilterMenu.catalog-bead-filter-popover.is-apple-category-positioned {
  width: 138px !important;
  min-width: 138px !important;
  max-width: 138px !important;
  max-height: min(320px, var(--apple-category-popover-max-height, calc(100vh - 24px))) !important;
  overflow-y: auto !important;
}

html body:not(.is-mobile-viewport)[data-main-view="catalog"]
  #catalogSection.is-main-catalog-card-layout
  #catalogDamiSortMenu.catalog-dami-sort-popover {
  width: 220px !important;
  min-width: 210px !important;
  max-width: 230px !important;
  overflow-y: auto !important;
}

html body:not(.is-mobile-viewport)[data-main-view="catalog"]
  #catalogSection.is-main-catalog-card-layout
  :is(.catalog-bead-filter-panel, .catalog-dami-sort-panel) {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

html body:not(.is-mobile-viewport)[data-main-view="catalog"]
  #catalogSection.is-main-catalog-card-layout
  :is(#catalogTopFilterMenu.catalog-toolbar-glass-popover, #catalogBeadFilterMenu.catalog-toolbar-glass-popover, #catalogDamiSortMenu.catalog-toolbar-glass-popover)
  :is(.apple-category-select-option, .catalog-bead-filter-item, .catalog-dami-sort-item) {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-height: 34px !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #171b21 !important;
  -webkit-text-fill-color: #171b21 !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  transform: none !important;
  transition: none !important;
}

html body:not(.is-mobile-viewport)[data-main-view="catalog"]
  #catalogSection.is-main-catalog-card-layout
  :is(#catalogTopFilterMenu.catalog-toolbar-glass-popover, #catalogBeadFilterMenu.catalog-toolbar-glass-popover, #catalogDamiSortMenu.catalog-toolbar-glass-popover)
  :is(.apple-category-select-option, .catalog-bead-filter-item, .catalog-dami-sort-item):is(:hover, :focus-visible) {
  background: rgba(241, 245, 249, 0.96) !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  outline: none !important;
}

html body:not(.is-mobile-viewport)[data-main-view="catalog"]
  #catalogSection.is-main-catalog-card-layout
  :is(#catalogTopFilterMenu.catalog-toolbar-glass-popover, #catalogBeadFilterMenu.catalog-toolbar-glass-popover, #catalogDamiSortMenu.catalog-toolbar-glass-popover)
  :is(.apple-category-select-option, .catalog-bead-filter-item, .catalog-dami-sort-item):focus-visible {
  outline: 2px solid rgba(71, 85, 105, 0.56) !important;
  outline-offset: -2px !important;
}

html body:not(.is-mobile-viewport)[data-main-view="catalog"]
  #catalogSection.is-main-catalog-card-layout
  :is(#catalogTopFilterMenu.catalog-toolbar-glass-popover, #catalogBeadFilterMenu.catalog-toolbar-glass-popover, #catalogDamiSortMenu.catalog-toolbar-glass-popover)
  :is(.apple-category-select-option.is-active, .apple-category-select-option.is-selected, .apple-category-select-option[aria-selected="true"], .catalog-bead-filter-item.is-active, .catalog-dami-sort-item.is-active, .catalog-dami-sort-item[aria-selected="true"]) {
  background: #111827 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 700 !important;
}

html body:not(.is-mobile-viewport)[data-main-view="catalog"]
  #catalogSection.is-main-catalog-card-layout
  .catalog-toolbar-glass-popover::-webkit-scrollbar {
  width: 8px !important;
}

html body:not(.is-mobile-viewport)[data-main-view="catalog"]
  #catalogSection.is-main-catalog-card-layout
  .catalog-toolbar-glass-popover::-webkit-scrollbar-thumb {
  border: 2px solid rgba(248, 251, 253, 0.76) !important;
  border-radius: 999px !important;
  background: rgba(100, 116, 139, 0.64) !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogTopFilterMenu.apple-category-select-popover {
  --apple-category-popover-desired-width: 420px;
  box-sizing: border-box !important;
  width: min(420px, calc(100vw - 32px)) !important;
  min-width: 0 !important;
  max-width: min(420px, calc(100vw - 32px)) !important;
  padding: 14px 14px 0 !important;
  overflow: hidden !important;
  will-change: opacity, transform !important;
  contain: layout paint style !important;
  visibility: visible !important;
  opacity: 1 !important;
  transition: none !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogTopFilterMenu.apple-category-select-popover.is-concealed {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: scale(0) !important;
  transform-origin: top left !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout .apple-category-select #catalogTopFilterMenu.apple-category-select-popover.rice-plate-catalog-filter-menu {
  width: min(420px, calc(100vw - 32px)) !important;
  min-width: 0 !important;
  max-width: min(420px, calc(100vw - 32px)) !important;
  padding: 14px 14px 0 !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogTopFilterMenu.apple-category-select-popover.is-apple-category-positioned {
  width: var(--apple-category-popover-width, min(420px, calc(100vw - 32px))) !important;
  max-width: min(var(--apple-category-popover-width, 420px), calc(100vw - 32px)) !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogTopFilterMenu.apple-category-select-popover .apple-category-select-panel {
  display: grid !important;
  grid-template-rows: auto minmax(0, 360px) !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogTopFilterMenu.apple-category-select-popover .apple-category-select-search {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  padding: 0 0 14px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.58) !important;
  background: transparent !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogTopFilterMenu.apple-category-select-popover .apple-category-select-searchbox {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 38px !important;
  border: 1px solid rgba(255, 255, 255, 0.78) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.48) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
  outline: none !important;
  color: rgba(23, 27, 33, 0.55) !important;
  -webkit-text-fill-color: rgba(23, 27, 33, 0.55) !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogTopFilterMenu.apple-category-select-popover .apple-category-select-searchbox:focus-within {
  border-color: rgba(255, 255, 255, 0.92) !important;
  background: rgba(255, 255, 255, 0.62) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogTopFilterMenu.apple-category-select-popover .apple-category-select-searchbox:has(.apple-category-select-search-input:focus-visible):not(.is-pointer-focus) {
  outline: 2px solid rgba(71, 85, 105, 0.56) !important;
  outline-offset: 2px !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogTopFilterMenu.apple-category-select-popover .apple-category-select-search-input {
  height: 38px !important;
  padding: 0 12px 0 8px !important;
  color: #171b21 !important;
  -webkit-text-fill-color: #171b21 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 38px !important;
  outline: none !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  text-shadow: none !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogTopFilterMenu.apple-category-select-popover .apple-category-select-search-input::placeholder {
  color: rgba(23, 27, 33, 0.55) !important;
  -webkit-text-fill-color: rgba(23, 27, 33, 0.55) !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogTopFilterMenu.apple-category-select-popover .apple-category-select-search-icon {
  color: rgba(23, 27, 33, 0.55) !important;
  margin-left: 12px !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogTopFilterMenu.apple-category-select-popover .apple-category-select-columns {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 360px !important;
  max-height: 360px !important;
  padding: 0 !important;
  background: transparent !important;
  overflow: hidden !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogTopFilterMenu.apple-category-select-popover .apple-category-select-heading {
  display: none !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogTopFilterMenu.apple-category-select-popover .apple-category-select-column {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-height: 360px !important;
  padding: 7px 5px 14px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(71, 85, 105, 0.28) transparent !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogTopFilterMenu.apple-category-select-popover .apple-category-select-column-primary {
  border-right: 1px solid rgba(255, 255, 255, 0.58) !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogTopFilterMenu.apple-category-select-popover .apple-category-select-option {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 34px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #171b21 !important;
  -webkit-text-fill-color: #171b21 !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 32px !important;
  transform: none !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogTopFilterMenu.apple-category-select-popover .apple-category-select-option:hover {
  background: rgba(255, 255, 255, 0.56) !important;
  color: #0f141a !important;
  -webkit-text-fill-color: #0f141a !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogTopFilterMenu.apple-category-select-popover .apple-category-select-option:focus-visible {
  outline: 3px solid rgba(71, 85, 105, 0.22) !important;
  outline-offset: -2px !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogTopFilterMenu.apple-category-select-popover .apple-category-select-option.is-active,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogTopFilterMenu.apple-category-select-popover .apple-category-select-option.is-selected,
html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogTopFilterMenu.apple-category-select-popover .apple-category-select-option[aria-selected="true"] {
  background: #111418 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-weight: 700 !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogTopFilterMenu.apple-category-select-popover .unified-category-filter-option-label {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogTopFilterMenu.apple-category-select-popover .unified-category-filter-empty {
  color: rgba(23, 27, 33, 0.55) !important;
  -webkit-text-fill-color: rgba(23, 27, 33, 0.55) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogTopFilterMenu.apple-category-select-popover .apple-category-select-column::-webkit-scrollbar {
  width: 4px !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogTopFilterMenu.apple-category-select-popover .apple-category-select-column::-webkit-scrollbar-track {
  background: transparent !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogTopFilterMenu.apple-category-select-popover .apple-category-select-column::-webkit-scrollbar-thumb {
  border-radius: 999px !important;
  background: rgba(71, 85, 105, 0.28) !important;
}

html body[data-main-view="catalog"] #catalogSection.is-main-catalog-card-layout #catalogTopFilterMenu.apple-category-select-popover .apple-category-select-column::-webkit-scrollbar-thumb:hover {
  background: rgba(71, 85, 105, 0.42) !important;
}
/* catalog category shipping glass parity end */