.product-items{
    border-radius: 16px 16px 16px 16px;
    box-shadow: 0 0 11px 2px rgba(174, 174, 174, 0.2);
    margin: 10px 10px;
    transition: all .3s ease-in-out;
    border: none;
    border-top: 2px solid transparent;
    height: 360px;
}

.gallery-item, .related-product-item{
    height: auto;
}

.product-items:hover{
    border-color: var(--primary-color);
}

.product-items .colors ul li{
    display: inline-block;
    margin: 0 1px;
}

.product-items .colors ul li span{
    width: 11px;
    height: 11px;
    display: block;
    border-radius: 50%;
    border: 1px solid #b9b9b9;
}

.product-items .details{
    border-top: 2px dashed #e8e8e8;
    padding: 10px 0;
    margin-top: 10px;
}

.product-items .details .price bdi{
    color: #474747;
}

.product-items .details .price .unit{
    color: #939393;
}

.product-items .details .price .discounted{
    color: #ff00009c;
    text-decoration: line-through;
}

.discountPercent{
    background-color: #000000;
    text-align: center;
    border-radius: 50%;
    color: #ffffff;
    position: absolute;
    left: 4px;
    top: 4px;
    width: 25px;
    height: 25px;
    line-height: 25px;
}

.product-items .details .price .discounted bdi{
    color: #ff00009c;
}

.full-product{
    background-color: #f7f7f7;
    border-radius: 10px;
}

.full-product .title h1{
    color: #2a3950;
    font-size: 26px;
}

.full-product .title h6{
    color: #656565;
    font-weight: bold;
}

.full-product .title .edit-btn{
    background-color: #fff;
    color: #656565;
    padding: 5px 15px;
    border-radius: 6px;
    box-shadow: 0 0 6px 0px rgba(174, 174, 174, 0.2);
}

.full-product .sale-section,
.full-product .details{
    background-color: #fff;
    border-radius: 10px;
}

.full-product .sale-section .head-btn{
    border-bottom: 2px dashed #ededed;
}

.full-product .sale-section .head-btn .btn{
    background-color: #f7f7f7;
}

.full-product .sale-section .head-btn .btn .title{
    color: rgba(0, 0, 0, 0.5);
}

.full-product .sale-section .head-btn .btn:hover .icon svg path{
    fill: rgba(116, 62, 149, 1);
    transition: all 0.3s ease-in-out;
}

.full-product .sale-section .head-btn .btn:hover .title{
    color: rgba(116, 62, 149, 1);
}

.full-product .sale-section .head-btn .btn .icon svg path{
    fill: rgba(0, 0, 0, 0.4);
    transition: all 0.3s ease-in-out;
}

.full-product .sale-section .head-btn .btn-available-in-stock{
    background-color: #dff9ec;
    color: #39da8a;
}

.full-product .sale-section .head-btn .btn-available-in-stock svg path{
    fill: #39da8a;
}

.full-product .sale-section .head-btn .btn-ut-of-stock{
    background-color: #ffe5e5;
    color: #ff5b5c;
}

.full-product .sale-section .head-btn .btn-ut-of-stock svg path{
    fill: #ff5b5c;
}

.full-product .sale-section .head-btn .btn-coming-soon{
    background-color: #dfeff9;
    color: #399dda;
}

.full-product .sale-section .head-btn .btn-coming-soon svg path{
    fill: #ff5b5c;
}

.full-product .sale-section .store-item{
    background-color: #ffffff;
    padding: 10px;
    border-radius: 6px;
    box-shadow: 0 0 7px 0px rgba(174, 174, 174, 0.2);
    transition: all 0.3s ease-in-out;
    height: 100px;
}

.full-product .sale-section .store-item:hover{
    background-color: #f6f6f6;
    cursor: pointer;
}

.full-product .sale-section .store-item .color .box{
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid #bbbbbb;
}

.full-product .sale-section .store-item .price .discounted{
    text-decoration: line-through;
    color: #ff000069;
    opacity: 0.7;
}

.full-product .sale-section .store-item .price .final{
    color: #26bb85;
}

