.product-box {position: relative; display: block; border: solid 1px var(--color-general-border); padding: 10px; border-radius: var(--radius); background: var(--module-background)}
.inside-product-box{display: flex; height: 100%; flex-direction: column;}
.inside-product-box img {
    border-bottom: 1px solid var(--color-background);
}
.mtopauto{margin-top: auto;}
.elementflex {display: flex;}
.bottomprice{display: flex; justify-content: space-between; align-items: center;}
.product-box .image {position: relative; display: block; margin-bottom: 10px; transition: 0.2s all; opacity: 1;}
.product-box .image .special-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 15px;
    font-family: 'DIN Pro';
    padding: 10px;
    width: 65px;
    height: 30px;
    border-radius: 12px 0px 12px 0px;
    background: #eb503a;
/*    background: var(--blue-light);*/
    color: var(--color-white);
    font-weight: 900;
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
}
.product-box .rate {font-size: 12px; color: #F5C82F; margin-right: 10px;}
/* .product-box .titlediv {
    min-height: 80px;
} */
.product-box .title {
    text-align: left;
    position: relative;
    display: block;
    font-size: 0.85em;
    color :var(--color-black);
    font-family: 'OpenSans';
    font-weight: 400;
    margin-bottom: 5px;
    padding-top: 10px;
    border-top: 1px solid var(--border-product-text);
}
.product-box .price {
    position: relative;
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: var(--color-black);
    font-family: 'OpenSans';
}
.product-box .price .price-special {color: var(--color-specialprice); font-weight: 700;font-size: 16px;}
.product-box .price .price-old {color: var(--color-grey-dark); font-size: 14px;font-weight: 400;}
.product-box .stock-status {position: relative; display: block; font-size: 12px; padding: 0px; color: #999999;}
.product-box .stock-status.in-stock {color: #23ba29;}
.product-box .buttons {margin-top: 10px}
.inside-product-box #button-cart {
    background: none;
    border: none;
    position: relative;
    width: 100%;
    cursor: pointer;
/*    margin-top: 10px;*/
}
.inside-product-box #button-cart .text-button {
    color: var(--color-white);
    fill: var(--color-white);
    font-weight: 400 !important;
    border-radius: 12px;
    background: var(--color-background);
    font-size: 14px;
    font-family: 'OpenSans';
    padding: 6px 10px 7px 52px;
    display: block;
    transition: background-color 0.2s ease-in-out;
}
.inside-product-box #button-cart .icon-button {
    background: var(--color-background2);
    color: var(--text-white);
    border-radius: 12px 0 12px 0;
    font-size: 23px;
    position: absolute;
    left: 0px;
    top: 1px;
/*    height: 100%;*/
    padding: 0px 15px;
    transition:  background-color 0.2s ease-in-out;
}
.inside-product-box #button-cart:hover .text-button {
    color: var(--color-white);
    background: var(--color-background2);
}
.inside-product-box #button-cart:hover .icon-button {
    color: var(--color-white);
    background: var(--color-background);
}

.buttons .text-buton-indisponibil {
    color: var(--color-white);
    fill: var(--color-white);
    font-weight: 400 !important;
    border-radius: 12px;
    background: var(--color-specialprice);
    font-size: 14px;
    font-family: 'OpenSans';
    padding: 7px 10px;
    display: block;
    text-align: center;;
    transition: background-color 0.2s ease-in-out;
}