/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --typography-body-md-fontFamily: var(--primitives-font-family-sharpSans);
  --typography-body-md-fontSize: var(--primitives-font-size-16);
  --typography-body-md-fontWeight: var(--primitives-font-weight-500);
  --typography-body-md-letterSpacing: var(--primitives-font-letterSpacing-0);
  --typography-body-md-lineHeight: var(--primitives-font-lineHeight-125);
  --typography-body-sm-fontFamily: var(--primitives-font-family-sharpSans);
  --typography-body-sm-fontSize: var(--primitives-font-size-14);
  --typography-body-sm-fontWeight: var(--primitives-font-weight-500);
  --typography-body-sm-letterSpacing: var(--primitives-font-letterSpacing-0);
  --typography-body-sm-lineHeight: var(--primitives-font-lineHeight-125);
  --typography-body-xs-fontFamily: var(--primitives-font-family-sharpSans);
  --typography-body-xs-fontSize: var(--primitives-font-size-13);
  --typography-body-xs-fontWeight: var(--primitives-font-weight-500);
  --typography-body-xs-letterSpacing: var(--primitives-font-letterSpacing-0);
  --typography-body-xs-lineHeight: var(--primitives-font-lineHeight-125);
  --typography-body-xxs-fontFamily: var(--primitives-font-family-sharpSans);
  --typography-body-xxs-fontSize: var(--primitives-font-size-12);
  --typography-body-xxs-fontWeight: var(--primitives-font-weight-500);
  --typography-body-xxs-letterSpacing: var(--primitives-font-letterSpacing-0);
  --typography-body-xxs-lineHeight: var(--primitives-font-lineHeight-125);
  --typography-component-button-lg-fontFamily: var(--primitives-font-family-sharpSans);
  --typography-component-button-lg-fontSize: var(--primitives-font-size-16);
  --typography-component-button-lg-fontWeight: var(--primitives-font-weight-600);
  --typography-component-button-lg-letterSpacing: var(--primitives-font-letterSpacing-0);
  --typography-component-button-lg-lineHeight: var(--primitives-font-lineHeight-125);
  --typography-component-button-md-fontFamily: var(--primitives-font-family-sharpSans);
  --typography-component-button-md-fontSize: var(--primitives-font-size-14);
  --typography-component-button-md-fontWeight: var(--primitives-font-weight-600);
  --typography-component-button-md-letterSpacing: var(--primitives-font-letterSpacing-0);
  --typography-component-button-md-lineHeight: var(--primitives-font-lineHeight-125);
  --typography-component-button-sm-fontFamily: var(--primitives-font-family-sharpSans);
  --typography-component-button-sm-fontSize: var(--primitives-font-size-12);
  --typography-component-button-sm-fontWeight: var(--primitives-font-weight-600);
  --typography-component-button-sm-letterSpacing: var(--primitives-font-letterSpacing-0);
  --typography-component-button-sm-lineHeight: var(--primitives-font-lineHeight-125);
  --typography-component-button-xl-fontFamily: var(--primitives-font-family-sharpSans);
  --typography-component-button-xl-fontSize: var(--primitives-font-size-20);
  --typography-component-button-xl-fontWeight: var(--primitives-font-weight-700);
  --typography-component-button-xl-letterSpacing: var(--primitives-font-letterSpacing-0);
  --typography-component-button-xl-lineHeight: var(--primitives-font-lineHeight-125);
  --typography-display-lg-fontFamily: var(--primitives-font-family-sharpSans);
  --typography-display-lg-fontSize-desktop: var(--primitives-font-size-48);
  --typography-display-lg-fontSize-mobile: var(--primitives-font-size-40);
  --typography-display-lg-fontWeight: var(--primitives-font-weight-800);
  --typography-display-lg-letterSpacing: var(--primitives-font-letterSpacing-2);
  --typography-display-lg-lineHeight: var(--primitives-font-lineHeight-125);
  --typography-display-md-fontFamily: var(--primitives-font-family-sharpSans);
  --typography-display-md-fontSize-desktop: var(--primitives-font-size-40);
  --typography-display-md-fontSize-mobile: var(--primitives-font-size-32);
  --typography-display-md-fontWeight: var(--primitives-font-weight-800);
  --typography-display-md-letterSpacing: var(--primitives-font-letterSpacing-2);
  --typography-display-md-lineHeight: var(--primitives-font-lineHeight-125);
  --typography-display-xl-fontFamily: var(--primitives-font-family-sharpSans);
  --typography-display-xl-fontSize-desktop: var(--primitives-font-size-64);
  --typography-display-xl-fontSize-mobile: var(--primitives-font-size-48);
  --typography-display-xl-fontWeight: var(--primitives-font-weight-800);
  --typography-display-xl-letterSpacing: var(--primitives-font-letterSpacing-2);
  --typography-display-xl-lineHeight: var(--primitives-font-lineHeight-125);
  --typography-display-xxl-fontFamily: var(--primitives-font-family-sharpSans);
  --typography-display-xxl-fontSize-desktop: var(--primitives-font-size-82);
  --typography-display-xxl-fontSize-mobile: var(--primitives-font-size-64);
  --typography-display-xxl-fontWeight: var(--primitives-font-weight-800);
  --typography-display-xxl-letterSpacing: var(--primitives-font-letterSpacing-2);
  --typography-display-xxl-lineHeight: var(--primitives-font-lineHeight-100);
  --typography-heading-h1-fontFamily: var(--primitives-font-family-sharpSans);
  --typography-heading-h1-fontSize-desktop: var(--primitives-font-size-32);
  --typography-heading-h1-fontSize-mobile: var(--primitives-font-size-26);
  --typography-heading-h1-fontWeight: var(--primitives-font-weight-700);
  --typography-heading-h1-letterSpacing-desktop: var(--primitives-font-letterSpacing-2);
  --typography-heading-h1-letterSpacing-mobile: var(--primitives-font-letterSpacing-0);
  --typography-heading-h1-lineHeight: var(--primitives-font-lineHeight-125);
  --typography-heading-h2-fontFamily: var(--primitives-font-family-sharpSans);
  --typography-heading-h2-fontSize-desktop: var(--primitives-font-size-28);
  --typography-heading-h2-fontSize-mobile: var(--primitives-font-size-24);
  --typography-heading-h2-fontWeight: var(--primitives-font-weight-700);
  --typography-heading-h2-letterSpacing: var(--primitives-font-letterSpacing-0);
  --typography-heading-h2-lineHeight: var(--primitives-font-lineHeight-125);
  --typography-heading-h3-fontFamily: var(--primitives-font-family-sharpSans);
  --typography-heading-h3-fontSize-desktop: var(--primitives-font-size-24);
  --typography-heading-h3-fontSize-mobile: var(--primitives-font-size-20);
  --typography-heading-h3-fontWeight: var(--primitives-font-weight-700);
  --typography-heading-h3-letterSpacing: var(--primitives-font-letterSpacing-0);
  --typography-heading-h3-lineHeight: var(--primitives-font-lineHeight-125);
  --typography-heading-h4-fontFamily: var(--primitives-font-family-sharpSans);
  --typography-heading-h4-fontSize-desktop: var(--primitives-font-size-20);
  --typography-heading-h4-fontSize-mobile: var(--primitives-font-size-18);
  --typography-heading-h4-fontWeight: var(--primitives-font-weight-700);
  --typography-heading-h4-letterSpacing: var(--primitives-font-letterSpacing-0);
  --typography-heading-h4-lineHeight: var(--primitives-font-lineHeight-125);
  --typography-heading-h5-fontFamily: var(--primitives-font-family-sharpSans);
  --typography-heading-h5-fontSize-desktop: var(--primitives-font-size-16);
  --typography-heading-h5-fontSize-mobile: var(--primitives-font-size-15);
  --typography-heading-h5-fontWeight: var(--primitives-font-weight-700);
  --typography-heading-h5-letterSpacing: var(--primitives-font-letterSpacing-0);
  --typography-heading-h5-lineHeight: var(--primitives-font-lineHeight-125);
  --typography-heading-h6-fontFamily: var(--primitives-font-family-sharpSans);
  --typography-heading-h6-fontSize: var(--primitives-font-size-14);
  --typography-heading-h6-fontWeight: var(--primitives-font-weight-700);
  --typography-heading-h6-letterSpacing: var(--primitives-font-letterSpacing-0);
  --typography-heading-h6-lineHeight: var(--primitives-font-lineHeight-125);
  --typography-reading-md-fontFamily: var(--primitives-font-family-sharpSans);
  --typography-reading-md-fontSize: var(--primitives-font-size-16);
  --typography-reading-md-fontWeight: var(--primitives-font-weight-500);
  --typography-reading-md-letterSpacing: var(--primitives-font-letterSpacing-0);
  --typography-reading-md-lineHeight: var(--primitives-font-lineHeight-150);
  --typography-reading-md-paragraphSpacing: var(--primitives-font-paragraphSpacing-16);
  --typography-reading-sm-fontFamily: var(--primitives-font-family-sharpSans);
  --typography-reading-sm-fontSize: var(--primitives-font-size-14);
  --typography-reading-sm-fontWeight: var(--primitives-font-weight-500);
  --typography-reading-sm-letterSpacing: var(--primitives-font-letterSpacing-0);
  --typography-reading-sm-lineHeight: var(--primitives-font-lineHeight-150);
  --typography-reading-sm-paragraphSpacing: var(--primitives-font-paragraphSpacing-14);
  --typography-reading-xs-fontFamily: var(--primitives-font-family-sharpSans);
  --typography-reading-xs-fontSize: var(--primitives-font-size-13);
  --typography-reading-xs-fontWeight: var(--primitives-font-weight-500);
  --typography-reading-xs-letterSpacing: var(--primitives-font-letterSpacing-0);
  --typography-reading-xs-lineHeight: var(--primitives-font-lineHeight-150);
  --typography-reading-xs-paragraphSpacing: var(--primitives-font-paragraphSpacing-14);
}
:root {
  --typography-display-lg-fontSize: var(--typography-display-lg-fontSize-mobile);
  --typography-display-md-fontSize: var(--typography-display-md-fontSize-mobile);
  --typography-display-xl-fontSize: var(--typography-display-xl-fontSize-mobile);
  --typography-display-xxl-fontSize: var(--typography-display-xxl-fontSize-mobile);
  --typography-heading-h1-fontSize: var(--typography-heading-h1-fontSize-mobile);
  --typography-heading-h1-letterSpacing: var(--typography-heading-h1-letterSpacing-mobile);
  --typography-heading-h2-fontSize: var(--typography-heading-h2-fontSize-mobile);
  --typography-heading-h3-fontSize: var(--typography-heading-h3-fontSize-mobile);
  --typography-heading-h4-fontSize: var(--typography-heading-h4-fontSize-mobile);
  --typography-heading-h5-fontSize: var(--typography-heading-h5-fontSize-mobile);
}

