.products_and_slider_footer {
  width: 100%;
  overflow: hidden;
}

.products_footer {
  display: block;
  width: 100%;
  padding: 0.5em 0;
}

.card_footer {
  font-size: 12px;
  /* or 1rem / 0.875rem */
  background-color: #fff;
  max-width: 15em;
  margin-top: 1em;
  padding: 1em;
  border-radius: 5px;

  /* Remove solid border */
  border: none;
  height: 30em;

  /* Soft but noticeable shadow */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.3s ease;
}

.card_footer:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

.img_footer {
  width: 100%;
  /* Makes image fill the card width */
  height: auto;
  /* Maintains aspect ratio */
  max-height: 150px;
  /* Optional: limits image height */
  object-fit: cover;
  /* Keeps the image nicely cropped */
  border-radius: 5px;
  /* Optional: rounded corners to match card */
  vertical-align: middle;

}

.image-container_footer {
  display: inline-block;
  position: relative;
  text-align: center;
}


.footer-heart {
  position: absolute;
  top: 80%;
  left: 78%;
  width: 34px;
  height: 34px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: none;
  background: transparent;
  cursor: pointer;

  font-size: 20px;
  /* ⬅️ slightly larger fill */
  line-height: 1;
  z-index: 10;
}

.pulse {
  animation: pulse .5s;
}

@keyframes .pulse {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1);
  }

  100% {
    transform: scale(1);
  }
}


.mainContainer_footer {
  margin-top: auto;
  padding-top: 1em;
  color: #110f29;
}

.h5_footer {
  font-weight: 500;

}

.h7_footer {
  display: none;

}

h43 {
  display: none;

}

h99 {
  display: none;

}

.h10_footer {
  display: none;
}



@media (max-width: 820px) {
  .slick-list {
    position: relative !important;
    /* remove absolute */
    width: 100% !important;
    /* full width container */
    height: auto !important;
    /* adapt to content */
    margin-left: 0 !important;
    /* reset margin */
  }

  /* Optionally, make .products_and_slider_footer and .products_footer scroll horizontally if needed */
  .products_and_slider_footer,
  .products_footer {
    overflow-x: auto !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    -webkit-overflow-scrolling: touch;
    /* smooth scroll iOS */
  }
}