/* Add custom CSS styles below */ 
.s-block--logos-slider.s-block--full-bg {
    background-color: transparent !important;
}
.flex.flex-col.bg-gray-100.da-bgg {
    background-color: transparent !important;
}

.breadcrumbs {
    background-color: transparent !important;
}
/*  custom CSS */
:root {
    --ease-2: cubic-bezier(0.25,0,0.4,1);
    --ease-spring-3: linear(0,0.009,0.035 2.1%,0.141 4.4%,0.723 12.9%,0.938 16.7%,1.017,1.077,1.121,1.149 24.3%,1.159,1.163,1.161,1.154 29.9%,1.129 32.8%,1.051 39.6%,1.017 43.1%,0.991,0.977 51%,0.974 53.8%,0.975 57.1%,0.997 69.8%,1.003 76.9%,1);
    --product-image-height: 17rem;
}

.total-price.font-bold.da-tm.text-xl.inline-block {
    color: #6F1213 !important;
}

a.flex-center.h-full.w-full:not(.ad-close) {
    display: flex !important;
    position: relative !important;
    overflow: hidden !important;
    height: var(--product-image-height) !important;
    width: 100% !important;
    align-items: center;
    justify-content: center;
    background-color: #ffffff !important;
}

.s-product-card-image-cover {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    background-color: #ffffff !important;
    transition: transform 0.9s var(--ease-spring-3) !important;
}

a.flex-center.h-full.w-full:not(.ad-close):hover .s-product-card-image-cover {
    transform: scale(1.06) !important;
}

a.flex-center.h-full.w-full:not(.ad-close)::before {
    content: '';
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0) 100%);
    transform: skewX(-25deg);
    z-index: 3;
    pointer-events: none;
}

a.flex-center.h-full.w-full:not(.ad-close):hover::before {
    left: 150%;
    transition: left 0.9s var(--ease-2);
}