.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;
                }



                           .far {
                            font-size: 25pt;
                            position: absolute;
                            padding: 16px;
                            color: black;
                            top: 10px;
                            left: 70%;
                            }



                             .fas {
                            font-size: 25pt;
                            padding: 16px;
                            color: red;
                                position: absolute;


                                top: 10px;
                            left: 70%;
                            }

                            .heart {

                            font-size: 25pt;
                            padding: 16px;

                            position: absolute;

                            cursor: pointer;
                             top: 10px;
                            left: 70 %;
                            }

                            .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 */
  }
}