/* 1. GLOBAL FONTS (Cannot be nested) */
@font-face {
  font-family: 'Umba Sans';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src:
    url(/cdn/shop/files/UmbaSans-Bold.woff2?v=1775471116) format('woff2'),
    url(/cdn/shop/files/UmbaSans-Bold_1.woff?v=1775471115) format('woff');
}

@font-face {
  font-family: Poppins;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src:
    url(/cdn/shop/files/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2?v=1775471224) format("woff2"),
    url(/cdn/shop/files/poppins_n4.214741a72ff2596839fc9760ee7a770386cf16ca.woff?v=1775471223) format("woff");
}



.bayu-cart-section {
  --font-body-family: Poppins, sans-serif;
  --font-body-style: normal;
  --font-body-weight: 500;
  --font-heading-family: "Umba Sans";
  --font-heading-style: normal;
  --font-heading-weight: 700;
  --font-body-scale: 1;
  --font-heading-scale: 1;
  --color-base: 203, 156, 46;
  --color-accent: 155, 113, 14;
}



.bayu-cart-section {

  & .heading,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h0,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6 {
    font-family: var(--font-heading-family);
    font-style: var(--font-heading-style);
    font-weight: var(--font-heading-weight);
    letter-spacing: calc(var(--font-heading-scale) * 0rem);
    color: rgb(var(--color-accent));
    line-height: calc(1 / max(1, var(--font-heading-scale)));
  }

  .typeset0,
  .typeset1,
  .typeset2,
  .typeset3,
  .typeset4,
  .typeset5 {
    font-family: var(--font-body-family);
    font-style: var(--font-body-style);
    font-weight: var(--font-body-weight);
    letter-spacing: calc(var(--font-body-scale) * 0rem);
    color: rgb(var(--color-base));
    line-height: calc(1 + 0.4 / var(--font-body-scale));
  }


  h1,
  .h1 {
    font-size: 4rem;
  }

  h3,
  .h3 {
    font-size: 1.8rem;
  }

  h4,
  .h4 {
    font-size: 1.6rem;
  }

  @media screen and (max-width: 750px) {

    h1,
    .h1 {
      font-size: 2rem;
    }

    h3,
    .h3 {
      font-size: 1.6rem;
    }

    h4,
    .h4 {
      font-size: 1.4rem;
    }
  }

  .typeset0 {
    font-size: 1.8rem;
  }

  .typeset1 {
    font-size: 1.6rem;
  }

  .typeset2 {
    font-size: 1.4rem;
  }

  .typeset3 {
    font-size: 1.2rem;
  }

  @media screen and (max-width: 750px) {
    .typeset1 {
      font-size: 1.4rem;
    }

    .typeset3 {
      font-size: 1rem;
    }
  }

  & .bayu-ci__discounts {
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem;

    & .bayu-ci__discount-chip {
      display: inline-flex;
      align-items: center;
      justify-content: end;
      flex-wrap: wrap;
      column-gap: 0.5rem;
      padding: 0;
      background: transparent;
    }

    & .bayu-ci__discount-icon {
      flex: 0 0 auto;
    }

    & .bayu-ci__discount-title {
      text-transform: uppercase;
      letter-spacing: 0.04em;
    }
  }
}