/***** PRODUCTS ******/

 .products {
   text-align: center;
 }

 .promo__products {
   text-align: center;
   line-height: 1.2;
 }

 .promo__products:not(.flickity-enabled) {
   display: flex;
   align-items: flex-start;
   gap: 5px;
   line-height: 1.4;

   margin: auto;
   min-height: auto;
   padding: 0 10px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;

   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
   overflow-scrolling: touch;
 }

 @media screen and (min-width: 768px) {
   .promo__products:not(.flickity-enabled):not(.promo__products--placeholder) {
     justify-content: flex-start;
   }
 }

 .products__placeholder {
   min-width: 164px;
   padding: 0 5px;
 }

 .promo__products.flickity-enabled {}

 .promo__products.flickity-enabled .products__placeholder {
   margin: 0 10px;
 }

 .products__wrapper {
   padding: 10px;
   background: transparent;
 }

 .products__wrapper .flickity-viewport {
   background: white;
 }

 .products__product {
   display: inline-block;
   width: 13.5%;
   min-width: 150px;
   height: auto;
   /* min-height: 100%; */
   background: white;
   padding: 0 5px;
   margin: 0 5px;
   vertical-align: top;
 }

 .products__item__figure {
   margin: auto;
 }



 @media only screen and (max-width: 767px) {
   .products__product {
     width: 40vw;
     height: auto;
     min-height: auto;
     min-width: 40vw;
     border-radius: 3px;
     -webkit-box-flex: 1;
     -ms-flex: 1 1 0%;
     flex: 1 1 0%;
     margin: 0 5px;
   }
 }

 .promo__products .product-brick__details {
   margin: 0;
 }

 .product-brick__brand {
   margin: 8px 4px 4px;
   font-size: 13px;
   font-weight: bold;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }

 .product-brick__name {
   color: #444;
   font-size: 10px;
   height: 2.4em;
   min-height: 2.4em;
   line-height: 1.2;
   margin: 4px;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
 }

 .loading-placeholder::-moz-selection {
   background-color: #eeeded !important;
   color: #eeeded !important;
 }

 .loading-placeholder::selection {
   background-color: #eeeded !important;
   color: #eeeded !important;
 }

 .product-brick__heart {
   font-size: 18px;
   right: -10px;
   top: 0px;
   line-height: 1;
   height: 40px;
   width: 40px;
   padding: 0;
   display: flex;
   justify-content: center;
 }

 .product-brick__heart:before {
   top: 0;
   width: 20px;
   height: 18px;
 }

 /****** FLICKITY *****/

 .flickity-prev-next-button.next {
   right: 0;
 }

 .flickity-prev-next-button.previous {
   left: 0;
 }

 @media screen and (min-width: 1300px) {
   .flickity-prev-next-button.next {
     right: -50px;
   }

   .flickity-prev-next-button.previous {
     left: -50px;
   }
 }

 .flickity-page-dots {
   display: none;
 }


 .sale-landing__brands-sidebar {
   position: sticky;
   top: 0rem
 }

 @media screen and (min-width:48em) {
   .sale-landing__brands-content {
     display: flex
   }

   .sale-landing__brands-sidebar {
     flex: 0 0 15.625rem;
     height: fit-content;
     top: 1.25rem
   }
 }

 .sale-landing__category-list {
   display: grid;
   column-gap: .9375rem
 }

 .sale-landing__category-item.active {
   padding-bottom: 0
 }

 .sale-landing__category-item {
   border-bottom: .0625rem solid #999
 }

 h3.sale-landing__category-name {
   margin-top: 0rem;
   margin-bottom: 0rem;
   position: relative;
   transition: .3s
 }

 .sale-landing__category-item.active .sale-landing__category-group-link::after {
   transform: rotate(270deg)
 }

 .sale-landing__category-item.active .sale-landing__category-name {
   border-bottom: .0625rem solid #999
 }

 .sale-landing__category-group-link::after,
 .sale-landing__category-link::after {
   content: "";
   position: absolute;
   right: .625rem;
   top: .625rem;
   width: .625rem;
   height: 1.25rem;
   line-height: 1.25rem;
   font-family: lc-icons;
   font-size: .875rem;
   transition: .3s;
   transform-origin: .25rem center
 }

 .sale-landing__subcategory-link::after {
   top: .625rem
 }

 .sale-landing__category-group-link::after {
   transform: rotate(90deg)
 }

 .sale-landing__category-detail-item {
   margin-top: .3125rem;
   margin-bottom: .3125rem
 }

 .sale-landing__subcategories-list {
   display: none;
   background-color: #fff
 }

 .sale-landing__subcategory-item:last-of-type {
   font-weight: 700
 }

 @media screen and (min-width:48em) {
   .sale-landing__category-list {
     grid-template-columns: repeat(auto-fit, minmax(8.75rem, 1fr));
     row-gap: .9375rem
   }

   .sale-landing__category-group-link {
     cursor: pointer;
   }

   .sale-landing__category-item {
     border-bottom: unset
   }

   .sale-landing__category-item.active .sale-landing__category-name {
     background-color: unset;
     border-bottom: unset
   }

   .sale-landing__category-group-link::after,
   .sale-landing__category-link::after {
     content: none
   }

   .sale-landing__subcategories-list {
     display: block;
     background-color: unset
   }
 }

 @media screen and (min-width:48em) {

   .sale-landing__footer-announcement,
   .sale-landing__footer-terms {
     width: 43.75rem
   }
 }

 .sale-landing {
   width: 100%;
   max-width: 75rem
 }

 .sale-landing__bu-list {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   column-gap: .625rem
 }

 .sale-landing__bu-item {
   flex-grow: 1
 }

 .sale-landing__bu-item.active {
   font-weight: 700;
   background-color: #eeeded
 }

 .sale-landing__bu-content {
   display: none
 }

 .sale-landing__bu-content.active {
   display: block
 }


 .sale-landing__discount-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: .625rem;
  align-items: center;
}

