.product-tout {
    border-radius: 0.625rem;
    display: block;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.5%;
    position: relative;
    text-decoration: none;
    width: 100%
}

.product-tout:hover .product-tout__backdrop {
    -webkit-backdrop-filter: brightness(1.2);
    backdrop-filter: brightness(1.2)
}

.product-tout:hover .product-tout__product-image {
    scale: 1.1
}

.product-tout--with-gradient .product-tout__background {
    background: -webkit-gradient(linear, left top, left bottom, from(#29252B), color-stop(32.77%, #9D7E6A), color-stop(68.8%, #DFAD70), color-stop(110.79%, #EF773E));
    background: linear-gradient(180deg, #29252B 0%, #9D7E6A 32.77%, #DFAD70 68.8%, #EF773E 110.79%);
    height: 400%;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.product-tout--with-gradient:hover .product-tout__background {
    -webkit-transform: translateY(-30%);
    transform: translateY(-30%)
}

.product-tout__title {
    color: #fff;
    padding: 1.375rem;
    position: relative;
    z-index: 1
}

@media print, screen and (min-width: 23.4375em) {
    .product-tout__title {
        padding: 1.875rem
    }
}

.product-tout__background {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.product-tout__background img {
    height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.product-tout__backdrop {
    -webkit-backdrop-filter: brightness(1);
    backdrop-filter: brightness(1);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: -webkit-backdrop-filter .5s;
    transition: -webkit-backdrop-filter .5s;
    transition: backdrop-filter .5s;
    transition: backdrop-filter .5s, -webkit-backdrop-filter .5s;
    width: 100%
}

.product-tout__product-image {
    bottom: 1.5625rem;
    height: 60%;
    position: absolute;
    right: 1.5625rem;
    scale: 1;
    -webkit-transition: scale .5s;
    transition: scale .5s
}

@media print, screen and (min-width: 52.125em) {
    .product-tout__product-image {
        bottom: 2.1875rem;
        right: 2.1875rem
    }
}

.product-tout--with-gradient .product-tout__product-image {
    bottom: 0;
    height: auto;
    right: 0;
    width: 100%
}

.product-tout--with-gradient .product-tout__product-image img {
    display: block;
    min-height: 100%;
    width: 100%
}

.product-tout__product-image img {
    height: 100%;
    width: auto
}