.wrapper {
    margin-bottom: 2rem;
    /*margin-left: 5px;*/
    /*margin-right: 5px;*/

    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 10px;
    min-height: 100%;
    position: relative;
}

.wrapper figure {
    display: block;
}

.decoration {
    /*position: relative;*/
    /*min-height: 100%;*/
}

.subname {
    width: -webkit-fill-available;
    width: -moz-available;
    position: absolute;
    margin: 0 1rem 0 0;
    bottom: 0;
}

.subname h4.product_name {
    font-size: 15px;
    font-weight: 700;
    color: #1e1e1e;
    margin-top: 15px;
    margin-bottom: 0;

    /*padding: 1rem;*/
    width: 100%;
    height: 60px;
    overflow: hidden;
    position: relative;

    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;
}


.subname h4.product_name:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 20px;
    background: linear-gradient(180deg, transparent, #fff 50%);
}


.subname h6.product_price {
    color: #3a8bcd;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 2;
    text-align: right;
    text-align: -moz-right;
    text-align: -webkit-right;
    padding-right: 10px;
}

.subname h6.product_price span.article_number {
    color: #918f8f !important;
}


/*.subname h6.product_price {*/
/*    color: #3a8bcd;*/
/*    font-size: 15px;*/
/*    font-weight: 700;*/
/*    margin-bottom: 0;*/
/*    line-height: 2;*/
/*    !* Убираем text-align, так как работает d-flex *!*/
/*    !* text-align: right; - УДАЛИТЬ *!*/

/*    !* padding-right можно оставить, если нужен отступ от правого края блока *!*/
/*    padding-right: 10px;*/
/*}*/



figure.figure > img {
    max-height: 300px;
}