.mobile-navbar-icons{
    display: none !important;
}


li{
    text-decoration: none;
    list-style: none;
}

.farsi-digit {
    font-family: "Samim-FD" !important;
}

.priceUnit{
    content: url("../img/all-product/toman.svg");
    width: auto !important;
}

.product-real-price{
    display: flex;
    align-items: center;
    gap: 5px;
}


.mobile-navbar-icons{
    display: none;
}



/*addressBar*/

.whole-address-bar{
    border-radius: 34.5px;
    background: #f5f5f5;
    /*background: var(--secondary-text-color--);*/
    /*box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.13);*/

}

.address-bar-inside a {
    border-left: 1px solid #c3c0c0;
    text-decoration: none;
    padding-left: 8px;
    color: #ffffff;
    font-size: 13px;
}

.address-bar-inside{
    overflow-x: auto;
    width: 100%;
    white-space: nowrap;
    scrollbar-width: none;
}


.address-bar-inside::-webkit-scrollbar{
    display: none;
}

.address-bar-inside a:last-child {
    border-left: unset;
}

.address-bar-inside{
    padding: 20px 16px;
    /*padding-right: 200px;*/
}

.address-bar-inside a{
    color: #595959;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0 5px;
}

.address-bar-inside span.active{
    color: var(--secondary-text-color--);
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border:unset;
}


/*addressBar*/

/*product-detail*/


/*.product-big-img{*/
/*    width: 416px;*/
/*    height: 416px;*/
/*}*/


.product-big-img img{
    width: 100%;
    height: 100%;
}

.product-gallery{
    display: flex;
    flex-direction: column;
}

.product-small-images{
    display: flex;
    justify-content: space-evenly;

}

