:root {
    --top-sale-gap: 120px;
    --clr-special-event: #FF5C39;
}
.content {
    display: flex;
    flex-direction: column;
    row-gap: 40px;
    padding: 20px 0;
    background-color: #f5f5f5;
}
.grb_desktop-pc__breadcrumb {
    width: fit-content;
    padding-left: 20px;
}
.grb_desktop-pc__breadcrumb-category {
    position: relative;
    font-size: var(--size_h6);
}
a.grb_desktop-pc__breadcrumb-category {
    text-decoration: underline;
}
a.grb_desktop-pc__breadcrumb-category::after {
    content: '>';
    position: absolute;
    top: 0;
    right: -20px;
    height: 100%;
}

/* pc top vente */
.grb_desktop-pc__top-sale__pagination {
    display: none;
}
.grb_desktop-pc__sale {
    width: fit-content;
    max-width: 1280px;
}
.grb_desktop-pc__top-sale__content {
    overflow: hidden;
    margin: 0 var(--top-sale-gap);
}
.grb_desktop-pc__top-sale__wrapper {
    padding: 40px 0;
}
.grb_desktop-pc__top-sale__link {
    position: relative;
    max-width: 425px;
    border-radius: 28px 19px 19px 19px;
    border: 3px solid #414446;
    background-color: var(--blanc);
}
.grb_desktop-pc__top-sale__link:hover
.grb_desktop-pc__top-sale__image {
    margin-top: -5px;
    margin-bottom: 5px;
}
.grb_desktop-pc__top-sale__card-wrapper {
    padding: 20px;
}
.grb_desktop-pc__top-sale__title,
.grb_desktop-pc__top-sale__description ul li,
.grb_desktop-pc__top-sale__description ul li strong,
.grb_desktop-pc__top-sale__price,
.grb_desktop-pc__top-sale__price-decimal {
    font-weight: var(--medium);
}
.grb_desktop-pc__top-sale__description ul li {
    position: relative;
    padding-left: 15px;
}
.grb_desktop-pc__top-sale__description ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 7px;
    height: 7px;
    background: #d9d9d9;
    clip-path: path("M6.881 3.224C7.35 3.526 7.35 4.474 6.881 4.776L2.539 6.886C1.975 7.243 0.75 6.758 0.75 5.724V1.276C0.75 0.242 1.975 -0.243 2.539 0.114L6.881 3.224Z");
}

.grb_desktop-pc__top-sale__title {
    font-size: var(--size_h3);
}
.grb_desktop-pc__top-sale__description ul {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}
.grb_desktop-pc__top-sale__description ul li,
.grb_desktop-pc__top-sale__description ul li strong {
    font-size: var(--size_p);
}
.grb_desktop-pc__top-sale__discount {
    width: fit-content;
}
.grb_desktop-pc__top-sale__discount-difference {
    padding: 5px 10px;
    color: #fff;
    background-color: var(--rouge);
    border-radius: 14px 12px 12px 9px;
}
.grb_desktop-pc__top-sale__discount-price,
.grb_desktop-pc__top-sale__price {
    column-gap: 5px;
}
.grb_desktop-pc__top-sale__price {
    font-size: var(--size_h3);
}
.grb_desktop-pc__top-sale__price-decimal {
    font-size: var(--size_p);
}
.grb_desktop-pc__top-sale__cta {
    padding: 10px 60px;
    color: #fff;
    font-size: 20px;
    font-weight: var(--semibold);
    background-color: var(--rouge);
    border-radius: 15px;
    text-transform: uppercase;
}
.grb_desktop-pc__top-sale__image {
    position: absolute;
    bottom: 50%;
    left: 50%;
    width: 100%;
    height: 150%;
    max-width: 320px;
    max-height: 320px;
    transform: translateY(50%);
    transition: .2s margin;
}
.grb_desktop-pc__top-sale__nxt,
.grb_desktop-pc__top-sale__prv {
    top: 50%;
    width: 50px;
    height: 80px;
    transform: translateY(-30%);
}
.grb_desktop-pc__top-sale__nxt::after,
.grb_desktop-pc__top-sale__prv::after {
    content: '';
}

