.orange-clipped-tag {
  clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
}

.prod-img {
  flex-shrink: 0;
  display: flex;
  position: relative;
  /* display: contents; */
  height: 206px;
  transition: height 0.4s ease-in-out;
}

.prod-img-overlay {
  display: none;
}

.product-block-custom:hover .prod-img-overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: inherit;
  background-color: #00000066;
  pointer-events: none;
}

.product-block-custom {
  position: relative;
  overflow: hidden;
  max-height: var(--dynamic-max-height);
}

.product-block-custom:hover .hidden-transformable-block {
  transform: translateY(-170px);
  transition: all 0.4s ease-in-out;
}
.featured-product-block-custom:hover .prod-img-overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: inherit;
  background-color: #00000066;
  pointer-events: none;
}

.featured-product-block-custom {
  position: relative;
  overflow: hidden;
  max-height: var(--dynamic-max-height);
}

.featured-product-block-custom:hover .hidden-transformable-block {
  transform: translateY(-170px);
  transition: all 0.4s ease-in-out;
}

.latest-product-block-custom:hover .prod-img-overlay,
.upsell-product-block-custom:hover .prod-img-overlay
{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: inherit;
  background-color: #00000066;
  pointer-events: none;
}

.latest-product-block-custom ,
.upsell-product-block-custom {
  position: relative;
  overflow: hidden;
  max-height: var(--dynamic-max-height);
}

.latest-product-block-custom:hover .hidden-transformable-block,
.upsell-product-block-custom:hover .hidden-transformable-block {
  transform: translateY(-170px);
  transition: all 0.4s ease-in-out;
}


.yml-product-block-custom:hover .prod-img-overlay,
.bought-product-custom-widget:hover .prod-img-overlay  {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: inherit;
  background-color: #00000066;
  pointer-events: none;
}

.yml-product-block-custom,
.bought-product-custom-widget {
  position: relative;
  overflow: hidden;
  max-height: var(--dynamic-max-height);
}

.yml-product-block-custom:hover .hidden-transformable-block,
.bought-product-custom-widget:hover .hidden-transformable-block {
  transform: translateY(-170px);
  transition: all 0.4s ease-in-out;
}


.hidden-transformable-block {
  background-color: white;
  transform: translateY(0);
  transition: all 0.4s ease-in-out;
}

.expected-delivery-date {
  z-index: 10;
  position: absolute;
  bottom: 0;
}

#featuredPrdoducts .swiper-pagination,
#trustPilotReviewBlock .swiper-pagination,
#hpRecentViewedPrdoducts .swiper-pagination,
#latestPrdoducts .swiper-pagination,
#ymlPrdoducts .swiper-pagination ,
#alsoBoughtProduct .swiper-pagination,
#upsellProducts .swiper-pagination{
  /* width: auto !important; */
  position: relative !important;
  display: flex !important;
  justify-content: center !important;
  gap: 8px !important;
  top: 0 !important;
  bottom: 0 !important;
}

#featuredPrdoducts .swiper-pagination-bullet,
#latestPrdoducts .swiper-pagination-bullet,
#ymlPrdoducts .swiper-pagination-bullet,
#alsoBoughtProduct .swiper-pagination-bullet,
#trustPilotReviewBlock .swiper-pagination-bullet,
#hpRecentViewedPrdoducts .swiper-pagination-bullet,
#upsellProducts .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  opacity: 1;
  background: none;
  margin: 0 !important;
}


#featuredPrdoducts .swiper-pagination-bullet {
  border: 1px solid white;
}

#hpRecentViewedPrdoducts .swiper-pagination-bullet {
  border: 1px solid #252525;
}
#latestPrdoducts .swiper-pagination-bullet,
#upsellProducts .swiper-pagination-bullet {
  border: 1px solid #252525;
}
#ymlPrdoducts .swiper-pagination-bullet {
  border: 1px solid #252525;
}
#alsoBoughtProduct .swiper-pagination-bullet {
  border: 1px solid #252525;
}
#trustPilotReviewBlock .swiper-pagination-bullet {
  border: 1px solid white;
}



#featuredPrdoducts .swiper-pagination-bullet.swiper-pagination-bullet-active,
#trustPilotReviewBlock .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: white;
}

#hpRecentViewedPrdoducts .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #252525;
}
#latestPrdoducts .swiper-pagination-bullet.swiper-pagination-bullet-active,
#ymlPrdoducts .swiper-pagination-bullet.swiper-pagination-bullet-active,
#alsoBoughtProduct .swiper-pagination-bullet.swiper-pagination-bullet-active,
#upsellProducts .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #252525;
}