.detail-tags{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.detail-tags .my-tag{
    border-radius: 6px;
    background: #FFF;
    /* box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05), 0px 2px 4px 0px rgba(0, 0, 0, 0.05) inset; */
    padding: 5px 13px;
    border: 1px solid #eee;
}

.tag-name {
   color:var(--tertiary-text-color--);
}

.my-tag span{
    color: #9f9f9f;
    text-align: right;
    font-size: 14px;
    font-style: normal;
    /* font-weight: 500; */
    line-height: 20px;
}

.first-small-image{

    /*box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.05);*/
    border: 1px solid #eee;
}

.product-small-images{
    /*padding-block: 25px 25px;*/
    width: 90px;
    height: 90px;
}
.product-small-images{
    width: 88px;
    height: 88px;
}


.product-small-images img{
    width: 100%;
    height: 100%;
}

.product-small-images .active{
    border: 1px solid var(--secondary-text-color--);
}
.additions span{
    font-size: 13px;
}
/*detail*/

.detail-icons{
    display: flex;
    gap: 14px;
}
.detail-icons .container-icon{
    display: flex;
    gap: 14px;
}

.my-detail-name{
    padding-bottom:15px ;
}

.my-detail-name span{
    color: #3b3c3d;
    font-size: var(--bigtitle-size);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.product-code span:first-child{
    color: #767676;
    text-align: justify;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 33px;
}

.product-code span:last-child{
    color: #8E8E8E;
    text-align: justify;
    font-size: var(--text-size);
    font-style: normal;
    font-weight: 400;
}

.my-detail-title {
    border-bottom: 1px solid #DFDFDF;
    padding-block: 7px 7px;
}

.detail-price{
    display: flex;
    align-items: center;
    gap: 22px;
    align-items: center;
    padding-block: 20px 20px;
    border-bottom: 1px solid #DFDFDF;
}

.product-before-price{
    display: flex;
    align-items: center;
    gap: 10px;
}
.off-percentage-box{

    font-weight: 500;
    /*width: 31px;*/
    height: 2rem;
    background-color: #e23837;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-bottom: unset;
    padding-inline: 8px;
    font-size: 13px;
    border-radius: 4px;

}

.product-before-price span{
    color: #CBCBCB;
    text-align: right;
    font-size: var(--bigtitle-size);
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    text-decoration: line-through;
}


.call__btn a{
    /*background: #01adef !important;*/
    /*padding: 13px 17px;*/
    /*border-radius: 8px;*/
    text-decoration: blink;
    color: aliceblue;
}

.product-real-price span{
    color: var(--number-text-color--);
    text-align: right;
    font-size: var(--bigtitle-size);
    font-style: normal;
    font-weight: 700;
    line-height: 30px; /* 120% */
}

.address-bar{
    margin-top: 200px;
}


.product-real-price img{
    width:30px ;
}

.addToCart{
    border-radius: 8px;
    background: var(--secondary-text-color--);
    padding: 9px 27px;
    color: #fff;
    text-decoration: none;
    text-align: justify;
    font-size: 15px;
    font-style: normal;
    /* font-weight: 800; */
    line-height: var(--line-height);
    cursor: pointer;
    width: 100%;
    display: inline-block;
    text-align: center;
}

.add-to-cart{
    padding-block: 24px 40px;
}

.feature-detail{
    position: relative;
    padding-right: 15px;
}

/*.feature-detail:after{*/
/*    content: "";*/
/*    position: absolute;*/
/*    background-image: url("../img/product-detail/item-feature.svg");*/
/*    background-repeat: no-repeat;*/
/*    width: 20px;*/
/*    height: 20px;*/
/*    left: calc(100% - 1%);*/
/*    top: calc(100% - 65%);*/
/*}*/


.feature-detail span{
    color: #8E8E8E;
    text-align: justify;
    font-size: var(--text-size);
    font-style: normal;
    font-weight: 400;
    width: 200px;
    padding-left: 12px;
    padding-bottom: 8px;
    display: inline-block;
}
.desc_feature{
    border-bottom: 1px solid #f0f0f1;
}

.feature-title span{
    color: #353535;
    text-align: justify;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 33px; /* 220% */
}

.category-detail span{
    color: #8E8E8E;
    text-align: justify;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 41px;
}


.additions{
    border-radius: 6px;
    background: #FFF9F5;
    padding: 0px 15px;
}

.each-detail{
    padding-block: 15px 15px;
    border-bottom: 1px solid #FFD9BD;
}

.additions .each-detail:last-child{
    border-bottom: unset;
}

.ultimatum{
    position: relative;
    padding-block: 20px 20px;
}
.cart-product-quantity span{
    padding: 13px 10px ;
}
.cart-product-quantity{
    border: 1px solid var(--secondary-text-color--);
    padding: 10px 9px;
    border-radius: 11px;
    margin-left: 1rem;
}
.cart-btn-minus path{
    fill: var(--secondary-text-color--);
}
.product-shop-btn-text{
    font-size: 14px;
}
.product-shop-btn-text a{
     color: #01adef;
}
.ultimatum span{
    color: #D33;
    text-align: justify;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px; /* 166.667% */
}

.ulti-star{
    position: absolute;
    color: #D33;
    top: 5%;
    right: -4%;
}

/*product-detail*/


/*swiper*/

section.light{
    padding-block: 84px 70px;
}





/*nav*/

.nav-item-detail{
    background: #F4F4F4;
}

.nav-item-detail{
    background: #F4F4F4;
}

.nav-item-detail .nav-link{
    color: #353535;
    text-align: justify;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 41px; /* 273.333% */
}

.nav-item-detail .nav-link.active{
    border-radius: 7px;
    background: var(--secondary-text-color--);
    box-shadow: 0px -1px 11px 0px rgba(245, 104, 0, 0.37);
    color: #fff;
}

.button-your-comment{
    display: flex;
    align-content: center;
    align-items: center;
    gap: 21px;
    flex-direction: column;
}

.nav-link {
    display: block;
    padding: 0.5rem 3rem;
}

section.specifications{
    padding-block: 50px 50px;
}

section.product-detail{
    padding-block: 50px 0px;
}

.comment-inside{
    min-height: 110px;
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.70);
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.25);
    padding: 10px 22px;

}

.comment-detail{
    display: flex;
    flex-direction: column-reverse;
    padding-block: 35px 25px;
}

.comment-inside span{
    color: #000;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
}

.line-detail{
  height: 1px ;
    background: #bfbebe;
    margin: 20px 0;
    /* margin-bottom: 49px; */
    margin-top: 8px;
}

.comment-name span{
    color: #7F7D7C;
    text-align: right;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 35px;
}

.comment-title span{
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
}

.whole-comment{
    margin-bottom:40px
}

.extra-title{
    position: relative;
    margin-bottom: 30px;
}

