/* Shared OEM partner layout + WPC greyscale/utility. Loaded for every cobrand
   with data-cobrand-chrome="partner". Brand files only set Brand Colors. */

html[data-cobrand-chrome='partner'] {
  --Header-hero-overlap-height: 218px;
  --Header-hero-collapsed-height: 56px;
  --Header-hero-gradient-extension: 62px;
  --Header-sticky-shadow: 0 4px 12px rgba(0, 0, 0, 0.16);
  --Header-mobile-logo-max-height: 2.375rem;
  --Header-mobile-toolbar-gap: 2rem;
  --Header-mobile-icon-search-size: 1.5rem;
  --Header-mobile-icon-cart-size: 1.5rem;
  --Header-mobile-icon-menu-size: 1.6875rem;
  --Header-mobile-icon-menu-close-size: 2rem;
  --brand-content-max-width: 1440px;
  --brand-content-padding-x: 1.5rem;
  --brand-banner-bg: linear-gradient(
      90deg,
      color-mix(in srgb, var(--brand-light-tint) 85%, transparent),
      color-mix(in srgb, var(--brand-light-tint) 85%, transparent)
    ),
    linear-gradient(90deg, color-mix(in srgb, var(--brand-grey-dark) 20%, transparent), color-mix(in srgb, var(--brand-grey-dark) 20%, transparent));

  --brand-black-color: #000000;
  --brand-grey-dark: #222222;
  --brand-grey-medium: #5b5b5b;
  --brand-grey-medium-light: #989898;
  --brand-grey-light: #d5d5d5;
  --brand-grey-superlight: #f2f2f2;
  --brand-white-color: #ffffff;

  --brand-accent-error-color-dark: #672319;
  --brand-accent-error-color: #c80a33;
  --brand-accent-error-color-light: #e7a299;
  --brand-accent-error-color-ultralight: #ffedeb;
  --brand-accent-success-color-dark: #014424;
  --brand-accent-success-color: #0f7e00;
  --brand-accent-success-color-light: #80c3a3;
  --brand-accent-success-color-ultralight: #f2f9f2;
  --brand-accent-info-color-dark: #083a70;
  --brand-accent-info-color: #2f80ed;
  --brand-accent-info-color-light: #87baf0;
  --brand-accent-info-color-ultralight: #e3f0ff;

  --brand-primary-color-dark: var(--brand-secondary-color);
  --brand-primary-color-dark2: var(--brand-secondary-color);
  --brand-tertiary-color: var(--brand-primary-color);
  --brand-tertiary-color-dark: var(--brand-secondary-color);
  --brand-highlight-color: var(--brand-primary-color);
  --brand-highlight-color-pressed: var(--brand-secondary-color);
  --brand-accent-pro-color: var(--brand-primary-color);
  --brand-accent-pro-text-color: var(--brand-white-color);
  --brand-pro-menu-color: color-mix(in srgb, var(--brand-primary-color) 62%, var(--brand-white-color));
  --brand-pro-menu-color-pressed: color-mix(in srgb, var(--brand-primary-color) 74%, var(--brand-white-color));
  --brand-accent-pro-menu-color: var(--brand-pro-menu-color);
  --brand-accent-pro-menu-color-pressed: var(--brand-pro-menu-color-pressed);

  --brand-framing-color: var(--brand-grey-dark);
  --brand-framing-color-hover: var(--brand-black-color);
  --brand-framing-color-dark: var(--brand-black-color);

  --brand-font-family-mono: Menlo, Monaco, Consolas, 'Courier New', monospace;
  --brand-font-size-base: 18px;
  --brand-font-size-small: 13.6px;
  --brand-font-size-large: 20px;
  --brand-font-weight-body: 400;
  --brand-font-weight-regular: 400;
  --brand-font-weight-medium: 500;
  --brand-font-weight-bold: 700;
  --brand-font-weight-heading: 700;
  --brand-line-height-body: 1.5;
  --brand-line-height-heading: 1.25;
  --brand-line-height-tight: 1.2;

  --brand-button-border-radius: 0;
  --brand-button-text-transform: uppercase;
  --brand-button-font-family: var(--brand-font-family-strong);
  --brand-button-font-size: 14px;
  --brand-button-font-weight: 500;
  --brand-button-link-font-size: 14px;
  --brand-button-link-font-weight: 500;
  --brand-button-link-text-transform: none;
  --brand-button-link-text-decoration-hover: underline;
  --brand-button-padding: 11px 24px;
  --brand-button-primary-bg: var(--brand-primary-color);
  --brand-button-primary-border: var(--brand-primary-color);
  --brand-button-primary-color: var(--brand-white-color);
  --brand-button-primary-bg-hover: var(--brand-primary-color-dark);
  --brand-button-primary-border-hover: var(--brand-primary-color-dark);
  --brand-button-primary-color-hover: var(--brand-white-color);
  --brand-button-primary-bg-disabled: var(--brand-grey-medium-light);
  --brand-button-primary-border-disabled: var(--brand-grey-medium-light);
  --brand-button-primary-color-disabled: var(--brand-white-color);
  --brand-button-secondary-bg: transparent;
  --brand-button-secondary-border: var(--brand-framing-color);
  --brand-button-secondary-color: var(--brand-framing-color);
  --brand-button-secondary-bg-hover: var(--brand-framing-color);
  --brand-button-secondary-border-hover: var(--brand-framing-color);
  --brand-button-secondary-color-hover: var(--brand-white-color);
  --brand-button-link-color: var(--brand-framing-color);
  --brand-button-link-color-hover: var(--brand-framing-color-hover);

  --brand-container-border-radius: 0;
  --brand-container-box-shadow: none;
  --brand-container-border: 1px solid var(--brand-grey-light);
  --brand-account-nav-icon-fill: var(--brand-primary-color);
  --brand-dashboard-nav-icon-fill: var(--brand-white-color);
  --brand-dashboard-nav-title-color: var(--brand-white-color);
  --brand-dashboard-nav-divider-color: var(--brand-white-color);
  --brand-dashboard-nav-selected-bg: var(--brand-primary-color-dark);
  --brand-dashboard-nav-fg: var(--brand-white-color);
  --brand-dashboard-title-icon-fill: var(--brand-primary-color);
  --brand-technician-benefits-text-color: var(--brand-white-color);
  --brand-technician-benefits-cta-color: var(--brand-primary-color);
  --brand-technician-benefits-cta-bg: var(--brand-white-color);
  --brand-technician-benefits-cta-font-weight: var(--brand-font-weight-bold);
  --brand-radio-checked-bg: var(--brand-primary-color);
  --brand-checkbox-checked-bg: var(--brand-primary-color);
  --brand-input-border-radius: 0;
  --brand-input-border: 1px solid var(--brand-input-border-color);
  --brand-input-bg: var(--brand-white-color);
  --brand-input-border-color: var(--brand-framing-color);
  --brand-input-border-color-hover: var(--brand-framing-color);
  --brand-input-border-color-focus: var(--brand-primary-color);
  --brand-input-border-color-invalid: var(--brand-accent-error-color);
  --brand-input-label-color: var(--brand-framing-color);
  --brand-input-label-font-weight: var(--brand-font-weight-bold);
  --brand-input-field-font-size: 16px;
  --brand-input-field-padding: 10px;
  --brand-input-field-font-weight: var(--brand-font-weight-regular);
  --brand-input-field-color: var(--brand-framing-color);
  --brand-input-placeholder-color: var(--brand-grey-medium-light);
  --brand-input-icon-color: var(--brand-framing-color);
  --brand-input-select-icon-color: var(--brand-framing-color);
  --brand-input-select-min-height: 46px;
  --brand-surface-subtle-bg: var(--brand-grey-superlight);
}

