/* section produit */
    .section_produit{
        width: 100%;
        padding: 8px 0;
    }

    .fond_produit{
        width: 100%;
        background-image: url(../images/pattern.webp);
        background-position: center;
        background-size: contain;
        background-color: var(--bg-color);
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 32px;
        margin-top: 32px;
    }

    .container_produit{
        background-color: var(--light-gray);
        background: var(--light-yellow);
        display: flex;
        justify-content: center;
    }

    .content_produit{
        flex: 0 0 400px;
        height: auto;
    }

    /* left card */
        .product-imgs{
            position: relative;
        }

        .img-display{
            overflow: hidden;  
            width: 400px; height: 490px;
        }

        .img-showcase{
            display: flex;
            transition: all 0.5s ease;
            img{
                width: 100%;
                display: block;
                object-fit: cover;
            }
        }

        .img-select{
            display: flex;
            justify-content: flex-start;
            gap: 5px;
            width: max-content;
            max-width: 400px;
            margin: 0 auto;
            overflow-x: auto;
        }

        .img-item{
            flex: 0 0 77px;
            height: 77px;
            margin: 5px 0;
        }

        .img-item img{
            object-fit: cover;
        }

        .img-item:nth-child(1),
        .img-item:nth-child(2),
        .img-item:nth-child(3){
            margin-right: 0;
        }

        .img-item:hover{
            opacity: 0.8;
        }
    /* left card */

    /* right card */
        .content_produit:last-child{
            padding: 24px;
            padding-right: 105px;
            position: relative;
        }
        
        .content_produit:last-child .titre{
            align-items: flex-start;
        }

        .content_produit:last-child .titre .soustitre{
            margin-left: 40px;
        }

        .content_produit:last-child .titre .soustitre::after{
            width: 0;
        }

        .box_info_produit{
            list-style: none;
            margin: 16px 0;
            margin-top: -4px;
            max-height: 413px;
            overflow-y: auto;
            padding-right: 5px;
        }

        .box_info_produit li{
            border-top: 1px solid var(--black);
            padding: 8px 16px;
        }
        
        .box_info_produit li:last-child{
            border-bottom: 1px solid var(--black);
        }

        .box_info_produit li .box_title{
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 16px;
            cursor: pointer;
        }

        .box_info_produit li p{
            text-align: justify;
        }

        .box_info {
            display: none;
            clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
        }

        .box_info.active{
            display: flex;
            clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        }

        .btn_produit{
            display: flex;
            justify-content: space-between;
            gap: 16px;
            background-color: var(--red);
            padding: 8px 16px;
            span{
                text-transform: none;
            }
        }

        .btn_produit:hover{
            cursor: pointer;
            scale: 1.02;
        }

        .btn_produit > span:first-child{
            color: var(--yellow);
        }
        
        .btn_produit > span:last-child {
            color: var(--white);
        }

        .info_bottom{
            margin-top: 16px;
            text-align: center;
            font-weight: 700;
            font-size: 12px;
        }

        .desgin_right{
            position: absolute;
            right: -245px; bottom: 234px;
            font-family: 'ARRESS';
            font-size: 110px;
            color: var(--red);
            transform: rotate(270deg);
            letter-spacing: 10px;
            opacity: .5;
        }
    /* right card */
/* section produit */