.extra-title::before{
    position: absolute;
    content: "";
    background-image: url("../img/product-detail/title-tri.svg");
    width: 29px;
    height: 33px;
    top: -98%;
    right: -2%;

}

.extra-text{
    text-align: justify;
}


.extra-title span{
    color: #353535;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}


.extra-title::after{
    position: absolute;
    content: "";
    background-image: url("../images/product-detail/title-line.svg");
    width: 56px;
    height: 3px;
    bottom: -30%;
    right: 0%;

}

.extra-detail{
    padding-block: 35px 35px;
}

.seller-info{
    padding-block: 35px 35px;
}

.more-items{
    display: flex;
    flex-direction: column;
}

.media-tag{
    display: none;
}

.fix-section{
    display: none;
}

.comment-detail-empty{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-block: 40px 40px;
}


.center-row {
    align-items: center;
    padding-block: 45px 0;
}

.container-icon{
    z-index: 1;
}


.my-button{
    display: flex;
    align-items: center;
    justify-content: center;
}

.my-button span{
    border-radius: 32px;
    background-color: var(--tertiary-text-color--);
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    padding: 23px 55px;
    height: 30px;
    cursor: pointer;
}

.my-line{
    width: 100%;
    height: 1px;
    background: var(--secondary-text-color--);
}


.specifications .container-fluid{
    padding-block: 65px 0px;
}

.your-comment{
    /*display: flex;*/
    flex-direction: column;
    width: 97%;
    padding-block: 55px 30px;
    display: none;
    gap: 18px;
}

.your-comment form{
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.your-comment input, .your-comment textarea{
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.70);
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.15);
    border: unset;
    padding: 15px ;
}

.center-row1{
    justify-content: flex-end;
}

.your-comment-name{
    /*padding-bottom: 15px;*/
}

.your-comment textarea::placeholder{
    font-size: 13px;
}

.your-comment-name span{
    color: #4D4D4D;
    text-align: right;
    font-size: var(--text-size);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.your-comment button{
    border: unset;
    width: fit-content;
    padding: 7px 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 43px;
    background: var(--secondary-text-color--);
    color: #FFF;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    align-self: flex-end;
}

input,
textarea::placeholder {
    /*font-size: 20px;*/
    color: #ABABAB;
}


/*tabs*/
.tab-content>.tab-pane{
    display: block;
}



ul.categories-tabs::after{
    position: absolute;
    content: "";
    width: 450px;
    height: 1px;
    background: #c1c1c1;
    bottom: -13%;
}


.tabs-product .tabs ul li {
    font-size: var(--text-size);
    color: #777;
    padding: 14px 52px;
    position: relative;
    z-index: 10;
    transition: 0.3s ease-in-out;
    cursor: pointer;
    user-select: none;
    /* font-weight: 600; */
    /* background: #F4F4F4;

    /*background: #F4F4F4;*/
}

.tabs-product .tabs .selector {
    height: 98%;
    position: absolute;
    top: -1px;

    left: 0;
    z-index: 10;
    border-radius: 7px;
    background:  var(--tertiary-text-color--);
    transition: 0.3s ease-in-out;
    box-shadow: 0 16px 26px -10px rgb(81 81 81 / 55%), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2);
}
.tabs-product .tabs ul {
    display: flex;
    z-index: 0;
    /*background: #F4F4F4;*/
}
.tabs-product {
    min-height: max-content;
    width: max-content;
    /*margin-bottom: 10px;*/
    display: flex;
    justify-content: center;
    align-items: center;
    /*margin-top: 5rem;*/
}
.tabs-product .tabs ul li.active {
    color: white;
}
.image-container{
    margin-top: 8rem;
}
ul{
    margin-bottom: 0;
}

.off_sales_title_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    /*padding-block: 11px 8px;*/
    position: relative;
}

/*            Navigation menu                */
.nav-pills {
    background-color: rgba(200, 200, 200, 0.2);
}
.nav-pills > li + li {
    margin-left: 0;
}
.nav-pills > li > a {
    border: 0 !important;
    border-radius: 0;
    line-height: 18px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
    min-width: 100px;
    text-align: center;
    color: #555555 !important;
    text-decoration: none;
}

