.component-057952b8-0e94-4e16-9f43-f13b8b9beaa2.hide{
    display: none;
  }
  .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2 .products-container {
      position: relative;
      display: flex;
  }
  
  @media only screen and (min-width: 769px) {
      .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2 .products-container {
          gap: 6rem;
          justify-content: space-between;
      }
  }
  
  @media only screen and (max-width: 768px) {
      .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2 .products-container {
          gap: 0;
          justify-content: space-between;
          flex-direction: column;
      }
  }
  
  @media only screen and (max-width: 768px) {
      .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2 .products {
          gap: 3rem 2rem !important;
          grid-template-columns: repeat(2, 1fr);
          padding: 0 2rem;
      }
  }
  
  .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2 .products {
      position: relative;
      display: grid;
      flex: 4;
      height: min-content;
      align-items: start;
  }
  
  .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2 .products>span>a {
      position: relative;
      height: 100%;
      display: flex;
      flex-direction: column;
  }
  
  .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2 .product-details {
      display: flex;
      flex-direction: column;
  }
  
  .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2 .label {
      cursor: pointer;
      display: flex;
      font-weight: 700;
      justify-content: space-between;
      align-items: center;
      padding: 20px 0;
  }
  
  .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2 .label p {
      font-size: 1.6rem;
      font-weight: 700;
  }
  
  /*.products>span>a .product-image {*/
  /*    position: relative;*/
  /*    display: flex;*/
  /*    align-items: center;*/
  /*    margin-bottom: 1rem;*/
  /*    overflow: hidden;*/
  /*    flex: 1;*/
  /*}*/
  
  @media only screen and (min-width: 769px) {
      .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2.columns-2 .products {
          grid-template-columns: repeat(2, 1fr);
      }
  
      .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2.columns-3 .products {
          grid-template-columns: repeat(3, 1fr);
      }
  
      .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2.columns-4 .products {
          grid-template-columns: repeat(4, 1fr);
      }
  
      .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2.columns-5 .products {
          grid-template-columns: repeat(5, 1fr);
      }
  
      .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2.columns-6 .products {
          grid-template-columns: repeat(6, 1fr);
      }
  }
  
  
  .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2 .product-image__alt picture {
      opacity: 0;
      height: inherit;
  }
  
  .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2 .product-image__alt picture img {
      height: inherit;
      object-fit: cover;
  }
  
  .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2 .responsive-media img {
      height: fit-content;
  }
  
  .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2 .product-image picture {
      transition: all 300ms ease-out;
  }
  
  /*Product tile Styling*/
  .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2 .products>span>a:hover {
      opacity: 1;
  }
  
  .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2 .products>span>a:hover .product-tile-img picture {
      transform: scale(110%) !important;
      opacity: 1;
  }
  
  .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2 .products>span>a:hover .product-details {
      opacity: 0.7;
  }
  
  .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2 .products .product-tile-img {
      position: relative;
      display: flex;
      align-items: center;
      margin-bottom: 1rem;
  
      flex: 1;
      border: 1px solid gainsboro;
      border-radius: 6px;
      overflow: hidden;
      aspect-ratio: 1 / 1;
  }
  
  .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2 .product-tile-img picture {
      width: 100%;
      transition: 0.3s ease-in-out;
  }
  
  .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2 .product-details .brand-name {
      text-transform: capitalize;
  
      font-weight: 500;
      font-size: 1.2rem;
      font-family: "Inter", sans-serif;
      line-height: 15px;
  }
  
  .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2 .product-details .product-title {
      display: block;
      font-weight: 600;
      font-size: 1.6rem;
      font-family: "Inter", sans-serif;
      line-height: 24px;
  }
  
  .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2 .product-details .product-price {
      font-size: 1.4rem;
      color: #141F33;
  }
  
 .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2.dark-bg 
   .product-details .product-price  {
      font-size: 1.4rem;
      color: white;
    
  }
  
  .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2 .product-details .product-price .strike-price {
      color: grey;
  }
  
  .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2 .product-details .color-count {
      font-size: 1.4rem;
      color: #141F33;
      font-family: "Barlow" !important;
  }
  
  
  .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2.slider .products {
    display: flex;
    width: 100%;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    /* <--- Not working right now because of the extra divs */
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-scrollbar-width: none;
  }
  
  .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2.slider .products::-webkit-scrollbar {
      display: none;
  }
  
  /* Hack to get proper spacing in Safari */
  .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2.slider .products-generator>*:last-child {
      padding-right: 2rem;
  }
  
  @media only screen and (max-width: 768px) {
    .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2 .products {
      gap: 3rem 2rem !important;
    }
    .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2.slider .products {
      padding-left: 2rem;
      padding-right: 2rem;
    }
  
    .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2.slider .product {
      width: 60vw;
    }
  }
  
  .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2 .h19-recommendations-slider-arrows {
    display: none;
  }
     
  
  @media only screen and (min-width: 769px) {
    .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2.slider .h19-recommendations-slider-arrows {
      display: flex;
      position: absolute;
      right: 5rem;
      top: -10px;
      gap: 12px;
    }
  
    .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2 .h19-recommendations-slider-arrow {
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #fff;
      border-radius: 50%;
      margin: auto;
      width: 46px;
      height: 46px;
      z-index: 2;
      border: none;
      box-shadow: 0 0 16px rgba(0, 0, 0, 0.4);
    }
  
    .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2 .h19-recommendations-slider-arrow--disabled {
      pointer-events: none;
      opacity: 0.5;
    }
  
    .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2 .h19-recommendations-slider-arrow:hover {
      box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
    }
  
    .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2 .graphenehc-search-results-slider-wrapper {
      overflow: hidden;
      width: 100%;
    }
  
    .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2 .graphenehc-search-results-slider-wrapper > .graphenehc-search-results {
      overflow-x: unset !important;
      scroll-snap-type: unset !important;
      scroll-behavior: unset !important;
      scrollbar-width: unset !important;
      transform: translatex(0px);
      transition-duration: 300ms;
      gap: 3rem !important;
    }
  
  }
  @media only screen and (max-width: 1200px) {
   .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2.slider div.graphenehc-search-results-slider-wrapper > div.graphenehc-search-results > span.product-container > a.product {
    width: calc((100vw - 13rem) / 4);
    }
  }
  
  @media only screen and (max-width: 768px) {
   .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2.slider div.graphenehc-search-results-slider-wrapper > div.graphenehc-search-results > span.product-container > a.product {
    width: calc((100vw - 1rem) / 2.5);
    }
  }
  
  
  @media only screen and (min-width: 1201px) {
  
    .component-057952b8-0e94-4e16-9f43-f13b8b9beaa2.slider div.graphenehc-search-results-slider-wrapper > div.graphenehc-search-results > span.product-container > a.product {
      
     width: calc((1200px - 9rem) / 4);
    }
  }
