/** reset page settings */

#Article ul.itrk-card-list {
    list-style-type  : none;
    list-style-image : unset;
}

#Article ul.itrk-card-list li {
    margin : 0;
}

div.productCard .sliderContainer {
    text-align     : left;
    font           : normal normal 600 11px/14px Fira Sans;
    letter-spacing : 0;
    color          : var(--darkgray);
    margin-left    : 10px;
    margin-bottom  : 5px;
}

div.productCard.bestseller::before {
    position                : absolute;
    z-index                 : 20;
    top                     : -8px;
    right                   : -7px;
    bottom                  : 0;
    height                  : 100px;
    width                   : 100px;
    content                 : "";

    background              : url(/gfx/Banner2021/banderole.svg) no-repeat;

    -ms-background-size     : cover;
    -o-background-size      : cover;
    -moz-background-size    : cover;
    -webkit-background-size : cover;
    background-size         : cover;
}

/* banderole */
.banderole-wrapper {
    position : absolute;
    top      : -5px;
    right    : -5px;
    width    : 37%;
    height   : 92px;
    overflow : hidden;
}

.recommendation {
    position   : absolute;
    top        : 15%;
    right      : -35px;
    z-index    : 10;
    margin-top : 5px;
    display    : inline-block;
    font-size  : 12px;
    width      : 140px;
    text-align : center;
    color      : white;
    transform  : matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    background : #ef7d00;
    overflow   : hidden;
}

.product-card {
    max-width        : 470px;
    margin           : auto;
    padding          : 30px;
    background-color : #ffffff;
    position         : relative;
    border-radius    : 15px;
}

.product-card.bestseller::before {
    position                : absolute;
    z-index                 : 20;
    top                     : -8px;
    right                   : -7px;
    bottom                  : 0;
    height                  : 100px;
    width                   : 100px;
    content                 : "";
    background              : url(/gfx/Banner2021/banderole.svg) no-repeat;
    -ms-background-size     : cover;
    -o-background-size      : cover;
    -moz-background-size    : cover;
    -webkit-background-size : cover;
    background-size         : cover;
}

.product-card .product-image {
    float : left;
}

.product-card .productDetails {
    float    : right;
    width    : calc(100% - 147px);
    position : relative;
}

.product-card .productDetails > .price {
    margin : 10px auto 20px;
    font   : normal normal 600 24px/28px Fira Sans;
    color  : var(--darkgray);
}

.product-card .productDetails > .name {
    font           : normal normal 500 24px/28px Bitter;
    text-transform : uppercase;
}

.product-card .productDetails ul li i {
    margin-left  : -25px;
    color        : var(--primary-color);
    margin-right : 8px;
}

@media screen and (max-width : 767px) {
    .product-card .product-image {
        margin     : 0 auto;
        text-align : center;
        float      : none;
    }

    .product-card .productDetails {
        margin-top : 25px;
        float      : none;
        width      : 100%;
    }

    .product-card .productDetails div.name,
    .product-card .productDetails div.price {
        text-align : center;
    }
}

@media screen and (max-width : 480px) {
    .product-card {
        width : 260px;
    }
}