.exra-text *{
    font-family: "IRANYekan", "Samim-FD" !important;
    text-align: justify !important;
    line-height: var(--line-height);
    font-size: var(--text-size);
}


.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
    background-color: inherit;
}


.nav-pills > li i {
    display: block;
    font-size: 30px;
    padding: 15px 0;
}

@keyframes rippleOn {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.2;
    }
    100% {
        opacity: 0;
    }
}
@keyframes rippleOff {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.2;
    }
    100% {
        opacity: 0;
    }
}



@keyframes checkbox-on {
    0% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
    }
    50% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
    }
    100% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
    }
}
@keyframes rippleOn {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.2;
    }
    100% {
        opacity: 0;
    }
}
@keyframes rippleOff {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.2;
    }
    100% {
        opacity: 0;
    }
}
@media (max-width: 768px) {
    .main .container {
        margin-bottom: 50px;
    }
}
@media (min-width: 768px) {
    .navbar-form {
        margin-top: 21px;
        margin-bottom: 21px;
        padding-left: 5px;
        padding-right: 5px;
    }


    #navbar-full .navbar {
        border-radius: 0 !important;
        margin-bottom: 15px;
        z-index: 2;
    }

    .navigation-example .img-src {
        background-attachment: scroll;
    }

    .navigation-example {
        background-image: url('../img/bg.jpg');
        background-position: center center;
        background-size: cover;
        margin-top: 0;
        min-height: 740px;
    }


}

    @media (max-width: 768px) {
        .parallax .parallax-image {
            width: 100%;
            height: 640px;
            overflow: hidden;
        }

        .parallax .parallax-image img {
            height: 100%;
            width: auto;
        }
    }

    .separator {
        content: "Separator";
        color: #FFFFFF;
        display: block;
        width: 100%;
        padding: 20px;
    }

    .separator-line {
        background-color: #EEE;
        height: 1px;
        width: 100%;
        display: block;
    }

    .separator.separator-gray {
        background-color: #EEEEEE;
    }

    .social-buttons-demo .btn {
        margin-right: 5px;
        margin-bottom: 7px;
    }

    .img-container {
        width: 100%;
        overflow: hidden;
    }

    .img-container img {
        width: 100%;
    }

    .lightbox img {
        width: 100%;
    }

    .lightbox .modal-content {
        overflow: hidden;
    }

    .lightbox .modal-body {
        padding: 0;
    }

    @media screen and (min-width: 991px) {
        .lightbox .modal-dialog {
            width: 960px;
        }
    }

    @media (max-width: 768px) {


        .extra-detail {
            padding-block: 47px 0px;
        }

        .btn, .btn-morphing {
            margin-bottom: 10px;
        }

        .parallax .motto {
            top: 170px;
            margin-top: 0;
            font-size: 60px;
            width: 270px;
        }
    }

    /*       Loading dots  */
    /*      transitions */
    .presentation .front, .presentation .front:after, .presentation .front .btn, .logo-container .logo, .logo-container .brand {
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
    }


    #images h4 {
        margin-bottom: 30px;
    }

    #javascriptComponents {
        padding-bottom: 0;
    }

    #javascriptComponents .btn-raised {
        margin: 10px 5px;
    }


    /*      layer animation          */
    .layers-container {
        display: block;
        margin-top: 50px;
        position: relative;
    }

    .layers-container img {
        position: absolute;
        width: 100%;
        height: auto;
        top: 0;
        left: 0;
        text-align: center;
    }

    .section-black {
        background-color: #333;
    }

    .animate {
        transition: 1.5s ease-in-out;
        -moz-transition: 1.5s ease-in-out;
        -webkit-transition: 1.5s ease-in-out;
    }

    .navbar-default.navbar-small .logo-container .brand {
        color: #333333;
    }

    .navbar-transparent.navbar-small .logo-container .brand {
        color: #FFFFFF;
    }

    .navbar-default.navbar-small .logo-container .brand {
        color: #333333;
    }


    .section-thin,
    .section-notifications {
        padding: 0;
    }

    .section-navbars {
        padding-top: 0;
    }

    #navbar .navbar {
        border-radius: 0;
    }

    .section-tabs {
        background: #EEEEEE;
    }


    .section {
        padding: 70px 0;
        background-position: center center;
        background-size: cover;
    }



    .navbar .navbar-nav > li > a .material-icons,
    .navbar .navbar-nav > li > a .fa {
        font-size: 20px;
        max-width: 20px;
    }

    .navbar .navbar-nav > li > a:hover,
    .navbar .navbar-nav > li > a:focus {
        color: inherit;
        background-color: transparent;
    }

    .navbar .navbar-nav > li > a:not(.btn) .material-icons {
        margin-top: -3px;
        top: 0px;
        position: relative;
        margin-right: 3px;
    }


    /*.navbar .navbar-nav > li > a {*/
    /*    color: inherit;*/
    /*    padding-top: 15px;*/
    /*    padding-bottom: 15px;*/
    /*    font-weight: 400;*/
    /*    font-size: 12px;*/
    /*    text-transform: uppercase;*/
    /*    border-radius: 3px;*/
    /*}*/

    @media (max-width: 1199px) {

        .navbar .navbar-brand {
            /*height: 50px;*/
            /*padding: 10px 15px;*/
        }

        .navbar .navbar-nav > li > a {
            padding-top: 15px;
            padding-bottom: 15px;
        }
    }



