html[data-cobrand='15'] {
  --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-logo-max-width: 8.75rem;
  --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-banner-bg: linear-gradient(90deg, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)),
    linear-gradient(90deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --brand-content-max-width: 1440px;
  --brand-content-padding-x: 1.5rem;
}

html[data-cobrand='15'] [data-surface='CheckoutConfirm'] {
  --CheckoutConfirm-order-number-width-tablet-landscape: 340px;
  --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='15'] [data-surface='PartCard'] {
  --PartCard-title-font-size-mobile: 14px;
  --PartCard-review-font-size-mobile: 12px;
  --PartCard-price-font-size-mobile: 16px;
}

html[data-cobrand='15'] [data-surface='PartDetail'] {
  --PartDetail-best-seller-bg: #ffcd00;
  --PartDetail-best-seller-color: var(--brand-framing-color);
  --PartDetail-pro-price-bg: transparent;
  --PartDetail-pro-price-emphasis: var(--brand-framing-color);
}

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

html[data-cobrand='15'] [data-surface='HeaderBottomRow'] {
  --HeaderBottomRow-logo-container-width: 120px;
  --HeaderBottomRow-logo-overflow: hidden;
}

html[data-cobrand='15'] [data-surface='Breadcrumbs'] {
  --Breadcrumbs-link-color: #707070;
  --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;
}

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

@container rc-content (max-width: 991.98px) {
  html[data-cobrand='15'] [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='15'] [data-surface='Breadcrumbs'] {
    --Breadcrumbs-link-font-size: 12px;
    --Breadcrumbs-current-font-size: 12px;
  }

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

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

@media (min-width: 1200px) {
  html[data-cobrand='15'] .layout .contentRow section .container,
  html[data-cobrand='15'] .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='15'] .layout .contentRow section .container > .row,
  html[data-cobrand='15'] .headerContainer .container > .row {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}

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

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

html[data-cobrand='15'] .headerContainer[data-header-collapsed='true'] .cartIcon .countIndicator {
  color: var(--brand-white-color, #ffffff);
}

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

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

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

html[data-cobrand='15'] .banner-slider {
  height: auto;
  min-height: 3rem;
  padding: 0.5rem 0;
  
  border-bottom: 1px solid #d9d9d9;
}

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

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

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

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

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

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

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

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

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

html[data-cobrand='15'] .banner-list .propText,
html[data-cobrand='15'] .banner-list .propTitle span,
html[data-cobrand='15'] .banner-slider .innerWrap > span {
  color: var(--brand-framing-color, #323333) !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='15'] .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;
}

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

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

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

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

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

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

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

  html[data-cobrand='15'] .layout--hero-header-overlap .headerContainer[data-header-variant='heroOverlap']:not([data-header-collapsed='true']) {
    padding-bottom: var(--Header-hero-gradient-extension);
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.9) 0%,
      rgba(0, 0, 0, 0.72) 38%,
      rgba(0, 0, 0, 0.42) 68%,
      rgba(0, 0, 0, 0) 100%
    );
    box-shadow: none;
  }

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

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

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

  html[data-cobrand='15'] .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='15'] .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='15'] .headerContainer[data-header-variant='heroOverlap'] {
    transition:
      background 0.25s ease,
      box-shadow 0.25s ease,
      padding-bottom 0.25s ease;
  }

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

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

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

  html[data-cobrand='15'] .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='15'] .layout--hero-header-overlap .headerContainer[data-header-collapsed='true'] {
    --header-promo-badge-bottom: 0px;
  }
}

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

/* Frigidaire uses in-header pro CTA on desktop; hide the RC mobile technician banner. */
html[data-cobrand='15'] #header .technicianBenefitsBanner,
html[data-cobrand='15'] #header > .mobile-only {
  display: none !important;
}

