#fw-section-header {
--color-primary: #1f1f1f;
--color-primary-rgb: 31, 31, 31;
--color-background: #FFFFFF;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #808080;
--color-on-background-rgb: 128, 128, 128;
--color-product-image-background: #808080;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
.header__nav-container {
  font-size: 0.75rem;
}
.header__list {
  gap: 12px;
  @media (min-width: 860px) {
    gap: 32px;
  }
}
.cart-widget {
  background: #222;
  color: white;
  padding: .25em 1em;
  border-radius: 5rem;
  box-shadow: 0 7px 6px -7px black, 0 -9px 0 10px black inset;
  border: 1px solid black;
}
}
#fw-section-announcement-bar-bb1c5623-358f-4c51-a5cb-48d332501117 {
--color-primary: #ffc800;
--color-primary-rgb: 255, 200, 0;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);

}


#fw-section-footer {

.footer__menu-link {
  font-size: 0.75rem;
}
}






#fw-section-custom-html-c933d72b-2676-4f29-9b42-361b2eafe30c {

.welcome-title {
  padding-top: 2em;
  font-family: Outfit;
  text-align: center;
  font-size: 1rem;
  @media (min-width: 640px){
    font-size: 2rem;
  }
}
.welcome-title svg {
  display: inline-block;
  width: auto;
  height: 1.2em;
  margin-bottom: -0.25em;
}
}
#fw-section-custom-html-a1aa7e9a-cd0d-42b7-8332-a451c6fd3862 {

.cs-grid-container {
  overflow-x: auto;
  /* margin-inline: -1rem; */

  & .cs-grid {
    font-family: sans-serif;
    display: flex;
    gap: 24px;
    justify-content: center;
    padding: 12px;
    min-width: 720px;
    @media (min-width: 640px){
      min-width: 840px;
      gap: 64px;
    }

    & .cs-grid-item {
      min-width: 100px;
      display: flex;
      flex-direction: column;
      align-items: center;
      @media (min-width: 640px){
        min-width: 50px;
      }

      & svg {
        box-sizing: content-box;
        font-size: 16px;
        color: #398c4b;
        background-color: #f4fff6;
        border: 0.5px solid #cdf3d5;
        border-radius: 80px;
        padding: 8px;
        width: 20px;
        height: 20px;
        @media (min-width: 640px){
          padding: 16px;
          width: 40px;
          height: 40px;
        }
      }

      & p {
        margin: 10px 0 0;
        font-size: 10px;
        letter-spacing: 0px;
        text-align: center;
        color: #464646;
      }
    }
  }
}
}