/* responsive */
    @media screen and (max-width: 900px) {
        .container_produit{
            flex-direction: column;
            gap: 16px;
            max-width: 400px;
        }

        .product-imgs{
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .img-display{
            max-width: 400px;
        }
    }
    
    @media screen and (max-width: 450px) {
        .container_produit, .img-display, .img-select{
            max-width: 335px;
        }

        .img-display{
            height: auto;
        }

        .content_produit:last-child{
            padding-right: 24px;
        }

        .desgin_right{
            display: none;
        }
    }
/* responsive */

/* section produit */
/*    .section_produit{*/
/*        width: 100%;*/
/*        padding: 8px 0;*/
/*    }*/

/*    .fond_produit{*/
/*        width: 100%;*/
/*        background-image: url(../images/pattern.webp);*/
/*        background-position: center;*/
/*        background-size: contain;*/
/*        background-color: var(--bg-color);*/
/*        display: flex;*/
/*        justify-content: center;*/
/*        align-items: center;*/
/*        padding: 32px;*/
/*        margin-top: 32px;*/
/*    }*/

/*    .container_produit{*/
/*        background-color: var(--light-gray);*/
/*        background: var(--light-yellow);*/
/*        display: flex;*/
/*        justify-content: center;*/
/*        border-radius: 16px;*/
/*    }*/

/*    .content_produit{*/
/*        flex: 0 0 400px;*/
/*        height: auto;*/
/*    }*/

    /* left card */
/*        .product-imgs{*/
/*            position: relative;*/
/*        }*/

/*        .img-display{*/
/*            overflow: hidden;  */
/*            width: 400px; height: 490px;*/
/*            border-radius: 16px 0 0 0;*/
/*        }*/

/*        .img-showcase{*/
/*            display: flex;*/
/*            transition: all 0.5s ease;*/
/*            img{*/
/*                width: 100%; height: 100%;*/
/*                display: block;*/
/*                object-fit: cover;*/
/*            }*/
/*        }*/

        /*.img-select{*/
        /*    display: flex;*/
        /*    justify-content: flex-start;*/
        /*    gap: 5px;*/
        /*    width: max-content;*/
        /*    max-width: 400px;*/
        /*    margin: 0 auto;*/
        /*    overflow-x: auto;*/
        /*}*/

/*        .img-item{*/
/*            flex: 0 0 77px;*/
/*            height: 77px;*/
/*            margin: 5px 0;*/
/*        }*/

/*        .img-item img{*/
/*            object-fit: cover;*/
/*        }*/

/*        .img-item:nth-child(1),*/
/*        .img-item:nth-child(2),*/
/*        .img-item:nth-child(3){*/
/*            margin-right: 0;*/
/*        }*/

/*        .img-item:hover{*/
/*            opacity: 0.8;*/
/*        }*/
    /* left card */

    /* right card */
/*        .content_produit:last-child{*/
/*            padding: 24px;*/
/*            position: relative;*/
            /*padding-right: 105px;*/
/*        }*/
        
/*        .box_content_produit{*/
/*            height: 450px;*/
/*            overflow-y: auto;*/
/*            padding-right: 5px;*/
/*            margin: 16px 0;*/
/*            margin-top: -4px;*/
/*        }*/

/*        .content_produit:last-child .titre .soustitre{*/
/*            text-transform: capitalize;*/
/*            display: flex;*/
/*            align-items: center;*/
/*            justify-content: center;*/
/*            gap: 5px;*/
/*            a{*/
/*                text-decoration: none;*/
/*                color: var(--red);*/
/*            }*/
/*            a:hover{*/
/*                text-decoration: underline;*/
/*            }*/
/*        }*/

/*        .content_produit:last-child .titre .soustitre::before, .content_produit:last-child .titre .soustitre::after{*/
/*            width: 0;*/
/*        }*/
        
        /*.content_produit:last-child .titre{*/
        /*    align-items: flex-start;*/
        /*}*/
        
        /* couleur */
/*            .container_couleur{*/
/*                display: flex;*/
/*                justify-content: center;*/
/*                align-items: center;*/
/*                column-gap: 25px;*/
/*                row-gap: 16px;*/
/*                flex-wrap: wrap;*/
/*                padding: 8px;*/
/*            }*/
            
/*            .content_couleur{*/
/*                position: relative;*/
/*                label{*/
/*                    position: absolute;*/
/*                    top: 50%; left: 50%;*/
/*                    transform: translate(-50%,-50%);*/
/*                    padding: 2px;*/
/*                    cursor: pointer;*/
/*                    text-wrap: nowrap;*/
/*                }*/
/*            }*/
            
/*            .content_couleur label:hover, .content_couleur input[type="radio"]:checked + label{*/
/*                border: 2px solid var(--red);*/
/*            }*/
            
/*            .point_couleur{*/
/*                width: 30px; height: 30px;*/
/*                border: 1px solid var(--light-black);*/
/*                border-radius: 50%;*/
/*            }*/
        /* couleur */
        
        /* unite */
/*            .content_unite{ */
/*                width: 99%;*/
/*                padding: 8px 16px;*/
/*                border-top: 1px solid var(--black);*/
/*            }*/
            
/*            .unite{ */
/*                width: 100%;*/
/*                border: none;*/
/*                background: none;*/
/*            }*/
            
/*            .unite:focus{*/
/*                outline: none;*/
/*            }*/
        /* unite */
        
        /* prix */
/*            .ancien_prix{*/
/*                color: var(--gray);*/
/*                text-decoration: line-through;*/
/*            }*/
            
/*            .prix{*/
/*                font-weight: 700;*/
/*            }*/
        /* prix */
        
        /* quantite */
/*            .quantite{*/
/*                background: none;*/
/*                border: none;*/
/*                text-align: right;*/
/*            }*/
            
/*            .quantite:focus{*/
/*                outline: none;*/
/*            }*/
        /* quantite */

/*        .box_info_produit{*/
/*            list-style: none;*/
/*        }*/

/*        .box_info_produit li{*/
/*            border-top: 1px solid var(--black);*/
/*            padding: 8px 16px;*/
/*        }*/
        
/*        .box_info_produit li:last-child{*/
/*            border-bottom: 1px solid var(--black);*/
/*        }*/

/*        .box_info_produit li .box_title{*/
/*            display: flex;*/
/*            justify-content: space-between;*/
/*            align-items: center;*/
/*            gap: 16px;*/
/*            cursor: pointer;*/
/*        }*/

/*        .box_info_produit li p{*/
/*            text-align: justify;*/
/*        }*/

/*        .box_info {*/
/*            display: none;*/
/*            clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);*/
/*        }*/

/*        .box_info.active{*/
/*            display: flex;*/
/*            clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);*/
/*        }*/

/*        .btn_produit{*/
/*            display: flex;*/
/*            justify-content: space-between;*/
/*            gap: 16px;*/
/*            background-color: var(--red);*/
/*            padding: 8px 16px;*/
/*            span{*/
/*                text-transform: none;*/
/*            }*/
/*        }*/

/*        .btn_produit:hover{*/
/*            cursor: pointer;*/
/*            scale: 1.02;*/
/*        }*/

/*        .btn_produit > span:first-child{*/
/*            color: var(--yellow);*/
/*        }*/
        
/*        .btn_produit > span:last-child {*/
/*            color: var(--white);*/
/*        }*/

/*        .info_bottom{*/
/*            margin-top: 16px;*/
/*            text-align: center;*/
/*            font-weight: 700;*/
/*            font-size: 12px;*/
/*        }*/

        /*.desgin_right{*/
        /*    position: absolute;*/
        /*    right: -245px; bottom: 234px;*/
        /*    font-family: 'ARRESS';*/
        /*    font-size: 110px;*/
        /*    color: var(--red);*/
        /*    transform: rotate(270deg);*/
        /*    letter-spacing: 10px;*/
        /*    opacity: .5;*/
        /*}*/
    /* right card */
/* section produit */

/* responsive */
/*    @media screen and (max-width: 900px) {*/
/*        .container_produit{*/
/*            flex-direction: column;*/
/*            gap: 16px;*/
/*            max-width: 400px;*/
/*        }*/

/*        .product-imgs{*/
/*            display: flex;*/
/*            flex-direction: column;*/
/*            align-items: center;*/
/*        }*/

/*        .img-display{*/
/*            max-width: 400px;*/
/*        }*/
/*    }*/
    
/*    @media screen and (max-width: 450px) {*/
/*        .container_produit, .img-display, .img-select{*/
/*            max-width: 335px;*/
/*        }*/

/*        .img-display{*/
/*            height: auto;*/
/*        }*/

/*        .content_produit:last-child{*/
/*            padding-right: 24px;*/
/*        }*/

/*        .desgin_right{*/
/*            display: none;*/
/*        }*/
/*    }*/
/* responsive */