/* CBHCC THEME FOR 10.10 */
#coreCBHCCPersonalizedTheme--desktop:not(.three-col-container #coreCBHCCPersonalizedTheme--desktop) p.brand-medium {
  font-size: calc(clamp(27.02px, 0.009px + 2.64vw, 44.35px) * .75);
}

/* UPHOLSTERY COLLECTION RED ==================== */
.cms-content[data-id="24917"] #collectionFilterNav button[data-toggle="filterGroup6"],
.cms-content[data-id="24918"] #collectionFilterNav button[data-toggle="filterGroup6"] {
  color: #DD3636 !important;
}

/* LABOR DAY RED ==================== */
[data-region="Core-secondary-Labor-Day-Sale"][data-name="Nav-Labor-Day-Sale"],
[data-region="Kids-secondary-LABOR-DAY-SALE"][data-name="Nav-LABOR-DAY-SALE-kids"] {
  color: #DD3636;
  font-weight:600 !important;
}
.adaptive-layout .secondary-nav-list.secondary-desktop .secondary-nav-item .secondary-nav-link[data-name="Nav-Labor-Day-Sale"]:focus::after {
  border-bottom: 3px solid #DD3636;
}
.secondary-nav-list.secondary-desktop.nav-list-hovered .secondary-nav-item:hover [data-region="Core-secondary-Labor-Day-Sale"][data-name="Nav-Labor-Day-Sale"]::after, .secondary-nav-list.secondary-desktop.nav-list-hovered .secondary-nav-item:hover [data-region="Kids-secondary-LABOR-DAY-SALE"][data-name="Nav-LABOR-DAY-SALE-kids"]::after
  {
  border-bottom: 3px solid #DD3636;
}


/* BRAND TYPOGRAPHY SYSTEM ==================== */

/* Banner Components -------------------- */
@media (max-width: 1023px) {
  .banner-slider .banner-slider__item .message-content span {
    letter-spacing: unset;
    text-transform: unset;
  }
}

.banner-scroller__wrapper.staticBanner.bannerCopy-stacked .message-content .desktop span {
  font-family: var(--webfont-primary, sans-serif) !important;
  text-transform: unset;
  line-height: 1.22;
}

.banner-scroller__wrapper.staticBanner.bannerCopy-stacked .message-content .desktop span:nth-of-type(1) {
  font-weight: 600 !important;
}

.banner-scroller__wrapper.staticBanner.bannerCopy-stacked .message-content .desktop span:nth-of-type(2) {
  font-weight: 400 !important;
}

/* Base Typography Styles -------------------- */

/* Letter Spacing */
.brand-xlarge,
.brand-large,
.brand-medium,
.brand-medium-statement {
  letter-spacing: -0.07vw;
}

.brand-small {
  letter-spacing: -0.04vw;
}

.brand-xsmall {
  letter-spacing: -0.02vw;
}

.brand-body-tight,
.brand-body-loose,
.brand-body-long,
.brand-body-oversized,
.brand-callout,
.brand-label,
.brand-caption {
  letter-spacing: 0;
}

.brand-eyebrow {
  letter-spacing: 0.17vw;
  text-transform: uppercase !important;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
}

/* Font Weights */
.brand-xlarge,
.brand-large,
.brand-medium,
.brand-medium-statement,
.brand-small,
.brand-xsmall,
.brand-eyebrow,
.brand-label {
  font-weight: 600;
}

.brand-callout {
  font-weight: 400 !important;
}

/* Font Styles */
.brand-callout {
  font-style: italic !important;
}

.brand-eyebrow {
  font-style: normal;
  font-variant: normal;
}

/* Font Families */
.brand-body-tight,
.brand-body-loose,
.brand-body-long,
.brand-body-oversized,
.brand-caption {
  font-family: "Crate Helvetica", "Helvetica Neue", Helvetica, Arial !important;
}

/* Default Line Height */
.brand-caption {
  line-height: 1.43;
}