.component-a4000477-bc73-4b1a-b4c7-78f2ad6971dc.editing .yotpo-main-widget {
  position: relative;
  border: 2px dashed #b5c0dc;
  height: 20rem;
  border-radius: 2rem;
}

.component-a4000477-bc73-4b1a-b4c7-78f2ad6971dc.editing .yotpo-main-widget::after {
  position: absolute;
  display: block;
  top: 50%;
  width: 100%;
  margin-top: -2.5rem;
  content: "Yotpo Reviews";
  text-align: center;
  font-size: 3rem;
  color: #647FB4;
  overflow: visible !important;
}
.component-a54f1f46-fc91-414a-8e23-409c37671beb p:last-child {
  margin-bottom: 0;
}

.component-a54f1f46-fc91-414a-8e23-409c37671beb figure img {
  width: 100%;
}

.component-a54f1f46-fc91-414a-8e23-409c37671beb * + .actions {
  margin-top: 2.5rem;
}
.component-ad8c0ff3-6719-4bc6-8aba-b983ad82fe9d .images {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}

@media only screen and (min-width: 768px) {
  .component-ad8c0ff3-6719-4bc6-8aba-b983ad82fe9d.two .images {
    grid-template-columns: 1fr 1fr;
  }
  .component-ad8c0ff3-6719-4bc6-8aba-b983ad82fe9d.three .images {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .component-ad8c0ff3-6719-4bc6-8aba-b983ad82fe9d.four .images {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .component-ad8c0ff3-6719-4bc6-8aba-b983ad82fe9d.five .images {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
  .component-ad8c0ff3-6719-4bc6-8aba-b983ad82fe9d.six .images {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }
  .component-ad8c0ff3-6719-4bc6-8aba-b983ad82fe9d.seven .images {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }
}


.component-e98e37eb-d536-4b89-929e-ad65329b3b67 .callouts {
  display: grid;
  grid-template-columns: repeat( auto-fit, minmax( 100%, 1fr ) );
  grid-gap: 3rem;
  gap: 3rem;
  padding: 0 1.6rem;
}

.component-e98e37eb-d536-4b89-929e-ad65329b3b67 .callout {
  background-color: #FFF;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow:  0px 2rem 4rem -1rem rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  position: relative;
}

.component-e98e37eb-d536-4b89-929e-ad65329b3b67 .callout:hover:not(.sortable-drag) {
  
  transform: rotate3d(1, 0, 0, 0deg) translateX(0);
  transition: all .5s ease-out !important;
}

.component-e98e37eb-d536-4b89-929e-ad65329b3b67 .callout:hover {
 
}
.component-e98e37eb-d536-4b89-929e-ad65329b3b67 .callouts .callout .unstack-media {
  width: ;
}

.component-e98e37eb-d536-4b89-929e-ad65329b3b67 .callout .unstack-media,
.component-e98e37eb-d536-4b89-929e-ad65329b3b67 .callout .unstack-media img {
  display: block;
  width: 250px;
  height:250px;
  object-fit: cover;
}

.component-e98e37eb-d536-4b89-929e-ad65329b3b67 .rich-text {
  padding: 3rem;
  padding-bottom: 0;
}

.component-e98e37eb-d536-4b89-929e-ad65329b3b67 .actions {
  padding: 0 2rem;
  margin-top: auto;
  width: 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}

.component-e98e37eb-d536-4b89-929e-ad65329b3b67 .callout .button {
  min-width: Min(calc(100% - 2rem), 200px);
}

.component-e98e37eb-d536-4b89-929e-ad65329b3b67 .responsive-media {
  height: auto !important;
  width: 100% !important;
  padding-bottom: 100% !important;
}

.component-e98e37eb-d536-4b89-929e-ad65329b3b67.left .callout .actions .text-action-container,
.component-e98e37eb-d536-4b89-929e-ad65329b3b67.left .callout .button {
  margin-left: 0rem;
}

.component-e98e37eb-d536-4b89-929e-ad65329b3b67.left .callout > *:not(.unstack-media),
.component-e98e37eb-d536-4b89-929e-ad65329b3b67.left [data-placeholder]:before{
  padding-left: 3rem;
}

.component-e98e37eb-d536-4b89-929e-ad65329b3b67.center {
  text-align: center;
}
.component-e98e37eb-d536-4b89-929e-ad65329b3b67.center .callouts .callout .unstack-media {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
}
.component-e98e37eb-d536-4b89-929e-ad65329b3b67.center .callouts .callout .unstack-media,
.component-e98e37eb-d536-4b89-929e-ad65329b3b67.center .callouts .callout .actions {
  margin-left: auto;
  margin-right: auto;
}

/*Cards 3d*/

.component-e98e37eb-d536-4b89-929e-ad65329b3b67.cards3d .callouts {
  perspective: 1000px;
}

.component-e98e37eb-d536-4b89-929e-ad65329b3b67.cards3d .callouts.perspective-none {
  perspective: none !important;
}

.component-e98e37eb-d536-4b89-929e-ad65329b3b67.cards3d .callout {
  transform: rotate3d(1, 0, 0, 0deg) translateX(0);
}

.component-e98e37eb-d536-4b89-929e-ad65329b3b67.cards3d .callout:hover {
  transform: rotate3d(1, 0, 0, 0deg) translateX(0);
}

@media only screen and (min-width: 768px) {
  .component-e98e37eb-d536-4b89-929e-ad65329b3b67.cards3d .callout {
    transform: rotate3d(1, 0, 0, 5deg) translateX(0);
  }
}

/*None*/

.component-e98e37eb-d536-4b89-929e-ad65329b3b67.none .callout {
  background-color: transparent;
  border-radius: 0;
  box-shadow:  none;
}

.component-e98e37eb-d536-4b89-929e-ad65329b3b67.none .callout .actions {
  padding: 0;
}

.component-e98e37eb-d536-4b89-929e-ad65329b3b67.none p {
  margin-bottom: 1rem !important;
}

.component-e98e37eb-d536-4b89-929e-ad65329b3b67.left.none .callout > *:not(.unstack-media),
.component-e98e37eb-d536-4b89-929e-ad65329b3b67.left.none [data-placeholder]:before{
  padding-left: 0rem;
}

/*Crop*/

.component-e98e37eb-d536-4b89-929e-ad65329b3b67.portrait .callout .unstack-media:after,
.component-e98e37eb-d536-4b89-929e-ad65329b3b67.square .callout .unstack-media:after,
.component-e98e37eb-d536-4b89-929e-ad65329b3b67.landscape .callout .unstack-media:after {
  content: "";
  display: block;
}

/*&.portrait .callout .unstack-media:after {*/
/*  padding-bottom: 133%;*/
/*}*/
.component-e98e37eb-d536-4b89-929e-ad65329b3b67.square .callout .unstack-media:after {
  padding-bottom: 100%;
}
.component-e98e37eb-d536-4b89-929e-ad65329b3b67.landscape .callout .unstack-media:after {
  padding-bottom: 75%;
}

.component-e98e37eb-d536-4b89-929e-ad65329b3b67.portrait .callout .unstack-media,
.component-e98e37eb-d536-4b89-929e-ad65329b3b67.square .callout .unstack-media,
.component-e98e37eb-d536-4b89-929e-ad65329b3b67.landscape .callout .unstack-media {
  position: relative;
  width: 100%;
}

.component-e98e37eb-d536-4b89-929e-ad65329b3b67.portrait .callout .unstack-media img,
.component-e98e37eb-d536-4b89-929e-ad65329b3b67.square .callout .unstack-media img,
.component-e98e37eb-d536-4b89-929e-ad65329b3b67.landscape .callout .unstack-media img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/*&.portrait .callout .unstack-media .responsive-media,*/
/*&.landscape .callout .unstack-media .responsive-media,*/
/*&.square .callout .unstack-media .responsive-media {*/
/*  padding-bottom: 0 !important;*/
/*}*/

.component-e98e37eb-d536-4b89-929e-ad65329b3b67.crop_none .responsive-media {
  height: 0 !important;
  position: relative !important;
}

/*Columns*/

@media only screen and (min-width: 767px) {
  .component-e98e37eb-d536-4b89-929e-ad65329b3b67.c2 .callouts {
    grid-template-columns: 1fr 1fr;
  }

  .component-e98e37eb-d536-4b89-929e-ad65329b3b67.c3 .callouts {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .component-e98e37eb-d536-4b89-929e-ad65329b3b67.c4 .callouts {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .component-e98e37eb-d536-4b89-929e-ad65329b3b67.c5 .callouts {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .component-e98e37eb-d536-4b89-929e-ad65329b3b67.c6 .callouts {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }
}

/*Gap*/

/* ↓ mobile first default, normalize gap setting */
.component-e98e37eb-d536-4b89-929e-ad65329b3b67 .callouts {
    gap: 2rem;
}
@media (max-width: 767px) {
  .component-e98e37eb-d536-4b89-929e-ad65329b3b67 .callouts {
    grid-template-columns: repeat( auto-fit, minmax( 45%, 1fr ) );
  }
}
/* ↓ On desktop, set gap customization  */
@media (min-width: 767px) {
  .component-e98e37eb-d536-4b89-929e-ad65329b3b67.gap0 .callouts {
    grid-gap: 0rem;
    gap: 0rem;
  }

  .component-e98e37eb-d536-4b89-929e-ad65329b3b67.gap1 .callouts {
    grid-gap: 1rem;
    gap: 1rem;
  }

  .component-e98e37eb-d536-4b89-929e-ad65329b3b67.gap2 .callouts {
    grid-gap: 2rem;
    gap: 2rem;
  }

  .component-e98e37eb-d536-4b89-929e-ad65329b3b67.gap3 .callouts {
    grid-gap: 3rem;
    gap: 3rem;
  }

  .component-e98e37eb-d536-4b89-929e-ad65329b3b67.gap4 .callouts {
    grid-gap: 4rem;
    gap: 4rem;
  }

  .component-e98e37eb-d536-4b89-929e-ad65329b3b67.gap5 .callouts {
    grid-gap: 5rem;
    gap: 5rem;
  }

  .component-e98e37eb-d536-4b89-929e-ad65329b3b67.gap6 .callouts {
    grid-gap: 6rem;
    gap: 6rem;
  }

  .component-e98e37eb-d536-4b89-929e-ad65329b3b67.gap7 .callouts {
    grid-gap: 7rem;
    gap: 7rem;
  }

  .component-e98e37eb-d536-4b89-929e-ad65329b3b67.gap8 .callouts {
    grid-gap: 8rem;
    gap: 8rem;
  }

  .component-e98e37eb-d536-4b89-929e-ad65329b3b67.gap9 .callouts {
    grid-gap: 9rem;
    gap: 9rem;
  }

  .component-e98e37eb-d536-4b89-929e-ad65329b3b67.gap10 .callouts {
    grid-gap: 10rem;
    gap: 10rem;
  }

  .component-e98e37eb-d536-4b89-929e-ad65329b3b67.gap11 .callouts {
    grid-gap: 11rem;
    gap: 11rem;
  }

  .component-e98e37eb-d536-4b89-929e-ad65329b3b67.gap12 .callouts {
    grid-gap: 12rem;
    gap: 12rem;
  }
  

}

.component-e98e37eb-d536-4b89-929e-ad65329b3b67 .text-action-container, .component-e98e37eb-d536-4b89-929e-ad65329b3b67 .text-action-container a {
  margin: 0 !important;
  position: absolute;
  width: 100%;
  height: 100%;
}