@media (min-width: 700px) {
  :root {
    --typography-display-lg-fontSize: var(--typography-display-lg-fontSize-desktop);
    --typography-display-md-fontSize: var(--typography-display-md-fontSize-desktop);
    --typography-display-xl-fontSize: var(--typography-display-xl-fontSize-desktop);
    --typography-display-xxl-fontSize: var(--typography-display-xxl-fontSize-desktop);
    --typography-heading-h1-fontSize: var(--typography-heading-h1-fontSize-desktop);
    --typography-heading-h1-letterSpacing: var(--typography-heading-h1-letterSpacing-desktop);
    --typography-heading-h2-fontSize: var(--typography-heading-h2-fontSize-desktop);
    --typography-heading-h3-fontSize: var(--typography-heading-h3-fontSize-desktop);
    --typography-heading-h4-fontSize: var(--typography-heading-h4-fontSize-desktop);
    --typography-heading-h5-fontSize: var(--typography-heading-h5-fontSize-desktop);
  }
}

.typography-body-md {
  font-family: var(--typography-body-md-fontFamily);
  font-weight: var(--typography-body-md-fontWeight);
  font-size: var(--typography-body-md-fontSize);
  line-height: var(--typography-body-md-lineHeight);
  letter-spacing: var(--typography-body-md-letterSpacing);
}

