/******************************
REDDIWIP SPECIFIC COLORS
******************************/
/******************************
COLORS
******************************/
/******************************
REDDIWIP SPECIFIC COLORS
******************************/
/******************************
COLORS
******************************/
/*****************************************************
BEGIN FUNCTIONS
*****************************************************/
/*****************************************************
BEGIN FUNCTIONS
*****************************************************/
/*****************************************************
BEGIN EXTENDS
*****************************************************/
/*****************************************************
END EXTENDS
*****************************************************/
/* line 4, ../../sass/components/page-category-landing.scss */
.products-list ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  max-width: 721px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  /* line 4, ../../sass/components/page-category-landing.scss */
  .products-list ul {
    padding: 0 20px;
  }
}
/* line 16, ../../sass/components/page-category-landing.scss */
.products-list ul > li {
  flex-basis: 50%;
  margin-bottom: 30px;
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 768px) {
  /* line 16, ../../sass/components/page-category-landing.scss */
  .products-list ul > li {
    margin-bottom: 15px;
  }
}
/* line 26, ../../sass/components/page-category-landing.scss */
.products-list ul > li > .product-teaser p.product-name {
  margin-top: 20px;
  max-width: 150px;
  margin-left: auto;
  margin-right: auto;
}
/* line 32, ../../sass/components/page-category-landing.scss */
.products-list ul > li > .product-teaser p.product-name a {
  font-size: 1rem;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #146CA6;
  text-transform: uppercase;
  font-weight: 600;
}
/* line 46, ../../sass/components/page-category-landing.scss */
.products-list ul > li .product-image img {
  max-height: 190px;
  width: auto;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 544px) {
  /* line 55, ../../sass/components/page-category-landing.scss */
  .products-list ul > li .bazaarvoice__inline-reviews {
    max-width: 130px;
    min-height: 22px;
    margin: 0 auto;
  }
}

@media (min-width: 768px) {
  /* line 71, ../../sass/components/page-category-landing.scss */
  .classics .products-list ul > li {
    flex-basis: calc(100% / 4);
  }
}

/* line 82, ../../sass/components/page-category-landing.scss */
.non-dairy .products-list ul, .barista .products-list ul {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

/* line 94, ../../sass/components/page-category-landing.scss */
.non-dairy ul > li > .product-teaser p.product-name a {
  color: #A3895E;
}

/* line 106, ../../sass/components/page-category-landing.scss */
.barista ul > li > .product-teaser p.product-name a {
  color: white;
}

@supports (display: grid) {
  /* line 116, ../../sass/components/page-category-landing.scss */
  .products-list ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 30px;
  }
  /* line 121, ../../sass/components/page-category-landing.scss */
  .products-list ul > li {
    margin-bottom: 0;
    width: 100%;
  }

  @media (min-width: 768px) {
    /* line 130, ../../sass/components/page-category-landing.scss */
    .classics .products-list ul {
      grid-template-columns: repeat(4, 1fr);
    }
  }

  /* line 140, ../../sass/components/page-category-landing.scss */
  .zero-sugar .products-list ul {
    grid-template-columns: repeat(1, 1fr);
  }

  @media (min-width: 768px) {
    /* line 148, ../../sass/components/page-category-landing.scss */
    .dairy-whipped-topping .products-list ul {
      grid-template-columns: none;
      justify-content: center;
      display: flex;
      flex-direction: row;
    }
  }
  /* line 156, ../../sass/components/page-category-landing.scss */
  .dairy-whipped-topping .products-list ul li {
    flex: 1 33%;
  }
}
/* line 164, ../../sass/components/page-category-landing.scss */
.products-list-message {
  margin-bottom: 30px;
}
/* line 167, ../../sass/components/page-category-landing.scss */
.products-list-message h3 {
  font-size: 2rem;
  color: white;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.19;
  letter-spacing: normal;
  text-align: center;
}
@media (max-width: 767px) {
  /* line 167, ../../sass/components/page-category-landing.scss */
  .products-list-message h3 {
    font-size: 1.625rem;
    line-height: 1.2;
  }
}
/* line 184, ../../sass/components/page-category-landing.scss */
.products-list-message h3::after {
  background-image: url("../../images/global/mobile/underline.png");
  width: calc(100% - 39px);
  max-width: 562px;
  height: 14px;
  display: block;
  margin: 0 auto;
  background-size: contain;
  background-repeat: no-repeat;
  top: 19px;
  content: '';
  position: relative;
}
@media (min-width: 768px) {
  /* line 184, ../../sass/components/page-category-landing.scss */
  .products-list-message h3::after {
    max-width: 399px;
    top: 38px;
    background-image: url("../../images/global/underline-wide.png");
    max-width: 735px;
    top: 9px;
  }
}

@media (min-width: 768px) {
  /* line 195, ../../sass/components/page-category-landing.scss */
  .products-list ul {
    margin: 20px auto 40px auto;
  }
}
/* line 200, ../../sass/components/page-category-landing.scss */
.products-list .where-to-buy-container {
  display: none;
}