/* AUTOOL canonical CSS module: autool-shared-header.css. Generated from consolidated project CSS. */
.ct-header.autool-builder-header [data-id^="autool-"] {
  box-sizing: border-box;
}

.ct-header.autool-builder-header [data-id^="autool-"], .ct-header.autool-builder-header [data-id^="autool-"] *, .ct-header.autool-builder-header [data-id^="autool-"] *::before, .ct-header.autool-builder-header [data-id^="autool-"] *::after {
  box-sizing: border-box;
}

.ct-header.autool-builder-header, .ct-header.autool-builder-header [data-id^="autool-"] {
  --autool-yellow: var(--color-brand, var(--theme-button-background-initial-color, var(--theme-palette-color-1, #FEB511)));
  --autool-yellow-dark: var(--color-brand-hover, var(--theme-button-background-hover-color, var(--theme-palette-color-2, #E5A30F)));
  --autool-yellow-subtle: var(--color-brand-light, var(--theme-palette-color-6, #FFF3CC));
  --autool-black: var(--color-text-heading, var(--theme-headings-color, var(--theme-palette-color-4, #1A1D20)));
  --autool-gray-900: var(--color-text-heading, var(--theme-headings-color, var(--theme-palette-color-4, #1A1D20)));
  --autool-gray-700: var(--color-text-body, var(--theme-text-color, #4A5568));
  --autool-gray-500: var(--color-text-muted, var(--theme-palette-color-3, #718096));
  --autool-gray-300: var(--color-border, var(--theme-border-color, var(--theme-palette-color-5, #E2E8F0)));
  --autool-gray-200: var(--color-border, var(--theme-border-color, #E2E8F0));
  --autool-gray-100: var(--color-bg-base, var(--theme-palette-color-6, #F4F6F8));
  --autool-gray-50: var(--color-bg-base, var(--theme-palette-color-7, #F9FAFB));
  --autool-white: var(--color-bg-card, var(--theme-palette-color-8, #FFFFFF));
  --autool-red: var(--color-danger, #DC2626);
  --autool-font-display: var(--theme-font-family, var(--theme-font-stack-default));
  --autool-font-body: var(--theme-font-family, var(--theme-font-stack-default));
  --autool-button-font-family: var(--theme-button-font-family, var(--theme-font-family, var(--theme-font-stack-default)));
  --autool-button-font-size: var(--theme-button-font-size, 14px);
  --autool-button-font-weight: var(--theme-button-font-weight, 700);
  --autool-button-letter-spacing: var(--theme-button-letter-spacing, 0.04em);
  --autool-button-text-transform: var(--theme-button-text-transform, uppercase);
  --autool-radius-sm: var(--theme-button-border-radius, 3px);
  --autool-border: 1px solid var(--autool-gray-300);
  --autool-shadow-sm: var(--theme-box-shadow, 0 1px 3px rgba(26, 29, 32, 0.05), 0 1px 2px rgba(26, 29, 32, 0.04));
  --autool-shadow-md: 0 10px 20px -4px rgba(26, 29, 32, 0.10), 0 4px 8px -2px rgba(26, 29, 32, 0.06);
  --autool-shadow-lg: 0 20px 40px -8px rgba(26, 29, 32, 0.15), 0 8px 16px -4px rgba(26, 29, 32, 0.08);
  --autool-shadow-brand: 0 6px 16px -2px rgba(254, 181, 17, 0.35), 0 2px 6px -1px rgba(254, 181, 17, 0.2);
  --autool-transition-fast: var(--theme-transition, 120ms ease);
  --autool-transition: var(--theme-transition, 220ms ease);
  --page-gutter: 24px;
  --header-height-desktop: 108px;
  --search-height: var(--theme-form-field-height, 56px);
  --mobile-trigger-size: 44px;
  font-family: var(--autool-font-body);
  color: var(--autool-gray-700);
}

.ct-header.autool-builder-header [data-id="autool-topbar-info"], .ct-header.autool-builder-header [data-id="autool-topbar-links"], .ct-header.autool-builder-header [data-id="autool-logo"], .ct-header.autool-builder-header [data-id="autool-catalog-trigger"], .ct-header.autool-builder-header [data-id="autool-search-hub"], .ct-header.autool-builder-header [data-id="autool-account-icon"], .ct-header.autool-builder-header [data-id="autool-cart"], .ct-header.autool-builder-header [data-id="autool-main-nav"], .ct-header.autool-builder-header [data-id="autool-sales-link"], .ct-header.autool-builder-header [data-id="autool-mobile-trigger"], .ct-header.autool-builder-header [data-id="autool-mobile-search"], .ct-header.autool-builder-header [data-id="autool-mobile-drawer"] {
  font-family: var(--autool-font-body);
}

.ct-header.autool-builder-header > [data-device="desktop"] [data-row="middle"] {
  background: var(--autool-white);
  border-bottom: 1px solid var(--autool-gray-300);
}

.ct-header.autool-builder-header > [data-device="desktop"] [data-row="middle"][data-column-set="3"] > .ct-container, .ct-header.autool-builder-header > [data-device="desktop"] [data-row="middle"] > .ct-container {
  min-height: 108px;
  display: grid;
  grid-template-columns: 156px minmax(0, 1004px) 183px;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding-top: 0;
  padding-bottom: 0;
  box-sizing: border-box;
}

#header.autool-builder-header [data-device="desktop"] [data-row="middle"][data-column-set="3"] > div.ct-container {
  min-height: 108px;
  display: grid;
  grid-template-columns: 156px minmax(0, 1004px) 183px;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding-top: 0;
  padding-bottom: 0;
  box-sizing: border-box;
}

.ct-header.autool-builder-header > [data-device="desktop"] [data-row="middle"][data-column-set="3"] > .ct-container > [data-column="start"], .ct-header.autool-builder-header > [data-device="desktop"] [data-row="middle"] [data-column="start"] {
  justify-self: start;
  width: 156px;
}

#header.autool-builder-header [data-device="desktop"] [data-row="middle"][data-column-set="3"] > div.ct-container > [data-column="start"] {
  justify-self: start;
  width: 156px;
}

.ct-header.autool-builder-header > [data-device="desktop"] [data-row="middle"][data-column-set="3"] > .ct-container > [data-column="middle"], .ct-header.autool-builder-header > [data-device="desktop"] [data-row="middle"][data-column-set="3"] > .ct-container > [data-column="middle"] > [data-items], .ct-header.autool-builder-header > [data-device="desktop"] [data-row="middle"] [data-column="middle"], .ct-header.autool-builder-header > [data-device="desktop"] [data-row="middle"] [data-column="middle"] > [data-items="primary"] {
  min-width: 0;
  width: 100%;
  max-width: 1004px;
}

#header.autool-builder-header [data-device="desktop"] [data-row="middle"][data-column-set="3"] > div.ct-container > [data-column="middle"], #header.autool-builder-header [data-device="desktop"] [data-row="middle"][data-column-set="3"] > div.ct-container > [data-column="middle"] > [data-items] {
  min-width: 0;
  width: 100%;
  max-width: 1004px;
}

#header.autool-builder-header [data-device="desktop"] [data-row="middle"][data-column-set="3"] > div.ct-container > [data-column="middle"] > [data-items] {
  justify-content: flex-start;
  align-items: stretch;
}

#header.autool-builder-header [data-device="desktop"] [data-row="middle"][data-column-set="3"] > div.ct-container > [data-column="middle"] > [data-items] > [data-id="autool-search-hub"] {
  --margin: 0;
}

.ct-header.autool-builder-header > [data-device="desktop"] [data-row="middle"][data-column-set="3"] > .ct-container > [data-column="end"], .ct-header.autool-builder-header > [data-device="desktop"] [data-row="middle"] [data-column="end"] {
  justify-self: end;
  width: 183px;
}

#header.autool-builder-header [data-device="desktop"] [data-row="middle"][data-column-set="3"] > div.ct-container > [data-column="end"] {
  justify-self: end;
  width: 183px;
}

.ct-header.autool-builder-header > [data-device="desktop"] [data-row="bottom"] {
  background: var(--autool-white);
  border-bottom: 1px solid var(--autool-gray-300);
}

.ct-header.autool-builder-header > [data-device="desktop"] [data-row="bottom"] > .ct-container {
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.ct-header.autool-builder-header > [data-device="desktop"] [data-row="bottom"] [data-column="middle"] {
  flex: 1 1 auto;
}

.ct-header.autool-builder-header > [data-device="desktop"] [data-row="bottom"][data-column-set="1"] [data-column], .ct-header.autool-builder-header > [data-device="desktop"] [data-row="bottom"][data-column-set="1"] [data-items], .ct-header.autool-builder-header > [data-device="desktop"] [data-row="bottom"][data-column-set="1"] [data-id="autool-main-nav"] {
  width: 100%;
  min-width: 0;
  flex: 1 1 auto;
}

.ct-header.autool-builder-header > [data-device="mobile"] [data-row="middle"] > .ct-container {
  min-height: 84px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.ct-header.autool-builder-header > [data-device="mobile"] [data-row="middle"] [data-column="start"] > [data-items="primary"], .ct-header.autool-builder-header > [data-device="mobile"] [data-row="middle"] [data-column="end"] > [data-items="primary"] {
  display: flex;
  align-items: center;
  gap: 8px;
}

.ct-header.autool-builder-header > [data-device="mobile"] [data-row="middle"] [data-column="middle"], .ct-header.autool-builder-header > [data-device="mobile"] [data-row="middle"] [data-column="middle"] > [data-items="primary"] {
  min-width: 0;
  width: 100%;
}

.ct-header.autool-builder-header [data-id="autool-logo"].autool-builder-logo, .ct-header.autool-builder-header [data-id="autool-logo"].autool-builder-logo img {
  display: block;
}

.ct-header.autool-builder-header [data-id="autool-logo"].autool-builder-logo {
  min-width: 158px;
  width: 158px;
  height: 54px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--autool-yellow);
  border: 2px solid var(--autool-yellow);
  box-shadow: var(--autool-shadow-sm);
  overflow: hidden;
}

.ct-header.autool-builder-header [data-id="autool-logo"].autool-builder-logo img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: none;
  object-fit: cover;
  object-position: center;
}

.ct-header.autool-builder-header [data-id="autool-logo"].autool-builder-logo .autool-builder-logo__text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--autool-button-font-family);
  font-size: 27px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: var(--theme-letter-spacing, 0);
  text-transform: var(--autool-button-text-transform);
  color: var(--autool-black);
}

.ct-header.autool-builder-header [data-id="autool-logo"].autool-builder-logo:hover {
  background: var(--autool-yellow-dark);
  border-color: var(--autool-yellow-dark);
}

.ct-header.autool-builder-header [data-id="autool-topbar-info"], .ct-header.autool-builder-header [data-id="autool-topbar-links"] {
  min-height: var(--height, 42px);
}

.ct-header.autool-builder-header .autool-topbar__left, .ct-header.autool-builder-header .autool-topbar__right {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
  font-size: 12px;
  line-height: 1.3;
}

.ct-header.autool-builder-header .autool-topbar__left {
  color: inherit;
}

.ct-header.autool-builder-header .autool-topbar__right {
  justify-content: flex-end;
  color: inherit;
}

.ct-header.autool-builder-header .autool-topbar__right a {
  color: inherit;
  text-decoration: none;
}

.ct-header.autool-builder-header .autool-topbar__left strong, .ct-header.autool-builder-header .autool-topbar__right a:hover {
  color: var(--theme-link-hover-color, var(--autool-yellow-dark));
}

.ct-header.autool-builder-header .autool-topbar__sep {
  width: 1px;
  height: 12px;
  background: currentColor;
  opacity: 0.35;
  flex: 0 0 auto;
}

.ct-header.autool-builder-header .autool-headericon, .ct-header.autool-builder-header .autool-mobile-toggle {
  position: relative;
  background: var(--autool-white);
  border: 1.5px solid var(--autool-gray-300);
  color: var(--autool-gray-700);
  box-shadow: var(--autool-shadow-sm);
}

.ct-header.autool-builder-header .autool-headericon {
  min-width: 84px;
  height: 56px;
  padding: 0 16px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
}

.ct-header.autool-builder-header .autool-headericon:hover, .ct-header.autool-builder-header .autool-mobile-toggle:hover, .ct-header.autool-builder-header .autool-mobile-searchwrap.is-open > .autool-mobile-toggle {
  border-color: var(--autool-yellow);
  background: var(--autool-yellow-subtle);
  color: var(--autool-black);
}

.ct-header.autool-builder-header .autool-headericon svg, .ct-header.autool-builder-header .autool-mobile-toggle svg, .ct-header.autool-builder-header .autool-navlink--support svg, .ct-header.autool-builder-header .autool-drawer__summary svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ct-header.autool-builder-header .autool-headericon__label {
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--theme-letter-spacing, 0);
  text-transform: var(--autool-button-text-transform);
}

.ct-header.autool-builder-header .autool-headericon__badge {
  position: absolute;
  top: -8px;
  right: -11px;
  min-width: 22px;
  height: 22px;
  padding: 0 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--autool-yellow);
  color: var(--autool-black);
  font-family: var(--autool-button-font-family);
  font-size: 13px;
  font-weight: 700;
}

.ct-header.autool-builder-header .autool-headericon__badge[data-count="0"] {
  display: none;
}

.ct-header.autool-builder-header .autool-accountwrap .ct-account-item {
  text-decoration: none;
}

.ct-header.autool-builder-header .autool-navbar {
  width: 100%;
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
}

.ct-header.autool-builder-header .autool-navbar__links {
  display: flex;
  align-items: center;
  gap: 0;
  flex: 1 1 auto;
  list-style: none;
  margin: 0;
  padding: 0;
  width: max-content;
  min-width: 100%;
  overflow: hidden;
}

.ct-header.autool-builder-header .autool-navbar__linkswrap {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
}

.ct-header.autool-builder-header .autool-navlink a, .ct-header.autool-builder-header .autool-navlink--support a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 58px;
  padding: 0 16px;
  color: var(--autool-gray-700);
  border-bottom: 2px solid transparent;
  white-space: nowrap;
}

.ct-header.autool-builder-header .autool-navlink a {
  font-family: var(--autool-button-font-family);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: var(--theme-letter-spacing, 0);
  text-transform: var(--autool-button-text-transform);
}

.ct-header.autool-builder-header .autool-navlink a:hover, .ct-header.autool-builder-header .autool-navlink--support a:hover {
  color: var(--autool-black);
  border-bottom-color: var(--autool-yellow);
}

.ct-header.autool-builder-header .autool-navlink--hot a {
  color: var(--autool-red);
}

.ct-header.autool-builder-header .autool-navlink--support {
  flex: 0 0 auto;
  margin-left: auto;
}

.ct-header.autool-builder-header .autool-navlink--support a {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}

.ct-header.autool-builder-header .autool-navlink--support__icon, .ct-header.autool-builder-header .autool-navlink--support__icon svg {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 20px;
}

.ct-header.autool-builder-header .autool-navlink--support__icon, .ct-header.autool-builder-header .autool-navlink--support svg {
  color: var(--autool-yellow-dark);
}

.ct-header.autool-builder-header .autool-navlink--support__html {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
}

.ct-header.autool-builder-header .autool-navlink--support__html > * {
  margin: 0;
}

.ct-header.autool-builder-header .autool-mobile-toggle {
  width: var(--mobile-trigger-size);
  height: var(--mobile-trigger-size);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.ct-header.autool-builder-header .autool-mobile-searchwrap {
  position: relative;
}

.ct-header.autool-builder-header .autool-mobile-searchpanel, .ct-header.autool-builder-header .autool-drawer {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  z-index: 90;
}

.ct-header.autool-builder-header > [data-device="mobile"] [data-id="autool-mobile-search"] .autool-mobile-searchpanel {
  left: calc(-1 * (var(--mobile-trigger-size) + 28px));
  right: auto;
  width: 90vw;
}

.ct-header.autool-builder-header .autool-mobile-searchwrap.is-open .autool-mobile-searchpanel, .ct-header.autool-builder-header .autool-mobile-menu.is-open ~ [data-id="autool-mobile-drawer"] .autool-drawer {
  display: block;
}

.ct-header.autool-builder-header .autool-mobile-search__bar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  min-height: 48px;
  background: var(--autool-white);
  border: 1.5px solid var(--autool-gray-300);
  box-shadow: var(--autool-shadow-sm);
}

.ct-header.autool-builder-header .autool-mobile-search__input {
  width: 100%;
  border: 0;
  outline: 0;
  padding: 0 16px;
  font-size: 16px;
  line-height: 1.5;
  background: transparent;
  color: var(--autool-gray-900);
}

.ct-header.autool-builder-header .autool-mobile-search__submit {
  min-width: 120px;
  padding: 0 18px;
  border: 0;
  background: var(--autool-yellow);
  color: var(--autool-black);
  font-family: var(--autool-button-font-family);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: var(--autool-button-letter-spacing);
  text-transform: var(--autool-button-text-transform);
}

.ct-header.autool-builder-header .autool-mobile-search__submit:hover {
  background: var(--autool-yellow-dark);
}

.ct-header.autool-builder-header [data-id="autool-search-hub"].autool-searchhub, .ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-searchhub {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  min-width: 0;
  flex: 1 1 auto;
  max-width: 100%;
  margin: 0;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-searchhub__bar {
  position: relative;
  display: grid;
  grid-template-columns: minmax(196px, 224px) minmax(0, 1fr) auto;
  width: 100%;
  min-height: 56px;
  flex: 1 1 auto;
  border: 1.5px solid var(--autool-gray-300);
  background: var(--autool-white);
  box-shadow: var(--autool-shadow-sm);
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-searchhub__form, .ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__form {
  position: relative;
  min-width: 0;
  height: 100%;
  display: grid;
  grid-template-columns: minmax(196px, 224px) minmax(0, 1fr) auto;
  grid-column: 1 / 4;
  grid-row: 1;
  align-items: stretch;
  margin: 0;
  padding: 0;
  pointer-events: none;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__catalog, .ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-catalog {
  display: block;
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  height: 100%;
  min-width: 0;
  align-self: stretch;
  position: relative;
  z-index: 4;
}

[data-header*="type-1"] .ct-header.autool-builder-header [data-id="autool-search-hub"].autool-searchhub, [data-header*="type-1"] .ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  min-width: 0;
  flex: 1 1 auto;
}

[data-header*="type-1"] .ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__bar {
  flex: 1 1 auto;
}

[data-header*="type-1"] .ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__form {
  position: relative;
  min-width: 0;
  height: 100%;
  display: grid;
  grid-template-columns: minmax(196px, 224px) minmax(0, 1fr) auto;
  grid-column: 1 / 4;
  grid-row: 1;
  align-items: stretch;
  margin: 0;
  padding: 0;
  pointer-events: none;
}

[data-header*="type-1"] .ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__catalog {
  display: block;
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  height: 100%;
  min-width: 0;
  padding: 0;
  background: transparent;
  border-right: 0;
  align-self: stretch;
}

[data-header*="type-1"] .ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__catalogsummary {
  width: 100%;
  min-width: 0;
}

[data-header*="type-1"] .ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__submit:hover {
  transform: none;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-category-trigger {
  position: relative;
  z-index: 3;
  width: 100%;
  min-width: 0;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 20px;
  background: var(--autool-gray-50);
  border-right: 1.5px solid var(--autool-gray-300);
  color: var(--autool-gray-900);
  font-family: var(--autool-button-font-family);
  font-size: var(--autool-button-font-size);
  font-weight: var(--autool-button-font-weight);
  letter-spacing: var(--autool-button-letter-spacing);
  text-transform: var(--autool-button-text-transform);
  cursor: pointer;
  list-style: none;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-category-trigger__left {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex: 1 1 auto;
  white-space: nowrap;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-category-trigger__label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-category-trigger:hover, .ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__catalog[open] .autool-category-trigger {
  background: var(--autool-yellow);
  border-right-color: var(--autool-yellow);
  color: var(--autool-black);
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__catalog[open] .autool-category-trigger__arrow {
  transform: rotate(180deg);
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__catalog.is-hover-open .autool-category-trigger, .ct-header.autool-builder-header [data-id="autool-search-hub"][data-autool-mega-css-hover="yes"] .autool-builder-searchhub__catalog:hover .autool-category-trigger, .ct-header.autool-builder-header [data-id="autool-search-hub"][data-autool-mega-css-hover="yes"] .autool-builder-searchhub__catalog:focus-within .autool-category-trigger {
  background: var(--autool-yellow);
  border-right-color: var(--autool-yellow);
  color: var(--autool-black);
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__catalog.is-hover-open .autool-category-trigger__arrow, .ct-header.autool-builder-header [data-id="autool-search-hub"][data-autool-mega-css-hover="yes"] .autool-builder-searchhub__catalog:hover .autool-category-trigger__arrow, .ct-header.autool-builder-header [data-id="autool-search-hub"][data-autool-mega-css-hover="yes"] .autool-builder-searchhub__catalog:focus-within .autool-category-trigger__arrow {
  transform: rotate(180deg);
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-searchhub__inputwrap {
  display: flex;
  align-items: center;
  min-width: 0;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-searchhub__input {
  width: 100%;
  min-width: 0;
  height: 100%;
  border: 0;
  outline: 0;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
  color: var(--autool-gray-900);
  background: transparent;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-searchhub__input::placeholder {
  color: var(--autool-gray-500);
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-searchhub__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 160px;
  padding: 0 28px;
  border: 0;
  background: var(--autool-yellow);
  color: var(--autool-black);
  font-family: var(--autool-button-font-family);
  font-size: var(--autool-button-font-size);
  font-weight: var(--autool-button-font-weight);
  letter-spacing: var(--autool-button-letter-spacing);
  text-transform: var(--autool-button-text-transform);
  cursor: pointer;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-searchhub__submiticon, .ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__submiticon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-searchhub__submiticon svg, .ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__submiticon svg {
  width: 20px;
  height: 20px;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-searchhub__submit:hover {
  background: var(--autool-yellow-dark);
  box-shadow: var(--autool-shadow-brand);
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-mega {
  display: none;
  position: absolute;
  top: calc(100% + var(--autool-searchhub-panel-offset, 96px));
  left: -204px;
  right: auto;
  width: min(calc(100vw - 32px), var(--theme-normal-container-max-width, var(--theme-container-width, 1440px)));
  z-index: 80;
  pointer-events: auto;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-mega::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  height: var(--autool-searchhub-panel-bridge, 104px);
  pointer-events: auto;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__catalog[open] .autool-mega {
  display: block;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__catalog.is-hover-open .autool-mega, .ct-header.autool-builder-header [data-id="autool-search-hub"][data-autool-mega-css-hover="yes"] .autool-builder-searchhub__catalog:hover .autool-mega, .ct-header.autool-builder-header [data-id="autool-search-hub"][data-autool-mega-css-hover="yes"] .autool-builder-searchhub__catalog:focus-within .autool-mega {
  display: block;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__blockpanel, .ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__blockpanel > .autool-header-mega-localized {
  width: 100%;
  max-width: none;
}

.ct-header.autool-builder-header [data-id="autool-mobile-search"] .autool-mobile-search__toggle {
  width: var(--mobile-trigger-size);
  height: var(--mobile-trigger-size);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.ct-header.autool-builder-header .autool-drawer {
  background: var(--autool-white);
  box-shadow: var(--autool-shadow-lg);
  max-height: min(72vh, 640px);
  overflow: auto;
}

.ct-header.autool-builder-header .autool-drawer__inner {
  padding: 8px 0 16px;
}

.ct-header.autool-builder-header .autool-drawer__eyebrow {
  padding: 12px 16px;
  color: var(--autool-yellow-dark);
  font-family: var(--autool-button-font-family);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: var(--autool-button-letter-spacing);
  text-transform: var(--autool-button-text-transform);
}

.ct-header.autool-builder-header .autool-drawer__group > summary {
  width: 100%;
  min-height: 54px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-left: 4px solid transparent;
  border-bottom: var(--autool-border);
  background: var(--autool-white);
  color: var(--autool-black);
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
}

.ct-header.autool-builder-header .autool-drawer__group[open] > summary {
  background: var(--autool-yellow-subtle);
  border-left-color: var(--autool-yellow);
}

.ct-header.autool-builder-header .autool-drawer__sub {
  display: block;
  background: var(--autool-gray-50);
}

.ct-header.autool-builder-header .autool-drawer__sublink {
  display: block;
  padding: 12px 28px;
  color: var(--autool-gray-700);
  border-bottom: 1px solid var(--autool-gray-200);
  font-size: 14px;
}

.ct-header.autool-builder-header .autool-drawer__sublink:hover {
  color: var(--autool-black);
  background: rgba(254,181,17,.08);
}

.ct-header.autool-builder-header .autool-drawer__utility {
  display: grid;
  gap: 0;
  margin-top: 8px;
  border-top: var(--autool-border);
}

.ct-header.autool-builder-header .autool-drawer__utility a {
  padding: 14px 16px;
  border-bottom: var(--autool-border);
  color: var(--autool-gray-700);
  font-size: 14px;
  font-weight: 500;
}

.ct-header.autool-builder-header .autool-drawer__support {
  padding: 16px;
  display: grid;
  gap: 10px;
  border-top: var(--autool-border);
}

.ct-header.autool-builder-header .autool-drawer__support a, .ct-header.autool-builder-header .autool-drawer__support span {
  color: var(--autool-gray-700);
  font-size: 14px;
}

.ct-header.autool-builder-header > [data-device="mobile"] [data-id="autool-logo"].autool-builder-logo, .ct-header.autool-builder-header > [data-device="mobile"] [data-id="autool-logo"] .autool-builder-logo {
  min-width: 0;
  width: 100%;
  max-width: 142px;
  justify-self: center;
  height: 44px;
  padding: 0;
}

.ct-header.autool-builder-header > [data-device="mobile"] [data-id="autool-logo"].autool-builder-logo img, .ct-header.autool-builder-header > [data-device="mobile"] [data-id="autool-logo"] .autool-builder-logo img {
  height: 44px;
}

.ct-header.autool-builder-header > [data-device="mobile"] [data-id="autool-mobile-trigger"].autool-mobile-toggle, .ct-header.autool-builder-header > [data-device="mobile"] [data-id="autool-mobile-search"] .autool-mobile-toggle, .ct-header.autool-builder-header > [data-device="mobile"] [data-id="autool-account-icon"].autool-headericon, .ct-header.autool-builder-header > [data-device="mobile"] [data-id="autool-account-icon"] .autool-headericon, .ct-header.autool-builder-header > [data-device="mobile"] [data-id="autool-cart"].autool-headercart .autool-headericon, .ct-header.autool-builder-header > [data-device="mobile"] [data-id="autool-cart"] .autool-headericon {
  min-width: 44px !important;
  min-height: 44px !important;
  width: 44px;
  height: 44px;
  padding: 0 !important;
  background: transparent;
  border: 0 !important;
  box-shadow: none !important;
}

.ct-header.autool-builder-header > [data-device="mobile"] [data-id="autool-mobile-trigger"].autool-mobile-toggle:hover, .ct-header.autool-builder-header > [data-device="mobile"] [data-id="autool-mobile-search"] .autool-mobile-toggle:hover, .ct-header.autool-builder-header > [data-device="mobile"] [data-id="autool-account-icon"].autool-headericon:hover, .ct-header.autool-builder-header > [data-device="mobile"] [data-id="autool-account-icon"] .autool-headericon:hover, .ct-header.autool-builder-header > [data-device="mobile"] [data-id="autool-cart"].autool-headercart .autool-headericon:hover, .ct-header.autool-builder-header > [data-device="mobile"] [data-id="autool-cart"] .autool-headericon:hover {
  background: transparent;
  border-color: transparent;
  color: var(--autool-black);
  box-shadow: none !important;
}

.ct-header.autool-builder-header > [data-device="mobile"] [data-id="autool-account-icon"].autool-headericon .autool-headericon__label, .ct-header.autool-builder-header > [data-device="mobile"] [data-id="autool-account-icon"] .autool-headericon__label {
  display: none;
}

.ct-header.autool-builder-header > [data-device="mobile"] [data-id="trigger"] .ct-header-trigger .ct-icon, .ct-header.autool-builder-header > [data-device="mobile"] [data-id="search"] .ct-header-search .ct-icon, .ct-header.autool-builder-header > [data-device="mobile"] [data-id="account"] .ct-account-item .ct-icon, .ct-header.autool-builder-header > [data-device="mobile"] [data-id="cart"] .ct-cart-item svg, .ct-header.autool-builder-header > [data-device="mobile"] [data-id="cart"] .ct-icon-container {
  width: 21px !important;
  height: 21px !important;
  min-width: 21px;
  min-height: 21px;
  flex: 0 0 21px;
}

.ct-header.autool-builder-header > [data-device="mobile"] [data-id="autool-cart"] .autool-headericon {
  width: 44px;
  min-width: 44px;
  height: 44px;
  padding: 0;
}

.ct-header.autool-builder-header > [data-device="mobile"] [data-id="autool-cart"] .autool-headericon__label {
  display: none;
}

.ct-header.autool-builder-header > [data-device="mobile"] [data-id="autool-cart"] .autool-headericon__badge {
  top: -7px;
  right: -8px;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  min-width: 0;
  flex: 1 1 auto;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__bar {
  position: relative;
  display: grid;
  grid-template-columns: minmax(196px, 224px) minmax(0, 1fr) auto;
  width: 100%;
  min-height: 56px;
  flex: 1 1 auto;
  border: 1.5px solid var(--autool-gray-300);
  background: var(--autool-white);
  box-shadow: var(--autool-shadow-sm);
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__form {
  position: relative;
  min-width: 0;
  height: 100%;
  display: grid;
  grid-template-columns: minmax(196px, 224px) minmax(0, 1fr) auto;
  grid-column: 1 / 4;
  grid-row: 1;
  align-items: stretch;
  margin: 0;
  padding: 0;
  pointer-events: none;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__catalogsummary {
  position: relative;
  z-index: 4;
  width: 100%;
  min-width: 0;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 20px;
  background: var(--autool-gray-50);
  border-right: 1.5px solid var(--autool-gray-300);
  color: var(--autool-gray-900);
  font-family: var(--autool-button-font-family);
  font-size: var(--autool-button-font-size);
  font-weight: var(--autool-button-font-weight);
  letter-spacing: var(--autool-button-letter-spacing);
  text-transform: var(--autool-button-text-transform);
  cursor: pointer;
  list-style: none;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__catalogsummary::-webkit-details-marker {
  display: none;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__catalogsummary:hover, .ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__catalog[open] .autool-builder-searchhub__catalogsummary {
  background: var(--autool-yellow);
  border-right-color: var(--autool-yellow);
  color: var(--autool-black);
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__catalogleft {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex: 1 1 auto;
  white-space: nowrap;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__cataloglabel {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__catalogicon svg, .ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__catalogarrow svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__catalog[open] .autool-builder-searchhub__catalogarrow {
  transform: rotate(180deg);
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__catalog.is-hover-open .autool-builder-searchhub__catalogsummary, .ct-header.autool-builder-header [data-id="autool-search-hub"][data-autool-mega-css-hover="yes"] .autool-builder-searchhub__catalog:hover .autool-builder-searchhub__catalogsummary, .ct-header.autool-builder-header [data-id="autool-search-hub"][data-autool-mega-css-hover="yes"] .autool-builder-searchhub__catalog:focus-within .autool-builder-searchhub__catalogsummary {
  background: var(--autool-yellow);
  border-right-color: var(--autool-yellow);
  color: var(--autool-black);
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__catalog.is-hover-open .autool-builder-searchhub__catalogarrow, .ct-header.autool-builder-header [data-id="autool-search-hub"][data-autool-mega-css-hover="yes"] .autool-builder-searchhub__catalog:hover .autool-builder-searchhub__catalogarrow, .ct-header.autool-builder-header [data-id="autool-search-hub"][data-autool-mega-css-hover="yes"] .autool-builder-searchhub__catalog:focus-within .autool-builder-searchhub__catalogarrow {
  transform: rotate(180deg);
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__inputwrap {
  display: flex;
  align-items: center;
  min-width: 0;
  grid-column: 2;
  pointer-events: auto;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .ct-search-form-controls {
  display: grid;
  grid-template-columns: minmax(196px, 224px) minmax(0, 1fr) auto;
  grid-column: 1 / 4;
  align-items: stretch;
  min-width: 0;
  height: 100%;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__controls, .ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-searchhub__controls {
  display: grid;
  grid-template-columns: minmax(196px, 224px) minmax(0, 1fr) auto;
  grid-column: 1 / 4;
  align-items: stretch;
  min-width: 0;
  height: 100%;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__submit {
  grid-column: 3;
  pointer-events: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 160px;
  padding: 0 28px;
  border: 0;
  background: var(--autool-yellow);
  color: var(--autool-black);
  font-family: var(--autool-button-font-family);
  font-size: var(--autool-button-font-size);
  font-weight: var(--autool-button-font-weight);
  letter-spacing: var(--autool-button-letter-spacing);
  text-transform: var(--autool-button-text-transform);
  cursor: pointer;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__input {
  width: 100%;
  min-width: 0;
  height: 100%;
  border: 0;
  outline: 0;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
  color: var(--autool-gray-900);
  background: transparent;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__input::placeholder {
  color: var(--autool-gray-500);
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__submit:hover {
  background: var(--autool-yellow-dark);
  box-shadow: var(--autool-shadow-brand);
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .ct-search-results {
  top: calc(100% + 10px);
  left: 0;
  right: 0;
  inset-inline: 0;
  z-index: 70;
  pointer-events: auto;
  padding-top: 0;
  border: 1px solid var(--autool-gray-300);
  background: var(--autool-white);
  box-shadow: var(--autool-shadow-lg);
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-searchhub__bar, .ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__bar {
  position: relative;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .ct-search-form-controls, .ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-searchhub__controls, .ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__controls {
  display: grid;
  grid-template-columns: minmax(196px, 224px) minmax(0, 1fr) auto;
  grid-column: 1 / 4;
  align-items: stretch;
  min-width: 0;
  height: 100%;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-searchhub__inputwrap, .ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__inputwrap {
  grid-column: 2;
  pointer-events: auto;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-searchhub__submit, .ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__submit {
  grid-column: 3;
  pointer-events: auto;
  font-size: var(--autool-button-font-size);
  font-weight: var(--autool-button-font-weight);
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-category-trigger, .ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__catalogsummary {
  position: relative;
  z-index: 4;
  font-size: var(--autool-button-font-size);
  font-weight: var(--autool-button-font-weight);
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__mega {
  display: none;
  position: absolute;
  top: calc(100% + var(--autool-searchhub-panel-offset, 96px));
  left: -204px;
  right: auto;
  width: min(calc(100vw - 32px), var(--theme-normal-container-max-width, var(--theme-container-width, 1440px)));
  z-index: 80;
  pointer-events: auto;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__mega::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  height: var(--autool-searchhub-panel-bridge, 104px);
  pointer-events: auto;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__catalog[open] .autool-builder-searchhub__mega {
  display: block;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__catalog.is-hover-open .autool-builder-searchhub__mega, .ct-header.autool-builder-header [data-id="autool-search-hub"][data-autool-mega-css-hover="yes"] .autool-builder-searchhub__catalog:hover .autool-builder-searchhub__mega, .ct-header.autool-builder-header [data-id="autool-search-hub"][data-autool-mega-css-hover="yes"] .autool-builder-searchhub__catalog:focus-within .autool-builder-searchhub__mega {
  display: block;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"][data-autool-mega-css-hover="yes"] .autool-builder-searchhub__catalog > .autool-mega, .ct-header.autool-builder-header [data-id="autool-search-hub"][data-autool-mega-css-hover="yes"] .autool-builder-searchhub__catalog > .autool-builder-searchhub__mega {
  display: block !important;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(4px);
  transition: opacity 0.14s ease, transform 0.14s ease, visibility 0s linear 0.18s;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"][data-autool-mega-css-hover="yes"] .autool-builder-searchhub__catalog:hover > .autool-mega, .ct-header.autool-builder-header [data-id="autool-search-hub"][data-autool-mega-css-hover="yes"] .autool-builder-searchhub__catalog:focus-within > .autool-mega, .ct-header.autool-builder-header [data-id="autool-search-hub"][data-autool-mega-css-hover="yes"] .autool-builder-searchhub__catalog[open] > .autool-mega, .ct-header.autool-builder-header [data-id="autool-search-hub"][data-autool-mega-css-hover="yes"] .autool-builder-searchhub__catalog.is-hover-open > .autool-mega, .ct-header.autool-builder-header [data-id="autool-search-hub"][data-autool-mega-css-hover="yes"] .autool-builder-searchhub__catalog:hover > .autool-builder-searchhub__mega, .ct-header.autool-builder-header [data-id="autool-search-hub"][data-autool-mega-css-hover="yes"] .autool-builder-searchhub__catalog:focus-within > .autool-builder-searchhub__mega, .ct-header.autool-builder-header [data-id="autool-search-hub"][data-autool-mega-css-hover="yes"] .autool-builder-searchhub__catalog[open] > .autool-builder-searchhub__mega, .ct-header.autool-builder-header [data-id="autool-search-hub"][data-autool-mega-css-hover="yes"] .autool-builder-searchhub__catalog.is-hover-open > .autool-builder-searchhub__mega, .ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__catalog.is-hover-open > .autool-mega, .ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__catalog.is-hover-open > .autool-builder-searchhub__mega {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
  transition-delay: 0s;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"][data-autool-mega-css-hover="yes"] .autool-mega::before, .ct-header.autool-builder-header [data-id="autool-search-hub"][data-autool-mega-css-hover="yes"] .autool-builder-searchhub__mega::before {
  left: var(--autool-searchhub-panel-shift, 204px);
  right: auto;
  width: min(var(--autool-searchhub-hover-bridge-width, 224px), calc(100vw - 32px));
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__megaframe {
  width: 100%;
  border: 1px solid var(--autool-gray-300);
  border-top: 3px solid var(--autool-yellow);
  background: linear-gradient(180deg, #fff 0%, #fcfcfd 100%);
  box-shadow: 0 22px 56px rgba(17, 18, 20, 0.16);
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__megainner {
  display: grid;
  grid-template-columns: 252px minmax(0, 1fr) 296px;
  align-items: stretch;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__megacats {
  padding: 14px 0;
  border-right: 1px solid var(--autool-gray-300);
  background: linear-gradient(180deg, #f8f9fb 0%, #f4f6f8 100%);
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__megacat {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-height: 64px;
  padding: 14px 18px 14px 20px;
  border-left: 4px solid transparent;
  color: var(--autool-gray-700);
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__megacat.is-active, .ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__megacat:hover {
  background: linear-gradient(90deg, rgba(254, 181, 17, 0.18) 0%, rgba(254, 181, 17, 0.08) 100%);
  border-left-color: var(--autool-yellow);
  box-shadow: inset 0 0 0 1px rgba(254, 181, 17, 0.16);
  color: var(--autool-black);
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__megacattext {
  display: grid;
  gap: 4px;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__megacatname, .ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__megaheadline, .ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__megaitemtitle, .ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__megapromotitle, .ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__megapromoname {
  color: var(--autool-black);
  font-family: var(--autool-button-font-family);
  font-weight: 700;
  text-transform: var(--autool-button-text-transform);
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__megacatname {
  font-size: 21px;
  line-height: 1;
  letter-spacing: 0.01em;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__megacatsub, .ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__megaitemmeta {
  color: var(--autool-gray-500);
  font-size: 12px;
  line-height: 1.45;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__megacatindex {
  min-width: 36px;
  height: 28px;
  padding: 0 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--autool-gray-300);
  background: var(--autool-white);
  color: var(--autool-gray-500);
  font-family: var(--autool-button-font-family);
  font-size: 18px;
  font-weight: 700;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__megacontent {
  padding: 28px 28px 30px;
  background: linear-gradient(180deg, #fff 0%, #fcfcfd 100%);
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__megacontenttop {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 280px);
  gap: 24px;
  align-items: end;
  margin-bottom: 22px;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__megaeyebrow, .ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__megaitemkicker, .ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__megapromoeyebrow {
  color: var(--autool-yellow-dark);
  font-family: var(--autool-button-font-family);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: var(--autool-button-letter-spacing);
  text-transform: var(--autool-button-text-transform);
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__megaheadline {
  margin: 0;
  font-size: clamp(30px, 2vw, 36px);
  line-height: 1.05;
  letter-spacing: 0.02em;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__megalelede {
  margin: 0;
  color: #525866;
  font-size: 14px;
  line-height: 1.6;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__megagrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__megaitem {
  min-height: 98px;
  padding: 16px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  border: 1px solid var(--autool-gray-200);
  background: var(--autool-white);
  color: var(--autool-gray-700);
  box-shadow: 0 1px 0 rgba(17, 18, 20, 0.02);
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__megaitem:hover {
  border-color: var(--autool-yellow);
  box-shadow: 0 14px 28px rgba(17, 18, 20, 0.1);
  transform: translateY(-2px);
  background: linear-gradient(180deg, #fff 0%, #fffdf7 100%);
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__megaicon {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--autool-yellow-subtle);
  border: 1px solid rgba(254, 181, 17, 0.35);
  color: var(--autool-black);
  flex-shrink: 0;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__megaicon svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__megaitem:hover .autool-builder-searchhub__megaicon {
  background: rgba(254, 181, 17, 0.2);
  border-color: rgba(254, 181, 17, 0.5);
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__megaitemtext {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__megaitemtitle {
  font-size: 20px;
  line-height: 1.05;
  letter-spacing: 0.02em;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__megapromo {
  padding: 28px 24px;
  display: grid;
  align-content: start;
  gap: 0;
  background: linear-gradient(180deg, #fff8e3 0%, #fffdf8 100%);
  border-left: 1px solid var(--autool-gray-300);
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__megapromotitle {
  margin: 0 0 12px;
  font-size: 34px;
  line-height: 1.02;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__megapromocopy {
  margin: 0 0 20px;
  color: var(--autool-gray-700);
  font-size: 15px;
  line-height: 1.65;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__megapromotags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 18px;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__megapromotag {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(212, 150, 13, .26);
  color: var(--autool-gray-900);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: var(--autool-button-text-transform);
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__megapromocard {
  padding: 16px;
  background: var(--autool-white);
  border: 1px solid var(--autool-gray-300);
  border-top: 4px solid var(--autool-yellow);
  box-shadow: var(--autool-shadow-sm);
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__megapromosku {
  color: var(--autool-gray-500);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: var(--autool-button-letter-spacing);
  text-transform: var(--autool-button-text-transform);
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__megapromoname {
  margin: 10px 0 8px;
  font-size: 24px;
  line-height: 1.05;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__megapromoprice {
  color: var(--autool-black);
  font-family: var(--autool-button-font-family);
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__megapromocta {
  margin-top: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 18px;
  background: var(--autool-black);
  color: var(--autool-white);
  border: 2px solid var(--autool-black);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: var(--autool-button-letter-spacing);
  text-transform: var(--autool-button-text-transform);
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__megapromocta:hover {
  background: var(--autool-gray-900);
  border-color: var(--autool-gray-900);
  box-shadow: var(--autool-shadow-md);
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__contentblock, .ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__contentblock > .entry-content {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

.ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-builder-searchhub__contentblock .autool-header-mega-localized {
  width: 100%;
}

[data-header*="type-1"] [data-id="autool-search-hub"] .autool-builder-searchhub__mega {
  top: calc(100% + var(--autool-searchhub-panel-offset)) !important;
  left: var(--autool-searchhub-panel-left) !important;
  width: var(--autool-searchhub-panel-width) !important;
  max-width: var(--autool-searchhub-panel-width) !important;
}

[data-header*="type-1"] [data-id="autool-search-hub"] .autool-builder-searchhub__mega::before {
  height: var(--autool-searchhub-panel-bridge) !important;
}

@media (hover: hover) and (pointer: fine) {
  .ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-category-mega[data-autool-category-mega-js="ready"] .autool-category-mega__panel {
    display: none;
  }
}

@media (hover: hover) and (pointer: fine) {
  .ct-header.autool-builder-header [data-id="autool-search-hub"] .autool-category-mega[data-autool-category-mega-js="ready"] .autool-category-mega__panel.is-active {
    display: block;
  }
}