.typography-body-sm {
  font-family: var(--typography-body-sm-fontFamily);
  font-weight: var(--typography-body-sm-fontWeight);
  font-size: var(--typography-body-sm-fontSize);
  line-height: var(--typography-body-sm-lineHeight);
  letter-spacing: var(--typography-body-sm-letterSpacing);
}

.typography-body-xs {
  font-family: var(--typography-body-xs-fontFamily);
  font-weight: var(--typography-body-xs-fontWeight);
  font-size: var(--typography-body-xs-fontSize);
  line-height: var(--typography-body-xs-lineHeight);
  letter-spacing: var(--typography-body-xs-letterSpacing);
}

.typography-body-xxs {
  font-family: var(--typography-body-xxs-fontFamily);
  font-weight: var(--typography-body-xxs-fontWeight);
  font-size: var(--typography-body-xxs-fontSize);
  line-height: var(--typography-body-xxs-lineHeight);
  letter-spacing: var(--typography-body-xxs-letterSpacing);
}

.typography-component-button-lg {
  font-family: var(--typography-component-button-lg-fontFamily);
  font-weight: var(--typography-component-button-lg-fontWeight);
  font-size: var(--typography-component-button-lg-fontSize);
  line-height: var(--typography-component-button-lg-lineHeight);
  letter-spacing: var(--typography-component-button-lg-letterSpacing);
}

