.card-shop {
    display: flex;
    flex-direction: column;

    position: relative;
    padding: 1rem;
    margin-bottom: 1rem;
    /*background-color: #f8f9fa;*/
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
}
.card-shop::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    height: 100%;
    width: 5px;
    background: var(--color-gender-h);
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
}
.card-shop[data-gender="1"]::before {
    background: var(--color-gender-h);
}
.card-shop[data-gender="2"]::before,
.card-shop[data-gender="3"]::before {
     background: var(--color-gender-f);
}
.card-shop[data-gender="4"]::before {
    background: var(--color-gender-h);
}
.card-shop[data-gender="5"]::before {
    background: var(--color-gender-h);
}
.card-shop[data-gender="6"]::before {
    background: var(--color-gender-h);
}


.cart-shop__profil {
    margin-bottom: 1rem;
} 
.card-shop__detail {
    margin-bottom: 1rem;
}
.card-shop__price {
    grid-column: 3;
    align-self: end;
    font-weight: bold;
}
.cart-shop__callbackmsg {
    font-size: 1rem;
}
.card-shop__detail ul {
    list-style-type: none;
    padding: 0px;
    margin: 0;
}
.card-shop__buttons {
    text-align: end;
    grid-column: 4;
}
.discount_price_old{
    color: red;
    font-style: italic;
    text-decoration: line-through;
    font-weight: bold;
}
@media (min-width: 992px) {
    .card-shop {
        display: grid;
        grid-template-columns: 220px 1fr 100px 50px;
        align-items: center;
        min-height: 130px;
        padding: 1rem 2.5rem;
    }
    .cart-shop__profil {
        grid-column: 1;
        margin-bottom: 0;
    }
    .card-shop__detail {
        grid-column: 2;
        margin-bottom: 0;
    }
    .card-shop__price {
        grid-column: 3;
        align-self: inherit;
        justify-self: end;
        margin-bottom: 0;
    }
}