.product {
    padding: 20px 50px;
    display: flex;
    gap: 50px;

    .left{
        flex: 1;
        display: flex;
        gap: 20px;


        .images{
            flex: 1;

            .product-image{
                width: 100%;
                height: 150px;
                cursor: pointer;
                margin-bottom: 10px;
                position: relative;
            }
        }
        .mainImage{
            flex: 5;
            display: flex;
            .main-image{
                width: 100%;
                max-height: 800px;
                cursor: pointer;
                position: relative;
            }
        }
    }

    .right {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 30px;

        .price{
            font-size: 1.875rem;
            font-weight: 500;
        }

        .quantity{
            display: flex;
            align-items: center;
            gap: 10px;  
        }

        .button{
            width: 50px;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            border: none;
        }
        .add{
            width: 250px;
            padding: 10px;
            /* background: #2879fe; */
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 20px;
            cursor: pointer;
            border: none;
            /* font-weight: 500; */
        }
        .link{
            display: flex;
            gap: 20px;
            
            .item{
                display: flex;
                align-items: center;
                gap: 10px;
                font-weight: 700;
                /* color: #2879fe; */
                font-size: 0.875rem;
                
            }
        }
        
        .info, .details{
            display: flex;
            flex-direction: column;
            gap: 10px;
            color: #CCCCCC;
            font-size: 0.875rem;
            margin-top: 30px;
        }
        .info hr, .details hr{
            width: 200px;
            border: 1px solid #EEEEEE;
        }
    }
    .right p{
        font-size: 1.125rem;
        font-weight: 300;
        text-align: justify;
    }
    .right hr{
        border: 1px solid #EEEEEE;
    }
}
    