.grb_desktop-pc__title {
    font-size: var(--size_h1);
    font-weight: var(--medium);
    text-align: center;
}
.grb_desktop-pc__list {
    flex-wrap: wrap;
    width: 100%;
}
.grb_desktop-pc__item {
    position: relative;
    width: 100%;
    max-width: 595px;
    padding: 20px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 38px 38px 18px 16px;
    background-color: #fff;
}
.grb_desktop-pc__item--special {
    color: #fff;
    background: linear-gradient(171deg, #414045 2.74%, #262626 34.54%, #262626 58.48%, #331317 99.76%);
    border: 0;
}
.grb_desktop-pc__item--special .grb_desktop-pc__component-icon {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}
.grb_desktop-pc__item--special .grb_desktop-pc__option {
    color: #000;
}
.grb_desktop-pc__card-heading__left {
    row-gap: 5px;
}
.grb_desktop-pc__card-heading__right {
    align-self: flex-start;
}
.grb_desktop-pc__card-heading--mobile {
    display: none;
}
.grb_desktop-pc__rating {
    height: 16px;
    column-gap: 5px;
}

.grb_desktop-pc__card-content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.grb_desktop-pc__card-image {
    width: 100%;
    max-width: 225px;
    height: 225px;
}

.grb_desktop-pc__card-info {
    max-width: 290px;
}
.grb_desktop-pc__title,
.grb_desktop-pc__card-type,
.grb_desktop-pc__card-title {
    text-transform: uppercase;
}
.grb_desktop-pc__card-type {
    font-size: var(--size_h5);
    font-weight: var(--regular);
}
.grb_desktop-pc__card-title {
    font-size: var(--size_h3);
    font-weight: var(--medium);
}
.grb_desktop-pc__offer-tag {
    padding: 7px;
    color: #fff;
    font-size: var(--size_h4);
    border-radius: 10px 10px 10px 6px;
    text-transform: uppercase;
}
.grb_desktop-pc__offer-tag--special {
    display: none;
    background-color: var(--clr-special-event);
}
.grb_desktop-pc__item--special .grb_desktop-pc__offer-tag--special {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 25px 0 15px 0;
}
/* gamme */
.grb_desktop-pc__card-range {
    width: fit-content;
    height: 39px;
    column-gap: 5px;
}
.grb_desktop-pc__range-icon {
    border-radius: 5px 9px 2px 5px;
    padding: 7px;
    filter: drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.25));
}
.grb_desktop-pc__range-icon.gamme_essentiel {
    background: linear-gradient(to bottom right, #FF0000, #A40000 23.84%, #FF613F 67.69%, #9B1C00 100%);
}
.grb_desktop-pc__range-icon.gamme_confort {
    background: linear-gradient(to bottom right, #BDBDBD, #827C7C 23.84%, #DFDFDF 67.69%, #656565 100%);
}
.grb_desktop-pc__range-icon.gamme_premium {
    background: linear-gradient(to bottom right, #C68E00, #FFD232 23.84%, #FFE58A 67.69%, #A78200 100%);
}
.grb_desktop-pc__range-icon.gamme_elite {
    background: linear-gradient(to bottom right, #111, #2B2B2B 23.8436%, #525252 67.6871%, #000);
}
.grb_desktop-pc__range-icon svg path {
    fill: #fff;
}
.grb_desktop-pc__range-icon.gamme_elite svg path {
    fill: url(#eliteGradient);
}
.grb_desktop-pc__range-text {
    max-width: 100px;
    text-transform: uppercase;
    font-weight: var(--semibold);
    line-height: 1.25;
    font-size: 13px;
}
.grb_desktop-pc__range-text__big {
    font-size: var(--size_h5);
}
.grb_desktop-pc__range-text.gamme_premium {
    color: #B28E11;
}
.grb_desktop-pc__range-text.gamme_essentiel {
    color: #AA0705;
}
.grb_desktop-pc__range-text.gamme_confort {
    color: #4D4D4D;
}
.grb_desktop-pc__range-text.gamme_elite .grb_desktop-pc__range-text__big {
    color: #D0B040;
}
.grb_desktop-pc__price {
    font-size: var(--size_h1);
    font-weight: var(--medium);
}
.grb_desktop-pc__price-decimal {
    font-size: var(--size_h1);
    font-weight: var(--regular);
}
.grb_desktop-pc__discount {
    align-items: center;
    min-height: 25px;
}
.grb_desktop-pc__discount-difference {
    padding: 3px 10px;
    color: #fff;
    font-size: var(--size_h4);
    border-radius: 10px 10px 10px 6px;
}
.grb_desktop-pc__discount-price,
.grb_desktop-pc__top-sale__discount-price {
    position: relative;
    color: #8b8b8b;
    font-size: var(--size_h4);
    font-weight: var(--medium);
}
.grb_desktop-pc__discount-price::after,
.grb_desktop-pc__top-sale__discount-price::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--noir);
    transform: rotate(173deg);
}
.grb_desktop-pc__split-payment {
    font-size: var(--size_p);
}
.grb_desktop-pc__card-stock {
    font-weight: var(--medium);
    font-size: var(--size_p);
    color: var(--vert_150);
}
.grb_desktop-pc__component-list {
    height: 70px;
    flex-wrap: wrap;
    row-gap: 5px;
    overflow-y: hidden;
}
.grb_desktop-pc__component-icon {
    width: 20px;
    height: 20px;
}
.grb_desktop-pc__component-text {
    font-size: 14px;
}
.grb_desktop-pc__option {
    column-gap: 5px;
    width: fit-content;
    min-height: 28px;
    padding: .5em 1em;
    font-size: var(--size_h6);
    background-color: #fff;
}
    .grb_desktop-pc__option:has(svg) {
        border: 1px solid #e8e8e8;
        border-radius: 50px;
        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    }
.grb_desktop-pc__seo {
    width: calc(100% - 40px);
    max-width: 1280px;
    padding: 20px;
    margin: 0 auto;
    border: 1px solid #333;
    border-radius: 12px 9px 16px 12px;
}
.grb_desktop-pc__seo-title {
    font-size: var(--size_h4);
    font-weight: var(--medium);
}
.grb_desktop-pc__seo-text {
    font-size: var(--size_p);
    line-height: 1.5;
}
.grb_desktop-pc__seo a {
    text-decoration: underline;
}


/*FILTRES PC GAMER*/
#reinitialiser-filtres {
    border-radius: 13px 6px 20px 13px !important;
    background-color: #ee2d24;
    padding: 10px 15px;
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
    border: none;
    color: white;
}
.filtre_title_container {
    display: none;
}
.container-filtre {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    row-gap: 20px;
}
.container-filtre h2 {
    color: black;
}
.filtre-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 15px;
}
.open {
    display: flex;
}
.filtre-wrapper .open > .filtre_title_container {
    border: none;
}
.filtre_title_container.rotate-arrow:after {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}
.filtre_title_container.rotate-arrow {
    border: none;
}
.container-filtre select {
    background: #ffffff00;
    padding: 10px 15px !important;
    border: #b11f18 solid 1px;
    cursor: pointer;
    border-radius: 13px 6px 20px 13px !important;
}
.container-filtre select:active {
    border: #ffcf00 solid 1px;
    background: #ffffff00;
    color: white;
    padding: 5px 10px;
}
.filtre_title_container {
    padding: 5px 10px;
    border: solid 1px #ee2d24;
    cursor: pointer;
}
.aucun_resultat_text {
    width: 100%;
    max-width: 900px;
}
#gpu {
    width: 150px;
}
.container-filtre input {
    display: none;
}
.container-filtre option {
    background-color: #e5e5e5;
    color: white;
    font-size: 16px;
    width: 150px;
    padding: 50px;
    color: black;
}
select[name="filtre-gamme"] option:active {
    background-color: red;
    font-weight: bold;
}
.grb_desktop-pc__no-result {
    display: none;
    width: calc(100% - 80px);
    max-width: 1280px;
    color: var(--rouge);
    font-size: var(--size_h2);
    font-weight: var(--semibold);
}

