﻿:root {
    --rouge_grosbill: #e53029;
    --vert_grosbill: #20A75F;
}

.grb_bloc-config__surtitle {
    font-size: 20px;
}

.grb_bloc-config__title {
    font-size: 24px;
    font-weight: var(--semibold);
    text-transform: uppercase;
}

.grb_bloc-config__subtitle {
    font-size: 25px;
    font-weight: var(--regular);
}

.grb_template__product-list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    row-gap: 30px;
    align-items: center;
}

.grb_bloc-config__title-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 10px;
    width: fit-content;
}

.grb_bloc-config__link-article {
    display: flex;
    flex-direction: column;
    row-gap: 15px;
    align-items: center;
}

.grb_bloc-config__article--wrapper {
    display: flex;
    max-width: 1600px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    row-gap: 30px;
    column-gap: 30px;
}

.grb_bloc-config__article {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 350px;
    border-radius: 10px;
    padding: 15px 0 0;
    background: var(--blanc);
}

.grb_bloc-config__article--information-wrapper {
    display: flex;
    column-gap: 15px;
    align-items: center;
    align-self: flex-start;
    height: 23px;
    padding: 0 15px;
}

.grb_bloc-config__discount--wrapper {
    background: var(--rouge_grosbill);
    padding: 5px 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
}

.grb_bloc-config__pill-event-wrapper {
    background: var(--vert_grosbill);
    padding: 5px 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
}

.grb_bloc-config__discount, .grb_bloc-config__pill-event {
    color: var(--blanc);
    font-size: 13px;
    font-weight: var(--medium);
}

.grb_bloc-config__img-product-wrapper {
    height: 200px;
    width: 250px;
}

.grb_bloc-config__img-product {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.grb_bloc-config__article--description-product {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 10px;
    padding: 0 10px;
}

.grb_bloc-config__article-name {
    font-size: 18px;
    font-weight: var(--semibold);
}

.grb_bloc-config__article--description {
    text-align: center;
    height: 45px;
    font-size: 14px;
}

.grb_bloc-config__article--price-wrapper {
    display: flex;
    column-gap: 15px;
    align-items: baseline;
}

.grb_bloc-config__article--old-price {
    position: relative;
    width: fit-content;
}

    .grb_bloc-config__article--old-price:after {
        content: "";
        position: absolute;
        height: 1px;
        width: 100%;
        background: var(--noir);
        transform: rotate(353deg);
        left: 0;
        top: 40%;
    }

.grb_bloc-config__article--current-price {
    font-size: 22px;
    color: var(--noir);
    font-weight: var(--semibold);
}

    .grb_bloc-config__article--current-price.grb_bloc-config__article--current-price-discount {
        font-size: 22px;
        color: var(--rouge_grosbill);
        font-weight: var(--semibold);
    }

.grb_bloc-config__article--add-to-cart {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 10px 20px;
    background: var(--rouge_grosbill);
    border-radius: 0 0 10px 10px;
}

.grb_bloc-config__article--cart-text {
    color: var(--blanc);
    font-size: 18px;
    font-weight: var(--semibold);
    text-transform: uppercase;
}

.grb_bloc-config__conditions-wrapper {
    display: flex;
    justify-content: center;
}

.grb_bloc-config__conditions {
    font-size: 15px;
    font-weight: var(--medium);
}

@media screen and (max-width: 1024px) {
    .grb_bloc-config__article--wrapper {
        flex-direction: column;
        row-gap: 30px;
    }

    .grb_bloc-config__title-wrapper {
        text-align: center;
    }
}