html[data-cobrand='15'] {
  --brand-primary-color: #DC1A4A;
  --brand-primary-color-dark: #c7153c;
  --brand-primary-color-dark2: #a41232;
  --brand-secondary-color: #8f1838;
  --brand-tertiary-color: var(--brand-primary-color);
  --brand-tertiary-color-dark: var(--brand-primary-color-dark);
  --brand-accent-error-color: var(--brand-primary-color);
  --brand-accent-error-color-dark: var(--brand-primary-color-dark);
  --brand-accent-success-color: #438500;
  --brand-accent-success-color-dark: #488803;
  --brand-white-color: #ffffff;
  --brand-framing-color: #323333;
  --brand-framing-color-hover: #252626;
  --brand-framing-color-dark: #1c1d1d;
  --brand-highlight-color: var(--brand-primary-color);
  --brand-highlight-color-pressed: var(--brand-primary-color-dark);
  --brand-accent-pro-color: var(--brand-primary-color);
  --brand-accent-pro-text-color: var(--brand-white-color);
  --brand-accent-pro-menu-color: var(--brand-primary-color-dark);
  --brand-accent-pro-menu-color-pressed: var(--brand-primary-color-dark2); 



  --brand-font-family-body: 'Gotham', sans-serif;
  --brand-font-family-heading: 'Gotham', sans-serif;
  --brand-font-family-strong: 'Gotham', sans-serif;
  --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: #a9a9a9;
  --brand-button-primary-border-disabled: #a9a9a9;
  --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 #d8d8d8;
  --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-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-container-border-radius: 0;
  --brand-account-nav-icon-fill: var(--brand-primary-color);
  --brand-dashboard-nav-fg: var(--brand-white-color);
  --brand-dashboard-nav-selected-bg: var(--brand-primary-color-dark);
  --brand-dashboard-title-icon-fill: var(--brand-primary-color);
  --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-primary-color);
  --brand-input-label-color: var(--brand-framing-color);
  --brand-input-label-font-weight: var(--brand-font-weight-bold);
  --brand-input-field-font-size: 18px;
  --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: #919699;
  --brand-input-icon-color: var(--brand-framing-color);
  --brand-input-select-icon-color: var(--brand-framing-color);
  --brand-surface-subtle-bg: #f4f4f4;
}



html[data-cobrand='15'] 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);
  a {
    cursor: pointer;
  }
}



html[data-cobrand='15'] h1,

html[data-cobrand='15'] .upperCase {

  font-family: var(--brand-font-family-heading);
  font-weight: var(--brand-font-weight-heading);

}

html[data-cobrand='15'] [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='15'] [data-surface='CartCountdown'] {
  --CartCountdown-bg: #f6f6f6;
  --CartCountdown-color: var(--brand-framing-color);
  --CartCountdown-border-radius: 10px;
  --CartCountdown-icon-color: var(--brand-primary-color);
  --CartCountdown-margin-top: 0;
}

html[data-cobrand='15'] [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='15'] [data-surface='CartItemsTable'] {
  --CartItemsTable-header-font-size: 16px;
  --CartItemsTable-subtotal-font-size: 24px;
  --CartItemsTable-row-padding-left: 17px;
  --CartItemsTable-divider-color: #ebebeb;
  --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='15'] [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='15'] [data-surface='CartPayPalButtons'] {
  --CartPayPalButtons-min-width: 320px;
  --CartPayPalButtons-width: 100%;
  --CartPayPalButtons-inner-width: 100%;
}

html[data-cobrand='15'] [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: #f4f4f4;
  --HomeHero-cta-hover-color: var(--brand-primary-color);
  --HomeHero-cta-text-transform: uppercase;
  --HomeHero-cta-letter-spacing: 0.04em;
}

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

html[data-cobrand='15'] [data-surface='HomePartsFinderBand'] {
  max-width: 100%;
  overflow-x: clip;
  box-sizing: border-box;
  --HomePartsFinderBand-bg: rgb(220, 26, 74)
}

@media (min-width: 768px) {
  html[data-cobrand='15'] [data-surface='HomePartsFinderBand'] {
    --HomePartsFinderBand-bg: rgba(220, 26, 74, 0.85);
  }
}

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

@media (min-width: 768px) and (max-width: 1199.98px) {
  html[data-cobrand='15'] .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='15'] [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='15'] [data-surface='HomePartsFinderBand'] {
    --HomePartsFinderBand-bg: rgb(220, 26, 74);
  }
}

@media (min-width: 1200px) {
  html[data-cobrand='15'] [data-surface='HomePartsFinderBand'] {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  /* Mega menu is fixed/full-bleed — prevent horizontal page scroll while open. */
  html[data-cobrand='15']:has([data-frigidaire-nav-dropdown]) {
    overflow-x: clip;
  }

  html[data-cobrand='15'] .layout:has([data-frigidaire-nav-dropdown]) {
    overflow-x: clip;
  }
}

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

html[data-cobrand='15'] .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='15'] .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='15'] .form-control {
  border-radius: var(--brand-input-border-radius, 0);
}

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