label[for="filtre-promo"]:hover,
#reinitialiser-filtres:hover {
    background-color: #b11f18;
}
.container-filtre input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
label[for="filtre-promo"] {
    border-radius: 13px 6px 20px 13px !important;
    background-color: #ee2d24;
    padding: 10px 15px;
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
    color: white;
}
select:first-of-type {
    font-weight: 600;
}
#filtre-promo:checked + label[for="filtre-promo"] {
    background-color: #3dba7d;
}
.filtre_title_container {
    align-items: center;
    width: 100px;
    justify-content: space-around;
}
/*filtre menu fermer en responsive*/
.filtre_title_container:before {
    content: "filtres";
    font-weight: 600;
    color: black;
}
.filtre_title_container:after {
    content: url(https://www.grosbill.com/images/arrow-fiche-prod.svg);
    font-weight: 700;
    font-size: 15px;
    transition: all .3s;
    display: inline-block;
    filter: brightness(0) saturate(100%);
}
.grb_btn--red {
    font-size: 14px !important;
    font-weight: 400 !important;
}
.container-filtre select:hover {
    outline: solid 1px #ee2d24;
}
select.not-default {
    background-color: white !important;
    color: black !important;
    outline: solid 3px #ee2d24;
}

.grb_desktop-pc__card-type--mobile {
    font-size: var(--size_h6);
}
.grb_desktop-pc__card-title--mobile {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100%;
    font-size: var(--size_p);
}
@media screen and (max-width: 1230px) {
    .grb_desktop-pc__title {
        font-size: var(--size_h2);
    }
    .filtre_title_container {
        display: flex;
    }
    .filtre-wrapper {
        display: none;
        width: 80%;
    }
    .filtre-wrapper div {
        width: 100%;
    }
    .container-filtre select {
        width: 100%;
    }
    .container-filtre label,
    .container-filtre button {
        display: block;
        width: 100%;
        text-align: center;
    }
    .open {
        display: flex;
        flex-direction: column;
    }
    /* responsive de vignette top vente*/
    .grb_desktop-pc__sale {
        max-width: 300px;
    }
    .grb_desktop-pc__top-sale__wrapper {
        padding: 0 0 40px 0;
    }
    .grb_desktop-pc__top-sale__card-wrapper {
        padding: 10px;
    }
    .grb_desktop-pc__top-sale__nxt,
    .grb_desktop-pc__top-sale__prv {
        display: none;
    }
    .grb_desktop-pc__top-sale__pagination {
        display: block;
    }
    .grb_desktop-pc__top-sale__content {
        margin: 0;
    }
    .grb_desktop-pc__top-sale__link {
        max-width: 320px;
    }
    .grb_desktop-pc__top-sale__image {
        position: static;
        transform: none;
        transition: none;
    }
    .grb_desktop-pc__top-sale__title {
        font-size: var(--size_p);
    }
    .grb_desktop-pc__split-payment,
    .grb_desktop-pc__top-sale__description ul li,
    .grb_desktop-pc__top-sale__description ul li strong {
        font-size: var(--size_h6);
    }
    .grb_desktop-pc__top-sale__discount {
        column-gap: 10px;
    }
    .grb_desktop-pc__top-sale__discount-difference {
        padding: 5px;
    }
    .grb_desktop-pc__top-sale__discount-difference,
    .grb_desktop-pc__top-sale__discount-price {
        font-size: var(--size_p);
    }
    .grb_desktop-pc__top-sale__pagination .swiper-pagination-bullet-active {
        background: var(--rouge);
    }
    .grb_desktop-pc__top-sale__pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }
    .grb_desktop-pc__top-sale__cta {
        padding: 10px 0;
        font-size: var(--size_h5);
        text-align: center;
    }

    .grb_desktop-pc__list {
        gap: 20px;
    }

    /* responsive de vignette dans la liste */
    .grb_desktop-pc__card-heading,
    .grb_desktop-pc__component-icon {
        display: none;
    }
    .grb_desktop-pc__card-heading--mobile {
        display: flex;
        row-gap: 5px;
    }
    .grb_desktop-pc__item {
        max-width: 320px;
        outline-width: 2px;
    }
    .grb_desktop-pc__card-image {
        max-width: 140px;
        height: auto;
    }
    .grb_desktop-pc__card-info {
        width: 100%;
        max-width: 140px;
    }
    .grb_desktop-pc__card-range {
        height: 33px;
        order: -2;
    }
    .grb_desktop-pc__range-icon {
        padding: 3px;
    }
    .grb_desktop-pc__range-text {
        font-size: 12px;
    }
    .grb_desktop-pc__range-text__big {
        font-size: var(--size_p);
    }
    .grb_desktop-pc__card-stock {
        font-size: var(--size_h6);
        font-weight: var(--semibold);
    }
    
    .grb_desktop-pc__option {
        padding: 5px;
        order: -1;
    }
    .grb_desktop-pc__option svg {
        width: 10px;
        height: 10px;
    }
    .grb_desktop-pc__component-list {
        flex-direction: column;
        align-items: flex-start;
        height: 109px;
        order: 1;
    }
    .grb_desktop-pc__component-text {
        font-weight: var(--medium);
    }
    .grb_desktop-pc__discount {
        min-height: 24px;
        order: 2;
    }
    .grb_desktop-pc__price {
        font-size: var(--size_h2);
        order: 3;
    }
    .grb_desktop-pc__card-stock {
        order: 4;
    }
    .grb_desktop-pc__price-decimal {
        font-size: var(--size_h4);
    }
    .grb_desktop-pc__discount-difference {
        padding: 7px;
    }
    .grb_desktop-pc__discount-difference,
    .grb_desktop-pc__discount-price {
        font-size: var(--size_p);
    }
}