/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./src/app/(frontend)/shop/products/products.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
.products_card__y4oaK {
  position: relative;

  cursor: pointer;
  overflow: hidden; /* Ensures child elements are contained within */
}

.products_productCard__qpboF {
  position: relative;
  cursor: pointer;
  overflow: hidden; /* Ensures child elements are contained within */
}


.products_overlay__sbce6 {
  position: absolute;
  bottom: -100%; /* Start offscreen */
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.5); /* Semi-transparent background */
  backdrop-filter: blur(8px); /* Apply blur effect */
  color: black;
  transition: bottom 0.5s ease; /* Smooth transition for transform */
}

.products_card__y4oaK:hover .products_overlay__sbce6 {
  bottom: 0; /* Slide in from the bottom */
}

/* @media (max-width: 575.98px) { 
    .productCard{
      width: 190px;
      height: 350px;
    }
 } */