/* --------------------------------------------- */
/* -------------------- ALL -------------------- */
/* --------------------------------------------- */
.bold{
    font-weight: bold;
}

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------- MOBILE ---------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

/* ---------------------------------------------- */
/* -------------------- MAIN -------------------- */
main{
    h1{
        color: #8b5e3c;
        text-align: center;
        padding: 3% 0;
        font-family: "Parisienne", serif;
    }
    section{
        width: 90%;
        margin: auto;
        article{
            margin-bottom: 5%;
        }
        div{
            margin-bottom: 5%;
            #divImgProduct{
                display: none;
            }
            p:first-of-type{
                color: #8b5e3c;
                text-decoration: underline;
            }
        }
        div:nth-of-type(4) p:nth-of-type(2) span{
            display: none;
        }
        #linkShop{
            text-align: center;
            padding: 10% 0;
            a{
                color: #6DD96D;
                font-size: 1.3rem;
                i{
                    color: #6DD96D;
                }
            }
        }
    }
}

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------- TABLET ---------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
@media screen and (min-width:768px) and (max-width:1024px) {
    /* ---------------------------------------------- */
    /* -------------------- MAIN -------------------- */
    main{
        section{
            width: 80%;
            #linkShop{
                text-align: center;
                padding: 10% 0;
                a{
                    font-size: 2rem;
                }
            }
        }
    }
}

/* ----------------------------------------------------------------------------------------- */
/* ---------------------------------------- DESKTOP ---------------------------------------- */
/* ----------------------------------------------------------------------------------------- */
@media screen and (min-width:1024px) {
    /* ---------------------------------------------- */
    /* -------------------- MAIN -------------------- */
    main{
        h1{
            font-size: 2rem;
        }
        section{
            width: 70%;
            div{
                display: flex;
                align-items: center;
                gap: 15px;
                margin-bottom: 2%;
                #divImgProduct{
                    display: block;
                    width: 35%;
                    img{
                        width: 100%;
                        object-fit: cover;
                        height: 251px;
                    }
                }
                #infoProduct{
                    flex: 1;
                    display: flex;
                    flex-direction: column;
                    align-items: start;
                }
            }
            #linkShop{
                padding: 5% 0;
                a{
                    font-size: 2rem;
                    position: relative;
                    &::after{
                        content: "";
                        height: 1.5px;
                        position: absolute;
                        left: 20%;
                        width: 60%;
                        background-color: #6DD96D;
                        transform: scaleX(0);
                        bottom: 0;
                        transition: all .3s linear;
                    }
                    &:hover::after{
                        transform: scaleX(1);
                    }
                }
            }
        }
    }
}