.categoryHeader{
  --ch-shell-width: 1440px;
  --ch-edge-gap: 14px;
  --ch-top-gap: 1mm;
  --ch-bottom-gap: 1mm;
  --ch-surface-top: rgba(8, 17, 35, 0.965);
  --ch-surface-bottom: rgba(12, 24, 49, 0.945);
  --ch-border: rgba(255, 255, 255, 0.10);
  --ch-text: #f6f8ff;
  --ch-muted: rgba(220, 228, 244, 0.82);
  --ch-chip-bg: rgba(255, 255, 255, 0.06);
  --ch-chip-hover: rgba(255, 255, 255, 0.11);
  --ch-chip-border: rgba(255, 255, 255, 0.12);
  --ch-primary-from: #95bbff;
  --ch-primary-to: #ffd171;
  --ch-primary-text: #0e1624;
  --ch-brand-from: #fff0b2;
  --ch-brand-to: #cb911c;
  --ch-panel-top: rgba(8, 17, 35, 0.99);
  --ch-panel-bottom: rgba(12, 24, 49, 0.99);
  --ch-panel-border: rgba(255, 255, 255, 0.10);
  --ch-panel-hover: rgba(255, 255, 255, 0.06);
  --ch-highlight: rgba(255, 227, 140, 0.14);
  --ch-glow-a: rgba(91, 140, 255, 0.12);
  --ch-glow-b: rgba(255, 198, 95, 0.12);
  --ch-shadow: 0 8px 22px rgba(0, 0, 0, 0.14);
  --ch-button-shadow: 0 10px 22px rgba(0, 0, 0, 0.12);
  position: relative;
  z-index: 30;
  width: 100%;
  padding: var(--ch-top-gap) 0 0;
  margin: 0;
  background: linear-gradient(180deg, var(--ch-surface-top), var(--ch-surface-bottom));
  border-bottom: 1px solid var(--ch-border);
  box-shadow: var(--ch-shadow);
}

.categoryHeader::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  background: linear-gradient(90deg, color-mix(in srgb, var(--ch-primary-from) 88%, transparent), color-mix(in srgb, var(--ch-primary-to) 84%, transparent));
  opacity: .94;
  pointer-events: none;
}

:root[data-theme="light"] .categoryHeader,
html[data-theme="light"] .categoryHeader,
body[data-theme="light"] .categoryHeader{
  --ch-surface-top: rgba(255, 255, 255, 0.982);
  --ch-surface-bottom: rgba(246, 249, 255, 0.968);
  --ch-border: rgba(17, 27, 47, 0.10);
  --ch-text: #152033;
  --ch-muted: rgba(21, 32, 51, 0.70);
  --ch-chip-bg: rgba(17, 27, 47, 0.04);
  --ch-chip-hover: rgba(17, 27, 47, 0.08);
  --ch-chip-border: rgba(17, 27, 47, 0.10);
  --ch-panel-top: rgba(255, 255, 255, 0.99);
  --ch-panel-bottom: rgba(245, 248, 255, 0.99);
  --ch-panel-border: rgba(17, 27, 47, 0.10);
  --ch-panel-hover: rgba(79, 70, 229, 0.06);
  --ch-highlight: rgba(79, 70, 229, 0.07);
  --ch-shadow: 0 8px 20px rgba(17, 27, 47, 0.06);
  --ch-button-shadow: 0 8px 18px rgba(17, 27, 47, 0.06);
}

.categoryHeader__inner{
  width: min(var(--ch-shell-width), calc(100vw - (var(--ch-edge-gap) * 2)));
  margin: 0 auto;
  display: grid;
  grid-template-areas: "brand nav search controls";
  grid-template-columns: auto auto minmax(280px, 1fr) auto;
  align-items: end;
  gap: 8px 10px;
  min-height: 58px;
  padding: 6px 0 7px;
  background: transparent;
  position: relative;
  isolation: isolate;
}

.categoryHeader__brand{grid-area:brand; min-width: 0; display: inline-flex; align-items: center; text-decoration: none;}
.categoryHeader__nav{grid-area:nav;}
.categoryHeader__searchZone{grid-area:search; min-width: 0;}
.categoryHeader__controls{grid-area:controls;}
.categoryHeader__brand,
.categoryHeader__nav,
.categoryHeader__searchZone,
.categoryHeader__controls{position: relative; z-index: 1;}

.categoryHeader__brandText{
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 1px;
}

.categoryHeader__brandName{
  display: block;
  font-family: Georgia, Cambria, "Times New Roman", serif;
  font-size: clamp(1.28rem, 1.4vw, 1.82rem);
  line-height: .88;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: transparent;
  background: linear-gradient(180deg, var(--ch-brand-from), var(--ch-brand-to));
  -webkit-background-clip: text;
  background-clip: text;
  text-shadow: 0 0 18px rgba(255, 210, 112, 0.06);
}

.categoryHeader__category{
  display: block;
  max-width: 100%;
  font-size: 11px;
  line-height: 1.05;
  font-weight: 900;
  color: var(--ch-text);
  letter-spacing: .01em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.categoryHeader__nav,
.categoryHeader__controls{
  min-width: 0;
  display: flex;
  align-items: flex-end;
  gap: 6px;
}

.categoryHeader__nav{justify-content: flex-start; flex-wrap: nowrap;}
.categoryHeader__controls{justify-content: flex-end; flex-wrap: nowrap;}

.categoryHeader__link,
.categoryHeader__utilityBtn,
.categoryHeader .langBtn,
.categoryHeader .themeToggle,
.categoryHeader__currencyBtn,
.categoryHeader__searchSubmit{
  min-height: 36px;
  height: 36px;
  border-radius: 13px;
  border: 1px solid var(--ch-chip-border);
  background: linear-gradient(180deg, color-mix(in srgb, var(--ch-chip-bg) 100%, transparent), color-mix(in srgb, var(--ch-chip-bg) 84%, transparent));
  color: var(--ch-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), var(--ch-button-shadow);
  transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease, filter .16s ease;
}

.categoryHeader__link,
.categoryHeader__utilityBtn,
.categoryHeader .langBtn,
.categoryHeader .themeToggle,
.categoryHeader__currencyBtn,
.categoryHeader__searchSubmit{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 12px;
  text-decoration: none;
  font-size: 12px;
  line-height: 1;
  font-weight: 800;
  white-space: nowrap;
}

.categoryHeader__link:hover,
.categoryHeader__utilityBtn:hover,
.categoryHeader .langBtn:hover,
.categoryHeader .themeToggle:hover,
.categoryHeader__currencyBtn:hover,
.categoryHeader__searchSubmit:hover{
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--ch-primary-from) 42%, var(--ch-chip-border));
  background: linear-gradient(180deg, var(--ch-chip-hover), color-mix(in srgb, var(--ch-chip-hover) 84%, transparent));
}

.categoryHeader__link.is-active,
.categoryHeader .langMenu.is-open .langBtn,
.categoryHeader .dropdownRoot.is-open .categoryHeader__currencyBtn,
.categoryHeader .themeToggle[aria-pressed="true"]{
  border-color: color-mix(in srgb, var(--ch-primary-from) 52%, transparent);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 0 0 1px color-mix(in srgb, var(--ch-primary-from) 42%, transparent), 0 12px 24px rgba(0, 0, 0, 0.12);
}

.categoryHeader__link--primary,
.categoryHeader__searchSubmit{
  background: linear-gradient(180deg, var(--ch-primary-from), var(--ch-primary-to));
  color: var(--ch-primary-text);
  border-color: color-mix(in srgb, var(--ch-primary-from) 44%, transparent);
  box-shadow: 0 12px 24px color-mix(in srgb, var(--ch-primary-to) 20%, transparent);
}

.categoryHeader__link--primary:hover,
.categoryHeader__searchSubmit:hover{filter: brightness(1.03);}
.categoryHeader__link--shorts{font-weight: 900;}
.categoryHeader__shortGlyph{font-size: 10px; opacity: .9;}

.categoryHeader__searchForm{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
}

.categoryHeader__searchInputWrap{
  min-width: 0;
  height: 36px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  border-radius: 14px;
  border: 1px solid var(--ch-chip-border);
  background: linear-gradient(180deg, color-mix(in srgb, var(--ch-chip-bg) 100%, transparent), color-mix(in srgb, var(--ch-chip-bg) 82%, transparent));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07);
}

.categoryHeader__searchIcon{color: var(--ch-muted); flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;}
.categoryHeader__searchInput{
  min-width: 0;
  width: 100%;
  border: 0;
  outline: none;
  background: transparent;
  color: var(--ch-text);
  font-size: 12px;
  font-weight: 700;
}

.categoryHeader__searchInput::placeholder{color: var(--ch-muted); opacity: 1;}
.categoryHeader__searchInput::-webkit-search-cancel-button{appearance: none;}

.categoryHeader .headerUtilityStack{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 3px;
  min-width: 0;
}

.categoryHeader .headerUtilityLabel{
  display: block;
  padding-left: 10px;
  font-size: 8px;
  line-height: 1;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--ch-muted);
  white-space: nowrap;
}

.categoryHeader .langMenu,
.categoryHeader .dropdownRoot{position: relative;}

.categoryHeader .langBtn,
.categoryHeader__currencyBtn,
.categoryHeader .themeToggle{padding: 0 12px;}

.categoryHeader .langBtn .langText,
.categoryHeader__currencyValue,
.categoryHeader .themeToggle__text{
  font-size: 12px;
  font-weight: 800;
  color: inherit;
}

.categoryHeader .langBtn .flag img{
  width: 16px;
  height: 11px;
  border-radius: 3px;
  display: block;
}

.categoryHeader .langBtn .langText{max-width: 88px; overflow: hidden; text-overflow: ellipsis;}
.categoryHeader .langBtn .chev,
.categoryHeader__currencyBtn .chev{opacity: .72; font-size: 11px;}

.categoryHeader .langPanel,
.categoryHeader .dropdownPanel{
  top: calc(100% + 10px);
  right: 0;
  padding: 8px;
  border-radius: 18px;
  background: linear-gradient(180deg, var(--ch-panel-top), var(--ch-panel-bottom));
  border: 1px solid var(--ch-panel-border);
  box-shadow: 0 22px 56px rgba(0, 0, 0, 0.30), inset 0 1px 0 rgba(255,255,255,.04);
  color: var(--ch-text);
  backdrop-filter: blur(18px);
}

:root[data-theme="light"] .categoryHeader .langPanel,
:root[data-theme="light"] .categoryHeader .dropdownPanel,
html[data-theme="light"] .categoryHeader .langPanel,
html[data-theme="light"] .categoryHeader .dropdownPanel,
body[data-theme="light"] .categoryHeader .langPanel,
body[data-theme="light"] .categoryHeader .dropdownPanel{
  box-shadow: 0 18px 42px rgba(17, 27, 47, 0.14), inset 0 1px 0 rgba(255,255,255,.92);
}

.categoryHeader .langPanel{min-width: 286px; max-height: min(72vh, 560px); overflow: auto;}
.categoryHeader .dropdownPanel{min-width: 230px; overflow: hidden;}

.categoryHeader .langItem,
.categoryHeader .dropdownItem{
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  padding: 10px 12px;
  border-radius: 14px;
  color: var(--ch-text);
  text-decoration: none;
  font-weight: 800;
}

.categoryHeader .langItem:hover,
.categoryHeader .dropdownItem:hover,
.categoryHeader .langItem.is-active,
.categoryHeader .dropdownItem.is-active{background: var(--ch-panel-hover);}

.categoryHeader .langItem.is-active{box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ch-primary-from) 38%, transparent);}
.categoryHeader__currencyItem{display: flex; align-items: center; gap: 10px;}

.categoryHeader__menuCode{
  min-width: 44px;
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--ch-primary-from) 36%, transparent);
  background: color-mix(in srgb, var(--ch-primary-from) 12%, transparent);
  color: inherit;
  font-size: 10px;
  font-weight: 900;
  text-align: center;
}