html[data-cobrand-chrome='partner'] [data-surface='CheckoutConfirm'] {
  --CheckoutConfirm-order-number-font-size-tablet: 16px;
  --CheckoutConfirm-message-font-size-tablet: 16px;
  --CheckoutConfirm-detail-title-font-size-tablet: 13px;
  --CheckoutConfirm-detail-content-font-size-tablet: 12px;
}

html[data-cobrand-chrome='partner'] [data-surface='PartCard'] {
  --PartCard-title-font-size-mobile: 14px;
  --PartCard-review-font-size-mobile: 12px;
  --PartCard-price-font-size-mobile: 16px;
}

html[data-cobrand-chrome='partner'] [data-surface='PartDetail'] {
  --PartDetail-best-seller-bg: var(--brand-highlight-color);
  --PartDetail-best-seller-color: var(--brand-framing-color);
  --PartDetail-manufacturer-part-bg: var(--brand-framing-color);
  --PartDetail-flag-font-size: 14px;
  --PartDetail-pro-price-bg: transparent;
  --PartDetail-pro-price-emphasis: var(--brand-framing-color);
}

html[data-cobrand-chrome='partner'] [data-surface='HeaderBottomRow'] {
  --HeaderBottomRow-logo-overflow: visible;
}

html[data-cobrand-chrome='partner'] .layout--hero-header-overlap {
  --header-promo-badge-bottom: 1.5rem;
}