html[data-cobrand='15'] .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='15'] .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='15'] .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='15'] .headerSearchModal .GlobalSearchModal[data-surface='GlobalSearchModal'] {
  --GlobalSearchModal-search-bar-padding: 1rem 1.25rem 1.25rem;
}

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

html[data-cobrand='15'] .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='15'] .GlobalSearchModal[data-surface='GlobalSearchModal'] .globalSearchBar .input-group.searchInput:focus-within {
  border-color: var(--brand-input-border-color-focus);
}

html[data-cobrand='15'] .GlobalSearchModal[data-surface='GlobalSearchModal'] .globalSearchBar .searchInput input,
html[data-cobrand='15'] .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='15'] .GlobalSearchModal[data-surface='GlobalSearchModal'] .globalSearchBar .searchInput input::placeholder,
html[data-cobrand='15'] .GlobalSearchModal[data-surface='GlobalSearchModal'] .globalSearchBar .searchBox .form-control::placeholder {
  color: var(--brand-input-placeholder-color);
}

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

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

html[data-cobrand='15'] .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='15'] .GlobalSearchModal[data-surface='GlobalSearchModal'] .globalSearchBar .input-group-btn {
    right: 1rem;
  }
}

html[data-cobrand='15'] .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='15'] .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='15'] .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='15'] .headerSearchModal .GlobalSearchModal[data-surface='GlobalSearchModal'] .globalSearchBar .typeAheadResults {
  z-index: 1061;
}

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

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

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

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

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

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

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

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

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

@media (max-width: 1199.98px) {
  html[data-cobrand='15'] {
    --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-framing-color);
    --Header-pro-icon-color: var(--brand-white-color);
    --Header-pro-cart-indicator-bg: var(--brand-primary-color);
  }

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

  html[data-cobrand='15'] .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='15'] .headerContainer[data-mobile-header-layout='logoLeftToolbarRight'] .iconContainer {
    padding: 1rem;
    gap: 0;
    align-items: center;
    transition: padding 0.25s ease;
  }

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

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

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

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

  html[data-cobrand='15'] .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='15'] .headerContainer[data-mobile-header-layout='logoLeftToolbarRight'] .menuButtonContainer button {
    padding: 0;
    min-width: 2rem;
  }

  html[data-cobrand='15'] .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='15'] .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='15'] .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;
  }

  html[data-cobrand='15'] .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='15'] .headerContainer[data-mobile-header-layout='logoLeftToolbarRight'] .header-phone {
    display: none;
  }

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

  html[data-cobrand='15'] .headerContainer .cartIcon a {
    color: var(--brand-white-color, #ffffff);
  }

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

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

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

  html[data-cobrand='15'] .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='15'] .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='15'] .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='15'] .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='15'] .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='15'] .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='15'] .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-framing-color, #323333);
    box-shadow: var(--Header-sticky-shadow);
  }

  html[data-cobrand='15'] .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='15'] .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='15'] .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='15'] .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-framing-color, #323333);
    box-shadow: none;
  }

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 767.98px) {
  /* Homepage hero overlap only: extra top padding for transparent header over hero (Figma 131:584). */
  html[data-cobrand='15']: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='15']:has(.headerContainer[data-mobile-menu-open='true']) {
    --Header-mobile-menu-top: calc(1rem + 1rem + var(--Header-mobile-logo-max-height));
  }

  html[data-cobrand='15'] .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='15'] [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%;
    --HomeHero-overlay-bg: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.75) 17.07%,
      rgba(0, 0, 0, 0.38) 86.46%
    );
    --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='15'] [data-surface='HomeHero'] {
    --HomeHero-bg-position: 70.15% 100%;
  }
}
html[data-cobrand='15'] [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='15'] [data-surface='BenefitIcon'] {
  --BenefitIcon-shield-fill: var(--brand-primary-color);
  --BenefitIcon-check-fill: var(--brand-white-color);
}

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

html[data-cobrand='15'] [data-surface='ProSignUp'] {
  --ProSignUp-background-color: var(--brand-white-color, #ffffff);
  --ProSignUp-overlay-color: var(--brand-white-color, #ffffff);
  --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;
}

@media (min-width: 992px) {
  html[data-cobrand='15'] [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;
  }
}

html[data-cobrand='15'] .yotpo .yotpo-active span {
  color: #454a4d !important;
}