.product-miniature {
    position : relative;
    padding  : 0 .625rem;
    margin   : 0;
    z-index: 1;
}

.product-miniature .thumbnail-container {
    height         : 100%;
    background: rgba(0,0,0,0.05);
    display        : flex;
    flex-direction : column;
    max-width: 400px;
}

.product-miniature .thumbnail-container .product-thumbnail {
    flex : 0 0 auto;
}

.product-miniature img {
    display    : block;
    max-width  : 100%;
    object-fit : contain;
    margin     : 0 auto;
}

.product-miniature .product-thumbnail.--lazyload {

    position       : relative;
    width          : 100%;
    max-width      : 400px;
    padding-bottom : 100%;
}

.product-miniature .product-thumbnail.--lazyload img {
    position : absolute;
    top      : 0;
    left     : 5%;
    width    : 90%;
    height   : 100%;
    z-index: -1;
}

.product-miniature .product-description {
    flex           : 1;
    position       : relative;
    background     : #fff;
    width          : 100%;
    display        : flex;
    flex-direction : column;
    padding        : .3rem 0;
    font-family: "Poppins", sans-serif;
}

.product-miniature .product-title {
    text-align     : center;
    text-transform : uppercase;
    padding        : 0rem 0;
    margin         : 0;
}

.product-miniature .product-title a {
    display         : block;
    color           : black;
    font-size       : 15px;
    text-decoration : none;
    text-align      : left;
    font-weight     : 600;
    text-transform: initial;
}

.product-price-and-shipping {
    margin-top : auto;
}

.product-miniature .product-price-and-shipping {
    color       : white;
    font-weight : lighter;
    text-align  : left;
    padding     : 0rem 0;
    font-size: 13.5px;

}

.product-price-and-shipping .divided-format__price {
    display         : flex;
    justify-content : center;
    color           : var(--price-color);
    font-size       : calc(30px + (40 - 30) * ((100vw - 320px) / (1920 - 320)));
    line-height     : 0.75;
    position        : relative;
    margin-top      : 0.25em;
}

.product-price-and-shipping .divided-format__price .unit {
    font-weight : 600;
}

.product-price-and-shipping .divided-format__price .right {
    display         : flex;
    flex-direction  : column;
    justify-content : space-between;
}

.product-price-and-shipping .divided-format__price .currency {
    font-size  : 0.564em;
    text-align : left;
}

.product-price-and-shipping .divided-format__price .cent {
    font-size : 0.33em;
}

.highlighted-informations {
    width      : 100%;
    background : #f7f7f7;
    text-align : center;
}


.add-to-cart__wrapper form {
    font-size       : calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
    margin          : 0.57em auto;
}

.add-to-cart-btn__wrapper {
    width : 100%;
}

.add-to-cart {
    font-size      : 1em;
    text-transform : uppercase;
    display        : block;
    width          : 100%;
    padding        : 0.64em 0.93em;
    line-height    : 1.286em;
    text-align     : center;
}

.add-to-cart__wrapper .bwa__loader {
    font-size       : calc(1.286em + 0.64em + 0.64em);
}

.product-manufacturer {
    text-align : center;
}

.product-manufacturer a {
    display         : inline-block;
    min-height      : 14px;
    font-size       : calc(9px + (11 - 9) * ((100vw - 320px) / (1920 - 320)));
    color           : #777;
    text-transform  : uppercase;
    text-decoration : none;
    transition      : all .3s;
}

.product-manufacturer a:hover {
    color : var(--link-color-on-hover);
}

.product-miniature .discount-amount,
.product-miniature .discount-percentage {
    background : var(--secondary-color);
}

.new-product-flags {
    position: absolute;
    background: var(--secondary-color);
    top: 0;
    padding: 5px 10px;
    width: auto;
    margin-top: 10px;
    color: white;
    box-shadow: 2px 2px 11px 0 rgb(0 0 0 / 10%);
}


.flag-out-of-stock {
    background-color: #C70829;
    position: absolute;
    width: 55px;
    height: 55px;
    color: white;
    border-radius: 100%;
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 15px;
    right: 15px;
}

/*


 */

@media (max-width : 767px) {

    .product-miniature .product-title a
    {
        font-size: 10px;
    }
}

@media (max-width: 300px)
{
    .flag-out-of-stock
    {
        height: 30px;
        width: 30px;
        font-size: .5em;
    }

}