.et-product-slider {
    // Slider
    &-slider {
        .slick-slide > div {
            height: 100%;
        }

        .slick-list {
            padding: 22px 0; // needed, because otherwise the box-shadow hover effect is cut off, due to multiple overflow:hidden inside the slider
        }

        /* advertising boxes styles */
        .et-info-box {
            height: 100%;
            .et-info-box-content {
                height: 100%;
                display: flex;
                flex-direction: column;
                justify-content: center;
                a {
                    display: block;
                }
            }
            .et-info-box-content img {
                width: 100%;
            }
            .et-info-box-content-image {
                display: flex;
                justify-content: center;
                align-items: center;
                height: 100%;
            }
        }
    }

    // Product
    &-product {
        border: 0 none;
        height: 100%;
        display: flex !important; // Needed, because slick sets it to inline-block which breaks our styles!
        flex-direction: column;

        &:hover {
            box-shadow: 0 1px 22px rgba(19, 87, 100, 0.09);
            border-radius: 10px;

            .productbox-image.item-slider img {
                border-radius: 10px 10px 0 0;
            }
        }

        .item-slider.productbox-image {
            margin-bottom: 10px;
        }
    }
}

.et-product-slider-wrapper {
    // Hover styles
    &.et-hover-style-zoom {
        .productbox-image {
            overflow: hidden;
            img {
                transition: transform .5s ease-in-out;
            }
        }
        .product-wrapper:hover .productbox-image img {
            transform: scale(1.2);
        }
    }
}