.typography-component-button-md {
  font-family: var(--typography-component-button-md-fontFamily);
  font-weight: var(--typography-component-button-md-fontWeight);
  font-size: var(--typography-component-button-md-fontSize);
  line-height: var(--typography-component-button-md-lineHeight);
  letter-spacing: var(--typography-component-button-md-letterSpacing);
}

.typography-component-button-sm {
  font-family: var(--typography-component-button-sm-fontFamily);
  font-weight: var(--typography-component-button-sm-fontWeight);
  font-size: var(--typography-component-button-sm-fontSize);
  line-height: var(--typography-component-button-sm-lineHeight);
  letter-spacing: var(--typography-component-button-sm-letterSpacing);
}

.typography-component-button-xl {
  font-family: var(--typography-component-button-xl-fontFamily);
  font-weight: var(--typography-component-button-xl-fontWeight);
  font-size: var(--typography-component-button-xl-fontSize);
  line-height: var(--typography-component-button-xl-lineHeight);
  letter-spacing: var(--typography-component-button-xl-letterSpacing);
}

.typography-display-lg {
  font-family: var(--typography-display-lg-fontFamily);
  font-weight: var(--typography-display-lg-fontWeight);
  font-size: var(--typography-display-lg-fontSize);
  line-height: var(--typography-display-lg-lineHeight);
  letter-spacing: var(--typography-display-lg-letterSpacing);
}

.typography-display-md {
  font-family: var(--typography-display-md-fontFamily);
  font-weight: var(--typography-display-md-fontWeight);
  font-size: var(--typography-display-md-fontSize);
  line-height: var(--typography-display-md-lineHeight);
  letter-spacing: var(--typography-display-md-letterSpacing);
}

.typography-display-xl {
  font-family: var(--typography-display-xl-fontFamily);
  font-weight: var(--typography-display-xl-fontWeight);
  font-size: var(--typography-display-xl-fontSize);
  line-height: var(--typography-display-xl-lineHeight);
  letter-spacing: var(--typography-display-xl-letterSpacing);
}

.typography-display-xxl {
  font-family: var(--typography-display-xxl-fontFamily);
  font-weight: var(--typography-display-xxl-fontWeight);
  font-size: var(--typography-display-xxl-fontSize);
  line-height: var(--typography-display-xxl-lineHeight);
  letter-spacing: var(--typography-display-xxl-letterSpacing);
}

.typography-heading-h1 {
  font-family: var(--typography-heading-h1-fontFamily);
  font-weight: var(--typography-heading-h1-fontWeight);
  font-size: var(--typography-heading-h1-fontSize);
  line-height: var(--typography-heading-h1-lineHeight);
  letter-spacing: var(--typography-heading-h1-letterSpacing);
}

.typography-heading-h2 {
  font-family: var(--typography-heading-h2-fontFamily);
  font-weight: var(--typography-heading-h2-fontWeight);
  font-size: var(--typography-heading-h2-fontSize);
  line-height: var(--typography-heading-h2-lineHeight);
  letter-spacing: var(--typography-heading-h2-letterSpacing);
}

.typography-heading-h3 {
  font-family: var(--typography-heading-h3-fontFamily);
  font-weight: var(--typography-heading-h3-fontWeight);
  font-size: var(--typography-heading-h3-fontSize);
  line-height: var(--typography-heading-h3-lineHeight);
  letter-spacing: var(--typography-heading-h3-letterSpacing);
}

.typography-heading-h4 {
  font-family: var(--typography-heading-h4-fontFamily);
  font-weight: var(--typography-heading-h4-fontWeight);
  font-size: var(--typography-heading-h4-fontSize);
  line-height: var(--typography-heading-h4-lineHeight);
  letter-spacing: var(--typography-heading-h4-letterSpacing);
}

.typography-heading-h5 {
  font-family: var(--typography-heading-h5-fontFamily);
  font-weight: var(--typography-heading-h5-fontWeight);
  font-size: var(--typography-heading-h5-fontSize);
  line-height: var(--typography-heading-h5-lineHeight);
  letter-spacing: var(--typography-heading-h5-letterSpacing);
}

.typography-heading-h6 {
  font-family: var(--typography-heading-h6-fontFamily);
  font-weight: var(--typography-heading-h6-fontWeight);
  font-size: var(--typography-heading-h6-fontSize);
  line-height: var(--typography-heading-h6-lineHeight);
  letter-spacing: var(--typography-heading-h6-letterSpacing);
}