.sale-landing__discount-item {
  flex-grow: 1;
  height: 100%;
  display: flex;
}

.sale-landing__discount-item.active {
  font-weight: 700;
  color: #2E3192;
  background: #FFCD00;
  background: repeating-linear-gradient(90deg, #FFCD00, #FFCD00 10px, #FBFBFB 10px, #FBFBFB 20px);
}

.sale-landing__discount-content {
  display: none;
  border: 3px solid #FFCD00;
  padding-top: 30px;

}

.sale-landing__discount-content.active {
  display: block
}
.sale-landing__discount-link{
  margin: auto;
}

@media screen and (max-width:767px) {
  .sale-landing__discount-item {
    font-size: .9em;
  }
  .sale-landing__discount-item.active {
    background: repeating-linear-gradient(90deg, #FFCD00, #FFCD00 5px, #FBFBFB 5px, #FBFBFB 10px);
  }
}
@media screen and (max-width:500px) {
  .sale-landing__discount-item {
    font-size: .7em;
  }
}
 .inline-list li {
   display: inline-block;
   margin-right: .3125rem
 }

 .inline-list li:not(:last-of-type)::after {
   content: "|";
   display: inline-block;
   width: .625rem;
   text-align: right
 }

 .sale-landing__header {
   display: flex;
   flex-direction: row-reverse
 }

 .sale-landing__header.right {
   flex-direction: row
 }

 .sale-landing__header.top {
   flex-direction: column-reverse
 }

 .sale-landing__header.bottom {
   flex-direction: column
 }

 .sale-landing__header.center {
   display: block;
   flex-direction: unset;
   position: relative
 }

 .sale-landing__header .sale-landing__header-banner {
   flex: 0 1 45%
 }

 .sale-landing__banner-image {
   width: 100%
 }

 .sale-landing__header-content {
   flex: 1 0;
   flex-direction: column;
   justify-content: center;
   align-items: center
 }

 .sale-landing__header.center .sale-landing__header-content {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 70%
 }

 .sale-landing__header.bottom .sale-landing__header-content,
 .sale-landing__header.center .sale-landing__header-content,
 .sale-landing__header.top .sale-landing__header-content {
   padding-top: 1.25rem;
   padding-bottom: 1.25rem
 }

 .sale-landing__header-content-detail {
   max-width: 37.5rem
 }

 @media screen and (min-width:48em) {
   .sale-landing__header .sale-landing__header-banner {
     flex: 0 1 60%
   }

   .sale-landing__header.tb-left {
     display: flex !important;
     flex-direction: row-reverse !important
   }

   .sale-landing__header.tb-right {
     display: flex !important;
     flex-direction: row !important
   }

   .sale-landing__header.tb-top {
     display: flex !important;
     flex-direction: column-reverse !important
   }

   .sale-landing__header.tb-bottom {
     display: flex !important;
     flex-direction: column !important
   }

   .sale-landing__header.tb-center {
     display: block !important;
     flex-direction: unset !important;
     position: relative !important
   }

   .sale-landing__header.tb-center .sale-landing__header-content {
     position: absolute !important;
     top: 50% !important;
     left: 50% !important;
     transform: translate(-50%, -50%) !important;
     width: 70% !important
   }

   .sale-landing__header.center.tb-bottom .sale-landing__header-content,
   .sale-landing__header.center.tb-left .sale-landing__header-content,
   .sale-landing__header.center.tb-right .sale-landing__header-content,
   .sale-landing__header.center.tb-top .sale-landing__header-content {
     position: unset;
     top: unset;
     left: unset;
     transform: unset;
     width: unset
   }

   .sale-landing__header.tb-bottom .sale-landing__header-content,
   .sale-landing__header.tb-center .sale-landing__header-content,
   .sale-landing__header.tb-top .sale-landing__header-content {
     padding-top: 1.25rem;
     padding-bottom: 1.25rem
   }
 }

 .scroller:not(.flickity-applied) {
   overflow-x: scroll;
   scroll-snap-type: x proximity
 }

 .scroller ul {
   display: flex;
   justify-content: flex-start
 }

 .scroller.brands ul {
   align-items: center
 }

 .scroller li {
   scroll-snap-align: start;
   width: 40vw;
   height: auto;
   min-height: auto;
   min-width: 40vw;
   border-radius: .1875rem
 }

 .scroller li,
 .scroller:not(.flickity-applied) li {
   padding-left: .3125rem;
   padding-right: .3125rem
 }

 .scroller.brands li,
 .scroller.brands:not(.flickity-applied) li {
   padding-left: 1.25rem;
   padding-right: 1.25rem
 }

 @media screen and (min-width:48em) {
   .scroller.scroller-center ul {
     justify-content: center
   }

   .scroller li,
   .scroller:not(.flickity-applied) li {
     display: inline-block;
     width: 10.9375rem;
     min-width: 10.9375rem;
     height: auto;
     min-height: 100%;
     padding: .625rem .3125rem 0;
     margin: 0 .3125rem;
     vertical-align: top;
     border-radius: .1875rem
   }

   .scroller.brands.flickity-applied li a {
     top: 50%;
     transform: translateY(-50%);
     position: absolute;
     padding-right: 1.25rem
   }

   .scroller.flickity-applied div {
     width: 100%
   }

   .scroller.flickity-applied .next {
     right: -2.5rem
   }

   .scroller.flickity-applied .previous {
     left: -2.5rem
   }
 }