.comment-span{
    margin-bottom: 20px;
    display: block;
    font-size: var(--text-size);
}





    /*idk*/








.product-detail-page {
    direction: rtl;
    min-height: 100vh;
    background: #fff;
    margin-top: 120px;
    padding-top: 34px;
    padding-bottom: 60px;
}

.product-breadcrumb {
    color: #64748b;
    font-size: 14px;
}

.product-breadcrumb a {
    color: #4f46e5;
    text-decoration: none;
    font-size: var(--small-size);
}

.product-detail-card {
    overflow: hidden;
    border: 1px solid #e5e7eb;
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 12px 35px rgba(15, 23, 42, .07);
    margin-top: 20px;
}

.product-gallery {
    padding: 22px;
}

.main-product-image {
    position: relative;
    overflow: hidden;
    height: 470px;
    border-radius: 17px;
    background: #f1f5f9;
}

.main-product-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #ffffff;
}

.main-image-placeholder {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: #94a3b8;
}

.main-image-placeholder svg {
    width: 100px;
    height: 100px;
}

.gallery-thumbnails {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 15px;
}

.gallery-thumb {
    overflow: hidden;
    width: 75px;
    height: 75px;
    padding: 0;
    border: 2px solid transparent;
    border-radius: 10px;
    background: #ffffff;
    cursor: pointer;
}

.gallery-thumb.active {
    border-color: #4f46e5;
}

.gallery-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-info {
    height: 100%;
    padding: 35px 30px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.product-code {
    display: inline-block;
    margin-bottom: 14px;
    padding: 12px 11px;
    border-radius: 999px;
    color: #4338ca;
    background: #eef2ff;
    font-size: var(--small-size);
}

.product-title {
    margin-bottom: 8px;
    color: #111827;
    font-size: var(--bigtitle-size);
    font-weight: 900;
}

.product-english-name {
    margin-bottom: 18px;
    color: #6366f1;
    font-size: 15px;
}

.product-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
}

.product-meta-item {
    padding: 7px 10px;
    border-radius: 8px;
    color: #475569;
    background: #f8fafc;
    font-size: 13px;
}

.product-price-box {
    margin: 25px 0;
    padding: 18px;
    border: 1px solid #e0e7ff;
    border-radius: 14px;
    background: #eef2ff;
}

.product-old-price {
    margin-left: 8px;
    color: #94a3b8;
    font-size: 14px;
    text-decoration: line-through;
}

.product-price {
    color: #312e81;
    font-size: 29px;
    font-weight: 900;
}

.contact-price-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 13px 18px;
    border-radius: 10px;
    color: #ffffff;
    background: #f97316;
    text-decoration: none;
    font-weight: 700;
}

.contact-price-button:hover {
    color: #ffffff;
    background: #ea580c;
}

.buy-button {
    width: 100%;
    padding: 10px 18px;
    border-radius: 10px;
    font-weight: 700;
    font-size: var(--text-size);
    background-color: var(--secondary-text-color--);
    border-color: var(--secondary-text-color--);
}

.product-stock {
    margin-top: 12px;
    font-size: 13px;
}

.product-stock.available {
    color: #15803d;
}

.product-stock.unavailable {
    color: #dc2626;
}

