html[data-cobrand='11'] {
  --Header-mobile-logo-max-width: 11.5rem;
  --Header-collapsed-nav-color: var(--brand-framing-color, #222222);
  --Header-collapsed-search-color: var(--brand-framing-color, #222222);
  --Header-collapsed-search-hover-color: var(--brand-primary-color, #e31c3d);
  --Header-collapsed-cart-color: var(--brand-framing-color, #222222);
  --Header-collapsed-cart-hover-color: var(--brand-framing-color-hover, #000000);
  --Header-nav-color: var(--brand-framing-color, #222222);
  --Header-search-color: var(--brand-framing-color, #222222);
  --Header-search-hover-color: var(--brand-primary-color, #e31c3d);
  --Header-cart-color: var(--brand-framing-color, #222222);
  --Header-cart-hover-color: var(--brand-framing-color-hover, #000000);
  --Header-utility-color: var(--brand-framing-color, #222222);
  --Header-utility-hover-color: var(--brand-grey-medium, #5b5b5b);
  --Header-account-menu-item-hover-bg: var(--brand-grey-light, #d5d5d5);
  --Footer-bg: var(--brand-white-color, #ffffff);
  --Footer-color: var(--brand-framing-color, #222222);
  --Footer-overlay: transparent;
  --Footer-image-opacity: 0;
  --Footer-bottom-bg: var(--brand-white-color, #ffffff);
  --Footer-bottom-color: var(--brand-framing-color, #222222);
}

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

/* Unified ribbon flags (PDP, shop results, related parts) — beat RC skew pseudo-tabs. */
html[data-cobrand='11'] .flag {
  align-items: center;
  background-image: none;
  box-sizing: border-box;
  clip-path: polygon(0 0, 100% 0, calc(100% - 9px) 50%, 100% 100%, 0 100%);
  color: var(--brand-white-color);
  display: inline-flex;
  flex-shrink: 0;
  font-family: var(--brand-font-family-body, 'Gotham', sans-serif);
  font-size: 14px;
  font-weight: var(--brand-font-weight-medium, 500);
  height: 24px;
  justify-content: center;
  line-height: 24px;
  margin-right: 8px;
  max-width: none;
  overflow: visible;
  padding: 0 14px 0 8px;
  position: static;
  white-space: nowrap;
  width: max-content;
}

html[data-cobrand='11'] .flag::before,
html[data-cobrand='11'] .flag::after {
  content: none !important;
  display: none !important;
}

html[data-cobrand='11'] .flag.bestSeller {
  background-color: var(--brand-highlight-color);
}

html[data-cobrand='11'] .flag.manufacturerPart {
  background-color: var(--brand-accent-success-color);
}

/* intake: styling.tokens.headerBottomRowLogoContainerWidth + headerBottomRowLogoOverflow (shared HeaderBottomRow) */
html[data-cobrand='11'] [data-surface='HeaderBottomRow'] {
  --HeaderBottomRow-logo-container-width: 234px;
  --HeaderBottomRow-logo-overflow: visible;
}

html[data-cobrand='11'] [data-surface='HeaderBottomRow'] .logoImage {
  width: 100%;
  height: auto;
  min-width: 0;
  object-fit: contain;
}

/* Pro CTA only — search uses .searchIcon (transparent bg) in the same row */
html[data-cobrand='11'] [data-surface='HeaderBottomRow'] .desktop-only button {
  background: var(--brand-primary-color);
  border-radius: 0;
  color: var(--brand-white-color) !important;
}

html[data-cobrand='11'] [data-surface='HeaderBottomRow'] .desktop-only button b {
  color: inherit !important;
}

html[data-cobrand='11'] [data-surface='HeaderBottomRow'] .desktop-only button svg path {
  fill: currentColor;
}

html[data-cobrand='11'] .topHeaderAccount-up.pro-account .linkIcon {
  color: var(--brand-framing-color, #222222);
}

html[data-cobrand='11'] .topHeaderAccount-up.pro-account .linkIcon svg circle {
  fill: var(--brand-white-color, #ffffff);
  stroke: var(--brand-framing-color, #222222);
}

html[data-cobrand='11'] .topHeaderAccount-up.pro-account .linkIcon svg path {
  fill: currentColor;
}

html[data-cobrand='11'] .topHeaderAccount-up.pro-account .welcomeMessage,
html[data-cobrand='11'] .topHeaderAccount-up.pro-account .welcomeMessage .proText,
html[data-cobrand='11'] .topHeaderAccount-up.pro-account .arrow-style {
  color: var(--brand-framing-color, #222222);
}

html[data-cobrand='11'] [data-surface='HeaderBottomRow'] .logoImage,
html[data-cobrand='11'] [data-surface='BaseFooter'] .logoImage,
html[data-cobrand='11'] .headerContainer .logoMobile .logoSize {
  mix-blend-mode: multiply;
}

html[data-cobrand='11'] [data-surface='BaseFooter'] {
  border-top: 1px solid var(--brand-grey-light, #d5d5d5);
}

/* Shared Footer — solid partner chrome; RC stock photo and trust badges hidden via brand-content + CSS. */
html[data-cobrand='11'] .footerParent .footer {
  background-color: var(--brand-white-color, #ffffff);
  background-image: none;
  padding-top: 2.5rem;
}

html[data-cobrand='11'] .footerParent .footer img.desktop-only {
  display: none !important;
}

html[data-cobrand='11'] .footerParent .footer .badgeItem,
html[data-cobrand='11'] .footerParent .footer .trustBtn {
  display: none !important;
}

html[data-cobrand='11'] .footerParent .footer .storyLink {
  display: inline-block;
  margin-bottom: 0.75rem;
}

html[data-cobrand='11'] [data-surface='Breadcrumbs'] {
  --Breadcrumbs-link-color: var(--brand-grey-medium);
  --Breadcrumbs-link-hover-color: var(--brand-framing-color);
  --Breadcrumbs-link-font-weight: 400;
  --Breadcrumbs-separator-content: '▲';
  --Breadcrumbs-separator-color: var(--brand-secondary-color);
  --Breadcrumbs-separator-font-size: 8px;
  --Breadcrumbs-separator-font-weight: 400;
  --Breadcrumbs-separator-translate-y: -4px;
  --Breadcrumbs-separator-margin-inline: 8px;
  --Breadcrumbs-current-color: var(--brand-framing-color);
  --Breadcrumbs-current-font-weight: 700;
}

/* Always white chrome — do not let Header.scss framing-gray show while headerTop collapses. */
html[data-cobrand='11'] .headerContainer .headerTop {
  background-color: transparent;
  background-image: none;
}

html[data-cobrand='11'] .headerContainer .headerBottom,
html[data-cobrand='11'] .headerContainer .stickyHeader,
html[data-cobrand='11'] .headerContainer .nonProHeader,
html[data-cobrand='11'] .headerContainer .heroOverlapHeader,
html[data-cobrand='11'] .headerContainer .heroOverlapHeader--collapsed {
  background-color: var(--brand-white-color, #ffffff);
  background-image: none;
}

html[data-cobrand='11'] .headerContainer[data-header-collapsed='true'] .cartIcon a,
html[data-cobrand='11'] .headerContainer[data-header-collapsed='true'] .cartIcon .cartGraphic {
  color: var(--brand-framing-color, #222222);
}

html[data-cobrand='11'] .headerContainer[data-header-collapsed='true'] .cartIcon .countIndicator {
  color: var(--brand-framing-color, #222222);
  border-color: var(--brand-framing-color, #222222);
}

html[data-cobrand='11'] .banner-slider {
  height: auto;
  min-height: 3rem;
  padding: 0.5rem 0;
  
  border-bottom: 1px solid var(--brand-grey-light);
}

html[data-cobrand='11'] .banner-list .bannerValuePropCol + .bannerValuePropCol {
  padding-left: clamp(1.5rem, 5vw, 4rem);
  border-left: 1px solid var(--brand-framing-color, #222222);
}

html[data-cobrand='11'] .banner-list .propText,
html[data-cobrand='11'] .banner-list .propTitle span,
html[data-cobrand='11'] .banner-slider .innerWrap > span {
  color: var(--brand-framing-color, #222222) !important;
  font-family: var(--brand-font-family-body, 'Gotham', sans-serif);
  font-size: 14px;
  font-weight: var(--brand-font-weight-medium, 500);
  line-height: normal;
}

html[data-cobrand='11'] .banner-list .helpIcon,
html[data-cobrand='11'] .banner-slider .valuePropIcon,
html[data-cobrand='11'] .banner-slider .valuePropShippingIcon {
  color: var(--brand-primary-color, #e31c3d) !important;
}

html[data-cobrand='11'] .banner-slider .valuePropIcon,
html[data-cobrand='11'] .banner-slider .valuePropShippingIcon {
  flex-shrink: 0;
  margin: 0;
  padding: 0.75rem;
  color: var(--brand-primary-color, #E31C3D) !important;
}

@media (min-width: 1200px) {
  html[data-cobrand='11'] .layout--hero-header-overlap section[data-rc-content] {
    overflow-x: clip;
  }

  html[data-cobrand='11'] .layout--hero-header-overlap .contentRow {
    margin-top: calc(-1 * var(--Header-hero-overlap-height));
  }

  /* Expanded header on inner pages: white bar with dark nav */
  html[data-cobrand='11'] .headerContainer[data-header-variant='heroOverlap']:not([data-header-collapsed='true']) {
    background: var(--brand-white-color, #ffffff);
    box-shadow: var(--Header-sticky-shadow);
    padding-bottom: 0;
  }

  html[data-cobrand='11'] .headerContainer[data-header-variant='heroOverlap']:not([data-header-collapsed='true']) .headerTop,
  html[data-cobrand='11'] .headerContainer[data-header-variant='heroOverlap']:not([data-header-collapsed='true']) .headerBottom {
    background: transparent;
  }

  html[data-cobrand='11'] .headerContainer[data-header-variant='heroOverlap']:not([data-header-collapsed='true']) .heroOverlapHeader,
  html[data-cobrand='11'] .headerContainer[data-header-variant='heroOverlap']:not([data-header-collapsed='true']) .stickyHeader {
    background-color: var(--brand-white-color, #ffffff);
    box-shadow: none;
  }

  html[data-cobrand='11'] .layout--hero-header-overlap .headerContainer[data-header-variant='heroOverlap']:not([data-header-collapsed='true']) {
    padding-bottom: var(--Header-hero-gradient-extension);
    background: var(--brand-white-color, #ffffff);
    box-shadow: var(--Header-sticky-shadow);
  }

  html[data-cobrand='11'] .layout--hero-header-overlap [data-surface='HomeHero'] {
    --HomeHero-inner-padding-top: 11rem;
  }

  html[data-cobrand='11'] .headerContainer[data-header-variant='heroOverlap'][data-header-collapsed='true'] {
    padding-bottom: 0;
    background: var(--brand-white-color, #ffffff);
    box-shadow: var(--Header-sticky-shadow);
  }

  html[data-cobrand='11'] .headerContainer[data-header-variant='heroOverlap'] .headerTop {
    transition: opacity 0.25s ease, max-height 0.25s ease, padding 0.25s ease;
    max-height: 80px;
    overflow: hidden;
  }

  html[data-cobrand='11'] .headerContainer[data-header-variant='heroOverlap'] {
    transition: box-shadow 0.25s ease, padding-bottom 0.25s ease;
  }

  html[data-cobrand='11'] .layout--hero-header-overlap .headerContainer[data-header-variant='heroOverlap']:not([data-header-collapsed='true']) .headerTop,
  html[data-cobrand='11'] .layout--hero-header-overlap .headerContainer[data-header-variant='heroOverlap']:not([data-header-collapsed='true']) .headerBottom {
    background: transparent;
    transition: none;
  }

  html[data-cobrand='11'] .layout--hero-header-overlap .headerContainer[data-header-variant='heroOverlap']:not([data-header-collapsed='true']) .heroOverlapHeader,
  html[data-cobrand='11'] .layout--hero-header-overlap .headerContainer[data-header-variant='heroOverlap']:not([data-header-collapsed='true']) .stickyHeader {
    background-color: transparent;
    box-shadow: none;
    transition: none;
  }

  html[data-cobrand='11'] .headerContainer[data-header-variant='heroOverlap'] .headerTop:has([data-account-menu-open='true']),
  html[data-cobrand='11'] .headerContainer[data-header-variant='heroOverlap'] .headerTop:has(.account-menu) {
    overflow: visible;
  }

  html[data-cobrand='11'] .headerContainer[data-header-variant='heroOverlap'][data-header-collapsed='true'] .headerTop {
    max-height: 0;
    opacity: 0;
    padding: 0;
    pointer-events: none;
  }

  html[data-cobrand='11'] .headerContainer[data-header-variant='heroOverlap'][data-header-collapsed='true'] .heroOverlapHeader,
  html[data-cobrand='11'] .headerContainer[data-header-variant='heroOverlap'][data-header-collapsed='true'] .heroOverlapHeader--collapsed,
  html[data-cobrand='11'] .headerContainer[data-header-variant='heroOverlap'][data-header-collapsed='true'] .stickyHeader {
    background-color: var(--brand-white-color, #ffffff);
  }

  html[data-cobrand='11'] .headerContainer[data-header-variant='heroOverlap'][data-header-collapsed='true'] .headerBottom {
    background: var(--brand-white-color, #ffffff);
    min-height: var(--Header-hero-collapsed-height);
  }

  html[data-cobrand='11'] .layout--hero-header-overlap .headerContainer[data-header-collapsed='true'] {
    --header-promo-badge-bottom: 0px;
  }
}

html[data-cobrand='11'] {
  --brand-primary-color: #e31c3d;
  --brand-secondary-color: #981b1e;
  --brand-light-tint: #fff7f8;
  --brand-dark-tint: #222222;
  --brand-highlight-color: #f5a623;
  --brand-highlight-color-pressed: #f39c0b;
  --brand-font-family-body: 'Gotham', sans-serif;
  --brand-font-family-heading: 'Gotham', sans-serif;
  --brand-font-family-strong: 'Gotham', sans-serif;
  --brand-font-size-base: 16px;
  --brand-font-size-small: 14px;
  --brand-line-height-heading: 1;
  --brand-button-font-weight: 700;
  --brand-button-secondary-border: var(--brand-black-color);
  --brand-button-secondary-color: var(--brand-black-color);
  --brand-button-secondary-bg-hover: var(--brand-grey-medium);
  --brand-button-secondary-border-hover: var(--brand-grey-medium);
}

html[data-cobrand='11'] [data-surface='CartCountdown'] {
  --CartCountdown-bg: var(--brand-grey-superlight);
  --CartCountdown-color: var(--brand-framing-color);
  --CartCountdown-border-radius: 10px;
  --CartCountdown-icon-color: var(--brand-primary-color);
  --CartCountdown-margin-top: 0;
}

html[data-cobrand='11'] [data-surface='CartItemsTable'] {
  --CartItemsTable-header-font-size: 16px;
  --CartItemsTable-subtotal-font-size: 24px;
  --CartItemsTable-row-padding-left: 17px;
  --CartItemsTable-divider-color: var(--brand-grey-light);
  --CartItemsTable-grid-column-gap: 12px;
  --CartItemsTable-checkout-padding-top: 21px;
  --CartItemsTable-checkout-mobile-padding-x: 8px;
  --CartItemsTable-checkout-tablet-button-font-size: 12px;
}

html[data-cobrand='11'] [data-surface='HomeHero'] {
  max-width: 100%;
  overflow-x: clip;
  box-sizing: border-box;

  --HomeHero-inner-align-items: center;
  --HomeHero-text-align: center;
  --HomeHero-heading-max-width: 52rem;
  --HomeHero-body-max-width: 40rem;
  --HomeHero-inner-padding-bottom: 15rem;
  --HomeHero-overlay-bg: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.35) 45%, rgba(0, 0, 0, 0.5) 100%);
  --HomeHero-cta-bg: var(--brand-white-color, #ffffff);
  --HomeHero-cta-color: var(--brand-primary-color);
  --HomeHero-cta-hover-bg: var(--brand-grey-superlight);
  --HomeHero-cta-hover-color: var(--brand-primary-color);
  --HomeHero-cta-text-transform: uppercase;
  --HomeHero-cta-letter-spacing: 0.04em;
}

html[data-cobrand='11'] [data-surface='HomePartsFinderBand'] {
  max-width: 100%;
  overflow-x: clip;
  box-sizing: border-box;
  --HomePartsFinderBand-bg: var(--brand-primary-color);
}

@media (min-width: 768px) {
  html[data-cobrand='11'] [data-surface='HomePartsFinderBand'] {
    --HomePartsFinderBand-bg: color-mix(in srgb, var(--brand-primary-color) 85%, transparent);
  }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  html[data-cobrand='11'] .layout--hero-header-overlap [data-surface='HomeHero'] {
    --HomeHero-inner-padding-top: 0;
    --HomeHero-inner-align-items: flex-start;
    --HomeHero-text-align: left;
    --HomeHero-inner-gap: 1.5rem;
  }

  /* Stacked tablet hero: bottom-weighted overlay so white text/CTA stay legible on 420px hero. */
  html[data-cobrand='11'] [data-surface='HomeHero'] {
    --HomeHero-overlay-bg: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.45) 0%,
      rgba(0, 0, 0, 0.55) 50%,
      rgba(0, 0, 0, 0.72) 100%
    );
  }

  html[data-cobrand='11'] [data-surface='HomePartsFinderBand'] {
    --HomePartsFinderBand-bg: var(--brand-primary-color);
  }
}

/* Below desktop: tablet uses mobile header row; full desktop nav from 1200px. */
@media (min-width: 768px) and (max-width: 1199.98px) {
  html[data-cobrand='11'] .layout .desktop {
    display: none !important;
  }

  html[data-cobrand='11'] .layout .mobile {
    display: block !important;
  }

  /* Tablet still uses the mobile header search flow; override Bootstrap's sm dialog width. */
  html[data-cobrand='11'] .headerSearchModal .modal-dialog {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  html[data-cobrand='11'] .headerContainer .headerTop,
  html[data-cobrand='11'] .headerContainer .headerBottom {
    display: none !important;
  }

  /* Solid header on inner pages and when mobile menu is open. */
  html[data-cobrand='11'] .headerContainer:not([data-hero-content-overlap='true']),
  html[data-cobrand='11'] .headerContainer[data-mobile-menu-open='true'],
  html[data-cobrand='11'] .headerContainer:not([data-hero-content-overlap='true']) .modalHeader.nonProHeader,
  html[data-cobrand='11'] .headerContainer:not([data-hero-content-overlap='true']) .modalHeader.proHeader,
  html[data-cobrand='11'] .headerContainer[data-mobile-menu-open='true'] .modalHeader.nonProHeader,
  html[data-cobrand='11'] .headerContainer[data-mobile-menu-open='true'] .modalHeader.proHeader,
  html[data-cobrand='11'] .headerContainer:not([data-hero-content-overlap='true']) .heroOverlapHeader,
  html[data-cobrand='11'] .headerContainer[data-mobile-menu-open='true'] .heroOverlapHeader,
  html[data-cobrand='11'] .headerContainer:not([data-hero-content-overlap='true']) .stickyHeader,
  html[data-cobrand='11'] .headerContainer[data-mobile-menu-open='true'] .stickyHeader {
    background-color: var(--brand-white-color, #ffffff);
    box-shadow: var(--Header-sticky-shadow);
  }
}

@media (max-width: 1199.98px) {
  html[data-cobrand='11'] {
    --Header-mobile-overlap-height: calc(1rem + 1rem + var(--Header-mobile-logo-max-height));
    --Header-mobile-menu-top: var(--Header-mobile-overlap-height);
    --Header-pro-bg: var(--brand-white-color);
    --Header-pro-icon-color: var(--brand-framing-color);
    --Header-pro-cart-indicator-bg: var(--brand-primary-color);
  }

  html[data-cobrand='11'] .headerContainer .logoMobile {
    padding: 0;
    max-width: var(--Header-mobile-logo-max-width);
    flex-shrink: 0;
  }

  html[data-cobrand='11'] .headerContainer .logoMobile .logoSize {
    display: block;
    width: auto;
    max-width: 100%;
    /* Fixed height so padded bar matches --Header-mobile-menu-top (avoids white gap above menu). */
    height: var(--Header-mobile-logo-max-height);
    max-height: var(--Header-mobile-logo-max-height);
    object-fit: contain;
  }

  /* Figma Mobile Header (2015:12864): logo left, search + cart + menu right. */
  html[data-cobrand='11'] .headerContainer[data-mobile-header-layout='logoLeftToolbarRight'] .iconContainer {
    padding: 1rem;
    gap: 0;
    align-items: center;
    transition: padding 0.25s ease;
  }

  html[data-cobrand='11'] .headerContainer[data-mobile-header-layout='logoLeftToolbarRight'] .headerLeft {
    gap: 0;
    flex: 0 0 auto;
  }

  html[data-cobrand='11'] .headerContainer[data-mobile-header-layout='logoLeftToolbarRight'] .headerRight {
    column-gap: var(--Header-mobile-toolbar-gap);
    flex-shrink: 0;
  }

  html[data-cobrand='11'] .headerContainer[data-mobile-header-layout='logoLeftToolbarRight'] .headerRight .header-phone,
  html[data-cobrand='11'] .headerContainer[data-mobile-header-layout='logoLeftToolbarRight'] .headerRight .searchOpener,
  html[data-cobrand='11'] .headerContainer[data-mobile-header-layout='logoLeftToolbarRight'] .headerRight .cartIcon,
  html[data-cobrand='11'] .headerContainer[data-mobile-header-layout='logoLeftToolbarRight'] .menuButtonContainer {
    padding: 0;
  }

  html[data-cobrand='11'] .headerContainer[data-mobile-header-layout='logoLeftToolbarRight'] .headerRight .searchOpener span[data-id='icon'],
  html[data-cobrand='11'] .headerContainer[data-mobile-header-layout='logoLeftToolbarRight'] .headerRight .searchOpener svg[data-icon='search'] {
    font-size: var(--Header-mobile-icon-search-size);
  }

  html[data-cobrand='11'] .headerContainer[data-mobile-header-layout='logoLeftToolbarRight'] .headerRight .cartIcon svg[data-icon='shopping-cart'] {
    font-size: var(--Header-mobile-icon-cart-size);
    width: 1.625rem;
  }

  html[data-cobrand='11'] .headerContainer[data-mobile-header-layout='logoLeftToolbarRight'] .menuButtonContainer button {
    padding: 0;
    min-width: 2rem;
  }

  html[data-cobrand='11'] .headerContainer[data-mobile-header-layout='logoLeftToolbarRight'] .menuButtonContainer button .icon {
    font-size: var(--Header-mobile-icon-menu-size);
    width: 2rem;
    justify-content: center;
  }

  /* Figma Mobile Header open state (2015:12938): 32px plain X, not Font Awesome circle-times. */
  html[data-cobrand='11'] .headerContainer[data-mobile-menu-open='true'][data-mobile-header-layout='logoLeftToolbarRight'] .menuButtonContainer button {
    min-width: var(--Header-mobile-icon-menu-close-size);
  }

  html[data-cobrand='11'] .headerContainer[data-mobile-menu-open='true'][data-mobile-header-layout='logoLeftToolbarRight'] .menuButtonContainer button .icon {
    width: var(--Header-mobile-icon-menu-close-size);
    height: var(--Header-mobile-icon-menu-close-size);
    font-size: 0;
    background: url('/static/images/brands/frigidaire/mobile-menu-close.svg') center / contain no-repeat;
    filter: invert(1);
  }

  html[data-cobrand='11'] .headerContainer[data-mobile-menu-open='true'][data-mobile-header-layout='logoLeftToolbarRight'] .menuButtonContainer button .icon svg {
    display: none;
  }

  /* Figma mobile header: search, cart, menu only (no phone). */
  html[data-cobrand='11'] .headerContainer[data-mobile-header-layout='logoLeftToolbarRight'] .header-phone {
    display: none;
  }

  html[data-cobrand='11'] .headerContainer .phoneButton,
  html[data-cobrand='11'] .headerContainer .menu,
  html[data-cobrand='11'] .headerContainer .magGlass,
  html[data-cobrand='11'] .headerContainer .closeHeaderButton,
  html[data-cobrand='11'] .headerContainer .menuButtonContainer button {
    color: var(--brand-framing-color, #222222);
  }

  html[data-cobrand='11'] .headerContainer .cartIcon a {
    color: var(--brand-framing-color, #222222);
  }

  html[data-cobrand='11'] .headerContainer .cartIcon .countIndicator {
    border-color: var(--brand-framing-color, #222222);
  }

  html[data-cobrand='11'] .modal.baseMobileMenuModal {
    top: var(--Header-mobile-menu-top);
    z-index: 10000 !important;
    background-color: var(--brand-framing-color, #222222);
  }

  /* Homepage hero overlap: transparent mobile/tablet header over hero (menu closed). */
  html[data-cobrand='11'] .layout--hero-header-overlap .contentRow {
    margin-top: calc(-1 * var(--Header-mobile-overlap-height));
  }

  html[data-cobrand='11'] .layout--hero-header-overlap .headerContainer[data-hero-content-overlap='true'][data-header-variant='heroOverlap']:not([data-header-collapsed='true']):not([data-mobile-menu-open='true']) {
    background: transparent;
    box-shadow: none;
  }

  html[data-cobrand='11'] .layout--hero-header-overlap .headerContainer[data-hero-content-overlap='true'][data-header-variant='heroOverlap']:not([data-header-collapsed='true']):not([data-mobile-menu-open='true']) .modalHeader.nonProHeader,
  html[data-cobrand='11'] .layout--hero-header-overlap .headerContainer[data-hero-content-overlap='true'][data-header-variant='heroOverlap']:not([data-header-collapsed='true']):not([data-mobile-menu-open='true']) .modalHeader.proHeader,
  html[data-cobrand='11'] .layout--hero-header-overlap .headerContainer[data-hero-content-overlap='true'][data-header-variant='heroOverlap']:not([data-header-collapsed='true']):not([data-mobile-menu-open='true']) .heroOverlapHeader,
  html[data-cobrand='11'] .layout--hero-header-overlap .headerContainer[data-hero-content-overlap='true'][data-header-variant='heroOverlap']:not([data-header-collapsed='true']):not([data-mobile-menu-open='true']) .stickyHeader {
    background-color: transparent;
    box-shadow: none;
  }

  html[data-cobrand='11'] .layout--hero-header-overlap .headerContainer[data-hero-content-overlap='true'][data-header-variant='heroOverlap'] {
    transition: background-color 0.25s ease, box-shadow 0.25s ease;
  }

  html[data-cobrand='11'] .layout--hero-header-overlap .headerContainer[data-hero-content-overlap='true'][data-header-variant='heroOverlap'][data-header-collapsed='true']:not([data-mobile-menu-open='true']) {
    background-color: var(--brand-white-color, #ffffff);
    box-shadow: var(--Header-sticky-shadow);
  }

  html[data-cobrand='11'] .layout--hero-header-overlap .headerContainer[data-hero-content-overlap='true'][data-header-variant='heroOverlap'][data-header-collapsed='true']:not([data-mobile-menu-open='true']) .modalHeader.nonProHeader,
  html[data-cobrand='11'] .layout--hero-header-overlap .headerContainer[data-hero-content-overlap='true'][data-header-variant='heroOverlap'][data-header-collapsed='true']:not([data-mobile-menu-open='true']) .modalHeader.proHeader,
  html[data-cobrand='11'] .layout--hero-header-overlap .headerContainer[data-hero-content-overlap='true'][data-header-variant='heroOverlap'][data-header-collapsed='true']:not([data-mobile-menu-open='true']) .heroOverlapHeader,
  html[data-cobrand='11'] .layout--hero-header-overlap .headerContainer[data-hero-content-overlap='true'][data-header-variant='heroOverlap'][data-header-collapsed='true']:not([data-mobile-menu-open='true']) .stickyHeader {
    background-color: var(--brand-white-color, #ffffff);
    box-shadow: none;
  }

  html[data-cobrand='11'] .headerContainer[data-mobile-menu-open='true'],
  html[data-cobrand='11'] .headerContainer[data-mobile-menu-open='true'] .modalHeader.nonProHeader,
  html[data-cobrand='11'] .headerContainer[data-mobile-menu-open='true'] .modalHeader.proHeader,
  html[data-cobrand='11'] .headerContainer[data-mobile-menu-open='true'] .heroOverlapHeader,
  html[data-cobrand='11'] .headerContainer[data-mobile-menu-open='true'] .stickyHeader {
    background-color: var(--brand-white-color, #ffffff);
    box-shadow: none;
  }

  /* Modal is portaled to body — set menu offset on html when open. */
  html[data-cobrand='11']:has(.headerContainer[data-mobile-menu-open='true']) {
    --Header-mobile-menu-top: calc(1rem + 1rem + var(--Header-mobile-logo-max-height));
  }

  html[data-cobrand='11'] .headerContainer:not([data-hero-content-overlap='true']) .modalHeader.nonProHeader,
  html[data-cobrand='11'] .headerContainer:not([data-hero-content-overlap='true']) .modalHeader.proHeader,
  html[data-cobrand='11'] .headerContainer:not([data-hero-content-overlap='true']) .heroOverlapHeader,
  html[data-cobrand='11'] .headerContainer:not([data-hero-content-overlap='true']) .stickyHeader,
  html[data-cobrand='11'] .headerContainer[data-header-collapsed='true'] .modalHeader.nonProHeader,
  html[data-cobrand='11'] .headerContainer[data-header-collapsed='true'] .modalHeader.proHeader,
  html[data-cobrand='11'] .headerContainer[data-header-collapsed='true'] .heroOverlapHeader,
  html[data-cobrand='11'] .headerContainer[data-header-collapsed='true'] .stickyHeader {
    background-color: var(--brand-white-color, #ffffff);
  }

  /* Mobile header search: RC default margin-top (60px) sits under the Frigidaire header and overlaps the close button. */
  html[data-cobrand='11'] .headerSearchModal .modal-dialog {
    margin-top: var(--Header-mobile-overlap-height);
  }

  html[data-cobrand='11'] .modal-backdrop.headerSearchBackdrop {
    top: var(--Header-mobile-overlap-height);
  }

  html[data-cobrand='11']:has(.headerContainer[data-header-collapsed='true']) .headerSearchModal .modal-dialog,
  html[data-cobrand='11']:has(.headerContainer[data-mobile-menu-open='true']) .headerSearchModal .modal-dialog {
    margin-top: calc(1rem + 1rem + var(--Header-mobile-logo-max-height));
  }

  html[data-cobrand='11']:has(.headerContainer[data-header-collapsed='true']) .modal-backdrop.headerSearchBackdrop,
  html[data-cobrand='11']:has(.headerContainer[data-mobile-menu-open='true']) .modal-backdrop.headerSearchBackdrop {
    top: calc(1rem + 1rem + var(--Header-mobile-logo-max-height));
  }

  html[data-cobrand='11'] .headerContainer .closeHeaderButton {
    margin-top: 0;
  }

  /* Full-viewport modal shell sits above the header by default — keep header toolbar clickable. */
  html[data-cobrand='11'] .headerSearchModal {
    pointer-events: none;
  }

  html[data-cobrand='11'] .headerSearchModal .modal-dialog {
    pointer-events: auto;
  }

  html[data-cobrand='11']:has(.headerSearchModal.in) .sticky-header-container {
    z-index: 1060;
  }
}

/* Red PRO surfaces use the red wordmark asset — render white for contrast. */
html[data-cobrand='11'] .technicianBenefitsContainer .icon img,
html[data-cobrand='11'] .navBar .navBarTitle img {
  filter: brightness(0) invert(1);
}

html[data-cobrand='11'] [data-surface='ProSignUp'] {
  --ProSignUp-background-color: var(--brand-white-color);
  --ProSignUp-overlay-color: var(--brand-white-color);
  --ProSignUp-logo-display: none;
  --ProSignUp-logo-display-desktop: none;
  --ProSignUp-hero-display: none;
  --ProSignUp-bg-display-desktop: none;
  --ProSignUp-panel-box-shadow: none;
  --ProSignUp-heading-font-size: 2.5rem;
  --ProSignUp-heading-color: var(--brand-framing-color);
  --ProSignUp-benefits-title-color: var(--brand-framing-color);
  --ProSignUp-benefits-title-font-size: 1.5rem;
  --ProSignUp-benefits-title-text-align: left;
  --ProSignUp-header-h1-display: block;
  --ProSignUp-heading-text-align: left;
}

html[data-cobrand='11'] .yotpo .yotpo-active span {
  color: var(--brand-framing-color) !important;
}