/* Desktop Styles - 1024px and up ==================== */
@media (min-width: 1024px) {
  /* CSS Variables */
  :root {
    --brand-active-filter-scale: 0.75;
  }

  /* Call-to-Action Elements */
  [class*="brandBtn"],
  .brand-subhead {
    font-size: clamp(12.8px, 0px + 1.25vw, 21px);
    line-height: 1.22;
    font-family: var(--webfont-primary, sans-serif);
    font-style: normal;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
  }

  .content-layout.home-layout [class*="brandBtn"],
  .content-layout.home-layout .brand-subhead {
    font-size: clamp(12.8px, 0px + 1.25vw, 24px);
  }

  .brand-badge {
    font-size: clamp(11.38px, 0.009px + 1.11vw, 18.64px);
    line-height: 1.125;
    letter-spacing: 0;
    font-weight: 600;
  }

  .content-layout.home-layout .brand-badge {
    font-size: clamp(11.38px, 0.009px + 1.11vw, 21.33px);
  }

  /* Typography Scale - Base (1680px target) */
  .brand-xlarge {
    font-size: clamp(41.24px, -0.017px + 4.029vw, 67.67px);
  }

  .brand-large {
    font-size: clamp(34.13px, -0.009px + 3.334vw, 56px);
  }

  .brand-medium {
    font-size: clamp(27.02px, -0.009px + 2.64vw, 44.35px);
  }

  .brand-medium-statement {
    font-size: clamp(27.02px, -0.009px + 2.64vw, 44.35px);
  }

  .brand-small {
    font-size: clamp(21.33px, -0.009px + 2.084vw, 35px);
  }

  .brand-xsmall {
    font-size: clamp(17.07px, 0.009px + 1.666vw, 28px);
  }

  .brand-body-tight,
  .brand-body-loose,
  .brand-body-long {
    font-size: clamp(12.8px, 0px + 1.25vw, 21px);
  }

  .brand-body-oversized {
    font-size: clamp(17.07px, 0.009px + 1.666vw, 28px);
  }

  .brand-eyebrow {
    font-size: clamp(10.67px, 0.009px + 1.041vw, 17.5px);
  }

  .brand-callout {
    font-size: clamp(11.38px, 0px + 1.111vw, 18.67px);
  }

  .brand-label {
    font-size: clamp(11.38px, 0px + 1.111vw, 18.67px);
  }

  .brand-caption {
    font-size: clamp(9.96px, 0.017px + 0.971vw, 16.33px);
  }

  /* Typography Scale - Home Layout (1920px target) */
  .content-layout.home-layout .brand-xlarge {
    font-size: clamp(34.13px, -15.241px + 4.821vw, 77.33px);
  }

  .content-layout.home-layout .brand-large {
    font-size: clamp(34.13px, -0.007px + 3.334vw, 64px);
  }

  .content-layout.home-layout .brand-medium {
    font-size: clamp(27.02px, -0.009px + 2.64vw, 50.67px);
  }

  .content-layout.home-layout .brand-medium-statement {
    font-size: clamp(27.02px, -0.009px + 2.64vw, 50.67px);
  }

  .content-layout.home-layout .brand-small {
    font-size: clamp(21.33px, -0.007px + 2.084vw, 40px);
  }

  .content-layout.home-layout .brand-xsmall {
    font-size: clamp(17.07px, 0.007px + 1.666vw, 32px);
  }

  .content-layout.home-layout .brand-body-tight,
  .content-layout.home-layout .brand-body-loose,
  .content-layout.home-layout .brand-body-long {
    font-size: clamp(12.8px, 0px + 1.25vw, 24px);
  }

  .content-layout.home-layout .brand-body-oversized {
    font-size: clamp(17.07px, 0.007px + 1.666vw, 32px);
  }

  .content-layout.home-layout .brand-eyebrow {
    font-size: clamp(10.67px, 0.007px + 1.041vw, 20px);
  }

  .content-layout.home-layout .brand-callout {
    font-size: clamp(11.38px, 0.009px + 1.11vw, 21.33px);
  }

  .content-layout.home-layout .brand-label {
    font-size: clamp(11.38px, 0.009px + 1.11vw, 21.33px);
  }

  .content-layout.home-layout .brand-caption {
    font-size: clamp(9.96px, 0.006px + 0.972vw, 18.67px);
  }

  /* Line Heights */
  .brand-xlarge,
  .brand-large,
  .brand-medium,
  .brand-small,
  .brand-xsmall {
    line-height: 1 !important;
  }

  .brand-medium-statement {
    line-height: 1.1578;
  }

  .brand-body-tight {
    line-height: 1.37;
  }

  .brand-body-loose {
    line-height: 1.95;
  }

  .brand-body-long {
    line-height: 1.8947;
  }

  .brand-body-oversized {
    line-height: 1.75;
  }

  .brand-eyebrow {
    line-height: 1.33;
  }

  .brand-callout {
    line-height: 1.625;
  }

  .brand-label {
    line-height: 1.2;
  }

  /* Active Filter States - Scaled Typography */
  .plp-main-section.active-filters .brand-xlarge {
    font-size: calc(clamp(41.24px, -0.017px + 4.029vw, 67.67px) * var(--brand-active-filter-scale));
  }

  .plp-main-section.active-filters .brand-large {
    font-size: calc(clamp(34.13px, -0.009px + 3.334vw, 56px) * var(--brand-active-filter-scale));
  }

  .plp-main-section.active-filters .brand-medium,
  .plp-main-section.active-filters .brand-medium-statement {
    font-size: calc(clamp(27.02px, -0.009px + 2.64vw, 44.35px) * var(--brand-active-filter-scale));
  }

  .plp-main-section.active-filters .brand-small {
    font-size: calc(clamp(21.33px, -0.009px + 2.084vw, 35px) * var(--brand-active-filter-scale));
  }

  .plp-main-section.active-filters .brand-xsmall {
    font-size: calc(clamp(17.07px, 0.009px + 1.666vw, 28px) * var(--brand-active-filter-scale));
  }

  .plp-main-section.active-filters .brand-body-oversized {
    font-size: calc(clamp(17.07px, 0.009px + 1.666vw, 28px) * var(--brand-active-filter-scale));
  }

  .plp-main-section.active-filters .brand-body-tight,
  .plp-main-section.active-filters .brand-body-loose,
  .plp-main-section.active-filters .brand-body-long {
    font-size: calc(clamp(12.8px, 0px + 1.25vw, 21px) * var(--brand-active-filter-scale));
  }

  .plp-main-section.active-filters .brand-eyebrow {
    font-size: calc(clamp(10.67px, 0.009px + 1.041vw, 17.5px) * var(--brand-active-filter-scale));
  }

  .plp-main-section.active-filters .brand-callout {
    font-size: calc(clamp(11.38px, 0px + 1.111vw, 18.67px) * var(--brand-active-filter-scale));
  }

  .plp-main-section.active-filters .brand-label {
    font-size: calc(clamp(11.38px, 0px + 1.111vw, 18.67px) * var(--brand-active-filter-scale));
  }

  .plp-main-section.active-filters [class*="brandBtn"],
  .plp-main-section.active-filters .brand-subhead {
    font-size: calc(clamp(12.8px, 0px + 1.25vw, 21px) * var(--brand-active-filter-scale));
  }
}

