html {
    scroll-behavior: smooth;
}

.product-card:hover{
    /* box-shadow:none !important; */
    box-shadow: var(--bs-box-shadow) !important;
}
.s-image-fixed-height {
    height: 218px;
    position: relative;
    background-color: #dfdfdf;
    margin: -16px -16px 0 -16px;
}
.s-image{
    /* width: 100%; */
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
}