/* header { background: #479147;} */


#main { overflow: hidden;}

.smain {position: relative;   width: 100%;    height: 100%;}

.img-dv {    position: absolute;    width: 100%;    height: 100%;    top: 0;    cursor: move;}

.sld-img{border:1px solid #ddd; height: 100%;    display: block;    width: 100%;}

.cl-md-gl{
    display:flex; flex-wrap:wrap; margin-top: 15px;

    .imgdv{
        width:16.666%; padding:3px 3px 3px 0; height:85px; overflow:hidden;
    
        .th-img {border: 1px solid #ddd; width:80px; height:80px; }
    }
}


.pd-row{
    flex-direction: row; justify-content: space-between; align-items: flex-start; align-items: flex-start;
}


#pd-title{font-size: 20px; margin-bottom: 10px;}

.pricedv{   
    border-bottom:1px solid #ddd; padding-bottom: 10px; margin: 10px 0; 

    #pd-price{font-size: 20px; color: #000000; margin-right: 10px;}
    #pd-cprice{font-size: 16px; color: #ff0000; font-weight: 700;}
    #pd-disc{font-size: 16px;color: #ff0000;}

}




.opt-div{
    border-bottom:1px solid #dddddd; margin-bottom: 15px;

    .pd-opt{
        padding: 10px 0;
    
        
        .rd-option {
            display: inline-block;
            width: 40px;
            height: 40px;
            background: #f4faff;
            border: 1px solid #ddd;
            border-radius: 100%;
            margin-right: 10px;
            position: relative;
            font-size: 14px;

            input{ opacity: 0;}
            span{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
        }

        label:has(input[type="radio"]:checked) {
            background: #4c4cb9; color: #ffffff;
        }

        /* .rd-option.active{background: #4c4cb9; color: #ffffff;} */
    }
}





.pd-color {
    display: inline-block;
    width: 36px;
    height: 36px;    
    border-radius: 100%;
    margin-right: 10px; border:none; vertical-align: top;
}

.pd-color.active{border:3px solid #dddddd;}



.quantityd{display: flex;}

.qnttx{margin: auto;margin-left: 0;}
.qntd{
    margin: auto;margin-right: 0;

    button{width: 30px; height: 30px; border:none; font-size: 18px;}

    input{width: 40px;    height: 30px;    text-align: center;    border: none;}
}



#cartbtn{background: #000000; height: 50px; width: 100%; border:none; color: #ffffff; font-size: 22px; margin:20px 0;}



#productd{

    .star-dv{
        .fa-star-o{
            color: #FFBB00;
        }
    }

    .pd-details{
        .specification-ul{
            padding-left: 20px;
            li{
                margin-bottom: 10px;
                strong{
                   min-width: 200px;
                    display: inline-block;
                }
            }
        }
    }
}








@media (min-width: 768px){
    #main {width: 500px;height: 500px;  }

    .pd-row {
        .prd-img-col {
            position: sticky; top: 0; left: 0;
        }

        #product-cl{
            position: sticky; top: 0; left: 0;
        }
    }

    #product-cl{padding-left: 40px; position: relative;}

}



@media(max-width: 768px){
    .cl-md-gl{ 
        .imgdv {
            width:25%;

            .th-img {width:100%; height:75px;}
        }
    }
    
}