.full-product .sale-section .store-item .price .unit{
    color: #737373;
    font-weight: normal;
}

.full-product .sale-section .store-item .add-to-cart-btn{
    transition: all 0.3s ease-in-out;
}

.full-product .sale-section .store-item .add-to-cart-btn .btn{
    background-color: var(--primary-color);
    color: #fff;
    border: 1px solid var(--primary-color);
    transition: all 0.3s ease-in-out;
    font-size: 13px;
}

.full-product .sale-section .store-item .add-to-cart-btn .btn#minus-btn{
    border-bottom-right-radius: 4px !important;
    border-top-right-radius: 4px !important;
}

.full-product .sale-section .store-item .add-to-cart-btn .btn#plus-btn{
    border-bottom-left-radius: 4px !important;
    border-top-left-radius: 4px !important;
}

.full-product .sale-section .store-item .add-to-cart-btn .btn:hover{
    background-color: #fff;
    color: var(--primary-color);
}

/**
* sale guide
*/
.full-product .sale-guide{
    background-color: #fff;
    border-radius: 10px;
}
.full-product .sale-guide a{
    color: var(--primary-color);
}

/**
* product slider
*/
.product-gallery-slider .owl-carousel .owl-nav button.owl-next,
.product-gallery-slider .owl-carousel .owl-nav button.owl-prev,
.product-gallery-slider .owl-carousel button.owl-dot{
    font-size: 32px;
    background-color: #929292;
    position: absolute;
    padding: 0 10px !important;
    border-radius: 6px;
    color: #fff;
    transition: all 0.3s;
    height: 45px;
    width: 45px;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 1;
}

.product-gallery-slider .owl-theme .owl-nav [class*=owl-]:hover{
    background-color: var(--primary-color);
    color: #fff;
    text-decoration: none;
}

.product-gallery-slider .owl-prev{
    right: 5px;
    top: 0;
    bottom: 0;
}

.product-gallery-slider .owl-next{
    left: 5px;
    top: 0;
    bottom: 0;
}

/**
* related-product
*/
.related-product{
    background-color: #fff;
    border-radius: 10px;
}


.related-product .owl-carousel .owl-nav button.owl-next,
.related-product .owl-carousel .owl-nav button.owl-prev,
.related-product .owl-carousel button.owl-dot{
    font-size: 32px;
    background-color: #929292;
    position: absolute;
    padding: 0 10px !important;
    border-radius: 4px;
    color: #fff;
    transition: all 0.3s;
    height: 30px;
    width: 30px;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 1;
}

.related-product .owl-theme .owl-nav [class*=owl-]:hover{
    background-color: var(--primary-color);
    color: #fff;
    text-decoration: none;
}

.related-product .owl-prev{
    right: -8px;
    top: 0;
    bottom: 0;
}

.related-product .owl-next{
    left: -8px;
    top: 0;
    bottom: 0;
}

.favorite-btn.active{
    border-color: rgba(116, 62, 149, 1) !important;
    color: rgba(116, 62, 149, 1) !important;
}

.favorite-btn.active .title{
    color: rgba(116, 62, 149, 1) !important;
}

.favorite-btn.active svg path{
    fill: rgba(116, 62, 149, 1) !important;
}

.favorite-btn.disabled, .favorite-btn:disabled, fieldset:disabled .favorite-btn {
    opacity: 1;
}

.increase-decrease-holder{
    width: 120px;
}

.max_sale_available.pc{

}

@media only screen and (max-width: 768px) {
    .full-product .title h1 {
        font-size: 16px;
    }

    .full-product .store-item .color .name{
        font-size: 12px;
    }

    .full-product .sale-section .store-item .color .box {
        width: 14px;
        height: 14px;
    }

    .full-product .store-item .price .discounted,
    .full-product .store-item .price .final{
        font-size: 13px;
    }

    .full-product .sale-section .store-item .add-to-cart-btn .btn {
        font-size: 12px;
    }

    .full-product .sale-section .store-item{
        height: auto;
    }

    .max_sale_available.md{

    }
}