.detail-section {
    margin-top: 35px;
    padding: 25px;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    background: #ffffff;
}

.detail-section-title {
    margin-bottom: 18px;
    color: #111827;
    font-size: var(--title-size);
    font-weight: 900;
}

.product-description {
    color: var(--text-color);
    line-height: var(--line-height);
    white-space: normal;
    font-size: var(--text-size);
}

.driver-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.driver-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 13px;
    border-radius: 9px;
    color: #4338ca;
    background: #eef2ff;
    text-decoration: none;
    font-size: 13px;
}

.driver-item:hover {
    color: #ffffff;
    background: #4f46e5;
}

.feature-table {
    margin-bottom: 0;
}

.feature-table th {
    width: 30%;
    color: #374151;
    background: #f8fafc;
    font-weight: 700;
}

.feature-value {
    display: inline-block;
    margin: 2px;
    padding: 5px 9px;
    border-radius: 6px;
    color: #475569;
    background: #f1f5f9;
    font-size: 13px;
}

.related-title {
    margin-bottom: 20px;
    color: #111827;
    font-size: var(--title-size);
    font-weight: 900;
}

.text-muted {
    font-size: var(--text-size);
}

.related-card {
    overflow: hidden;
    height: 100%;
    border: 1px solid #e5e7eb;
    border-radius: 15px;
    background: #ffffff;
    transition: all .2s ease;
}

.related-card:hover {
    border-color: #a5b4fc;
    box-shadow: 0 12px 25px rgba(79, 70, 229, .12);
    transform: translateY(-4px);
}

.related-image {
    height: 180px;
    background: #f1f5f9;
}

.related-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.related-card-body {
    padding: 15px;
}

.related-card-title {
    min-height: 48px;
    color: #111827;
    font-size: 16px;
    font-weight: 800;
}

.related-price {
    margin-top: 12px;
    color: #312e81;
    font-size: 17px;
    font-weight: 800;
}

.related-link {
    display: block;
    margin-top: 12px;
    color: #4f46e5;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}
.swiper-new-price{
    font-size: var(--bigtitle-size);
}

@media (max-width: 768px) {
    .main-product-image {
        height: 330px;
    }

    .product-info {
        padding: 25px 20px;
    }

    .detail-section {
        padding: 18px;
    }
}



#product-cart-box button{
    border: unset;
    background-color: var(--secondary-text-color--);
    padding: 11px 24px;
    color: #fff;
    font-size: var(--text-size);
    border-radius: 10px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 30px;
}

.product-cart-control{
    display: flex;
    align-items: center;
    gap: 7px;
    border: 1px solid #d7d7d7;
    border-radius: 10px;
    padding: 10px;
    width: fit-content;
    margin-top: 10px;
}

.product-price-box .product-cart-control button{
    border: unset !important;
    background-color: unset !important;
    padding: 4px 8px !important;
    color: var(--text-color) !important;
    font-size: var(--title-size) !important;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: unset !important;
    width: fit-content !important;
}