.typography-reading-md {
  font-family: var(--typography-reading-md-fontFamily);
  font-weight: var(--typography-reading-md-fontWeight);
  font-size: var(--typography-reading-md-fontSize);
  line-height: var(--typography-reading-md-lineHeight);
  letter-spacing: var(--typography-reading-md-letterSpacing);
}

.typography-reading-sm {
  font-family: var(--typography-reading-sm-fontFamily);
  font-weight: var(--typography-reading-sm-fontWeight);
  font-size: var(--typography-reading-sm-fontSize);
  line-height: var(--typography-reading-sm-lineHeight);
  letter-spacing: var(--typography-reading-sm-letterSpacing);
}

.typography-reading-xs {
  font-family: var(--typography-reading-xs-fontFamily);
  font-weight: var(--typography-reading-xs-fontWeight);
  font-size: var(--typography-reading-xs-fontSize);
  line-height: var(--typography-reading-xs-lineHeight);
  letter-spacing: var(--typography-reading-xs-letterSpacing);
}

.kBEmFgkLiNxc6hUvPV5b {
  container-type: inline-size;
  container-name: category-promo-banner;
  border-radius: var(--radius-card);
  overflow: hidden;
  background-color: var(--cat-promo-banner-bg);
}

.VKk8apw6Cn4Cdrenm1hA {
  display: flex;
  gap: 0;
  flex-direction: column;
}

.M2PfcPCFDeZN3pBg35cB {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.u9CEfGIrDnp6qcTquojJ {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 32px 16px 0;
}

.hXDr2MrH7HqRdQrXh37F {
  color: white;
}

.T_lTb0IsQn4znqFcWe9O + .MKGF71PT7xHzATSAjCGb {
  margin-top: 10px;
}

.u9CEfGIrDnp6qcTquojJ .MKGF71PT7xHzATSAjCGb {
  font-size: 0.75rem;
}

.HpWNNc1UnQj3czp9ZTDj {
  display: none;
}

.El4jFJ96erXyJoZ_1UZG {
  font-size: var(--typography-heading-h5-fontSize) !important;
}

.VZ7DbsLfd6QnVZ43af1z {
  min-width: 0;
  overflow: hidden;
  max-height: 420px; /* mobile: fixed-height slot — 332px from design (no title) + ~88px for carousel title header */
}

@container category-promo-banner (min-width: 700px) {
  .VKk8apw6Cn4Cdrenm1hA {
    gap: 0;
  }

  .u9CEfGIrDnp6qcTquojJ {
    gap: 2px;
    padding: 20px 24px 0;
  }

  .HpWNNc1UnQj3czp9ZTDj {
    display: block;
    min-height: 240px;
    background-image: var(--cat-promo-banner-image);
    background-repeat: no-repeat;
    background-position: center var(--cat-promo-image-y);
    background-size: auto var(--cat-promo-image-zoom);
  }

  .u9CEfGIrDnp6qcTquojJ .zUpeGcxDbVQxGBs6sKgN {
    font-size: 2.25rem;
  }

  .El4jFJ96erXyJoZ_1UZG {
    font-size: var(--typography-heading-h3-fontSize) !important;
  }

  .u9CEfGIrDnp6qcTquojJ .MKGF71PT7xHzATSAjCGb {
    font-size: var(--typography-body-xxs-fontSize);
  }

  .VZ7DbsLfd6QnVZ43af1z {
    max-height: none;
    background-color: var(--cat-promo-carousel-bg, transparent);
  }
}

@container category-promo-banner (min-width: 1024px) {
  .VKk8apw6Cn4Cdrenm1hA {
    position: relative;
    flex-direction: row;
    align-items: stretch;
  }

  .M2PfcPCFDeZN3pBg35cB {
    flex: 0 0 43.5%;
    justify-content: space-between;
  }

  .u9CEfGIrDnp6qcTquojJ {
    padding-top: 25px;
    gap: 6px;
  }

  .HpWNNc1UnQj3czp9ZTDj {
    min-height: 390px;
  }

  .u9CEfGIrDnp6qcTquojJ .zUpeGcxDbVQxGBs6sKgN {
    font-size: var(--typography-display-md-fontSize-desktop);
  }

  .El4jFJ96erXyJoZ_1UZG {
    font-size: var(--typography-heading-h1-fontSize) !important;
  }

  .VZ7DbsLfd6QnVZ43af1z {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 56.5%;
  }
}