#featuredPrdoducts .swiper-button-next,
#featuredPrdoducts .swiper-button-prev,
#latestPrdoducts .swiper-button-next,
#latestPrdoducts .swiper-button-prev,
#hpRecentViewedPrdoducts .swiper-button-next,
#hpRecentViewedPrdoducts .swiper-button-prev,
#trustPilotReviewBlock .swiper-button-next,
#trustPilotReviewBlock .swiper-button-prev,
#ymlPrdoducts .swiper-button-next,
#ymlPrdoducts .swiper-button-prev,
#alsoBoughtProduct .swiper-button-next,
#alsoBoughtProduct .swiper-button-prev,
#upsellProducts .swiper-button-next,
#upsellProducts .swiper-button-prev {
  position: relative !important;
  height: 100%;
  top: 0 !important;
  bottom: 0 !important;
  margin: 0 !important;
}

#featuredPrdoducts .swiper-button-next::after,
#trustPilotReviewBlock .swiper-button-next::after {
  content: "";
  background: url("../png/right-arrow-white-2.png") no-repeat center center;
  background-size: contain;
  width: 24px;
  height: 24px;
}

#featuredPrdoducts .swiper-button-prev::after,
#trustPilotReviewBlock .swiper-button-prev::after {
  content: "";
  background: url("../png/left-arrow-white-2.png") no-repeat center center;
  background-size: contain;
  width: 24px;
  height: 24px;
}

#hpRecentViewedPrdoducts .swiper-button-next::after {
  content: "";
  background: url("../png/right-arrow-2.png") no-repeat center center;
  background-size: contain;
  width: 24px;
  height: 24px;
}

#hpRecentViewedPrdoducts .swiper-button-prev::after {
  content: "";
  background: url("../png/left-arrow-2.png") no-repeat center center;
  background-size: contain;
  width: 24px;
  height: 24px;
}
#latestPrdoducts .swiper-button-next::after,
#ymlPrdoducts .swiper-button-next::after,
#alsoBoughtProduct .swiper-button-next::after,
#upsellProducts .swiper-button-next::after {
  content: "";
  background: url("../png/right-arrow-2.png") no-repeat center center;
  background-size: contain;
  width: 24px;
  height: 24px;
}

#latestPrdoducts .swiper-button-prev::after,
#ymlPrdoducts .swiper-button-prev::after,
#alsoBoughtProduct .swiper-button-prev::after,
#upsellProducts .swiper-button-prev::after {
  content: "";
  background: url("../png/left-arrow-2.png") no-repeat center center;
  background-size: contain;
  width: 24px;
  height: 24px;
}


#trustPilotReviewBlock .swiper-slide {
  display: flex;
}
#featuredPrdoducts .swiper-slide,
#hpRecentViewedPrdoducts .swiper-slide,
#trustPilotReviewBlock .swiper-slide,
#latestPrdoducts .swiper-slide,
#ymlPrdoducts .swiper-slide,
#alsoBoughtProduct .swiper-slide,
#upsellProducts .swiper-slide {
  height: auto !important;
}

@media screen and (max-width: 425px) {
  .product-block-custom:hover .hidden-transformable-block {
      transform: translateY(-135px);
      transition: all 0.4s ease-in-out;
  }
  .featured-product-block-custom:hover .hidden-transformable-block {
      transform: translateY(-135px);
      transition: all 0.4s ease-in-out;
  }
  .latest-product-block-custom:hover .hidden-transformable-block,
  .upsell-product-block-custom:hover .hidden-transformable-block  {
      transform: translateY(-135px);
      transition: all 0.4s ease-in-out;
  }
  .yml-product-block-custom:hover .hidden-transformable-block {
      transform: translateY(-135px);
      transition: all 0.4s ease-in-out;
  }
  .bought-product-custom-widget:hover .hidden-transformable-block {
      transform: translateY(-135px);
      transition: all 0.4s ease-in-out;
  }
  #featuredPrdoducts .swiper-slide,
  #hpRecentViewedPrdoducts .swiper-slide,
  #trustPilotReviewBlock .swiper-slide,
  #latestPrdoducts .swiper-slide,
  #ymlPrdoducts .swiper-slide,
  #alsoBoughtProduct .swiper-slide,
  #upsellProducts .swiper-slide {
      height: auto !important;
  }
}