.product-cart-quantity {
    font-size: var(--small-size);
    font-family: "Samim-FD";
}





    /*responsive*/
    /*responsive*/
    /*responsive*/
    @media screen and (max-width: 1400px){

        .my-button span{
            padding: 23px 48px;
        }
    }



    @media screen and (max-width: 1200px) {

        .address-bar-inside {
            padding-right: 100px;
        }

        .my-button span {
            padding: 23px 38px;
        }


        .nav-link {
            display: block;
            padding: 0.4rem 2rem;
        }

        .product-gallery {
            align-items: center;
            padding-block: 20px 30px;
        }

        .product-big-img {
            width: 300px;
            height: 300px;
        }

        .detail-tags {
            display: none;
        }

        .product-small-images {
            gap: 20px;
        }

        .more-items {
            display: flex;
            flex-direction: column-reverse;
            gap: 10px;
        }

        .media-tag {
            display: flex;
            padding-top: 15px;
        }
    }


    @media screen and (max-width: 991px) {


        .comment-row{
            flex-direction: column;
        }

        .your-comment {
            width: 100%;
        }

        .address-bar {
            margin-top: 11rem;
        }

        .each-product-card {
            flex-direction: column !important;
        }

        .swiper-light-button-prev {
            left: 7.5% !important;
        }

        .address-bar-inside {
            padding: 20px 16px;
            padding-right: 43px;
        }
    }

    @media screen and (max-width: 575px) {

        .product-detail-page {
            direction: rtl;
            min-height: 100vh;
            background: #fff;
            margin-top: 93px;
            padding-top: 34px;
        }


        .product-gallery {
            padding-block: 0;
        }

        .buy-button {
            width: fit-content;
            margin-bottom: 0;
        }

        .product-title {
            font-size: var(--title-size);
        }

        .product-price-box{
            display: none;
        }

        section.light {
            padding-block: 84px 0px;
        }

        .my-detail-name span {
            font-size: 16px;
        }

        .addToCart {
            border-radius: 32px;
            padding: 11px 24px;
            font-size: 13px;
            line-height: var(--line-height);
        }


        .feature-detail {
            padding-right: 30px;
        }


        .feature-detail::after {
            left: calc(100% - 4%);
        }

        ul.categories-tabs::after {
            width: 325px;
        }

        .tabs-product .tabs ul li {
            padding: 14px 29px;
        }

        .footer {
            padding-bottom: 80px;
        }



        .swiper-light-button-prev {
            left: 9.5% !important;
        }



        .fix-section .off-percentage-box {
            width: 24px;
            height: 26px;
        }

        .all-fix-before-price span {
            color: #CBCBCB;
            text-align: right;
            font-size: var(--text-size);
            font-style: normal;
            font-weight: 700;
            line-height: 30px;
            text-decoration: line-through;
        }

        .all-fix-after-price span {
            color: var(--text-color);
            text-align: right;
            font-size: 18px;
            font-style: normal;
            font-weight: 700;
            line-height: 30px; /* 120% */
        }

        .fix-price {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            padding: 0 10px;
        }

        .all-fix-before-price {
            display: flex;
            gap: 9px;
            align-items: center;
        }

        .fix-section {
            position: fixed;
            width: 100%;
            bottom: 0;
            background: #fff;
            padding-block: 10px 7px;
            z-index: 12;
            display: block;
            border: 2px solid #f8f8f8;
        }

        .mycart a {
            border-radius: 32px;
            background: var(--secondary-text-color--);
            padding: 13px 34px;
            color: #fff;
            text-decoration: none;
            text-align: justify;
            font-size: 15px;
            font-style: normal;
            font-weight: 500;
            line-height: 41px;
        }


        .tabs-here .nav {
            flex-direction: column;
        }

        .detail-price {
            display: none;
        }

        .add-to-cart {
            display: none;
        }


        .whole-address-bar {
            border-radius: unset;

            box-shadow: unset;
        }

        .product-small-images {
            gap: 13px;
        }

        .product-big-img {
            width: 275px;
            height: 275px;
        }

        .first-small-image {
            width: 80px;
            height: 80px;
        }


        .first-small-image img {
            width: 100%;
            height: 100%;
        }
    }

    @media screen and (max-width: 425px) {


        .main-product-image {
            height: 209px;
        }

        .swiper-light-button-prev {
            left: 11.5% !important;
        }

        .product-big-img {
            width: 235px;
            height: 235px;
        }

        .first-small-image {
            width: 70px;
            height: 70px;
        }

    }

    @media screen and (max-width: 375px) {

        .all-fix-after-price span {
            font-size: 16px;
        }

        .addToCart {
            border-radius: 32px;
            padding: 9px 17px;
            font-size: 12px;
            line-height: var(--line-height);
        }

        .feature-detail::after {
            left: calc(100% - 7%);
        }

        ul.categories-tabs::after {
            width: 245px;
        }

        .tabs-product .tabs ul li {
            padding: 14px 16px;
        }

        .product-big-img {
            width: 210px;
            height: 210px;
        }

        .first-small-image {
            width: 63px;
            height: 63px;
        }

        .product-small-images {
            gap: 8px;
        }

        .mycart a {
            padding: 8px 19px;
            font-size: 14px;
        }

    }


    @media screen and (max-width: 320px) {

        .swiper-light-button-prev {
            left: 13.5% !important;
        }

        .product-big-img {
            width: 190px;
            height: 190px;
        }

        .first-small-image {
            width: 58px;
            height: 58px;
        }

    }

/*responsive*/
/*responsive*/
/*responsive*/