html[data-cobrand-chrome='partner'] .headerContainer .container {
  container-type: inline-size;
  container-name: rc-header;
  width: 100%;
}

@media (min-width: 1200px) {
  html[data-cobrand-chrome='partner'] .layout .contentRow section .container,
  html[data-cobrand-chrome='partner'] .headerContainer .container {
    width: 100% !important;
    max-width: var(--brand-content-max-width) !important;
    padding-left: var(--brand-content-padding-x, 1.5rem);
    padding-right: var(--brand-content-padding-x, 1.5rem);
    box-sizing: border-box;
  }

  html[data-cobrand-chrome='partner'] .layout .contentRow section .container > .row,
  html[data-cobrand-chrome='partner'] .headerContainer .container > .row {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}

html[data-cobrand-chrome='partner'] .headerTop,
html[data-cobrand-chrome='partner'] .headerBottom {
  width: 100%;
  max-width: 100%;
}

html[data-cobrand-chrome='partner'] .headerContainer {
  overflow-x: clip;
  max-width: 100%;
  overflow-anchor: none;
}

html[data-cobrand-chrome='partner'] .headerBottom {
  height: auto;
  min-height: 92px;
  align-items: center;
}

html[data-cobrand-chrome='partner'] .layout--hero-header-overlap .banner-list,
html[data-cobrand-chrome='partner'] .layout--hero-header-overlap .banner-slider {
  display: none !important;
}

html[data-cobrand-chrome='partner'] .banner-list,
html[data-cobrand-chrome='partner'] .banner-slider {
  background-color: transparent;
  background-image: var(--brand-banner-bg);
}

html[data-cobrand-chrome='partner'] body {
  font-family: var(--brand-font-family-body);
  font-size: var(--brand-font-size-base);
  font-weight: var(--brand-font-weight-body);
  line-height: var(--brand-line-height-body);
  color: var(--brand-framing-color);
}

html[data-cobrand-chrome='partner'] h1,
html[data-cobrand-chrome='partner'] .upperCase {
  font-family: var(--brand-font-family-heading);
  font-weight: var(--brand-font-weight-heading);
}

/* Moved from cobrand files — identical across OEM partners */



html[data-cobrand-chrome='partner'] [data-surface='StepsMenu'] {
  --StepsMenu-label-font-size: 13px;
}



@container rc-content (max-width: 991.98px) {
  html[data-cobrand-chrome='partner'] [data-surface='ModelNumber'] {
    --ModelNumber-placeholder-font-size: calc(var(--brand-font-size-base, 18px) - 3px);
  }
}



/* Frigidaire (mobile): shrink the breadcrumb trail so the H1 + search stay above the fold. */
@media (max-width: 767.98px) {
  html[data-cobrand-chrome='partner'] [data-surface='Breadcrumbs'] {
    --Breadcrumbs-link-font-size: 12px;
    --Breadcrumbs-current-font-size: 12px;
  }

  html[data-cobrand-chrome='partner'] .searchSection .BreadCrumbs {
    padding-bottom: 0;
    line-height: 1.2;
  }
}



html[data-cobrand-chrome='partner'] .banner-slider .slick-list,
html[data-cobrand-chrome='partner'] .banner-slider .slick-track,
html[data-cobrand-chrome='partner'] .banner-slider .slick-slide,
html[data-cobrand-chrome='partner'] .banner-slider .slick-slide > div {
  min-height: 100%;
}



html[data-cobrand-chrome='partner'] .banner-slider .slick-slide > div {
  display: flex;
  align-items: center;
  justify-content: center;
}



html[data-cobrand-chrome='partner'] .banner-list .valueProp,
html[data-cobrand-chrome='partner'] .banner-slider .valueProp {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}



html[data-cobrand-chrome='partner'] .banner-list .valueProp > .icon,
html[data-cobrand-chrome='partner'] .banner-slider .valueProp > .icon {
  flex: 0 0 1.625rem;
  width: 1.625rem;
  object-fit: contain;
}



html[data-cobrand-chrome='partner'] .banner-list .propTitle {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding-left: 0;
}



html[data-cobrand-chrome='partner'] .banner-list .container {
  justify-content: center;
  gap: clamp(1.5rem, 5vw, 4rem);
}



html[data-cobrand-chrome='partner'] .banner-list .bannerValuePropCol {
  display: flex;
  align-items: center;
}



html[data-cobrand-chrome='partner'] .banner-slider .valueProp {
  width: 100%;
  justify-content: center;
  padding: 0 1rem;
  box-sizing: border-box;
}



html[data-cobrand-chrome='partner'] .banner-slider .innerWrap > span {
  margin-left: 0;
  width: auto;
  max-width: calc(100vw - 6.5rem);
  overflow: visible;
  line-height: 1.25;
  text-align: center;
  white-space: normal;
}



@container rc-header (max-width: 1199.98px) {
  html[data-cobrand-chrome='partner'] .headerBottom {
    overflow-x: clip;
  }
}



html[data-cobrand-chrome='partner'] [data-surface='CartCheckout'] {
  --CartCheckout-totals-padding-y: 10px;
  --CartCheckout-subtotal-margin-bottom: 14px;
  --CartCheckout-subtotal-font-size: 24px;
  --CartCheckout-mobile-button-padding-x: 8px;
}



html[data-cobrand-chrome='partner'] [data-surface='CartItem'] {
  --CartItem-qty-border-radius: 0;
  --CartItem-padding-y: 17px;
  --CartItem-table-stock-margin-top: 4px;
  --CartItem-trash-margin-left: 17px;
  --CartItem-img-max-width: 146px;
  --CartItem-product-title-margin-bottom: 9px;
  --CartItem-small-text-margin-bottom: 8px;
  --CartItem-qty-max-width: 225px;
  --CartItem-qty-max-width-phone: 169px;
  --CartItem-input-padding-y: 9px;
  --CartItem-input-padding-x: 11px;
}



html[data-cobrand-chrome='partner'] [data-surface='CartPage'] {
  --CartPage-padding-top: 44px;
  --CartPage-title-font-size: 32px;
  --CartPage-title-margin-bottom: 12px;
  --CartCheckout-mobile-button-padding-x: 8px;
}



html[data-cobrand-chrome='partner'] [data-surface='CartPayPalButtons'] {
  --CartPayPalButtons-min-width: 320px;
  --CartPayPalButtons-width: 100%;
  --CartPayPalButtons-inner-width: 100%;
}



html[data-cobrand-chrome='partner'] [data-surface='HomeHero'] > div {
  max-width: 100%;
  box-sizing: border-box;
}



@media (max-width: 991.98px) {
  html[data-cobrand-chrome='partner'] [data-surface='HomeHero'] {
    --HomeHero-inner-padding-bottom: 2rem;
  }
}



@media (max-width: 479.98px) {
  html[data-cobrand-chrome='partner'] [data-surface='HomePartsFinderBand'] .heroSearch input {
    font-size: 0.875rem;
    padding-right: 3rem;
    padding-left: 1rem;
  }
}



html[data-cobrand-chrome='partner'] .checkout {
  --Checkout-loginPrompt-padding: 10px 16px;
  --Checkout-loginPrompt-border-radius: 0;
  --Checkout-formPart-border-radius: 0;
  --Checkout-cartSection-border-radius: 0;
}



/* All Bootstrap modal shells — square corners via existing container token. */
html[data-cobrand-chrome='partner'] .modal-content {
  border-radius: var(--brand-container-border-radius, 0);
}



/* Bootstrap text inputs and search fields — square corners via existing input token. */
html[data-cobrand-chrome='partner'] .form-control {
  border-radius: var(--brand-input-border-radius, 0);
}



html[data-cobrand-chrome='partner'] .modal-content:has([data-surface='FindModelNumberModal']) {
  --FindModelNumberModal-content-border-radius: 0;
  --FindModelNumberModal-content-font-family: var(--brand-font-family-body);
}



html[data-cobrand-chrome='partner'] .modal-content:has([data-surface='GlobalSearchModal']) {
  --GlobalSearchModal-content-border-radius: 0;
  --GlobalSearchModal-content-font-family: var(--brand-font-family-body);
  --GlobalSearchModal-content-shadow: 0 12px 32px rgba(0, 0, 0, 0.24);
  overflow: visible;
}



html[data-cobrand-chrome='partner'] .GlobalSearchModal[data-surface='GlobalSearchModal'] {
  --GlobalSearchModal-accent-bg: var(--brand-framing-color);
  --GlobalSearchModal-heading-font-family: var(--brand-font-family-strong);
  --GlobalSearchModal-heading-font-size: 1.375rem;
  --GlobalSearchModal-heading-font-size-desktop: 1.75rem;
  --GlobalSearchModal-heading-font-weight: var(--brand-font-weight-bold);
  --GlobalSearchModal-heading-letter-spacing: 0.04em;
  --GlobalSearchModal-heading-text-transform: uppercase;
  --GlobalSearchModal-search-container-width-desktop: 90%;
  --GlobalSearchModal-search-container-max-width: 36rem;
  --GlobalSearchModal-typeahead-highlight-bg: var(--brand-surface-subtle-bg);
}



html[data-cobrand-chrome='partner'] .headerSearchModal .modal-content:has([data-surface='GlobalSearchModal']) {
  --GlobalSearchModal-header-content-bg: var(--brand-framing-color);
  --GlobalSearchModal-header-content-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  overflow: visible;
}



html[data-cobrand-chrome='partner'] .headerSearchModal .GlobalSearchModal[data-surface='GlobalSearchModal'] {
  --GlobalSearchModal-search-bar-padding: 1rem 1.25rem 1.25rem;
}



/* Frigidaire brand-input search layout (GlobalSearchModal only). */
html[data-cobrand-chrome='partner'] .GlobalSearchModal[data-surface='GlobalSearchModal'] .globalSearchBar .searchBox {
  margin-bottom: 0;
}



html[data-cobrand-chrome='partner'] .GlobalSearchModal[data-surface='GlobalSearchModal'] .globalSearchBar .input-group.searchInput {
  position: relative;
  display: flex;
  align-items: stretch;
  width: 100%;
  border: 1px solid var(--brand-input-border-color);
  background: var(--brand-input-bg);
  border-radius: var(--brand-input-border-radius);
}



html[data-cobrand-chrome='partner'] .GlobalSearchModal[data-surface='GlobalSearchModal'] .globalSearchBar .input-group.searchInput:focus-within {
  border-color: var(--brand-input-border-color-focus);
}



html[data-cobrand-chrome='partner'] .GlobalSearchModal[data-surface='GlobalSearchModal'] .globalSearchBar .searchInput input,
html[data-cobrand-chrome='partner'] .GlobalSearchModal[data-surface='GlobalSearchModal'] .globalSearchBar .searchBox .form-control {
  height: 44px;
  flex: 1 1 auto;
  width: 1%;
  font-size: var(--brand-input-field-font-size);
  font-weight: var(--brand-input-field-font-weight);
  font-family: var(--brand-font-family-body);
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  color: var(--brand-input-field-color);
  padding: 0.25rem 3rem 0.25rem 1rem;
}



html[data-cobrand-chrome='partner'] .GlobalSearchModal[data-surface='GlobalSearchModal'] .globalSearchBar .searchInput input::placeholder,
html[data-cobrand-chrome='partner'] .GlobalSearchModal[data-surface='GlobalSearchModal'] .globalSearchBar .searchBox .form-control::placeholder {
  color: var(--brand-input-placeholder-color);
}



html[data-cobrand-chrome='partner'] .GlobalSearchModal[data-surface='GlobalSearchModal'] .globalSearchBar .searchInput input:focus,
html[data-cobrand-chrome='partner'] .GlobalSearchModal[data-surface='GlobalSearchModal'] .globalSearchBar .searchBox .form-control:focus {
  border: none;
  box-shadow: none;
  outline: none;
}



@media (min-width: 768px) {
  html[data-cobrand-chrome='partner'] .GlobalSearchModal[data-surface='GlobalSearchModal'] .globalSearchBar .searchInput input,
  html[data-cobrand-chrome='partner'] .GlobalSearchModal[data-surface='GlobalSearchModal'] .globalSearchBar .searchBox .form-control {
    height: 50px;
    padding-left: 1.5rem;
  }
}



html[data-cobrand-chrome='partner'] .GlobalSearchModal[data-surface='GlobalSearchModal'] .globalSearchBar .input-group-btn {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
  z-index: 4;
  display: flex;
  align-items: center;
}



@media (min-width: 768px) {
  html[data-cobrand-chrome='partner'] .GlobalSearchModal[data-surface='GlobalSearchModal'] .globalSearchBar .input-group-btn {
    right: 1rem;
  }
}



html[data-cobrand-chrome='partner'] .GlobalSearchModal[data-surface='GlobalSearchModal'] .globalSearchBar :is(.searchButton, .btn.searchButton) {
  height: 1.5rem;
  width: 1.5rem;
  min-width: 1.5rem;
  padding: 0;
  line-height: 1;
  font-size: 1.5rem;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  color: var(--brand-input-icon-color) !important;
  text-shadow: none !important;
  box-shadow: none !important;
}



html[data-cobrand-chrome='partner'] .GlobalSearchModal[data-surface='GlobalSearchModal'] .globalSearchBar :is(.searchButton, .btn.searchButton):is(:hover, :focus, :active) {
  background: transparent !important;
  border: none !important;
  color: var(--brand-input-icon-color) !important;
  box-shadow: none !important;
}



html[data-cobrand-chrome='partner'] .GlobalSearchModal[data-surface='GlobalSearchModal'] .globalSearchBar .typeAheadResults {
  top: calc(100% - 1px);
  left: 0;
  border: 1px solid var(--brand-input-border-color);
  border-radius: var(--brand-input-border-radius);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  z-index: 10;
}



html[data-cobrand-chrome='partner'] .headerSearchModal .GlobalSearchModal[data-surface='GlobalSearchModal'] .globalSearchBar .typeAheadResults {
  z-index: 1061;
}



html[data-cobrand-chrome='partner'] .GlobalSearchModal[data-surface='GlobalSearchModal'] .globalSearchBar .typeAheadResult,
html[data-cobrand-chrome='partner'] .GlobalSearchModal[data-surface='GlobalSearchModal'] .globalSearchBar .typeAheadResultHighlighted {
  padding: 0.5rem 0.75rem;
}



html[data-cobrand-chrome='partner'] .GlobalSearchModal[data-surface='GlobalSearchModal'] .globalSearchBar .typeAheadMatchName {
  color: var(--brand-framing-color);
  font-weight: var(--brand-font-weight-medium);
}



html[data-cobrand-chrome='partner'] .GlobalSearchModal[data-surface='GlobalSearchModal'] .globalSearchBar .typeAheadMatchType {
  color: var(--brand-input-placeholder-color);
}



html[data-cobrand-chrome='partner'] .GlobalSearchModal[data-surface='GlobalSearchModal'] .globalSearchBar .typeAheadResult:hover,
html[data-cobrand-chrome='partner'] .GlobalSearchModal[data-surface='GlobalSearchModal'] .globalSearchBar .typeAheadResultHighlighted {
  background-color: var(--GlobalSearchModal-typeahead-highlight-bg);
}



@media (max-width: 767.98px) {
  /* Homepage hero overlap only: extra top padding for transparent header over hero (Figma 131:584). */
  html[data-cobrand-chrome='partner']:has(.layout--hero-header-overlap) {
    --Header-mobile-overlap-height: calc(3rem + 1rem + var(--Header-mobile-logo-max-height));
    --Header-mobile-menu-top: var(--Header-mobile-overlap-height);
  }

  html[data-cobrand-chrome='partner']:has(.headerContainer[data-mobile-menu-open='true']) {
    --Header-mobile-menu-top: calc(1rem + 1rem + var(--Header-mobile-logo-max-height));
  }

  html[data-cobrand-chrome='partner'] .layout--hero-header-overlap .headerContainer[data-hero-content-overlap='true']:not([data-header-collapsed='true']):not([data-mobile-menu-open='true'])[data-mobile-header-layout='logoLeftToolbarRight'] .iconContainer {
    padding: 3rem 1rem 1rem;
  }

  /* Figma Mobile (131:584): hero image 375×539, zoomed crop on appliances. */
  html[data-cobrand-chrome='partner'] [data-surface='HomeHero'] {
    /* Figma 375×539 aspect ratio; cap height at 480px-wide equivalent so 767px isn't ~1100px tall. */
    --HomeHero-min-height: min(calc(100vw * 539 / 375), 690px);
    /* Width zoom from Figma 375 frame; `auto` height preserves 1440×943 image aspect at all phone widths. */
    --HomeHero-bg-size: 220.33% auto;
    --HomeHero-bg-position: 70.15% 0.38%;
    /* Top fade (header/text) + bottom fade (CTA / red-band transition). */
    --HomeHero-overlay-bg:
      linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.75) 08.07%,
        rgba(0, 0, 0, 0.38) 20.46%,
        transparent 50%
      ),
      linear-gradient(
        0deg,
        rgba(0, 0, 0, .6) 20%,
        rgba(0, 0, 0, 0) 60%,
        transparent 40%
      );
    --HomeHero-overlay-bg-mobile: var(--HomeHero-overlay-bg);
    --HomeHero-inner-align-items: flex-start;
    --HomeHero-text-align: left;
    --HomeHero-inner-padding-top: 0;
    --HomeHero-inner-padding-bottom: 0;
    --HomeHero-inner-gap: 1.5rem;
    --HomeHero-heading-font-size: 2.5rem;
    --HomeHero-heading-line-height: 1;
    --HomeHero-body-font-size: 1.125rem;
    --HomeHero-body-line-height: 1.333;
    --HomeHero-heading-max-width: none;
    --HomeHero-body-max-width: none;
  }
}