.categoryHeader__check{margin-left: auto; color: color-mix(in srgb, var(--ch-primary-from) 74%, #ffffff); font-weight: 900;}

.categoryHeader__link:focus-visible,
.categoryHeader .langBtn:focus-visible,
.categoryHeader .themeToggle:focus-visible,
.categoryHeader__currencyBtn:focus-visible,
.categoryHeader__searchInput:focus-visible,
.categoryHeader__searchSubmit:focus-visible{
  outline: 2px solid color-mix(in srgb, var(--ch-primary-from) 56%, transparent);
  outline-offset: 2px;
}

.categoryHeader .langPanel,
.categoryHeader .dropdownPanel{scrollbar-width: thin; scrollbar-color: color-mix(in srgb, var(--ch-primary-from) 56%, transparent) transparent;}
.categoryHeader .langPanel::-webkit-scrollbar,
.categoryHeader .dropdownPanel::-webkit-scrollbar{width: 10px;}
.categoryHeader .langPanel::-webkit-scrollbar-thumb,
.categoryHeader .dropdownPanel::-webkit-scrollbar-thumb{background: color-mix(in srgb, var(--ch-primary-from) 40%, transparent); border-radius: 999px;}

html[dir="rtl"] .categoryHeader__inner{direction: rtl;}
html[dir="rtl"] .categoryHeader .headerUtilityLabel{padding-right: 10px; padding-left: 0;}
html[dir="rtl"] .categoryHeader .langPanel,
html[dir="rtl"] .categoryHeader .dropdownPanel{left: 0; right: auto;}

/* Shell alignment */
.categoryHeader + .categoryPageShell,
.categoryHeader + .realestateShell,
.categoryHeader + .boat-main,
.categoryHeader + .container,
.categoryHeader + .container--humanitarianWizard,
.categoryHeader + main{
  margin-top: var(--ch-bottom-gap) !important;
  padding-top: 0 !important;
}

.categoryHeader + .categoryPageShell{
  width: min(var(--ch-shell-width), calc(100vw - (var(--ch-edge-gap) * 2))) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-bottom: 28px !important;
}

body[data-category="boats"] .categoryHeader + .boat-main,
body[data-category="aircraft"] .categoryHeader + .categoryPageShell{
  --ch-shell-width: 1480px;
  width: min(var(--ch-shell-width), calc(100vw - (var(--ch-edge-gap) * 2))) !important;
}

body[data-category="vehicles"],
body[data-category="realestate"],
body[data-category="humanitarian"],
body[data-category="humanitarian-aid"],
body[data-category="aircraft"],
body[data-category="boats"]{
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body[data-category="realestate"],
body[data-category="real-estate"]{
  --ch-shell-width: 1440px !important;
  --ch-edge-gap: var(--cone-page-gutter) !important;
}

body[data-category="vehicles"]{display: block !important; justify-content: initial !important;}
body[data-category="vehicles"] .page{margin: 0 auto 32px !important;}
body[data-category="humanitarian"] .container--humanitarianWizard,
body[data-category="humanitarian-aid"] .container--humanitarianWizard{padding-top: 0 !important;}
body[data-category="realestate"] .realestateShell{padding-top: 0 !important; gap: var(--ch-bottom-gap) !important;}
body[data-category="realestate"] .realestateContainer,
body[data-category="realestate"] .realestateContainer--public,
body[data-category="realestate"] .realestateContainer--wizard{margin-top: 0 !important;}

body[data-category="realestate"] .categoryHeader__inner,
body[data-category="realestate"] .realestateShell,
body[data-category="realestate"] .realestateContainer,
body[data-category="realestate"] .realestateChrome,
body[data-category="realestate"] .realestateFooter{
  width: min(calc(100vw - (var(--cone-page-gutter) * 2)), var(--cone-page-max)) !important;
  max-width: var(--cone-page-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 1520px){
  .categoryHeader__inner{
    grid-template-areas:
      "brand search controls"
      "nav nav nav";
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
  }
  .categoryHeader__nav{overflow-x: auto; padding-bottom: 1px; scrollbar-width: none;}
  .categoryHeader__nav::-webkit-scrollbar{display: none;}
}

@media (max-width: 1100px){
  .categoryHeader__inner{
    grid-template-areas:
      "brand controls"
      "search search"
      "nav nav";
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    padding: 6px 0 8px;
  }
  .categoryHeader__controls,
  .categoryHeader__nav{
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    padding-bottom: 1px;
  }
  .categoryHeader__controls::-webkit-scrollbar,
  .categoryHeader__nav::-webkit-scrollbar{display: none;}
  .categoryHeader__controls > *,
  .categoryHeader__nav > *{flex: 0 0 auto;}
}

@media (max-width: 820px){
  .categoryHeader__searchForm{grid-template-columns: minmax(0, 1fr) 86px;}
  .categoryHeader .headerUtilityLabel{display: none;}
  .categoryHeader .headerUtilityStack{gap: 0;}
}

@media (max-width: 640px){
  .categoryHeader{--ch-edge-gap: 10px;}
  .categoryHeader__inner{gap: 7px;}
  .categoryHeader__brandName{font-size: clamp(1.2rem, 8vw, 1.58rem);}
  .categoryHeader__category{font-size: 10px;}
  .categoryHeader__link,
  .categoryHeader__utilityBtn,
  .categoryHeader .langBtn,
  .categoryHeader .themeToggle,
  .categoryHeader__currencyBtn,
  .categoryHeader__searchSubmit,
  .categoryHeader__searchInputWrap{
    min-height: 34px;
    height: 34px;
    border-radius: 12px;
    padding: 0 10px;
    font-size: 11px;
  }
  .categoryHeader .langBtn .langText,
  .categoryHeader__currencyValue,
  .categoryHeader .themeToggle__text,
  .categoryHeader__searchInput{font-size: 11px;}
  .categoryHeader .langBtn .langText{max-width: 74px;}
  .categoryHeader .langPanel,
  .categoryHeader .dropdownPanel{min-width: min(320px, calc(100vw - 20px));}
}

@media (max-width: 480px){
  .categoryHeader__inner{
    grid-template-areas:
      "brand"
      "search"
      "nav"
      "controls";
    grid-template-columns: 1fr;
  }
  .categoryHeader__controls,
  .categoryHeader__nav{justify-content: flex-start;}
  .categoryHeader__searchForm{grid-template-columns: minmax(0, 1fr) 76px;}
}


.categoryHeader[data-category-slug="vehicles"]{
  --ch-shell-width: 1440px;
  --ch-surface-top: rgba(6, 19, 46, 0.985);
  --ch-surface-bottom: rgba(11, 35, 82, 0.975);
  --ch-primary-from: #9cc0ff;
  --ch-primary-to: #ffd36c;
  --ch-brand-from: #fff2af;
  --ch-brand-to: #cf9319;
  --ch-glow-a: rgba(73, 128, 255, 0.30);
  --ch-glow-b: rgba(255, 206, 89, 0.22);
  --ch-chip-bg: rgba(255,255,255,.070);
  --ch-panel-top: color-mix(in srgb, rgba(6, 19, 46, 0.985) 96%, #050913);
  --ch-panel-bottom: color-mix(in srgb, rgba(11, 35, 82, 0.975) 96%, #06101d);
  --ch-panel-hover: color-mix(in srgb, #9cc0ff 12%, rgba(255,255,255,.03));
}

:root[data-theme="light"] .categoryHeader[data-category-slug="vehicles"],
html[data-theme="light"] .categoryHeader[data-category-slug="vehicles"],
body[data-theme="light"] .categoryHeader[data-category-slug="vehicles"]{
  --ch-surface-top: rgba(255,255,255,.985);
  --ch-surface-bottom: rgba(237, 244, 255, 0.985);
  --ch-panel-top: rgba(255,255,255,.992);
  --ch-panel-bottom: rgba(237, 244, 255, 0.985);
  --ch-panel-hover: color-mix(in srgb, #9cc0ff 10%, rgba(17,27,47,.02));
}


.categoryHeader[data-category-slug="parts-vehicles-machinery"]{
  --ch-shell-width: 1440px;
  --ch-surface-top: rgba(10, 18, 36, 0.985);
  --ch-surface-bottom: rgba(19, 41, 78, 0.975);
  --ch-primary-from: #93bbff;
  --ch-primary-to: #ffc76f;
  --ch-brand-from: #fff1b1;
  --ch-brand-to: #c69024;
  --ch-glow-a: rgba(92, 147, 255, 0.24);
  --ch-glow-b: rgba(255, 193, 94, 0.22);
  --ch-chip-bg: rgba(255,255,255,.068);
  --ch-panel-top: color-mix(in srgb, rgba(10, 18, 36, 0.985) 96%, #050913);
  --ch-panel-bottom: color-mix(in srgb, rgba(19, 41, 78, 0.975) 96%, #06101d);
  --ch-panel-hover: color-mix(in srgb, #93bbff 12%, rgba(255,255,255,.03));
}

:root[data-theme="light"] .categoryHeader[data-category-slug="parts-vehicles-machinery"],
html[data-theme="light"] .categoryHeader[data-category-slug="parts-vehicles-machinery"],
body[data-theme="light"] .categoryHeader[data-category-slug="parts-vehicles-machinery"]{
  --ch-surface-top: rgba(255,255,255,.985);
  --ch-surface-bottom: rgba(241, 246, 255, 0.985);
  --ch-panel-top: rgba(255,255,255,.992);
  --ch-panel-bottom: rgba(241, 246, 255, 0.985);
  --ch-panel-hover: color-mix(in srgb, #93bbff 10%, rgba(17,27,47,.02));
}


.categoryHeader[data-category-slug="real-estate"]{
  --ch-shell-width: 1440px;
  --ch-surface-top: rgba(8, 24, 30, 0.985);
  --ch-surface-bottom: rgba(12, 40, 45, 0.975);
  --ch-primary-from: #75e6d7;
  --ch-primary-to: #e6c382;
  --ch-brand-from: #fff0b2;
  --ch-brand-to: #bc9238;
  --ch-glow-a: rgba(95, 229, 210, 0.24);
  --ch-glow-b: rgba(230, 195, 130, 0.18);
  --ch-chip-bg: rgba(118,230,215,.070);
  --ch-panel-top: color-mix(in srgb, rgba(8, 24, 30, 0.985) 96%, #050913);
  --ch-panel-bottom: color-mix(in srgb, rgba(12, 40, 45, 0.975) 96%, #06101d);
  --ch-panel-hover: color-mix(in srgb, #75e6d7 12%, rgba(255,255,255,.03));
}

:root[data-theme="light"] .categoryHeader[data-category-slug="real-estate"],
html[data-theme="light"] .categoryHeader[data-category-slug="real-estate"],
body[data-theme="light"] .categoryHeader[data-category-slug="real-estate"]{
  --ch-surface-top: rgba(255,255,255,.985);
  --ch-surface-bottom: rgba(238, 251, 247, 0.985);
  --ch-panel-top: rgba(255,255,255,.992);
  --ch-panel-bottom: rgba(238, 251, 247, 0.985);
  --ch-panel-hover: color-mix(in srgb, #75e6d7 10%, rgba(17,27,47,.02));
}


.categoryHeader[data-category-slug="boats"]{
  --ch-shell-width: 1480px;
  --ch-surface-top: rgba(5, 23, 34, 0.985);
  --ch-surface-bottom: rgba(8, 51, 76, 0.975);
  --ch-primary-from: #88e9ff;
  --ch-primary-to: #4ad9ff;
  --ch-brand-from: #eefcff;
  --ch-brand-to: #64d7ff;
  --ch-glow-a: rgba(86, 212, 255, 0.24);
  --ch-glow-b: rgba(110, 230, 255, 0.14);
  --ch-chip-bg: rgba(104,216,255,.070);
  --ch-panel-top: color-mix(in srgb, rgba(5, 23, 34, 0.985) 96%, #050913);
  --ch-panel-bottom: color-mix(in srgb, rgba(8, 51, 76, 0.975) 96%, #06101d);
  --ch-panel-hover: color-mix(in srgb, #88e9ff 12%, rgba(255,255,255,.03));
}

:root[data-theme="light"] .categoryHeader[data-category-slug="boats"],
html[data-theme="light"] .categoryHeader[data-category-slug="boats"],
body[data-theme="light"] .categoryHeader[data-category-slug="boats"]{
  --ch-surface-top: rgba(255,255,255,.985);
  --ch-surface-bottom: rgba(238, 250, 255, 0.985);
  --ch-panel-top: rgba(255,255,255,.992);
  --ch-panel-bottom: rgba(238, 250, 255, 0.985);
  --ch-panel-hover: color-mix(in srgb, #88e9ff 10%, rgba(17,27,47,.02));
}


.categoryHeader[data-category-slug="aircraft"]{
  --ch-shell-width: 1480px;
  --ch-surface-top: rgba(9, 18, 42, 0.985);
  --ch-surface-bottom: rgba(18, 28, 70, 0.975);
  --ch-primary-from: #9ed8ff;
  --ch-primary-to: #c5a1ff;
  --ch-brand-from: #f0f8ff;
  --ch-brand-to: #94b5ff;
  --ch-glow-a: rgba(119, 206, 255, 0.22);
  --ch-glow-b: rgba(181, 145, 255, 0.20);
  --ch-chip-bg: rgba(140,190,255,.070);
  --ch-panel-top: color-mix(in srgb, rgba(9, 18, 42, 0.985) 96%, #050913);
  --ch-panel-bottom: color-mix(in srgb, rgba(18, 28, 70, 0.975) 96%, #06101d);
  --ch-panel-hover: color-mix(in srgb, #9ed8ff 12%, rgba(255,255,255,.03));
}

:root[data-theme="light"] .categoryHeader[data-category-slug="aircraft"],
html[data-theme="light"] .categoryHeader[data-category-slug="aircraft"],
body[data-theme="light"] .categoryHeader[data-category-slug="aircraft"]{
  --ch-surface-top: rgba(255,255,255,.985);
  --ch-surface-bottom: rgba(242, 244, 255, 0.985);
  --ch-panel-top: rgba(255,255,255,.992);
  --ch-panel-bottom: rgba(242, 244, 255, 0.985);
  --ch-panel-hover: color-mix(in srgb, #9ed8ff 10%, rgba(17,27,47,.02));
}


.categoryHeader[data-category-slug="vacation"]{
  --ch-shell-width: 1440px;
  --ch-surface-top: rgba(8, 25, 29, 0.985);
  --ch-surface-bottom: rgba(16, 43, 47, 0.975);
  --ch-primary-from: #44e2c9;
  --ch-primary-to: #ffc56e;
  --ch-brand-from: #fff3b2;
  --ch-brand-to: #eca43c;
  --ch-glow-a: rgba(68, 226, 201, 0.22);
  --ch-glow-b: rgba(255, 197, 110, 0.20);
  --ch-chip-bg: rgba(68,226,201,.068);
  --ch-panel-top: color-mix(in srgb, rgba(8, 25, 29, 0.985) 96%, #050913);
  --ch-panel-bottom: color-mix(in srgb, rgba(16, 43, 47, 0.975) 96%, #06101d);
  --ch-panel-hover: color-mix(in srgb, #44e2c9 12%, rgba(255,255,255,.03));
}

:root[data-theme="light"] .categoryHeader[data-category-slug="vacation"],
html[data-theme="light"] .categoryHeader[data-category-slug="vacation"],
body[data-theme="light"] .categoryHeader[data-category-slug="vacation"]{
  --ch-surface-top: rgba(255,255,255,.985);
  --ch-surface-bottom: rgba(238, 252, 247, 0.985);
  --ch-panel-top: rgba(255,255,255,.992);
  --ch-panel-bottom: rgba(238, 252, 247, 0.985);
  --ch-panel-hover: color-mix(in srgb, #44e2c9 10%, rgba(17,27,47,.02));
}


.categoryHeader[data-category-slug="jobs"]{
  --ch-shell-width: 1440px;
  --ch-surface-top: rgba(19, 18, 42, 0.985);
  --ch-surface-bottom: rgba(41, 34, 82, 0.975);
  --ch-primary-from: #95a7ff;
  --ch-primary-to: #c990ff;
  --ch-brand-from: #fff0b3;
  --ch-brand-to: #d2a84e;
  --ch-glow-a: rgba(135, 154, 255, 0.20);
  --ch-glow-b: rgba(201, 144, 255, 0.18);
  --ch-chip-bg: rgba(149,167,255,.070);
  --ch-panel-top: color-mix(in srgb, rgba(19, 18, 42, 0.985) 96%, #050913);
  --ch-panel-bottom: color-mix(in srgb, rgba(41, 34, 82, 0.975) 96%, #06101d);
  --ch-panel-hover: color-mix(in srgb, #95a7ff 12%, rgba(255,255,255,.03));
}

:root[data-theme="light"] .categoryHeader[data-category-slug="jobs"],
html[data-theme="light"] .categoryHeader[data-category-slug="jobs"],
body[data-theme="light"] .categoryHeader[data-category-slug="jobs"]{
  --ch-surface-top: rgba(255,255,255,.985);
  --ch-surface-bottom: rgba(244, 241, 255, 0.985);
  --ch-panel-top: rgba(255,255,255,.992);
  --ch-panel-bottom: rgba(244, 241, 255, 0.985);
  --ch-panel-hover: color-mix(in srgb, #95a7ff 10%, rgba(17,27,47,.02));
}


.categoryHeader[data-category-slug="services"]{
  --ch-shell-width: 1440px;
  --ch-surface-top: rgba(7, 27, 36, 0.985);
  --ch-surface-bottom: rgba(13, 55, 61, 0.975);
  --ch-primary-from: #46c7ff;
  --ch-primary-to: #6ae38a;
  --ch-brand-from: #fff1b2;
  --ch-brand-to: #d0a54b;
  --ch-glow-a: rgba(70, 199, 255, 0.20);
  --ch-glow-b: rgba(106, 227, 138, 0.16);
  --ch-chip-bg: rgba(70,199,255,.060);
  --ch-panel-top: color-mix(in srgb, rgba(7, 27, 36, 0.985) 96%, #050913);
  --ch-panel-bottom: color-mix(in srgb, rgba(13, 55, 61, 0.975) 96%, #06101d);
  --ch-panel-hover: color-mix(in srgb, #46c7ff 12%, rgba(255,255,255,.03));
}

:root[data-theme="light"] .categoryHeader[data-category-slug="services"],
html[data-theme="light"] .categoryHeader[data-category-slug="services"],
body[data-theme="light"] .categoryHeader[data-category-slug="services"]{
  --ch-surface-top: rgba(255,255,255,.985);
  --ch-surface-bottom: rgba(238, 252, 250, 0.985);
  --ch-panel-top: rgba(255,255,255,.992);
  --ch-panel-bottom: rgba(238, 252, 250, 0.985);
  --ch-panel-hover: color-mix(in srgb, #46c7ff 10%, rgba(17,27,47,.02));
}


.categoryHeader[data-category-slug="electronics"]{
  --ch-shell-width: 1440px;
  --ch-surface-top: rgba(9, 20, 46, 0.985);
  --ch-surface-bottom: rgba(18, 35, 83, 0.975);
  --ch-primary-from: #79c7ff;
  --ch-primary-to: #8c8fff;
  --ch-brand-from: #edf6ff;
  --ch-brand-to: #79a0ff;
  --ch-glow-a: rgba(108, 184, 255, 0.22);
  --ch-glow-b: rgba(140, 143, 255, 0.18);
  --ch-chip-bg: rgba(121,199,255,.065);
  --ch-panel-top: color-mix(in srgb, rgba(9, 20, 46, 0.985) 96%, #050913);
  --ch-panel-bottom: color-mix(in srgb, rgba(18, 35, 83, 0.975) 96%, #06101d);
  --ch-panel-hover: color-mix(in srgb, #79c7ff 12%, rgba(255,255,255,.03));
}

:root[data-theme="light"] .categoryHeader[data-category-slug="electronics"],
html[data-theme="light"] .categoryHeader[data-category-slug="electronics"],
body[data-theme="light"] .categoryHeader[data-category-slug="electronics"]{
  --ch-surface-top: rgba(255,255,255,.985);
  --ch-surface-bottom: rgba(239, 244, 255, 0.985);
  --ch-panel-top: rgba(255,255,255,.992);
  --ch-panel-bottom: rgba(239, 244, 255, 0.985);
  --ch-panel-hover: color-mix(in srgb, #79c7ff 10%, rgba(17,27,47,.02));
}


.categoryHeader[data-category-slug="home-garden"]{
  --ch-shell-width: 1440px;
  --ch-surface-top: rgba(15, 31, 19, 0.985);
  --ch-surface-bottom: rgba(28, 54, 35, 0.975);
  --ch-primary-from: #80d78e;
  --ch-primary-to: #e2cb7b;
  --ch-brand-from: #fff0b3;
  --ch-brand-to: #d3a653;
  --ch-glow-a: rgba(128, 215, 142, 0.20);
  --ch-glow-b: rgba(226, 203, 123, 0.17);
  --ch-chip-bg: rgba(128,215,142,.060);
  --ch-panel-top: color-mix(in srgb, rgba(15, 31, 19, 0.985) 96%, #050913);
  --ch-panel-bottom: color-mix(in srgb, rgba(28, 54, 35, 0.975) 96%, #06101d);
  --ch-panel-hover: color-mix(in srgb, #80d78e 12%, rgba(255,255,255,.03));
}

:root[data-theme="light"] .categoryHeader[data-category-slug="home-garden"],
html[data-theme="light"] .categoryHeader[data-category-slug="home-garden"],
body[data-theme="light"] .categoryHeader[data-category-slug="home-garden"]{
  --ch-surface-top: rgba(255,255,255,.985);
  --ch-surface-bottom: rgba(244, 251, 241, 0.985);
  --ch-panel-top: rgba(255,255,255,.992);
  --ch-panel-bottom: rgba(244, 251, 241, 0.985);
  --ch-panel-hover: color-mix(in srgb, #80d78e 10%, rgba(17,27,47,.02));
}


.categoryHeader[data-category-slug="fashion"]{
  --ch-shell-width: 1440px;
  --ch-surface-top: rgba(36, 18, 33, 0.985);
  --ch-surface-bottom: rgba(60, 26, 49, 0.975);
  --ch-primary-from: #ff9fc8;
  --ch-primary-to: #f1ca7d;
  --ch-brand-from: #fff0bb;
  --ch-brand-to: #d49a45;
  --ch-glow-a: rgba(255, 159, 200, 0.20);
  --ch-glow-b: rgba(241, 202, 125, 0.15);
  --ch-chip-bg: rgba(255,159,200,.058);
  --ch-panel-top: color-mix(in srgb, rgba(36, 18, 33, 0.985) 96%, #050913);
  --ch-panel-bottom: color-mix(in srgb, rgba(60, 26, 49, 0.975) 96%, #06101d);
  --ch-panel-hover: color-mix(in srgb, #ff9fc8 12%, rgba(255,255,255,.03));
}

:root[data-theme="light"] .categoryHeader[data-category-slug="fashion"],
html[data-theme="light"] .categoryHeader[data-category-slug="fashion"],
body[data-theme="light"] .categoryHeader[data-category-slug="fashion"]{
  --ch-surface-top: rgba(255,255,255,.985);
  --ch-surface-bottom: rgba(255, 243, 248, 0.985);
  --ch-panel-top: rgba(255,255,255,.992);
  --ch-panel-bottom: rgba(255, 243, 248, 0.985);
  --ch-panel-hover: color-mix(in srgb, #ff9fc8 10%, rgba(17,27,47,.02));
}


.categoryHeader[data-category-slug="kids-baby"]{
  --ch-shell-width: 1440px;
  --ch-surface-top: rgba(15, 30, 51, 0.985);
  --ch-surface-bottom: rgba(24, 51, 87, 0.975);
  --ch-primary-from: #8adbff;
  --ch-primary-to: #ffbf95;
  --ch-brand-from: #fff6c4;
  --ch-brand-to: #eba35b;
  --ch-glow-a: rgba(138, 219, 255, 0.22);
  --ch-glow-b: rgba(255, 191, 149, 0.16);
  --ch-chip-bg: rgba(138,219,255,.060);
  --ch-panel-top: color-mix(in srgb, rgba(15, 30, 51, 0.985) 96%, #050913);
  --ch-panel-bottom: color-mix(in srgb, rgba(24, 51, 87, 0.975) 96%, #06101d);
  --ch-panel-hover: color-mix(in srgb, #8adbff 12%, rgba(255,255,255,.03));
}

:root[data-theme="light"] .categoryHeader[data-category-slug="kids-baby"],
html[data-theme="light"] .categoryHeader[data-category-slug="kids-baby"],
body[data-theme="light"] .categoryHeader[data-category-slug="kids-baby"]{
  --ch-surface-top: rgba(255,255,255,.985);
  --ch-surface-bottom: rgba(243, 251, 255, 0.985);
  --ch-panel-top: rgba(255,255,255,.992);
  --ch-panel-bottom: rgba(243, 251, 255, 0.985);
  --ch-panel-hover: color-mix(in srgb, #8adbff 10%, rgba(17,27,47,.02));
}


.categoryHeader[data-category-slug="sports-outdoors"]{
  --ch-shell-width: 1440px;
  --ch-surface-top: rgba(9, 33, 24, 0.985);
  --ch-surface-bottom: rgba(17, 55, 35, 0.975);
  --ch-primary-from: #68daa9;
  --ch-primary-to: #7cb9ff;
  --ch-brand-from: #effff2;
  --ch-brand-to: #87d3a7;
  --ch-glow-a: rgba(104, 218, 169, 0.20);
  --ch-glow-b: rgba(124, 185, 255, 0.16);
  --ch-chip-bg: rgba(104,218,169,.058);
  --ch-panel-top: color-mix(in srgb, rgba(9, 33, 24, 0.985) 96%, #050913);
  --ch-panel-bottom: color-mix(in srgb, rgba(17, 55, 35, 0.975) 96%, #06101d);
  --ch-panel-hover: color-mix(in srgb, #68daa9 12%, rgba(255,255,255,.03));
}

:root[data-theme="light"] .categoryHeader[data-category-slug="sports-outdoors"],
html[data-theme="light"] .categoryHeader[data-category-slug="sports-outdoors"],
body[data-theme="light"] .categoryHeader[data-category-slug="sports-outdoors"]{
  --ch-surface-top: rgba(255,255,255,.985);
  --ch-surface-bottom: rgba(239, 250, 244, 0.985);
  --ch-panel-top: rgba(255,255,255,.992);
  --ch-panel-bottom: rgba(239, 250, 244, 0.985);
  --ch-panel-hover: color-mix(in srgb, #68daa9 10%, rgba(17,27,47,.02));
}


.categoryHeader[data-category-slug="hobbies-media"]{
  --ch-shell-width: 1440px;
  --ch-surface-top: rgba(22, 18, 44, 0.985);
  --ch-surface-bottom: rgba(46, 31, 77, 0.975);
  --ch-primary-from: #aa92ff;
  --ch-primary-to: #ffc886;
  --ch-brand-from: #f7f0ff;
  --ch-brand-to: #c9a0ff;
  --ch-glow-a: rgba(170, 146, 255, 0.20);
  --ch-glow-b: rgba(255, 200, 134, 0.16);
  --ch-chip-bg: rgba(170,146,255,.060);
  --ch-panel-top: color-mix(in srgb, rgba(22, 18, 44, 0.985) 96%, #050913);
  --ch-panel-bottom: color-mix(in srgb, rgba(46, 31, 77, 0.975) 96%, #06101d);
  --ch-panel-hover: color-mix(in srgb, #aa92ff 12%, rgba(255,255,255,.03));
}

:root[data-theme="light"] .categoryHeader[data-category-slug="hobbies-media"],
html[data-theme="light"] .categoryHeader[data-category-slug="hobbies-media"],
body[data-theme="light"] .categoryHeader[data-category-slug="hobbies-media"]{
  --ch-surface-top: rgba(255,255,255,.985);
  --ch-surface-bottom: rgba(245, 242, 255, 0.985);
  --ch-panel-top: rgba(255,255,255,.992);
  --ch-panel-bottom: rgba(245, 242, 255, 0.985);
  --ch-panel-hover: color-mix(in srgb, #aa92ff 10%, rgba(17,27,47,.02));
}




.categoryHeader[data-category-slug="pets"]{
  --ch-shell-width: 1440px;
  --ch-surface-top: rgba(31, 23, 12, 0.985);
  --ch-surface-bottom: rgba(57, 40, 17, 0.975);
  --ch-primary-from: #ffd47b;
  --ch-primary-to: #82d8ff;
  --ch-brand-from: #fff3c6;
  --ch-brand-to: #efb04d;
  --ch-glow-a: rgba(255, 212, 123, 0.20);
  --ch-glow-b: rgba(130, 216, 255, 0.16);
  --ch-chip-bg: rgba(255,212,123,.058);
  --ch-panel-top: color-mix(in srgb, rgba(31, 23, 12, 0.985) 96%, #050913);
  --ch-panel-bottom: color-mix(in srgb, rgba(57, 40, 17, 0.975) 96%, #06101d);
  --ch-panel-hover: color-mix(in srgb, #ffd47b 12%, rgba(255,255,255,.03));
}

:root[data-theme="light"] .categoryHeader[data-category-slug="pets"],
html[data-theme="light"] .categoryHeader[data-category-slug="pets"],
body[data-theme="light"] .categoryHeader[data-category-slug="pets"]{
  --ch-surface-top: rgba(255,255,255,.985);
  --ch-surface-bottom: rgba(255, 247, 236, 0.985);
  --ch-panel-top: rgba(255,255,255,.992);
  --ch-panel-bottom: rgba(255, 247, 236, 0.985);
  --ch-panel-hover: color-mix(in srgb, #ffd47b 10%, rgba(17,27,47,.02));
}


.categoryHeader[data-category-slug="business-industrial"]{
  --ch-shell-width: 1440px;
  --ch-surface-top: rgba(15, 24, 43, 0.985);
  --ch-surface-bottom: rgba(27, 45, 66, 0.975);
  --ch-primary-from: #8fb9ff;
  --ch-primary-to: #8ce4c4;
  --ch-brand-from: #eef6ff;
  --ch-brand-to: #8fb8ff;
  --ch-glow-a: rgba(143, 185, 255, 0.20);
  --ch-glow-b: rgba(140, 228, 196, 0.16);
  --ch-chip-bg: rgba(143,185,255,.058);
  --ch-panel-top: color-mix(in srgb, rgba(15, 24, 43, 0.985) 96%, #050913);
  --ch-panel-bottom: color-mix(in srgb, rgba(27, 45, 66, 0.975) 96%, #06101d);
  --ch-panel-hover: color-mix(in srgb, #8fb9ff 12%, rgba(255,255,255,.03));
}

:root[data-theme="light"] .categoryHeader[data-category-slug="business-industrial"],
html[data-theme="light"] .categoryHeader[data-category-slug="business-industrial"],
body[data-theme="light"] .categoryHeader[data-category-slug="business-industrial"]{
  --ch-surface-top: rgba(255,255,255,.985);
  --ch-surface-bottom: rgba(240, 246, 255, 0.985);
  --ch-panel-top: rgba(255,255,255,.992);
  --ch-panel-bottom: rgba(240, 246, 255, 0.985);
  --ch-panel-hover: color-mix(in srgb, #8fb9ff 10%, rgba(17,27,47,.02));
}


.categoryHeader[data-category-slug="tickets-events"]{
  --ch-shell-width: 1440px;
  --ch-surface-top: rgba(36, 18, 31, 0.985);
  --ch-surface-bottom: rgba(58, 28, 48, 0.975);
  --ch-primary-from: #ff92b8;
  --ch-primary-to: #ffd07c;
  --ch-brand-from: #fff0bb;
  --ch-brand-to: #df9b46;
  --ch-glow-a: rgba(255, 146, 184, 0.20);
  --ch-glow-b: rgba(255, 208, 124, 0.16);
  --ch-chip-bg: rgba(255,146,184,.058);
  --ch-panel-top: color-mix(in srgb, rgba(36, 18, 31, 0.985) 96%, #050913);
  --ch-panel-bottom: color-mix(in srgb, rgba(58, 28, 48, 0.975) 96%, #06101d);
  --ch-panel-hover: color-mix(in srgb, #ff92b8 12%, rgba(255,255,255,.03));
}

:root[data-theme="light"] .categoryHeader[data-category-slug="tickets-events"],
html[data-theme="light"] .categoryHeader[data-category-slug="tickets-events"],
body[data-theme="light"] .categoryHeader[data-category-slug="tickets-events"]{
  --ch-surface-top: rgba(255,255,255,.985);
  --ch-surface-bottom: rgba(255, 244, 248, 0.985);
  --ch-panel-top: rgba(255,255,255,.992);
  --ch-panel-bottom: rgba(255, 244, 248, 0.985);
  --ch-panel-hover: color-mix(in srgb, #ff92b8 10%, rgba(17,27,47,.02));
}




.categoryHeader[data-category-slug="digital"]{
  --ch-shell-width: 1440px;
  --ch-surface-top: rgba(10, 20, 46, 0.985);
  --ch-surface-bottom: rgba(21, 34, 76, 0.975);
  --ch-primary-from: #72ccff;
  --ch-primary-to: #b78eff;
  --ch-brand-from: #f1f5ff;
  --ch-brand-to: #8fa2ff;
  --ch-glow-a: rgba(114, 204, 255, 0.22);
  --ch-glow-b: rgba(183, 142, 255, 0.18);
  --ch-chip-bg: rgba(114,204,255,.060);
  --ch-panel-top: color-mix(in srgb, rgba(10, 20, 46, 0.985) 96%, #050913);
  --ch-panel-bottom: color-mix(in srgb, rgba(21, 34, 76, 0.975) 96%, #06101d);
  --ch-panel-hover: color-mix(in srgb, #72ccff 12%, rgba(255,255,255,.03));
}

:root[data-theme="light"] .categoryHeader[data-category-slug="digital"],
html[data-theme="light"] .categoryHeader[data-category-slug="digital"],
body[data-theme="light"] .categoryHeader[data-category-slug="digital"]{
  --ch-surface-top: rgba(255,255,255,.985);
  --ch-surface-bottom: rgba(239, 244, 255, 0.985);
  --ch-panel-top: rgba(255,255,255,.992);
  --ch-panel-bottom: rgba(239, 244, 255, 0.985);
  --ch-panel-hover: color-mix(in srgb, #72ccff 10%, rgba(17,27,47,.02));
}


.categoryHeader[data-category-slug="community"]{
  --ch-shell-width: 1440px;
  --ch-surface-top: rgba(11, 28, 38, 0.985);
  --ch-surface-bottom: rgba(20, 49, 68, 0.975);
  --ch-primary-from: #73dbc3;
  --ch-primary-to: #90abff;
  --ch-brand-from: #effcf8;
  --ch-brand-to: #6fd2b7;
  --ch-glow-a: rgba(115, 219, 195, 0.20);
  --ch-glow-b: rgba(144, 171, 255, 0.16);
  --ch-chip-bg: rgba(115,219,195,.058);
  --ch-panel-top: color-mix(in srgb, rgba(11, 28, 38, 0.985) 96%, #050913);
  --ch-panel-bottom: color-mix(in srgb, rgba(20, 49, 68, 0.975) 96%, #06101d);
  --ch-panel-hover: color-mix(in srgb, #73dbc3 12%, rgba(255,255,255,.03));
}

:root[data-theme="light"] .categoryHeader[data-category-slug="community"],
html[data-theme="light"] .categoryHeader[data-category-slug="community"],
body[data-theme="light"] .categoryHeader[data-category-slug="community"]{
  --ch-surface-top: rgba(255,255,255,.985);
  --ch-surface-bottom: rgba(239, 249, 251, 0.985);
  --ch-panel-top: rgba(255,255,255,.992);
  --ch-panel-bottom: rgba(239, 249, 251, 0.985);
  --ch-panel-hover: color-mix(in srgb, #73dbc3 10%, rgba(17,27,47,.02));
}


.categoryHeader[data-category-slug="machines-tools"]{
  --ch-shell-width: 1440px;
  --ch-surface-top: rgba(31, 21, 10, 0.985);
  --ch-surface-bottom: rgba(57, 40, 18, 0.975);
  --ch-primary-from: #ffcd76;
  --ch-primary-to: #90b9ff;
  --ch-brand-from: #fff2c0;
  --ch-brand-to: #e0a144;
  --ch-glow-a: rgba(255, 205, 118, 0.20);
  --ch-glow-b: rgba(144, 185, 255, 0.16);
  --ch-chip-bg: rgba(255,205,118,.058);
  --ch-panel-top: color-mix(in srgb, rgba(31, 21, 10, 0.985) 96%, #050913);
  --ch-panel-bottom: color-mix(in srgb, rgba(57, 40, 18, 0.975) 96%, #06101d);
  --ch-panel-hover: color-mix(in srgb, #ffcd76 12%, rgba(255,255,255,.03));
}

:root[data-theme="light"] .categoryHeader[data-category-slug="machines-tools"],
html[data-theme="light"] .categoryHeader[data-category-slug="machines-tools"],
body[data-theme="light"] .categoryHeader[data-category-slug="machines-tools"]{
  --ch-surface-top: rgba(255,255,255,.985);
  --ch-surface-bottom: rgba(255, 248, 237, 0.985);
  --ch-panel-top: rgba(255,255,255,.992);
  --ch-panel-bottom: rgba(255, 248, 237, 0.985);
  --ch-panel-hover: color-mix(in srgb, #ffcd76 10%, rgba(17,27,47,.02));
}


.categoryHeader[data-category-slug="motorcycles"]{
  --ch-shell-width: 1440px;
  --ch-surface-top: rgba(14, 19, 37, 0.985);
  --ch-surface-bottom: rgba(28, 37, 66, 0.975);
  --ch-primary-from: #9cc0ff;
  --ch-primary-to: #ffb86f;
  --ch-brand-from: #f1f6ff;
  --ch-brand-to: #95b5ff;
  --ch-glow-a: rgba(119, 168, 255, 0.22);
  --ch-glow-b: rgba(255, 184, 111, 0.18);
  --ch-chip-bg: rgba(156,192,255,.060);
  --ch-panel-top: color-mix(in srgb, rgba(14, 19, 37, 0.985) 96%, #050913);
  --ch-panel-bottom: color-mix(in srgb, rgba(28, 37, 66, 0.975) 96%, #06101d);
  --ch-panel-hover: color-mix(in srgb, #9cc0ff 12%, rgba(255,255,255,.03));
}

:root[data-theme="light"] .categoryHeader[data-category-slug="motorcycles"],
html[data-theme="light"] .categoryHeader[data-category-slug="motorcycles"],
body[data-theme="light"] .categoryHeader[data-category-slug="motorcycles"]{
  --ch-surface-top: rgba(255,255,255,.985);
  --ch-surface-bottom: rgba(241, 245, 255, 0.985);
  --ch-panel-top: rgba(255,255,255,.992);
  --ch-panel-bottom: rgba(241, 245, 255, 0.985);
  --ch-panel-hover: color-mix(in srgb, #9cc0ff 10%, rgba(17,27,47,.02));
}


.categoryHeader[data-category-slug="agriculture-machinery"]{
  --ch-shell-width: 1440px;
  --ch-surface-top: rgba(17, 30, 14, 0.985);
  --ch-surface-bottom: rgba(36, 55, 20, 0.975);
  --ch-primary-from: #97d970;
  --ch-primary-to: #f0c667;
  --ch-brand-from: #f5ffd9;
  --ch-brand-to: #9bc85e;
  --ch-glow-a: rgba(151, 217, 112, 0.20);
  --ch-glow-b: rgba(240, 198, 103, 0.16);
  --ch-chip-bg: rgba(151,217,112,.060);
  --ch-panel-top: color-mix(in srgb, rgba(17, 30, 14, 0.985) 96%, #050913);
  --ch-panel-bottom: color-mix(in srgb, rgba(36, 55, 20, 0.975) 96%, #06101d);
  --ch-panel-hover: color-mix(in srgb, #97d970 12%, rgba(255,255,255,.03));
}

:root[data-theme="light"] .categoryHeader[data-category-slug="agriculture-machinery"],
html[data-theme="light"] .categoryHeader[data-category-slug="agriculture-machinery"],
body[data-theme="light"] .categoryHeader[data-category-slug="agriculture-machinery"]{
  --ch-surface-top: rgba(255,255,255,.985);
  --ch-surface-bottom: rgba(246, 251, 237, 0.985);
  --ch-panel-top: rgba(255,255,255,.992);
  --ch-panel-bottom: rgba(246, 251, 237, 0.985);
  --ch-panel-hover: color-mix(in srgb, #97d970 10%, rgba(17,27,47,.02));
}


.categoryHeader[data-category-slug="art"]{
  --ch-shell-width: 1440px;
  --ch-surface-top: rgba(34, 17, 39, 0.985);
  --ch-surface-bottom: rgba(56, 28, 65, 0.975);
  --ch-primary-from: #ff9fd4;
  --ch-primary-to: #8fc1ff;
  --ch-brand-from: #fff0fb;
  --ch-brand-to: #db9dff;
  --ch-glow-a: rgba(255, 159, 212, 0.20);
  --ch-glow-b: rgba(143, 193, 255, 0.16);
  --ch-chip-bg: rgba(255,159,212,.060);
  --ch-panel-top: color-mix(in srgb, rgba(34, 17, 39, 0.985) 96%, #050913);
  --ch-panel-bottom: color-mix(in srgb, rgba(56, 28, 65, 0.975) 96%, #06101d);
  --ch-panel-hover: color-mix(in srgb, #ff9fd4 12%, rgba(255,255,255,.03));
}

:root[data-theme="light"] .categoryHeader[data-category-slug="art"],
html[data-theme="light"] .categoryHeader[data-category-slug="art"],
body[data-theme="light"] .categoryHeader[data-category-slug="art"]{
  --ch-surface-top: rgba(255,255,255,.985);
  --ch-surface-bottom: rgba(255, 243, 251, 0.985);
  --ch-panel-top: rgba(255,255,255,.992);
  --ch-panel-bottom: rgba(255, 243, 251, 0.985);
  --ch-panel-hover: color-mix(in srgb, #ff9fd4 10%, rgba(17,27,47,.02));
}


.categoryHeader[data-category-slug="humanitarian-aid"]{
  --ch-shell-width: 1440px;
  --ch-surface-top: rgba(10, 35, 26, 0.985);
  --ch-surface-bottom: rgba(20, 56, 42, 0.975);
  --ch-primary-from: #71e29b;
  --ch-primary-to: #79b8ff;
  --ch-brand-from: #effff3;
  --ch-brand-to: #83d69d;
  --ch-glow-a: rgba(113, 226, 155, 0.20);
  --ch-glow-b: rgba(121, 184, 255, 0.16);
  --ch-chip-bg: rgba(113,226,155,.058);
  --ch-panel-top: color-mix(in srgb, rgba(10, 35, 26, 0.985) 96%, #050913);
  --ch-panel-bottom: color-mix(in srgb, rgba(20, 56, 42, 0.975) 96%, #06101d);
  --ch-panel-hover: color-mix(in srgb, #71e29b 12%, rgba(255,255,255,.03));
}

:root[data-theme="light"] .categoryHeader[data-category-slug="humanitarian-aid"],
html[data-theme="light"] .categoryHeader[data-category-slug="humanitarian-aid"],
body[data-theme="light"] .categoryHeader[data-category-slug="humanitarian-aid"]{
  --ch-surface-top: rgba(255,255,255,.985);
  --ch-surface-bottom: rgba(240, 251, 243, 0.985);
  --ch-panel-top: rgba(255,255,255,.992);
  --ch-panel-bottom: rgba(240, 251, 243, 0.985);
  --ch-panel-hover: color-mix(in srgb, #71e29b 10%, rgba(17,27,47,.02));
}


.categoryHeader[data-category-slug="humanitarian"]{
  --ch-shell-width: 1440px;
  --ch-surface-top: rgba(10, 35, 26, 0.985);
  --ch-surface-bottom: rgba(20, 56, 42, 0.975);
  --ch-primary-from: #71e29b;
  --ch-primary-to: #79b8ff;
  --ch-brand-from: #effff3;
  --ch-brand-to: #83d69d;
  --ch-glow-a: rgba(113, 226, 155, 0.20);
  --ch-glow-b: rgba(121, 184, 255, 0.16);
  --ch-chip-bg: rgba(113,226,155,.058);
  --ch-panel-top: color-mix(in srgb, rgba(10, 35, 26, 0.985) 96%, #050913);
  --ch-panel-bottom: color-mix(in srgb, rgba(20, 56, 42, 0.975) 96%, #06101d);
  --ch-panel-hover: color-mix(in srgb, #71e29b 12%, rgba(255,255,255,.03));
}

:root[data-theme="light"] .categoryHeader[data-category-slug="humanitarian"],
html[data-theme="light"] .categoryHeader[data-category-slug="humanitarian"],
body[data-theme="light"] .categoryHeader[data-category-slug="humanitarian"]{
  --ch-surface-top: rgba(255,255,255,.985);
  --ch-surface-bottom: rgba(240, 251, 243, 0.985);
  --ch-panel-top: rgba(255,255,255,.992);
  --ch-panel-bottom: rgba(240, 251, 243, 0.985);
  --ch-panel-hover: color-mix(in srgb, #71e29b 10%, rgba(17,27,47,.02));
}


.categoryHeader[data-category-slug="free"]{
  --ch-shell-width: 1440px;
  --ch-surface-top: rgba(11, 25, 38, 0.985);
  --ch-surface-bottom: rgba(20, 49, 69, 0.975);
  --ch-primary-from: #8fd9ff;
  --ch-primary-to: #9be48c;
  --ch-brand-from: #eefbff;
  --ch-brand-to: #86c8ff;
  --ch-glow-a: rgba(143, 217, 255, 0.20);
  --ch-glow-b: rgba(155, 228, 140, 0.16);
  --ch-chip-bg: rgba(143,217,255,.058);
  --ch-panel-top: color-mix(in srgb, rgba(11, 25, 38, 0.985) 96%, #050913);
  --ch-panel-bottom: color-mix(in srgb, rgba(20, 49, 69, 0.975) 96%, #06101d);
  --ch-panel-hover: color-mix(in srgb, #8fd9ff 12%, rgba(255,255,255,.03));
}

:root[data-theme="light"] .categoryHeader[data-category-slug="free"],
html[data-theme="light"] .categoryHeader[data-category-slug="free"],
body[data-theme="light"] .categoryHeader[data-category-slug="free"]{
  --ch-surface-top: rgba(255,255,255,.985);
  --ch-surface-bottom: rgba(240, 250, 255, 0.985);
  --ch-panel-top: rgba(255,255,255,.992);
  --ch-panel-bottom: rgba(240, 250, 255, 0.985);
  --ch-panel-hover: color-mix(in srgb, #8fd9ff 10%, rgba(17,27,47,.02));
}


/* === r7 category header compact search cleanup === */
.categoryHeader__searchInputWrap{position:relative;}
.categoryHeader__searchInputWrap:focus-within{
  border-color: color-mix(in srgb, var(--ch-primary-from) 42%, var(--ch-chip-border));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 1px color-mix(in srgb, var(--ch-primary-from) 32%, transparent);
}
.categoryHeader__searchInput{
  -webkit-appearance:none !important;
  appearance:none !important;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
.categoryHeader__searchInput::-webkit-search-decoration,
.categoryHeader__searchInput::-webkit-search-cancel-button,
.categoryHeader__searchInput::-webkit-search-results-button,
.categoryHeader__searchInput::-webkit-search-results-decoration{display:none;}
.categoryHeader__searchInput:focus,
.categoryHeader__searchInput:focus-visible{
  outline:none !important;
  box-shadow:none !important;
}


/* ===== Category header icon-controls + responsive unify r4 ===== */
.categoryHeader__controls--icons{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  min-width:0 !important;
}
.categoryHeader__controls--icons > *{flex:0 0 auto !important;}
.categoryHeader__controls--icons .headerUtilityStack,
.categoryHeader__controls--icons .langMenu,
.categoryHeader__controls--icons .dropdownRoot{display:flex !important;align-items:center !important;}
.categoryHeader__controls--icons .headerUtilityLabel,
.categoryHeader__controls--icons .langBtn .langText,
.categoryHeader__controls--icons .langBtn .chev,
.categoryHeader__controls--icons .themeToggle__text{display:none !important;}
.categoryHeader__controls--icons .langBtn,
.categoryHeader__controls--icons .themeToggle,
.categoryHeader__controls--icons .iconCircle--pro,
.categoryHeader__controls--icons .categoryHeader__iconBtn{
  width:42px !important;min-width:42px !important;height:42px !important;min-height:42px !important;padding:0 !important;border-radius:16px !important;justify-content:center !important;border:1px solid var(--ch-chip-border) !important;background:linear-gradient(180deg, color-mix(in srgb, var(--ch-chip-bg) 100%, transparent), color-mix(in srgb, var(--ch-chip-bg) 84%, transparent)) !important;color:var(--ch-text) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08), var(--ch-button-shadow) !important;
}
.categoryHeader__controls--icons .langBtn .flag img{width:22px !important;height:15px !important;border-radius:4px !important;}
.categoryHeader__controls--icons .themeToggle__icon{font-size:22px !important;line-height:1 !important;}
.categoryHeader__controls--icons .notifyBubble{top:-5px !important;right:-5px !important;}
.categoryHeader__controls--icons .walletPanel--premium{width:310px;}
@media (min-width: 1025px){
  .categoryHeader__inner{grid-template-areas:"brand nav search controls" !important;grid-template-columns:auto auto minmax(240px,1fr) auto !important;align-items:center !important;}
  .categoryHeader__nav{overflow-x:auto !important;overflow-y:hidden !important;scrollbar-width:none;padding-bottom:0 !important;}
  .categoryHeader__nav::-webkit-scrollbar{display:none;}
}
@media (max-width: 1024px){
  .categoryHeader__inner{grid-template-areas:"brand controls" "search search" "nav nav" !important;grid-template-columns:minmax(0,1fr) auto !important;align-items:center !important;gap:10px !important;}
  .categoryHeader__brand{min-width:0 !important;}
  .categoryHeader__searchZone,.categoryHeader__nav{width:100% !important;}
  .categoryHeader__nav{justify-content:flex-start !important;overflow-x:auto !important;overflow-y:hidden !important;scrollbar-width:none;padding-bottom:2px !important;}
  .categoryHeader__nav::-webkit-scrollbar{display:none;}
}
@media (max-width: 780px){
  .categoryHeader{--ch-edge-gap:10px;}
  .categoryHeader__inner{padding:10px 0 12px !important;gap:10px !important;}
  .categoryHeader__brandName{font-size:clamp(22px, 9vw, 30px) !important;line-height:.9 !important;}
  .categoryHeader__category{font-size:10px !important;}
  .categoryHeader__controls--icons{gap:6px !important;}
  .categoryHeader__controls--icons .langBtn,
  .categoryHeader__controls--icons .themeToggle,
  .categoryHeader__controls--icons .iconCircle--pro,
  .categoryHeader__controls--icons .categoryHeader__iconBtn{width:40px !important;min-width:40px !important;height:40px !important;min-height:40px !important;border-radius:15px !important;}
  .categoryHeader__searchForm{grid-template-columns:minmax(0,1fr) 106px !important;gap:8px !important;}
  .categoryHeader__searchInputWrap,.categoryHeader__searchSubmit{height:46px !important;min-height:46px !important;border-radius:18px !important;}
  .categoryHeader__link{height:44px !important;min-height:44px !important;padding:0 16px !important;font-size:14px !important;border-radius:16px !important;}
  .categoryHeader .langPanel,.categoryHeader .dropdownPanel{position:fixed !important;top:calc(env(safe-area-inset-top, 0px) + 84px) !important;left:50% !important;right:auto !important;width:min(360px, calc(100vw - 24px)) !important;max-width:calc(100vw - 24px) !important;max-height:min(72vh, 560px) !important;overflow:auto !important;transform:translate(-50%, 8px) scale(.98) !important;z-index:4200 !important;}
  .categoryHeader .langMenu.is-open .langPanel,.categoryHeader .dropdownRoot.is-open > .dropdownPanel{transform:translate(-50%, 0) scale(1) !important;}
}
@media (max-width: 480px){
  .categoryHeader__inner{grid-template-areas:"brand controls" "search search" "nav nav" !important;grid-template-columns:minmax(0,1fr) auto !important;}
  .categoryHeader__searchForm{grid-template-columns:1fr !important;}
  .categoryHeader__searchSubmit{width:100% !important;}
}

.categoryHeader__savedSearchWrap{
  margin-top:10px;
  width:100%;
  min-width:0;
}
.categoryHeader__savedSearchWrap .coneSavedSearchCopy{
  display:grid;
  gap:2px;
  min-width:0;
}
.categoryHeader__savedSearchWrap .coneSavedSearchCopy strong{
  font-size:11px;
  font-weight:800;
  color:var(--ch-text);
}
.categoryHeader__savedSearchWrap .coneSavedSearchCopy span{
  font-size:10px;
  color:var(--ch-muted);
  line-height:1.35;
}
.categoryHeader__savedSearchForm{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  min-width:0;
  padding:10px 12px;
  border-radius:16px;
  border:1px solid var(--ch-chip-border);
  background:linear-gradient(180deg,color-mix(in srgb, var(--ch-chip-bg) 100%, transparent),color-mix(in srgb, var(--ch-chip-bg) 78%, transparent));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.categoryHeader__savedSearchBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid var(--ch-primary);
  background:linear-gradient(135deg,var(--ch-primary),var(--ch-primary-to));
  color:#fff;
  font-size:12px;
  font-weight:800;
  text-decoration:none;
  white-space:nowrap;
}
.categoryHeader__savedSearchInput{
  width:100%;
  min-width:0;
  min-height:36px;
  border-radius:12px;
  border:1px solid var(--ch-chip-border);
  background:rgba(255,255,255,.7);
  padding:0 12px;
  color:var(--ch-text);
}
@media (max-width:760px){
  .categoryHeader__savedSearchForm{grid-template-columns:1fr;}
  .categoryHeader__savedSearchBtn{width:100%;}
}
html:not([data-theme="light"]) .categoryHeader__savedSearchInput,
:root:not([data-theme="light"]) .categoryHeader__savedSearchInput{
  background:rgba(5,10,20,.7);
  border-color:rgba(255,255,255,.12);
  color:#fff;
}


/* ===== r8 category header categories launcher + compact desktop search ===== */
.categoryHeader__categoriesRoot{
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
  position:relative;
}
.categoryHeader__categoriesBtn{
  width:42px;
  min-width:42px;
  padding:0 !important;
  cursor:pointer;
}
.categoryHeader__categoriesIcon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
}
.categoryHeader__categoriesIcon svg{display:block;}
.categoryHeader .categoryHeader__categoryMegaPanel{
  position:fixed !important;
  top:calc(env(safe-area-inset-top, 0px) + 76px) !important;
  left:50% !important;
  right:auto !important;
  width:min(1120px, calc(100vw - 28px)) !important;
  max-width:calc(100vw - 28px) !important;
  max-height:min(78vh, 680px) !important;
  overflow:auto !important;
  padding:18px !important;
  border-radius:24px !important;
  background:linear-gradient(180deg, var(--ch-panel-top), var(--ch-panel-bottom)) !important;
  border:1px solid var(--ch-panel-border) !important;
  color:var(--ch-text) !important;
  z-index:4400 !important;
  transform:translate(-50%, 8px) scale(.98) !important;
  transform-origin:top center !important;
}
.categoryHeader .categoryHeader__categoriesRoot.is-open > .categoryHeader__categoryMegaPanel{
  transform:translate(-50%, 0) scale(1) !important;
}
.categoryHeader .categoryHeader__categoryMegaPanel .megaMenu{
  grid-template-columns:250px minmax(0, 1fr);
}
.categoryHeader .categoryHeader__categoryMegaPanel .megaMenu__grid{
  grid-template-columns:repeat(4, minmax(160px, 1fr));
}
.categoryHeader .categoryHeader__categoryMegaPanel .megaMenu__intro,
.categoryHeader .categoryHeader__categoryMegaPanel .megaMenu__introCopy,
.categoryHeader .categoryHeader__categoryMegaPanel .megaMenu__link{
  color:var(--ch-text);
}
.categoryHeader .categoryHeader__categoryMegaPanel .megaMenu__introCopy span:last-child{
  color:var(--ch-muted);
}
.categoryHeader .categoryHeader__categoryMegaPanel .megaMenu__link{
  background:color-mix(in srgb, var(--ch-primary-from) 16%, rgba(255,255,255,.08));
  border:1px solid color-mix(in srgb, var(--ch-primary-from) 28%, transparent);
}

@media (min-width:1025px){
  .categoryHeader__inner{
    grid-template-areas:"brand nav search . controls" !important;
    grid-template-columns:auto minmax(0, max-content) minmax(240px, 560px) minmax(0, 1fr) auto !important;
    align-items:center !important;
  }
  .categoryHeader__searchZone{
    width:100% !important;
    max-width:560px !important;
    justify-self:stretch !important;
  }
  .categoryHeader__searchForm{width:100% !important;}
}

@media (max-width:1180px){
  .categoryHeader .categoryHeader__categoryMegaPanel .megaMenu{grid-template-columns:1fr;}
  .categoryHeader .categoryHeader__categoryMegaPanel .megaMenu__grid{grid-template-columns:repeat(3, minmax(150px, 1fr));}
}
@media (max-width:780px){
  .categoryHeader__categoriesBtn{width:44px;min-width:44px;}
  .categoryHeader .categoryHeader__categoryMegaPanel{
    top:calc(env(safe-area-inset-top, 0px) + 84px) !important;
    width:min(96vw, 1120px) !important;
    max-width:calc(100vw - 20px) !important;
    max-height:min(72vh, 560px) !important;
    padding:14px !important;
    border-radius:22px !important;
  }
  .categoryHeader .categoryHeader__categoryMegaPanel .megaMenu__grid{grid-template-columns:repeat(2, minmax(140px, 1fr));}
}
@media (max-width:520px){
  .categoryHeader .categoryHeader__categoryMegaPanel .megaMenu__grid{grid-template-columns:1fr;}
}

/* ===== Global persistent header R1 =====
   `body { height:100% }` limited sticky headers to roughly one viewport.
   Keep the document body content-sized and make both shared header variants
   persistent without removing them from the normal document flow. */
body{
  height:auto !important;
  min-height:100%;
}

body > .topbar,
body > .categoryHeader{
  position:sticky !important;
  top:0 !important;
  z-index:9000 !important;
  isolation:isolate;
}

/* ===== Category mega menu R9: opaque, bounded and phone-safe =====
   This stays in the shared header stylesheet so category themes cannot turn
   the launcher into a transparent overlay or reintroduce horizontal overflow. */
.categoryMegaBackdrop{
  position:fixed;
  inset:0;
  display:block;
  width:100vw;
  height:100dvh;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:rgba(3,8,20,.64);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  cursor:default;
  z-index:4390;
  transition:opacity .16s ease, visibility 0s linear .16s;
}
.megaRoot.is-open > .categoryMegaBackdrop{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition-delay:0s;
}

body > .topbar .categoryMegaPanel,
body > .categoryHeader .categoryMegaPanel{
  box-sizing:border-box !important;
  min-width:0 !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  scrollbar-gutter:stable;
  -webkit-overflow-scrolling:touch;
  visibility:hidden;
  background:#0b1327 !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 30px 90px rgba(0,0,0,.54) !important;
  backdrop-filter:none !important;
  z-index:4400 !important;
}
body > .topbar .megaRoot.is-open > .categoryMegaPanel,
body > .categoryHeader .megaRoot.is-open > .categoryMegaPanel{
  visibility:visible;
}
:root[data-theme="middle-dark"] body > .topbar .categoryMegaPanel,
:root[data-theme="middle-dark"] body > .categoryHeader .categoryMegaPanel{
  background:#151d30 !important;
}
:root[data-theme="light"] body > .topbar .categoryMegaPanel,
:root[data-theme="light"] body > .categoryHeader .categoryMegaPanel{
  background:#fff !important;
  border-color:rgba(18,35,62,.14) !important;
  box-shadow:0 30px 80px rgba(17,42,88,.24) !important;
}

.categoryMegaPanel__toolbar{
  display:none;
}
.categoryMegaPanel .megaMenu,
.categoryMegaPanel .megaMenu__grid,
.categoryMegaPanel .megaCard,
.categoryMegaPanel .megaCard__content{
  box-sizing:border-box;
  min-width:0;
}
.categoryMegaPanel .megaMenu__grid{
  align-items:stretch;
}
.categoryMegaPanel .megaCard{
  min-height:174px !important;
}
.categoryMegaPanel .megaCard__content{
  gap:3px !important;
  overflow:hidden;
  padding:17px 16px 15px !important;
}
.categoryMegaPanel .megaCard__title{
  display:-webkit-box !important;
  max-height:none !important;
  overflow:hidden !important;
  overflow-wrap:break-word !important;
  word-break:normal !important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
}
.categoryMegaPanel .megaCard__meta--lines{
  display:grid !important;
  gap:2px !important;
  max-height:none !important;
  overflow:hidden !important;
  white-space:normal !important;
}
.categoryMegaPanel .megaCard__line{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

@media (min-width:781px){
  body > .topbar .categoryMegaPanel{
    position:fixed !important;
    top:calc(env(safe-area-inset-top, 0px) + 78px) !important;
    left:50% !important;
    right:auto !important;
    width:min(1180px, calc(100vw - 24px)) !important;
    max-width:calc(100vw - 24px) !important;
    max-height:calc(100dvh - env(safe-area-inset-top, 0px) - 92px) !important;
    margin:0 !important;
    transform:translate(-50%, 8px) scale(.985) !important;
    transform-origin:top center !important;
  }
  body > .topbar .megaRoot.is-open > .categoryMegaPanel{
    transform:translate(-50%, 0) scale(1) !important;
  }
  body > .categoryHeader .categoryMegaPanel{
    width:min(1180px, calc(100vw - 24px)) !important;
    max-width:calc(100vw - 24px) !important;
  }
}

@media (max-width:1180px) and (min-width:781px){
  .categoryMegaPanel .megaMenu{
    grid-template-columns:1fr !important;
  }
  .categoryMegaPanel .megaMenu__intro{
    position:static !important;
  }
  .categoryMegaPanel .megaMenu__grid{
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  }
}

@media (max-width:900px) and (min-width:781px){
  .categoryMegaPanel .megaMenu__grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}

@media (max-width:780px){
  html.categoryMegaMenuOpen,
  html.categoryMegaMenuOpen body{
    overflow:hidden !important;
    overscroll-behavior:none;
  }
  body > .topbar .categoryMegaPanel,
  body > .categoryHeader .categoryMegaPanel,
  body > .categoryHeader .categoryHeader__categoryMegaPanel{
    position:fixed !important;
    inset:max(8px, env(safe-area-inset-top, 0px)) 8px max(8px, env(safe-area-inset-bottom, 0px)) 8px !important;
    width:auto !important;
    height:auto !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    padding:10px 10px 14px !important;
    border-radius:22px !important;
    transform:translateY(10px) scale(.985) !important;
    transform-origin:center !important;
  }
  body > .topbar .megaRoot.is-open > .categoryMegaPanel,
  body > .categoryHeader .megaRoot.is-open > .categoryMegaPanel,
  body > .categoryHeader .categoryHeader__categoriesRoot.is-open > .categoryHeader__categoryMegaPanel{
    transform:translateY(0) scale(1) !important;
  }
  .categoryMegaPanel__toolbar{
    position:sticky;
    top:0;
    z-index:6;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:52px;
    margin:0 0 10px;
    padding:6px 6px 8px 10px;
    color:#f7faff;
    background:#0b1327;
    border-bottom:1px solid rgba(255,255,255,.10);
  }
  :root[data-theme="middle-dark"] .categoryMegaPanel__toolbar{
    background:#151d30;
  }
  :root[data-theme="light"] .categoryMegaPanel__toolbar{
    color:#10233d;
    background:#fff;
    border-bottom-color:rgba(18,35,62,.10);
  }
  .categoryMegaPanel__toolbar strong{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:17px;
    font-weight:900;
  }
  .categoryMegaPanel__close{
    display:inline-grid;
    place-items:center;
    flex:0 0 44px;
    width:44px;
    height:44px;
    margin:0;
    padding:0;
    border:1px solid rgba(255,255,255,.14);
    border-radius:14px;
    background:rgba(255,255,255,.08);
    color:inherit;
    font:700 30px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
    cursor:pointer;
  }
  :root[data-theme="light"] .categoryMegaPanel__close{
    border-color:rgba(18,35,62,.12);
    background:rgba(18,35,62,.06);
  }
  .categoryMegaPanel__close:focus-visible{
    outline:3px solid var(--accent, #f0b221);
    outline-offset:2px;
  }
  .categoryMegaPanel .megaMenu{
    display:block !important;
  }
  .categoryMegaPanel .megaMenu__intro{
    display:none !important;
  }
  .categoryMegaPanel .megaMenu__grid,
  body > .topbar .topbar__mobileCategory .categoryMegaPanel .megaMenu__grid,
  body > .categoryHeader .categoryMegaPanel .megaMenu__grid{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:10px !important;
    padding:0 !important;
  }
  .categoryMegaPanel .megaCard{
    min-height:116px !important;
    border-radius:18px !important;
  }
  .categoryMegaPanel .megaCard__content{
    padding:14px 13px 12px !important;
  }
  .categoryMegaPanel .megaCard__title{
    font-size:15px !important;
    line-height:1.14 !important;
    -webkit-line-clamp:3;
    line-clamp:3;
  }
  .categoryMegaPanel .megaCard__meta{
    display:none !important;
  }
}

@media (max-width:560px){
  .categoryMegaPanel .megaMenu__grid,
  body > .topbar .topbar__mobileCategory .categoryMegaPanel .megaMenu__grid,
  body > .categoryHeader .categoryMegaPanel .megaMenu__grid{
    grid-template-columns:1fr !important;
  }
  .categoryMegaPanel .megaCard{
    min-height:106px !important;
  }
}

/* Preserved category identities from the authoritative mobile base. */
.categoryHeader[data-category-slug="health-beauty"]{
  --ch-shell-width:1440px;
  --ch-surface-top:rgba(17,35,40,.985);
  --ch-surface-bottom:rgba(28,53,61,.975);
  --ch-primary-from:#74d8cb;
  --ch-primary-to:#ffb3d0;
  --ch-brand-from:#fff1f6;
  --ch-brand-to:#ef9fbf;
  --ch-glow-a:rgba(116,216,203,.18);
  --ch-glow-b:rgba(255,179,208,.18);
  --ch-chip-bg:rgba(116,216,203,.058);
  --ch-panel-top:color-mix(in srgb,rgba(17,35,40,.985) 96%,#050913);
  --ch-panel-bottom:color-mix(in srgb,rgba(28,53,61,.975) 96%,#06101d);
  --ch-panel-hover:color-mix(in srgb,#74d8cb 12%,rgba(255,255,255,.03));
}
:root[data-theme="light"] .categoryHeader[data-category-slug="health-beauty"],
html[data-theme="light"] .categoryHeader[data-category-slug="health-beauty"],
body[data-theme="light"] .categoryHeader[data-category-slug="health-beauty"]{
  --ch-surface-top:rgba(255,255,255,.985);
  --ch-surface-bottom:rgba(244,251,251,.985);
  --ch-panel-top:rgba(255,255,255,.992);
  --ch-panel-bottom:rgba(244,251,251,.985);
  --ch-panel-hover:color-mix(in srgb,#74d8cb 10%,rgba(17,27,47,.02));
}
.categoryHeader[data-category-slug="education"]{
  --ch-shell-width:1440px;
  --ch-surface-top:rgba(14,27,49,.985);
  --ch-surface-bottom:rgba(23,48,81,.975);
  --ch-primary-from:#84baff;
  --ch-primary-to:#8fd3ff;
  --ch-brand-from:#edf5ff;
  --ch-brand-to:#7aa8ff;
  --ch-glow-a:rgba(132,186,255,.20);
  --ch-glow-b:rgba(143,211,255,.16);
  --ch-chip-bg:rgba(132,186,255,.058);
  --ch-panel-top:color-mix(in srgb,rgba(14,27,49,.985) 96%,#050913);
  --ch-panel-bottom:color-mix(in srgb,rgba(23,48,81,.975) 96%,#06101d);
  --ch-panel-hover:color-mix(in srgb,#84baff 12%,rgba(255,255,255,.03));
}
:root[data-theme="light"] .categoryHeader[data-category-slug="education"],
html[data-theme="light"] .categoryHeader[data-category-slug="education"],
body[data-theme="light"] .categoryHeader[data-category-slug="education"]{
  --ch-surface-top:rgba(255,255,255,.985);
  --ch-surface-bottom:rgba(239,245,255,.985);
  --ch-panel-top:rgba(255,255,255,.992);
  --ch-panel-bottom:rgba(239,245,255,.985);
  --ch-panel-hover:color-mix(in srgb,#84baff 10%,rgba(17,27,47,.02));
}

@media (prefers-reduced-motion:reduce){
  .categoryMegaBackdrop,
  body > .topbar .categoryMegaPanel,
  body > .categoryHeader .categoryMegaPanel{
    transition:none !important;
  }
}

/* CONE STEP 11 — category identity in one compact mobile application bar. */
.categoryHeader__mobileToggle{display:none!important}

@media (max-width:780px){
  .categoryHeader[data-category-header]{
    --ch-edge-gap:max(7px,env(safe-area-inset-left,0px));
    position:sticky!important;
    top:0!important;
    z-index:9000!important;
    min-height:calc(58px + env(safe-area-inset-top,0px))!important;
  }
  .categoryHeader[data-category-header] .categoryHeader__inner{
    width:100%!important;
    min-height:calc(58px + env(safe-area-inset-top,0px))!important;
    padding:calc(7px + env(safe-area-inset-top,0px)) max(8px,env(safe-area-inset-right,0px)) 7px max(8px,env(safe-area-inset-left,0px))!important;
    grid-template-areas:"brand controls"!important;
    grid-template-columns:minmax(70px,1fr) auto!important;
    grid-template-rows:auto!important;
    align-items:center!important;
    gap:7px!important;
  }
  .categoryHeader[data-category-header] .categoryHeader__brand{grid-area:brand!important;min-width:0!important}
  .categoryHeader[data-category-header] .categoryHeader__brandText{min-width:0!important}
  .categoryHeader[data-category-header] .categoryHeader__brandName{font-size:clamp(19px,6vw,24px)!important;line-height:.9!important}
  .categoryHeader[data-category-header] .categoryHeader__category{
    max-width:28vw;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:9px!important;
  }
  .categoryHeader[data-category-header] .categoryHeader__controls--icons{
    grid-area:controls!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    min-width:0!important;
    gap:3px!important;
  }
  .categoryHeader[data-category-header] .categoryHeader__controls--icons .langBtn,
  .categoryHeader[data-category-header] .categoryHeader__controls--icons .themeToggle,
  .categoryHeader[data-category-header] .categoryHeader__controls--icons .iconCircle--pro,
  .categoryHeader[data-category-header] .categoryHeader__controls--icons .categoryHeader__iconBtn{
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    border-radius:13px!important;
  }
  .categoryHeader[data-category-header] .categoryHeader__mobileToggle{
    display:inline-grid!important;
    place-items:center!important;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }
  .categoryHeader[data-category-header] .categoryHeader__mobileToggle svg{transition:transform .2s ease}
  .categoryHeader[data-category-header].is-mobile-expanded .categoryHeader__mobileToggle svg{transform:rotate(90deg)}
  .categoryHeader[data-category-header]:not(.is-mobile-expanded) .categoryHeader__searchZone,
  .categoryHeader[data-category-header]:not(.is-mobile-expanded) .categoryHeader__nav{display:none!important}

  body[data-mobile-header-expanded="open"] .categoryHeader[data-category-header]{
    position:fixed!important;
    inset:0 0 auto!important;
    z-index:9900!important;
    max-height:100dvh;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    box-shadow:0 28px 80px rgba(0,0,0,.42)!important;
  }
  .categoryHeader[data-category-header].is-mobile-expanded .categoryHeader__inner{
    grid-template-areas:"brand controls" "search search" "nav nav"!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto auto!important;
    align-content:start!important;
    gap:10px!important;
    padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;
  }
  .categoryHeader[data-category-header].is-mobile-expanded .categoryHeader__searchZone{
    grid-area:search!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
  }
  .categoryHeader[data-category-header].is-mobile-expanded .categoryHeader__searchForm{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 94px!important;
    gap:7px!important;
    width:100%!important;
  }
  .categoryHeader[data-category-header].is-mobile-expanded .categoryHeader__searchInputWrap,
  .categoryHeader[data-category-header].is-mobile-expanded .categoryHeader__searchSubmit{
    min-height:46px!important;
    height:46px!important;
    border-radius:15px!important;
  }
  .categoryHeader[data-category-header].is-mobile-expanded .categoryHeader__nav{
    grid-area:nav!important;
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    justify-content:flex-start!important;
    gap:7px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:1px 0 5px!important;
    scroll-snap-type:x proximity;
    scrollbar-width:thin;
  }
  .categoryHeader[data-category-header].is-mobile-expanded .categoryHeader__link{
    flex:0 0 auto!important;
    min-height:43px!important;
    height:43px!important;
    padding:0 14px!important;
    border-radius:14px!important;
    scroll-snap-align:start;
  }
}

@media (max-width:390px){
  .categoryHeader[data-category-header] .categoryHeader__inner{padding-inline:max(6px,env(safe-area-inset-left,0px))!important;gap:4px!important}
  .categoryHeader[data-category-header] .categoryHeader__controls--icons{gap:2px!important}
  .categoryHeader[data-category-header] .categoryHeader__controls--icons .langBtn,
  .categoryHeader[data-category-header] .categoryHeader__controls--icons .themeToggle,
  .categoryHeader[data-category-header] .categoryHeader__controls--icons .iconCircle--pro,
  .categoryHeader[data-category-header] .categoryHeader__controls--icons .categoryHeader__iconBtn{
    width:35px!important;min-width:35px!important;height:35px!important;min-height:35px!important;border-radius:12px!important
  }
  .categoryHeader[data-category-header] .categoryHeader__category{max-width:24vw}
}

@media (prefers-reduced-motion:reduce){
  .categoryHeader[data-category-header] .categoryHeader__mobileToggle svg{transition:none!important}
}

/* ===== STEP 22 HOTFIX · bounded mobile header overlays on every shared header · 2026-08-22 =====
   One viewport-safe sheet geometry serves category and global headers. Keeping
   it here prevents theme CSS and JavaScript coordinates from widening pages. */
@media (max-width:780px){
  /* A transformed (or transform-promoted) header becomes the containing block
     for fixed descendants on mobile WebKit/Chromium. STEP 11 uses
     will-change:transform for the auto-hiding header, so an open language or
     category sheet could be measured against the 58px header and collapse to
     a thin strip. While a shared sheet is open, return both header variants to
     the viewport coordinate system. */
  html.categoryMegaMenuOpen body > .topbar[data-mobile-collapsible-header],
  html.categoryMegaMenuOpen body .categoryHeader[data-category-header]{
    transform:none!important;
    will-change:auto!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }

  body > .categoryHeader[data-category-header] .categoryHeader__controls [data-langmenu] > [data-langpanel],
  body > .topbar[data-mobile-collapsible-header] .topbar__right--pro [data-langmenu] > [data-langpanel]{
    --cone-shared-lang-sheet-top:max(68px,calc(env(safe-area-inset-top,0px) + 58px));
    --cone-shared-lang-sheet-bottom:max(8px,env(safe-area-inset-bottom,0px));
    position:fixed!important;
    inset:auto 8px!important;
    top:var(--cone-shared-lang-sheet-top)!important;
    bottom:auto!important;
    width:auto!important;
    height:calc(100dvh - var(--cone-shared-lang-sheet-top) - var(--cone-shared-lang-sheet-bottom))!important;
    min-width:0!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:8px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:20px!important;
    background:#0b1327!important;
    box-shadow:0 30px 90px rgba(0,0,0,.54)!important;
    backdrop-filter:none!important;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(8px) scale(.985)!important;
    transform-origin:top center!important;
    z-index:4400!important;
  }
  :root[data-theme="middle-dark"] body > .categoryHeader[data-category-header] .categoryHeader__controls [data-langmenu] > [data-langpanel],
  :root[data-theme="middle-dark"] body > .topbar[data-mobile-collapsible-header] .topbar__right--pro [data-langmenu] > [data-langpanel]{
    background:#151d30!important;
  }
  :root[data-theme="light"] body > .categoryHeader[data-category-header] .categoryHeader__controls [data-langmenu] > [data-langpanel],
  :root[data-theme="light"] body > .topbar[data-mobile-collapsible-header] .topbar__right--pro [data-langmenu] > [data-langpanel]{
    color:#10233d!important;
    background:#fff!important;
    border-color:rgba(18,35,62,.14)!important;
    box-shadow:0 30px 80px rgba(17,42,88,.24)!important;
  }
  body > .categoryHeader[data-category-header] .categoryHeader__controls [data-langmenu].is-open > [data-langpanel],
  body > .topbar[data-mobile-collapsible-header] .topbar__right--pro [data-langmenu].is-open > [data-langpanel]{
    display:block!important;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none!important;
  }
  body > .categoryHeader[data-category-header] .categoryHeader__controls [data-langpanel] .langItem,
  body > .topbar[data-mobile-collapsible-header] .topbar__right--pro [data-langpanel] .langItem{
    box-sizing:border-box;
    width:100%;
    min-width:0;
    min-height:48px;
    padding:10px 12px;
    border-radius:13px;
  }
  body > .categoryHeader[data-category-header] .categoryHeader__controls [data-langpanel] .langText,
  body > .topbar[data-mobile-collapsible-header] .topbar__right--pro [data-langpanel] .langText{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  body > .categoryHeader[data-category-header] .categoryHeader__controls [data-langpanel] .langCode,
  body > .topbar[data-mobile-collapsible-header] .topbar__right--pro [data-langpanel] .langCode{
    flex:0 0 auto;
  }

  body > .categoryHeader[data-category-header] .categoryHeader__categoryMegaPanel{
    box-sizing:border-box!important;
    min-width:0!important;
    overflow-x:hidden!important;
    background:#0b1327!important;
  }
  :root[data-theme="middle-dark"] body > .categoryHeader[data-category-header] .categoryHeader__categoryMegaPanel{
    background:#151d30!important;
  }
  :root[data-theme="light"] body > .categoryHeader[data-category-header] .categoryHeader__categoryMegaPanel{
    background:#fff!important;
  }
  body > .categoryHeader[data-category-header] .categoryHeader__categoryMegaPanel .megaMenu,
  body > .categoryHeader[data-category-header] .categoryHeader__categoryMegaPanel .megaMenu__grid{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  body > .categoryHeader[data-category-header] .categoryHeader__categoryMegaPanel .megaCard{
    display:grid!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    visibility:visible!important;
    opacity:1!important;
  }
}

/* ===== STEP 37 · viewport-safe shared Kategorien drawer · 2026-08-29 =====
   Category-header launchers live inside a horizontally scrolling nav. Mobile
   Safari can otherwise retain that nav/header as the containing and clipping
   context for the fixed sheet. Reset only while the shared drawer is open and
   give the panel one final viewport-owned geometry after every legacy rule. */
@media (max-width:780px){
  html.categoryMegaMenuOpen body :is(
    .categoryHeader[data-category-header],
    .topbar[data-mobile-collapsible-header]
  ){
    z-index:11000!important;
    overflow:visible!important;
    isolation:auto!important;
    contain:none!important;
    transform:none!important;
    filter:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }

  html.categoryMegaMenuOpen :is(
    .categoryHeader__inner,
    .categoryHeader__nav,
    .topbar__inner,
    .megaRoot
  ){
    overflow:visible!important;
    isolation:auto!important;
    contain:none!important;
    transform:none!important;
    clip-path:none!important;
  }

  html.categoryMegaMenuOpen .megaRoot.is-open > .categoryMegaBackdrop{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    z-index:11001!important;
  }

  html.categoryMegaMenuOpen .megaRoot.is-open > [data-category-mega-panel]{
    box-sizing:border-box!important;
    position:fixed!important;
    inset:max(8px,env(safe-area-inset-top,0px)) max(8px,env(safe-area-inset-right,0px)) max(8px,env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px))!important;
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:22px!important;
    background:#0b1327!important;
    box-shadow:0 30px 90px rgba(0,0,0,.54)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    z-index:11002!important;
  }

  html[data-theme="middle-dark"].categoryMegaMenuOpen .megaRoot.is-open > [data-category-mega-panel]{
    background:#151d30!important;
  }

  html[data-theme="light"].categoryMegaMenuOpen .megaRoot.is-open > [data-category-mega-panel]{
    color:#10233d!important;
    background:#fff!important;
    border-color:rgba(18,35,62,.14)!important;
    box-shadow:0 30px 80px rgba(17,42,88,.24)!important;
  }
}

/* ===== STEP 38 · free mobile category-header controls from legacy scroll clipping · 2026-08-29 =====
   The <=1100px legacy layout turns the controls row into an overflow scrollport.
   On phones that rectangular scrollport clips notification badges and shadows.
   Match the global mobile header: keep the row viewport-bounded, but let its
   controls, badges and fixed dropdown surfaces paint outside the row itself. */
@media (max-width:780px){
  .categoryHeader[data-category-header] .categoryHeader__inner{
    overflow:visible!important;
  }
  .categoryHeader[data-category-header] .categoryHeader__controls--icons{
    width:auto!important;
    max-width:calc(100vw - 70px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px))!important;
    flex:0 0 auto!important;
    flex-wrap:nowrap!important;
    justify-self:end!important;
    overflow:visible!important;
    padding-bottom:0!important;
  }
}