body{background-color: #F8F8F8!important;}
#product_categorie{padding: 0!important;}
footer{margin-top: 0!important;}
#content{overflow: hidden;}

.category_name {
    --cat-name-size: 80px;
    --cat-name-top: 30px;
}

#product_categorie.nos-bonnes-affaires .category_name{position: relative; z-index: 1; width: 100%;}
#product_categorie.nos-bonnes-affaires .category_name h1{font-size: var(--cat-name-size); font-weight: bold; color: var(--red); margin-top: var(--cat-name-top);margin-bottom: 0;}

#product_categorie > .row{margin-top: 27px;margin-left: 0; margin-right: 0; display: grid;grid-template-columns: 348px 1fr;}
#product_categorie.nos-bonnes-affaires{padding-bottom: 50px!important;}

/*===========================
        Menu gauche
=============================*/
#product_filters{max-width: 348px;padding: 0;}
#product_filters h3{background-color: var(--red);color: white; font-size: 20px; font-weight: bold; text-align: center; padding: 24px;margin-bottom: 0}
#product_filters > div h4{color: var(--red)!important;font-size: 21px; font-weight: bold; text-transform: uppercase; width: 100%;position: relative;display: flex; align-items: center;}
#product_filters > div h4:after{content: ""; height: 1px; background-color: #D9D9D9; width: 100%;margin-left: 15px;}
#product_filters ul{list-style: none;margin: 0; padding: 0;}
#product_filters ul li a{color: #000;font-size: 23px; font-weight: bold; text-transform: uppercase;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
#product_filters ul li ul li a{color: #474747; font-size: 20px;}
#product_filters ul li ul{margin-left: 20px;}
.pfilters{padding: 20px 10px;}
#result_filters{background-color: white;padding: 15px;border: rgba(141,130,130,.6) 1px solid;}
#result_filters select{padding: 5px;color: #212529; border-radius: 6px; border: #adb5bd solid 1px;}

/* Checkbox */
.custom-control-label{font-size: 20px; font-weight: bold;text-align: left;margin-bottom: 20px;width: 100%;}
.custom-checkbox .custom-control-label::before{border-radius: 5px; height: 25px; width: 25px; box-shadow: inset rgba(0,0,0,0.16) 0 3px 6px;}
.custom-control-input:checked~.custom-control-label::before{background-color: white; border-color: #707070;}
.custom-control-label::after{width: 20px;height: 20px;top: -3px;left: -44px;}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23F70202' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")}
.custom-checkbox .custom-control-label::before{    top: -6px;left: -47px;}
.custom-control{margin-bottom: 4%;padding-left: 3rem;}


/*===========================
        Liste des produits
=============================*/
.product-list{padding-left: 7%;}
#product_categorie.nos-bonnes-affaires .product-list{padding-left: 0;}
#list_products{display: grid; grid-template-columns: repeat(3, 327px); justify-content: space-between; gap: 38px;margin: 0;}
#product_categorie.nos-bonnes-affaires .products_row{grid-template-columns: 1fr;}
#product_categorie.nos-bonnes-affaires #list_products{grid-template-columns: repeat(4, 327px);}
#product_categorie > .row[data-count="0"]{grid-template-columns: 1fr;}
.product-item{background-color: white;}


/*===========================
        Slide service
=============================*/

#slide-services{margin-top: 130px;padding-top: 147px;padding-bottom: 70px;background-color: white;}
#slide-services .section-title h2{text-align: center;}

@media (max-width: 1920px){
    .category_name {
        --cat-name-size: calc(100vw * 80 / var(--bkpt));
        --cat-name-top: calc(100vw * 30 / var(--bkpt));
    }

    #product_categorie > .row{margin-top: calc(100vw * 27 / var(--bkpt));grid-template-columns: calc(100vw * 348 / var(--bkpt)) 1fr;}

    .custom-control-label{font-size: calc(100vw * 20 / var(--bkpt));}
    #product_filters h3{font-size: calc(100vw * 20 / var(--bkpt)); padding: calc(100vw * 24 / var(--bkpt));}
    #product_filters > div h4{font-size: calc(100vw * 21 / var(--bkpt));}
    #product_filters ul li a{font-size: calc(100vw * 23 / var(--bkpt));}
    #product_filters ul li ul li a{font-size: calc(100vw * 20 / var(--bkpt));}
    #product_filters ul li ul{margin-left: calc(100vw * 20 / var(--bkpt));}
    #list_products{display: grid; grid-template-columns: repeat(3, calc(100vw * 327 / var(--bkpt))); gap: calc(100vw * 38 / var(--bkpt));}
    #product_categorie.nos-bonnes-affaires #list_products{grid-template-columns: repeat(4, calc(100vw * 327 / var(--bkpt)));}

    #slide-services{margin-top: calc(100vw * 130 / var(--bkpt));padding-top: calc(100vw * 147 / var(--bkpt));padding-bottom: calc(100vw * 70 / var(--bkpt));}
}

@media (max-width: 1630px){
    #product_categorie{padding: 0 15px!important;}
}

@media (max-width: 1200px) {
    #list_products{--bkpt: 1200;grid-template-columns: repeat(2, calc(100vw * 327 / var(--bkpt)));}
    #product_categorie.nos-bonnes-affaires #list_products{grid-template-columns: repeat(3, calc(100vw * 327 / var(--bkpt)));}
}

@media (max-width: 1024px) {
    .category_name {
        --cat-name-size: calc(100vw * 60 / var(--bkpt));
        --cat-name-top: calc(100vw * 30 / var(--bkpt));
    }
}

@media (max-width: 768px) {
    .category_name {
        --cat-name-size: calc(100vw * 42 / var(--bkpt));
        --cat-name-top: calc(100vw * 30 / var(--bkpt));
    }

    #product_categorie > .row{margin-top: calc(100vw * 27 / var(--bkpt));grid-template-columns: 1fr;}
    #product_filters{max-width: 100%;}
    #product_filters > div{margin-bottom: 0;}
    #list_products, .product-item {--bkpt: 768;}
    .product-list {padding-left: 0;margin: 20px 0!important;}
    .product-item{margin: 0 auto;}
    #slide-services{margin: 30px 0;}
    #product_categorie.nos-bonnes-affaires #list_products{grid-template-columns: repeat(2, calc(100vw * 327 / var(--bkpt)));}
}

@media (max-width: 480px) {
    .category_name {
        --cat-name-size: 32px;
        --cat-name-top: 30px;
    }
    #product_categorie.nos-bonnes-affaires .category_name h1{text-align: center;}

    #product_categorie.nos-bonnes-affaires{padding-bottom: 20px!important;}
    #product_filters h3{padding: 20px;font-size: 20px;}
    .product-item {--bkpt: 480;}
    #list_products {grid-template-columns: 1fr;}
    #product_categorie.nos-bonnes-affaires #list_products{grid-template-columns: 1fr;}
    #product_filters ul li a{font-size: 18px;}
    #product_filters ul li ul li a, .custom-control-label {font-size: 16px;}
    .product-list{margin-top: 30px!important;}
    #list_products{gap: 30px;}

    #product_filters{max-height: max-content;}
    #product_filters h3{border-bottom: white 1px solid;cursor: pointer;}
    .pfilters, #result_filters{transform-origin: top center; transform: scaleY(0); height: 0;transition: height .5s ease 1s;padding: 0;}
    .pfilters.show, #result_filters.show{transform: scaleY(1); height: auto; transition: transform .5s ease;padding: 20px 10px;}
}