/* When hero height is capped (480px+ wide phones), anchor crop to bottom so appliances stay in frame. */
@media (min-width: 480px) and (max-width: 767.98px) {
  html[data-cobrand-chrome='partner'] [data-surface='HomeHero'] {
    --HomeHero-bg-position: 70.15% 100%;
  }
}


html[data-cobrand-chrome='partner'] [data-surface='TechnicianBanner'] {
  --TechnicianBanner-color: var(--brand-white-color);
  --TechnicianBanner-logo-display: none;
  --TechnicianBanner-cta-border-radius: 0;
  --TechnicianBanner-text-color: var(--brand-white-color);
  --TechnicianBanner-cta-color: var(--brand-primary-color);
  --TechnicianBanner-cta-bg: var(--brand-white-color);
  --TechnicianBanner-cta-font-weight: var(--brand-font-weight-bold);
}



html[data-cobrand-chrome='partner'] [data-surface='BenefitIcon'] {
  --BenefitIcon-shield-fill: var(--brand-primary-color);
  --BenefitIcon-check-fill: var(--brand-white-color);
}



html[data-cobrand-chrome='partner'] [data-surface='AnticipatedAnnualPartsSelect'] {
  --AnticipatedAnnualPartsSelect-text-color: var(--brand-framing-color);
}



