.product-item {
    transition: all .2s ease-in-out;
}
@media only screen and (min-width: 991px) {
    .product-item:hover {
        transform: scale(1.1);
    }
}
#product-combination label {
    cursor: pointer;
}
.product-link-wrap {
    position: relative;
}
.product-link-wrap input {
    position: absolute;
    z-index: 3;
    margin: .5rem !important;
}
.product-link-wrap .form-check-label {
    z-index: 2;
}
#product-combination label img {
    transition: all .2s ease-in-out;
}
#product-combination label:hover img {
    transform: scale(1.1);
}
.product-item .product-view {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    border: 0px !important;
    z-index: 99;
}
.product-item .product-view:hover {
    border: 0px !important;
}
.product-item .quick-add2basket,
.product-item .add2basket {
    z-index: 101;
    position: relative;
}
.shoppingbasket-item {
    border-bottom: 1px solid #dfe2e1 !important;
    margin-bottom: 0.5rem !important;
}
.shoppingbasket-item:last-of-type {
    border-bottom: none !important;
    margin-bottom: 0rem !important;
}

.fixed-sm-top {
}
.fixed-sm-bottom {
}
@media only screen and (max-width: 578px) {
    .fixed-sm-top {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
    }
    .fixed-sm-bottom {
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 1030;
    }
}
#product-combination {
    position: relative;
}
.orderscroll-indicator {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    font-size: 24px;
    color: #000;
    pointer-events: none;
    animation: blink-scrollindicator 1.5s infinite;
    display: none; /* Initially hidden */
}
@keyframes blink-scrollindicator {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
}
.product-swipe {
    flex-wrap: nowrap !important;
    position: relative !important;
    display: flex !important;
    overflow-x: scroll !important;
}
.btn-close.icon-lg {
    width: 1.5em;
    height: 1.5em;
    position: relative;
    display: inline-block;
}
.action-text {

}
.action-text span {

}
.action-text span.event {
    display: none;
}
.action-text.active span {
    display: none;
}
.action-text.active span.event {
    display: inline-block;
}

.card-img-top {
    transition: opacity 0.5s ease-in-out;
}
.card-img-hidden {
    opacity: 0;
}
.customer-reassurance img {
    width: 34px !important;
}
.card-img-wrapper {
  height: 220px; /* or any height you want for consistency */
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f8f9fa; /* Optional: gives a nice neutral background */
}
.card-img-wrapper img {
  object-fit: contain; /* or use 'cover' if you want it to fill the space entirely */
  height: 100%;
  width: auto;
}
#mobileFilterOffcanvas {
    width: 95vw !important;
}