/* Mobile Styles - 1023px and under ==================== */
@media (max-width: 1023px) {
  /* Call-to-Action Elements */
  [class*="brandBtn"],
  .brand-subhead {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
  }

  .brand-badge span {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.14;
  }

  /* Typography Scale - Mobile Fixed Sizes */
  .brand-xlarge {
    font-size: 33px;
    line-height: 31px;
  }

  .brand-large,
  .brand-medium-statement {
    font-size: 30px;
  }

  .brand-medium {
    font-size: 25px;
  }

  .brand-small {
    font-size: 19px;
    letter-spacing: -0.5px;
  }

  .brand-body-tight,
  .brand-body-loose,
  .brand-body-long,
  .brand-label {
    font-size: 16px;
  }

  .brand-eyebrow {
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 2.48px;
    text-transform: uppercase !important;
  }

  .brand-callout {
    font-size: 14px;
    line-height: 23px;
  }

  .brand-caption {
    font-size: 12px;
    line-height: 18px;
  }

  /* Line Heights - Mobile */
  .brand-large,
  .brand-medium,
  .brand-small {
    line-height: 1;
  }

  .brand-medium-statement {
    line-height: 38px;
  }

  .brand-body-tight {
    line-height: 24px;
  }

  .brand-body-loose {
    line-height: 29px;
  }

  .brand-body-long {
    line-height: 2;
  }

  /* Letter Spacing Overrides - Mobile */
  .brand-body-tight,
  .brand-body-long,
  .brand-body-loose,
  .brand-callout {
    letter-spacing: 0;
  }

  .brand-xlarge,
  .brand-medium-statement {
    letter-spacing: -0.5px;
  }

  .brand-large,
  .brand-medium {
    letter-spacing: -1px;
  }
}