@media (min-width: 992px) {
  html[data-cobrand-chrome='partner'] [data-surface='ProSignUp'] {
    --ProSignUp-signup-column-width: 28rem;
    --ProSignUp-benefits-row-display: grid;
    --ProSignUp-benefits-row-grid-template-columns: minmax(0, 1fr) var(--ProSignUp-signup-column-width);
    --ProSignUp-benefits-row-grid-template-areas: 'header header' 'cards signup';
    --ProSignUp-benefits-row-align-items: start;
    --ProSignUp-benefits-row-max-width: 80rem;
    --ProSignUp-benefits-row-width: 100%;
    --ProSignUp-benefits-row-gap: 3rem;
    --ProSignUp-benefits-row-padding-left-desktop: 2rem;
    --ProSignUp-benefits-row-padding-right-desktop: 2rem;
    --ProSignUp-benefits-container-display: contents;
    --ProSignUp-benefits-container-max-width: none;
    --ProSignUp-benefits-container-width: auto;
    --ProSignUp-benefits-header-grid-area: header;
    --ProSignUp-benefits-cards-grid-area: cards;
    --ProSignUp-signup-grid-area: signup;
    --ProSignUp-signup-container-align-self: start;
    --ProSignUp-signup-container-margin-bottom: 0;
    --ProSignUp-signup-container-width: 100%;
    --ProSignUp-signup-container-max-width: var(--ProSignUp-signup-column-width);
    --ProSignUp-signup-form-box-width: var(--ProSignUp-signup-column-width);
    --ProSignUp-benefits-full-width-grid-column: 1 / -1;
    --ProSignUp-heading-font-size: 3rem;
    --ProSignUp-heading-white-space: nowrap;
    --ProSignUp-heading-br-display: none;
  }
}