/*
Theme Name:   هایپرکالا
Theme URI:    https://www.rtl-theme.com/hyperkala-wordpress-theme/
Description:  قالب حرفه‌ای ایرانی هایپرکالا
Author:       امیرحسین اسلامی
Author URI:   https://www.rtl-theme.com/author/amir1382b10/
Version:      1.8
*/
@import "assets/css/element.css";
.spo2-offer-width{
    max-width:100% !important;
}
/***** فونت‌ها ****/
@font-face {
    font-family: "Vazir";
    src: url('fonts/Vazir-Regular.eot');
    src: url('fonts/Vazir-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/Vazir-Regular.woff2') format('woff2'),
    url('fonts/Vazir-Regular.woff') format('woff'),
    url('fonts/Vazir-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Vazir";
    src: url('fonts/Vazir-Bold.eot');
    src: url('fonts/Vazir-Bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/Vazir-Bold.woff2') format('woff2'),
    url('fonts/Vazir-Bold.woff') format('woff'),
    url('fonts/Vazir-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: "Vazir";
    src: url('fonts/Vazir-Black.eot');
    src: url('fonts/Vazir-Black.eot?#iefix') format('embedded-opentype'),
    url('fonts/Vazir-Black.woff2') format('woff2'),
    url('fonts/Vazir-Black.woff') format('woff'),
    url('fonts/Vazir-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: "Vazir";
    src: url('fonts/Vazir-Medium.eot');
    src: url('fonts/Vazir-Medium.eot?#iefix') format('embedded-opentype'),
    url('fonts/Vazir-Medium.woff2') format('woff2'),
    url('fonts/Vazir-Medium.woff') format('woff'),
    url('fonts/Vazir-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "Vazir";
    src: url('fonts/Vazir-Light.eot');
    src: url('fonts/Vazir-Light.eot?#iefix') format('embedded-opentype'),
    url('fonts/Vazir-Light.woff2') format('woff2'),
    url('fonts/Vazir-Light.woff') format('woff'),
    url('fonts/Vazir-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "Vazir";
    src: url('fonts/Vazir-Thin.eot');
    src: url('fonts/Vazir-Thin.eot?#iefix') format('embedded-opentype'),
    url('fonts/Vazir-Thin.woff2') format('woff2'),
    url('fonts/Vazir-Thin.woff') format('woff'),
    url('fonts/Vazir-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face{
    font-family: 'nazanin';
    src: url("fonts/Far_Nazanin.ttf");
}
@font-face{
    font-family: 'byekan';
    src: url("fonts/Yekan.ttf");
}
@font-face{
    font-family: 'casablanka';
    src: url("fonts/Far_Casablanca.ttf");
}
@font-face{
    font-family: 'sahel';
    src: url("fonts/Sahel.ttf");
    src: url("fonts/Sahel.eot");
    src: url("fonts/Sahel.woff");
}
@font-face{
    font-family: 'shabnam';
    src: url("fonts/Shabnam.eot");
    src: url("fonts/Shabnam.woff");
    src: url("fonts/Shabnam.ttf");
    src: url("fonts/Shabnam.woff2");
}
@font-face{
    font-family: 'lalezar';
    src: url("fonts/Lalezar-Regular.otf");
    src: url("fonts/Lalezar-Regular.ttf");
}
:root{
    --maincolor: #3866F3;
    --secondcolor: #0d6efd;
    --maintext-color: #ffffff;
}
/****استایل‌های پیشفرض*****/
.price-box-in-archive .sp-price-range > del span{
    display:none;
}
#footer-thankyou {
    display: none !important;
}
body{
    margin: 0px;
    padding: 0px;
    direction: rtl;
    font-size: 16px;
    overflow-x: hidden;
    max-width: 100%;
}
@media screen and (min-width: 1080px) {
    .shop-item{
        margin: 2px;
        width: 24.5%;
    }
    .container {
        max-width: 1280px;
    }
}
@media screen and (min-width: 992px) {
    .container {
        max-width: 1280px;
    }
}
@media screen and (max-width: 992px) {
    .title-item{
        font-size:14px !important;
    }
    .title-item i{
        font-size:14px !important;
    }
    .e-buy-benefits .row{
        overflow-x: scroll;
        flex-wrap: unset;
    }
    .e-buy-benefits .row > div{
        width:45% !important;
        margin-left:5px;
    }
}
@media screen and (max-width: 768px) {
    .title-item{
        font-size:12px !important;
    }
    .title-item i{
        font-size:12px !important;
    }
}
.logo{
    max-width:180px;
}
.footer2-downbox{
    width:100%;
    height: 55px;
    box-shadow:0px 0px 3px #dddddd;
    position: fixed;
    bottom:0;
    visibility:hidden;
    background-color:#FFFFFF;
    z-index:999999;
    right:0;
    left:0;
}
.col-20percent{
    width:20%;
    text-align: center;
    display:flex;
    align-items: center;
    justify-content: center;
    height:55px;
}
.col-20percent a{

}
.col-20percent a i::before{
    color: #606060;
}
.col-20percent .burgerline1{
    background-color:#606060 !important;
}
.col-20percent .burgerline2{
    background-color:#606060 !important;
}
.col-20percent .burgerline3{
    background-color:#606060 !important;
}
.col-20percent a i.fa-home::before{
    content: "\f015";
    padding: 13px;
    background-color: var(--maincolor);
    color: #fff;
    border-radius: 50%;
    box-shadow: 0px 0px 2px var(--maincolor);
}
@media screen and (max-width: 992px){
    .footer2-downbox{
        visibility:visible;
    }
}
a{
    color: #1a1e21;
    text-decoration: none;
}
a:hover {
    color: #1a1e21;
    text-decoration: none;
}
.container-fluid{
    padding-right: 0px;
    padding-left: 0px;
}
.woocommerce-breadcrumb{
    border-radius: 15px;
    margin-bottom: 25px;
    margin-right: 15px;
    margin-left: 15px;
    font-size: 14px;
}
.woocommerce-breadcrumb > a{
    color: var(--maincolor);
    font-weight:500;
}
.row{
    margin: 0px;
}
.d-flex{
    align-items: center;
}
.product-tabs-widget .view-ps{
    padding: 10px !important;
    border-radius: 50% !important;
    font-size: 17px !important;
}
.archive-product-box .woocommerce-breadcrumb{
    border:none;
}
.add-to-cart-float-notice{
    bottom: 2%;
    right: 2%;
    z-index: 10000;
    position: fixed;
}
.add-to-cart-float-notice .woocommerce-message{
    margin: 0px;
}
#hideMeAfter5Seconds {
    animation: hideAnimation 800ms ease-in-out 6s;
    animation-fill-mode: forwards;
}
.woocommerce-message , .woocommerce-info{
    border-radius: 15px;
    background: var(--maincolor);
    color: #ffffff !important;
    border-top: 3px solid #ffffff;
    box-shadow: 0px 0px 5px 2px #dddddd;
    z-index:10000;
}
.woocommerce-info::before {
    color: #ffffff;
}
.woocommerce-message::before {
    content: "\e015";
    color: #ffffff;
}
.woocommerce-message .wc-forward{
    display: none;
}
.redux-main .redux_field_search{
    right:60% !important;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table.has-1 thead tr th, .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table.has-2 thead tr th {
    width: 25%;
    text-align: center !important;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-close {
    z-index: 6;
    position: absolute;
    top: 0;
    left: 0 !important;
    right:inherit !important;
    cursor: pointer;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead tr th .woosc-remove, .woosc-page .woosc-remove {
    text-transform: none !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    background-color: #ef0d0d !important;
    color: #FFFFFF !important;
    padding: 3px 5px !important;
    border-radius: 5px !important;
    /* margin-top: 110px !important; */
    /* margin-right: 5px !important; */
}
@keyframes hideAnimation {
    to {
        right: -150%;
    }
}
.elementor-column-gap-default > .elementor-column > .elementor-element-populated{
    padding: 0px !important;
}
@media screen and (max-width: 1175px){
    .header .search-input{
        width: 300px !important;
    }
    header .main-header a button{
        font-size: 13px !important;
        padding: 4px 11px !important;
        margin-right: 6px !important;
    }
}
@media screen and (max-width: 768px){
    header .logo-box{
        text-align: center;
    }
    .main-desktop-header{
        display: none !important;
    }
    .add-to-cart-float-notice{
        bottom: 75px !important;
        right: 2%;
        left: 2%;
        font-size: 15px;
        z-index: 100;
        position: fixed;
    }
    #hideMeAfter5Seconds {
        animation: hideAnimation 1s ease-in-out 10s;
        animation-fill-mode: forwards;
    }
    .article-slider .spostw-title{
        display: flex;
        visibility:visible;
        opacity:1;
    }
    @keyframes hideAnimation {
        to {
            left: 300%;
            right: -300%;
        }
    }
}
/****استایل‌های سربرگ*****/
header{
    box-shadow: 0px 0px 5px #ddd;
}
.top-section{
    background-color: var(--maincolor);
    color: #fff;
    margin: 0px;
}
.top-section p {
    font-size: 14px;
    padding: 6px 0px;
    margin: 0px;
}
.top-section p a{

}
.top-section p a button {
    margin: 0px 10px;
    border-radius: 10px;
    border: none;
    background-color: #ddd;
    color: #000;
    font-size: 13px;
    padding: 2px 8px;
}
header .logo-box{
    margin: 0px;
    padding:0px;
}
.top-menu{
    padding: 10px 0px;
    border-bottom: 1px solid #ddd;
    font-size: 15px;
}
header img.logo {
    width:140px;
}
.form-outline{
    display: flex;
    position:relative;
}
header .main-header{
    margin: 0px;
    padding: 0px;
}
header .main-header a button {
    background-color: #fff;
    color: #9d9d9d;
    border: 2px solid #bdbdbd;
    padding: 5px 14px;
    margin-right: 8px;
    border-radius: 25px;
    transition: 200ms;
    font-size: 14px;
}
header .main-header a button:hover{
    background-color: var(--maincolor);
    color: var(--maintext-color);
}
header .main-header a button i {
    margin-left: 6px;
    font-size: 13px;
}
header .main-header a:last-child button{

    background-color: var(--maincolor);
    color: #FFFFFF;
    border: 2px solid #eee;
}
.header button.search-button {
    position: absolute;
    border-radius: 56%;
    top: 4px;
    left: 4px;
    box-shadow: 0px 0px 2px 0px var(--maincolor);
    padding: 4px;
}
.footer2 .form-outline{
    position:relative;
}
.footer2 .logo{
    width:160px;
}
.footer2 .footer2-namad{
    display: flex;
    justify-content: end;
    flex-wrap:wrap;
}
.footer2 .footer2-namad img{
    width: 115px;
    border-radius: 12px;
    padding: 12px
}
.footer2 .under-copyright p{
    padding-right:10px;
}
.footer2 button.search-button {
    position: absolute;
    border-radius: 25px;
    top: 0px;
    left: 1px;
    box-shadow: 0px 0px 2px 0px var(--maincolor);
    padding: 6px;
    font-weight: bold;
    font-size: 13px;
}
.footer2 .search-input {
    border-radius: 25px;
    font-size: 14px;
    box-shadow: 0px 0px 4px 0px #efefef;
}
.header .search-input {
    border-radius: 25px;
    height: 43px;
    width: 407px;
    font-size: 14px;
    box-shadow: 0px 0px 4px 0px #efefef;
}
header .row-bb{
    margin-top: 13px;
    border-bottom: 0.1rem solid #ddd;
    justify-content: space-between;
}
header .search-button i {
    padding: 4px;
    border-radius: 15px;
    box-shadow: -3px -3px 4px -2px #ffffff;
    font-size: 15px;
}
.nav > ul {
    list-style: none;
    margin: 0px;
    display: flex;
    max-width: 80%;
    padding:0px;
 }
ul.menu > li a i{
    margin: 0px;
    margin-left: 3px;
}
.nav > ul > li{
    color: #666666;
    height: 45px;
    transition: 150ms ease-in-out;
    font-size: 14.5px;
    font-weight: 450;
    margin-left: 18px;
}
.nav > ul > li:hover{
    border-bottom: 3px solid var(--maincolor);
    border-radius: 3px;
}
.nav ul li i{
    margin: 0px 0px;
    color: #666666;
    padding-left: 5px;
 }
.nav ul li i.wpmi-icon{
    margin-right: 0px !important;
    font-size: 14px;
}
header ul > li > ul{
    opacity:0;
    visibility: hidden;
    background-color: #fff;
    margin-top: 50px;
    text-align: right;
    z-index: 100000;
    position: absolute;
    transition: 500ms ease-in-out;
    list-style: none;
    padding: 10px;
    min-width: 250px;
    border-radius: 12px 0px 12px 12px;
}
header ul > li > ul > li > ul {
    opacity: 0;
    visibility: hidden;
    margin-right: 100%;
    top:0px;
}
header ul > li > ul > li:hover > ul{
    opacity: 1;
    visibility: visible;
}
header ul.sub-menu > li > a > i{
    margin-top: 4px;
}
header ul > li > ul > li >a{
    padding-top: 20px;
    margin: 0px 10px 10px 40px;
    font-size: 14.5px;
}
header ul > li > ul > li{
    height: 45px;
    display: flex;
    align-items: center;
    transition: 200ms ease-in-out;
}
header ul li:hover > ul{
    transition: 500ms ease-in-out;
    visibility: visible;
    margin-top: 15px;
    opacity: 1;
}
.owl-carousel .owl-item img{
    border-radius:12px;
}
header ul li ul{
    transition: all 500ms ease-in-out;
    box-shadow: 0px 0px 5px 2px #dddddd;
}
header ul li ul li{
    border-radius: 12px;
}
header ul li:hover > a{
    font-weight: bold;
}
header ul li ul li::before{
    content:" ";
    background-color:var(--maincolor);
    color:var(--maincolor);
    border-radius: 5px;
    margin-left:10px;
    width:20px;
    height:7px;
    margin-top: 9px;
}
header ul li ul li:hover > a{
    color:var(--maincolor);
    font-weight: 600;
}
nav.row-bb .header-phone-box i {
    margin: 0px 10px;
    color: #fff;
    background-color: var(--maincolor);
    padding: 6px;
    border-radius: 50%;
    border: 2px solid #eeeeee;
    text-shadow: none;
}
.nav > ul > li a , .nav > ul > li i{
    transition: all 200ms ease-in-out;
}
.nav > ul > li:hover > a , .nav > ul > li:hover > a > i{
    color:var(--maincolor);
}
nav.row-bb .header-phone-box {
    transition: all 300ms ease-in-out;
    text-align: left;
    width: fit-content;
    padding: 5px;
    /* border: 1px solid var(--maincolor); */
    color: #363636;
    text-shadow: 0px 0px 10px 3px #ddd;
    border-bottom: 2px solid var(--maincolor);
}
nav.row-bb .header-phone-box:hover{
    background-color: var(--maincolor);
    border-radius: 25px;
    color: #ffffff;
}
.btn-primary{
    background-color: var(--maincolor) !important;
    border : 1px solid var(--maincolor) !important;
}
.burgerlines{
    width: 52px;
    height: 51px;
    position: relative;
    cursor: pointer;
    /*-webkit-transition: 2s;
         transition: 2s;*/
    transition-delay: 0.7s;
    transition:all 0.2s ease-in-out;
    background-color: #fff;
    border-radius: 50%;
}
.burgerline1{
    height: 2px;
    width: 24px;
    background-color: #A1A2AC;
    position: absolute;
    border-radius: 15px;
    margin-top: 16px;
    right: 27%;
    transition: all 0.5s ease-in-out;
}

.burgerline2{
    height: 2px;
    width: 24px;
    background-color: #A1A2AC;
    position: absolute;
    top: 8px;
    border-radius: 15px;
    margin-top: 15px;
    right: 27%;
    transition: all 0.5s ease-in-out;
}
.burgerline3{
    height: 2px;
    width: 24px;
    background-color: #A1A2AC;
    position: absolute;
    top: 18px;
    border-radius: 15px;
    margin-top: 12px;
    right: 27%;
    transition: all 0.5s ease-in-out;
}
.the-icon-mobile-header i{
    padding: 10px;
    background-color: var(--maincolor);
    color: var(--maintext-color);
    border-radius: 50%;
    box-shadow: 0px 0px 3px var(--maincolor);
}
header .the-icon-mobile-header a button {
    background-color: var(--secondcolor);
    color: #FFF;
    padding: 10px 15px;
    border: 2px solid #ddd;
    margin-left: 15px;
    border-radius: 15px;
    transition: 200ms;
}
header .the-icon-mobile-header a:hover button {
    opacity: 0.8;
}
#splitview{
    position: absolute;
    width: 100%;
    margin-top: 0px;
    padding: 0px;
    top: 0px;
    height: 100%;
    z-index: 100000;
    background-color: white;
    overflow-x: hidden;
    overflow-y:hidden;
    display: none;
    transition: right 1s ease-in-out;
    right: -100%;
}
#splitview .splitview-out{
    position: absolute;
    bottom: 12%;
    right: 20px;
    z-index: 10000;
    cursor: pointer;
    border-radius: 50%;
    padding: 25px;
    box-shadow: 0px 0px 5px #ddd;
    border: 1px solid #ddd;
    background-color: #ffffff;
}
#splitview .splitview-out-line1{
    height: 2px;
    width: 24px;
    background-color: #1d1d1d;
    position: absolute;
    border-radius: 15px;
    transition: all 0.5s ease-in-out;
    transform: rotate(45deg);
    left: 12px;
}
#splitview .splitview-out-line2{
    height: 2px;
    width: 24px;
    background-color: #1d1d1d;
    position: absolute;
    border-radius: 15px;
    transition: all 0.5s ease-in-out;
    transform: rotate(-45deg);
    left: 12px;
}
#splitview ul{
    padding: 0px;
    list-style: none;
    width: 100%;
}
#splitview ul li{
    width: 100%;
    padding: 10px 7px;
    border-bottom: 1px solid #ddd;
}
.splitview ul li ul{
    display:none;
    position:relative;
    opacity:1;
    visibility: visible;
    margin-top:14px;
    z-index:10;
}
.splitview ul li ul li{
    position:relative;
    visibility: visible;
}
.splitview ul li ul li > ul {
    display: none;
    width: fit-content;
    z-index: 100000;
    position: absolute;
    visibility: visible;
    opacity: 1;
    width: 100% !important;
    right: -100%;
    background-color: #fff;
    top: 34px;
}
.show-menu{
    display:block !important;
}
.splitview-button-exit {
    /*display: none;*/
    position: absolute;
    left: 10px;
    background-color: #f96262;
    border: none;
    color: #fff;
    top: 6px;
    padding: 5px;
    border-radius: 8px;
    transition:all 200ms ease-in-out;
}
.splitview .menu-toggle-custom{
    margin-right:50%;
}
.splitview ul.sub-menu li::after{
    content: " ";
}
@media screen and (max-width: 992px){
    .desktop-header-menu{
        display: none!important;
    }
    header{
        padding-bottom: 20px;
    }
    header .search-input{
        width: 75%;
    }
    header img.logo{
        margin: 0px;
    }
    #splitview ul li a i{
        margin: 0px 7px;
    }
}
/**** پایان استایل‌های سربرگ *****/

/**** استایل‌های اسلایدر اصلی *****/
.main-slider{
    direction: ltr;
}
.owl-item img {
    max-height: 400px;
    width: 100%;
}
.main-slider .owl-nav button{
    position: absolute;
    top: 41%;
    background: #fff !important;
    padding: 10px 15px 15px 15px !important;
    width: 35px !important;
    height: 35px !important;
    font-size: 40px;
    color: #1a1e21 !important;
    box-shadow: 0px 3px 5px rgba(26, 30, 33, 0.2);
    transition: all 0.2s ease-in-out;
    visibility: hidden;
    opacity: 0;
}
.main-slider:hover .owl-nav button{
    visibility: visible;
    opacity: 1;
}
.main-slider .owl-nav button:hover span{
    color: #fff !important;
}
.main-slider .owl-nav button:hover {
    background-color: var(--maincolor) !important;
}
.main-slider .owl-nav .owl-prev:hover {
    left: 10px;
    box-shadow: 2px 3px 7px rgba(26, 30, 33, 0.2);
}
.main-slider .owl-nav .owl-next:hover {
    box-shadow: -2px 3px 7px rgba(26, 30, 33, 0.2);
    right: 10px;
}
.main-slider .owl-nav button span{
    font-size: 30px;
    margin-top: 2px;
}
.main-slider .owl-nav .owl-prev{
    border-radius: 100%;
    left: 15px;
}
.main-slider .owl-nav .owl-next{
    border-radius: 100%;
    right: 15px;
}
/**** پایان استایل‌های اسلایدر اصلی *****/

/**** استایل‌های اسلایدر محصولات *****/
.product-slider{
    margin-top: 10px;
    margin-bottom: 10px;
    direction: ltr;
}
.product-slider .item{
    direction: rtl;
    text-align: right;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0px 0px 2px 2px #eee;
    padding: 20px;
    margin: 5px;
}
.product-slider img{
    width:80% !important;
    margin-right:10%;
}
.product-slider .item .spw-title {
    font-size: 15px;
    color: #1a1e21;
    margin: 25px 0px 10px 0px !important;
    line-height: 30px;
    font-weight:500;
    height:62px;
}
.product-slider .add-to-cart-ps{
     background-color: var(--maincolor);
     visibility: hidden;
     padding: 10px 12px;
     border-radius: 50%;
     font-size: 17px;
     transition: all 200ms ease-in-out;
     opacity: 0;
     color: #fff;
     position: absolute;
     left: 0px;
     bottom: 6%;
 }
.product-slider .view-ps{
    background-color: var(--maincolor);
    visibility: hidden;
    padding: 9px;
    border-radius: 50%;
    font-size: 15px;
    transition: all 200ms ease-in-out;
    transition-delay: 100ms;
    opacity: 0;
    color: #fff;
    position: absolute;
    left: 0px;
    bottom: 6%;
}
#product-slider-element .view-ps{
    border-radius: 0px 50% 50% 0px !important;
    padding: 10px !important;
    border: 1px solid #FFFFFF !important;
    left: 23% !important;
}
#product-slider-element .add-to-cart-ps{
    border-radius: 50% 0px 0px 50% !important;
    padding: 10px 11px 10px 10px !important;
    border: 1px solid #FFFFFF !important;

}
.product-slider .item:hover .add-to-cart-ps{
    left: 8%;
    visibility: visible;
    opacity: 1;
}
.product-slider .item:hover .view-ps , .product-tabs-widget .item:hover .view-ps , .last-buy-slider-element .item:hover .view-ps{
    left: 21.5% !important;
    visibility: visible;
    opacity: 1;
    border-radius: 50% !important;
}
.product-slider .add-to-cart-ps:hover{
    opacity: 0.7 !important;
    color: #fff;
}
.product-slider .view-ps:hover{
     opacity: 0.7 !important;
     color: #fff;
 }
.product-slider .item > span{
    font-size: 11px;
}
.product-slider .owl-nav button{
    position: absolute;
    top: 41%;
    background: #fff !important;
    padding: 10px 15px 15px 15px !important;
    width: 35px !important;
    height: 35px !important;
    font-size: 40px;
    color: #1a1e21 !important;
    box-shadow: 0px 3px 5px rgba(26, 30, 33, 0.2);
    transition: all 0.2s ease-in-out;
    visibility: hidden;
    opacity: 0;
}
.product-slider:hover .owl-nav button{
    visibility: visible;
    opacity: 1;
}
.product-slider .owl-nav button:hover span{
    color: #fff !important;
}
.product-slider .owl-nav button:hover {
    background-color: var(--maincolor) !important;
}
.product-slider .owl-nav .owl-prev:hover {
    left: 10px;
    box-shadow: 2px 3px 7px rgba(26, 30, 33, 0.2);
}
.product-slider .owl-nav .owl-next:hover {
    box-shadow: -2px 3px 7px rgba(26, 30, 33, 0.2);
    right: 10px;
}
.product-slider .owl-nav button span{
    font-size: 30px;
    margin-top: 2px;
}
.product-slider .owl-nav .owl-prev{
    border-radius: 100%;
    left: 15px;
}
.product-slider .owl-nav .owl-next{
    border-radius: 100%;
    right: 15px;
}
.product-slider-model1{
    margin-top:20px;
}
.product-slider-model1-price{
    font-family:"Lalezar";
}
.product-slider-model1-price span{
    font-family:"vazir";
    color: #d9d9d9;
    font-weight:bold;
    font-size:12px;
    margin-right:2px;
}
.product-slider-model1-price{
    color:var(--maincolor);
    font-size:25px;
}
.product-element-model1 i{
    color:#ffffff;
}
.item:hover .spw-offer-show{
    top: 5px;
    visibility: visible;
}
.product-slider-element .item{
    transition: all 200ms ease-in-out;
}
.product-slider-element .item:hover{
    box-shadow: 0px 0px 3px 1px var(--maincolor);
}
.spw-offer-show{
    position: absolute;
    top:-80px;
    background-color: var(--maincolor);
    border-radius: 0px 0px 8px 8px;
    z-index:1000;
    padding: 8px 6px;
    color:#FFFFFF !important;
    font-family: "lalezar" !important;
    font-weight: normal;
    transition: all 200ms ease-in-out;
    visibility: hidden;
}
.product-element-model1 a {
    background-color: var(--maincolor);
    /* width: 100px; */
    border-radius: 8px;
    padding: 7px 10px;
    font-size: 16px;
    box-shadow: 0px 0px 3px 0px var(--maincolor) !important;
    transition: all 200ms ease-in-out;

}
.product-element-model1{
    margin-top:10px;
}
.product-element-model1 a:hover {
    opacity:0.7;
}
/*.product-element-model1{*/
/*    opacity: 0;*/
/*    visibility: hidden;*/
/*    position: absolute;*/
/*    bottom: 8%;*/
/*    left: -50px;*/
/*    transition: 200ms all ease-in-out;*/
/*    width: 250px;*/
/*    text-align: left;*/
/*}*/
/*.product-slider-model1-price{*/

/*}*/
/*.product-element-model1 a{*/
/*    background-color: var(--maincolor);*/
/*    color: var(--maintext-color);*/
/*    font-size: 17px;*/
/*    padding: 10px;*/
/*    margin: -4px;*/
/*}*/
/*.product-element-model1 a:last-child{*/
/*    border-radius: 15px 0px 0px 15px;*/
/*}*/
/*.product-element-model1 a:first-child{*/
/*    border-radius: 0px 15px 15px 0px;*/
/*}*/
/*.product-slider-element .item:hover .product-element-model1{*/
/*    opacity: 1;*/
/*    visibility: visible;*/
/*    left: 10%;*/
/*    bottom: 10%;*/
/*}*/
/*.product-slider-element .item .product-element-model1 a:hover {*/
/*    opacity: 0.6;*/
/*    visibility: visible;*/
/*    left: 10%;*/
/*    bottom: 10%;*/
/*}*/
.article-slider .spostw-title {
    position: absolute;
    z-index: 100000000;
    bottom: 10px;
    width: 90%;
    right: 5%;
    border-radius: 15px 0px 15px 0px;
    box-shadow: 0px 0px 6px 1px #ddd;
    background-color: #ffffff;
    padding: 8px 10px;
    font-size: 14px;
    font-weight: bold;
    color: #444444;
    text-align:center;
}
.article-slider .post-cat {
    top: -10px;
    background-color: var(--maincolor);
    padding: 5px 12px;
    position: absolute;
    color: #FFFFFF;
    border-radius: 12px;
    box-shadow: 0px 0px 4px 0px var(--maincolor);
    font-size: 14px;
    left: 10px;
    transition:all 200ms ease-in-out;
    opacity:0;
}
.article-slider .item:hover .post-cat {
    top:10px;
    opacity: 1;
}
.article-slider .spostw-link{
    position:relative;
}
.product-slider .title-section{
    display: flex;
    position: relative;
    justify-content: space-between;
    margin-bottom: 20px;
}
.product-slider .title-section .title-item {
    background: #fff;
    padding-left: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 2;
    font-size: 16px;
    font-weight: 450;
}
.product-slider .title-section .title-item:first-child {
    padding-right: 20px;
    padding-left: 0px;
}
.product-slider .title-section::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--maincolor);
    z-index: 1;
}
.product-slider .title-item:first-child i{
    color: var(--maincolor);
    padding-right: 10px;
    font-size: 15px;
}
.product-slider .title-item i{
    color: var(--maincolor);
    padding-left: 7px;
    font-size: 17px;
}
.special-box button{
    padding: 0px;
    margin: 0px;
    background: none;
    border: none;
    color: var(--maintext-color);
}
.sp-mode1-special-box2 {
    display: flex;
    position: absolute;
    top: 4%;
    left: -2%;
    visiblity:hidden;
    opacity:0;
    flex-wrap: wrap;
    background-color: #FFFFFF;
    width: 32px;
    box-shadow: 1px 0px 3px 0px #ddd;
    transition:all 200ms ease-in-out;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-btn .woosc-bar-btn-icon-wrapper .woosc-bar-btn-icon-inner {
    width: 16px;
    height: 12px;
    margin-top: 18px;
    margin-left: 0px;
    position: relative;
    left: -15px;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-btn {
    background-color:var(--maincolor) !important;
}
.item:hover .sp-mode1-special-box2{
    left: 2%;
    display:block;
    opacity:1;
    visiblity:visible;
}
.sp-mode1-special-box2 > div{
    width:100%;
    padding:0px;
    margin:0px;
    background-color: #FFFFFF;
    border-radius: 0px 0px 8px 0px;
}
.sp-mode1-special-box2 .woosc-btn-has-icon {
    display: inline-flex;
    align-items: center;
    border-radius: 0px 8px 0px 0px;
}
.sp-mode1-special-box2 .woosc-area .woosc-inner .woosc-bar .woosc-bar-btn .woosc-bar-btn-icon-wrapper .woosc-bar-btn-icon-inner {
    width: 16px;
    height: 14px;
    margin-top: 0px;
    margin-left: 0px;
    position: relative;
}
.sp-mode1-special-box2 .woosc-area .woosc-inner .woosc-bar .woosc-bar-btn .woosc-bar-btn-icon-wrapper {
    width: 48px;
    height: 48px;
    line-height: 48px;
    background-color: rgba(0, 0, 0, 0.1);
    text-align: center;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    align-items: center;
    justify-content: center;
}
.sp-mode1-special-box2 .woosq-product .quantity {
    width: 50px;
    margin: 0px 1%;
}
.sp-mode1-special-box2 .woosq-product .quantity .qty {
    width: 100% !important;
    height: -webkit-fill-available;
    text-align: left;
    border-radius: 8px;
    border: 1px solid #ddd;
}
.sp-mode1-special-box2 > button {
    width: 100%;
    border: none;
    padding: 8px;
    font-size: 14px;
    text-align: center;
    background-color: #FFFFFF;
    width: 100%;
    border-bottom:1px solid #eeeeee;
}
.sp-mode1-special-box2 {
    border-radius:0px 8px 8px 0px;
}
.sp-mode1-special-box2 .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt:before, .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt:before {
    color: #000000 !important;
    margin-right: -2.5px;
}
.sp-mode1-special-box2 .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt, .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt {
    position: relative;
    width: 15px;
    /* height: 16px; */
    vertical-align: sub;
}
.sp-mode1-special-box2 .tinv-wraper.tinv-wishlist {
    font-size: 100%;
    padding-top: 2px;
    padding-bottom: 1px;
}
.sp-mode1-special-box2 .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt:before, .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt:before{
    color: #000000 !important;
}
@media only screen and (max-width: 1024px) {
    .product-slider .item:hover .add-to-cart-ps{
        visibility: hidden;
    }
    .product-slider .item:hover .view-ps{
        visibility: hidden;
    }
    .single-content h1 {
        padding: 15px 0px;
        border-bottom: 2px solid #dddddd;
        font-size: 18px;
        line-height: 32px;
    }
    .single-page .single-content {
        border-radius: 15px;
        box-shadow: 0px 0px 5px #dbdbdb;
        padding: 15px 15px;
        height: fit-content;
    }
    .single-page {
        padding: 15px;
    }
    .single-content .article-info ul > li {
        display: flex;
        font-size: 14px;
        color: #494949;
        margin-left: 10px;
        padding: 3px 0px;
    }
}
/**** پایان استایل‌های اسلایدر محصولات *****/

/**** استایل‌های اسلایدر مقالات *****/
.article-slider {
    direction: ltr;
}
.article-slider .item{
    direction: rtl;
    position: relative;
}
.article-slider .item img{
    border: 1px solid #ddd;
    box-shadow: 0px 0px 2px #ddd;
    border-radius: 10px;
    min-height: 210px;
}
.article-slider .item p{
    position: absolute;
    line-height: 35px;
    top: 55%;
    visibility: hidden;
    opacity: 0;
    color: #fff;
    transition: 200ms ease-in-out;
    margin: 0px 15px 0px 20px;
    font-size: 17px;
}
.article-slider .item .bg-article-title{
    background-color: #000000;
    width: 100%;
    position: absolute;
    bottom: 0px;
    opacity: 0;
    height: 0px;
    transition: 200ms ease-in-out;
    border-radius: 0px 0px 15px 15px;
    border: 1px solid #ddd;
}
.article-slider .item:hover .bg-article-title{
    height: 50%;
    opacity: 1;
}
.article-slider .item:hover p{
    visibility: visible;
    z-index: 10;
    opacity: 1;
}
.article-slider .owl-nav button{
    position: absolute;
    top: 35%;
    background: #fff !important;
    padding: 10px 15px 15px 15px !important;
    width: 35px !important;
    height: 35px !important;
    font-size: 40px;
    color: #1a1e21 !important;
    box-shadow: 0px 3px 5px rgba(26, 30, 33, 0.2);
    transition: all 0.2s ease-in-out;
    visibility: hidden;
    opacity: 0;
}
.article-slider:hover .owl-nav button{
    visibility: visible;
    opacity: 1;
}
.article-slider .owl-nav button:hover span{
    color: #fff !important;
}
.article-slider .owl-nav button:hover {
    background-color: var(--maincolor) !important;
}
.article-slider .owl-nav .owl-prev:hover {
    left: 10px;
    box-shadow: 2px 3px 7px rgba(26, 30, 33, 0.2);
}
.article-slider .owl-nav .owl-next:hover {
    box-shadow: -2px 3px 7px rgba(26, 30, 33, 0.2);
    right: 10px;
}
.article-slider .owl-nav button span{
    font-size: 30px;
    margin-top: 2px;
}
.article-slider .owl-nav .owl-prev{
    border-radius: 100%;
    left: 15px;
}
.article-slider .owl-nav .owl-next{
    border-radius: 100%;
    right: 15px;
}
.article-slider .title-section{
    display: flex;
    position: relative;
    justify-content: space-between;
    margin-bottom: 20px;
}
.article-slider .title-section .title-item {
    background: #fff;
    padding-left: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 2;
    font-size: 16px;
    font-weight: 450;
}
.article-slider .title-section .title-item:first-child {
    padding-right: 20px;
    padding-left: 0px;
}
.article-slider .title-section::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--maincolor);
    z-index: 1;
}
.article-slider .title-item:first-child i{
    color: var(--maincolor);
    padding-right: 10px;
    font-size: 15px;
}
.article-slider .title-item i{
    color: var(--maincolor);
    padding-left: 7px;
    font-size: 17px;
}
@media only screen and (max-width: 1024px) {
    .article-slider .item p , .product-slider .item p{
        visibility: visible;
        opacity: 1;
        z-index: 10;
        font-size: 15px;
        top: 75%;
        line-height: 33px;
    }
    .article-slider .item .bg-article-title{
        visibility: visible;
        height: 25%;
        opacity: 1;
    }
    .article-slider .item:hover .bg-article-title{
        height: 25%;
    }
}
/**** پایان استایل‌های اسلایدر مقالات *****/

/**** استایل‌های اسلایدر مشتریان ما *****/
.customers-slider{
    direction: ltr;
    text-align: center;
}
.customers-slider .owl-nav button{
    position: absolute;
    top: 35%;
    background: #fff !important;
    padding: 10px 15px 15px 15px !important;
    width: 35px !important;
    height: 35px !important;
    font-size: 40px;
    color: #1a1e21 !important;
    box-shadow: 0px 3px 5px rgba(26, 30, 33, 0.2);
    transition: all 0.2s ease-in-out;
    visibility: hidden;
    opacity: 0;
}
.customers-slider:hover .owl-nav button{
    visibility: visible;
    opacity: 1;
}
.customers-slider .owl-nav button:hover span{
    color: #fff !important;
}
.customers-slider .owl-nav button:hover {
    background-color: var(--maincolor) !important;
}
.customers-slider .owl-nav .owl-prev:hover {
    left: 10px;
    box-shadow: 2px 3px 7px rgba(26, 30, 33, 0.2);
}
.customers-slider .owl-nav .owl-next:hover {
    box-shadow: -2px 3px 7px rgba(26, 30, 33, 0.2);
    right: 10px;
}
.customers-slider .owl-nav button span{
    font-size: 30px;
    margin-top: 2px;
}
.customers-slider .owl-nav .owl-prev{
    border-radius: 100%;
    left: 15px;
}
.customers-slider .owl-nav .owl-next{
    border-radius: 100%;
    right: 15px;
}
.customers-slider .title-section{
    display: flex;
    position: relative;
    justify-content: space-between;
    margin-bottom: 20px;
}
.customers-slider .title-section .title-item {
    background: #fff;
    padding-left: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 2;
    font-size: 16px;
    font-weight: 450;
}
.customers-slider .title-section .title-item:first-child {
    padding-right: 20px;
    padding-left: 0px;
}
.customers-slider .title-section::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--maincolor);
    z-index: 1;
}
.customers-slider .title-item:first-child i{
    color: var(--maincolor);
    padding-right: 10px;
    font-size: 15px;
}
.customers-slider .title-item i{
    color: var(--maincolor);
    padding-left: 7px;
    font-size: 17px;
}
/**** پایان استایل‌های اسلایدر مشتریان ما *****/

/**** استایل‌های فهرست محصولات (شبکه‌ای) *****/
.product-list-net .list-net-product-item{
    padding: 0px;
    box-shadow: 0px 0px 3px #ddd;
    transition: all 400ms ease-in-out;
}
.product-list-net .list-net-product-item:hover{
    padding: 3px;
    box-shadow: 0px 0px 7px #ddd;
}
.product-list-net .row{
    padding: 5px;
}
.product-list-net .list-net-product-item img{
    width: 100%;
    padding:40px;
}
.product-list-net .list-net-product-item > div{
    width: 100%;
    background-color: #dddddd;
    padding-right: 10px;
    color: #101214;
}
.product-list-net p{
    margin: 15px 5px;
    padding: 8px;
    font-size: 14.5px;
}
.product-list-net .add-to-cart-ps i {
    padding: 10px;
    background: var(--maincolor);
    /* color: #fff; */
    font-size: 20px;
    color: #f3f3f3;
}
/**** پایان استایل‌های فهرست محصولات (شبکه‌ای) *****/

/**** اسلایدر نظرات مشتریان *****/
.customers-comment-slider{
    direction: ltr;
}
.customers-comment-slider div.row{
    direction: rtl;
}
.customers-comment-slider div.item{
    width: 100%;
    box-shadow: 0px 0px 5px #dddddd;
    border-radius: 15px;
    border: 1px solid #ddd;
    padding: 10px;
    direction: rtl;
    text-align: right;
    min-height: 218px;
    font-size: 15px;
}
.customers-comment-slider img{
    position: absolute;
    width: 65px !important;
    height: 65px;
    right: 5%;
    top: 10%;
    border-radius: 50%;
}
.customers-comment-slider span.c-c-name{
    font-size: 21px;
    position: absolute;
    top: 13%;
    right: 25%;
}
.customers-comment-slider span.c-c-position{
    font-size: 14px;
    position: absolute;
    top: 28%;
    right: 25%;
    color: #26282b;
}
.customers-comment-slider p{
    margin: 10px;
}
.customers-comment-slider i{
    position: absolute;
    left: 5%;
    top: 15%;
    font-size: 45px;
    color: #e7e7e7;
}
.customers-comment-slider div.item > div {
    padding-top: 100px;
    border-bottom: 1px solid #ddd;
}
/**** پایان اسلایدر نظرات مشتریان *****/

/**** استایل‌های تب‌های محصول *****/
.product-tabs-element div.tab-list{
    display: flex;
    transition: 150ms ease-in-out;
    margin-bottom: 10px;
}
.product-tabs-element > div.tab-list > div{
    padding: 10px 30px;
    color: #1a1e21;
    border-radius: 25px 25px 0px 0px;
    margin: 0px !important;
    font-size: 14px;
    border : 2px solid rgba(255, 255, 255, 0);
    transition: 150ms ease-in-out;
    cursor: pointer;
}
.product-tabs-element > div.tab-list > div.product-tab-element-active{
    transition: 150ms ease-in-out;
    font-size: 15px;
    border-bottom: 2px solid var(--maincolor);
    color:var(--maincolor);
    font-weight: 500;
}
.product-tabs-element > div.tab-list div.tablink:hover{
    border-bottom: 2px solid #ddd;
}
.product-tabs-element > div.tab-list div.product-tab-element-active:hover{
    border-bottom: 2px solid var(--maincolor);
}
.product-slider-tab{
    margin-top: 10px;
    margin-bottom: 10px;
    direction: ltr;
}
.product-slider-tab .item{
    direction: rtl;
    text-align: right;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0px 0px 5px #ddd;
    border: 1px solid #ddd;
    padding: 20px;
    margin: 5px;
}
.product-slider-tab .item p {
    font-size: 15px;
    color: #1a1e21;
    margin: 25px 0px 10px 0px !important;
    line-height: 30px;
}
.product-slider-tab .add-to-cart-ps{
    background-color: var(--maincolor);
    visibility: hidden;
    padding: 10px;
    border-radius: 50%;
    font-size: 17px;
    transition: all 200ms ease-in-out;
    opacity: 0;
    color: #fff;
    position: absolute;
    left: 0px;
    bottom: 7%;
}
.product-slider-tab .view-ps{
    background-color: var(--maincolor);
    visibility: hidden;
    padding: 9px;
    border-radius: 20px;
    font-size: 15px;
    transition: all 200ms ease-in-out;
    transition-delay: 100ms;
    opacity: 0;
    color: #fff;
    position: absolute;
    left: 0px;
    bottom: 7%;
}
.product-slider-tab .item:hover .add-to-cart-ps{
    left: 8%;
    visibility: visible;
    opacity: 1;
}
.product-slider-tab .item:hover .view-ps , .last-buy-slider-element .item:hover .view-ps{
    left: 20%;
    visibility: visible;
    opacity: 1;
}
.product-slider-tab .add-to-cart-ps:hover{
    opacity: 0.7 !important;
    color: #fff;
}
.product-slider-tab .view-ps:hover{
    opacity: 0.7 !important;
    color: #fff;
}
.product-slider-tab .item > span{
    font-size: 11px;
}
.product-slider-tab .owl-nav button{
    position: absolute;
    top: 41%;
    background: #fff !important;
    padding: 10px 15px 15px 15px !important;
    width: 35px !important;
    height: 35px !important;
    font-size: 40px;
    color: #1a1e21 !important;
    box-shadow: 0px 3px 5px rgba(26, 30, 33, 0.2);
    transition: all 0.2s ease-in-out;
    visibility: hidden;
    opacity: 0;
}
.product-slider-tab:hover .owl-nav button{
    visibility: visible;
    opacity: 1;
}
.product-slider-tab .owl-nav button:hover span{
    color: #fff !important;
}
.product-slider-tab .owl-nav button:hover {
    background-color: var(--maincolor) !important;
}
.product-slider-tab .owl-nav .owl-prev:hover {
    left: 10px;
    box-shadow: 2px 3px 7px rgba(26, 30, 33, 0.2);
}
.product-slider-tab .owl-nav .owl-next:hover {
    box-shadow: -2px 3px 7px rgba(26, 30, 33, 0.2);
    right: 10px;
}
.product-slider-tab .owl-nav button span{
    font-size: 30px;
    margin-top: 2px;
}
.product-slider-tab .owl-nav .owl-prev{
    border-radius: 100%;
    left: 15px;
}
.product-slider-tab .owl-nav .owl-next{
    border-radius: 100%;
    right: 15px;
}
@media only screen and (max-width: 1024px) {
    .product-slider-tab .view-ps{
        visibility: visible;
        opacity: 1;
        left: 8%;
        font-size: 16px;
        padding: 15px;
    }
    .product-slider-tab .item:hover .view-ps{
        left: 8%;
    }
    .product-slider-tab .add-to-cart-ps{
        visibility: hidden;
    }
    .product-slider-tab .item:hover .add-to-cart-ps{
        visibility: hidden;
    }
}
/**** پایان استایل‌های تب‌های محصول *****/

/**** استایل‌های فهرست محصول آخرین سفارش کاربر *****/
.the-last-order-list {
    width: 100%;
    background-color: #eeeeee;
}
.the-last-order-list > div{
    border-bottom: 1px solid var(--maincolor);
    padding: 10px;
    padding-right: 25px;
}
.the-last-order-list ul {
    width: 100%;
    padding: 10px;
}
.the-last-order-list ul li {
    display: flex;
    align-content: center;
    align-items: center;
    color: #1a1e21;
    font-size: 14px;
    padding: 10px;
}
.the-last-order-list ul li img {
    border-radius: 10px;
    width: 75px;
    height: 75px;
    padding: 0px;
    border: 1px solid #eee;
}
.the-last-order-list ul li p {
    margin-top: 8px;
    margin-right: 8px;
}
.the-last-order-list ul li > div {
    display: block;
}
.the-last-order-list ul li > div > div{
    margin-right: 8px;
    color: #25d281;
}
/**** پایان استایل‌های فهرست محصول آخرین سفارش کاربر *****/

/**** استایل‌های فهرست آخرین محصولات بازدید شده *****/
.the-last-product-viewed-list {
    width: 100%;
    background-color: #eeeeee;
}
.the-last-product-viewed-list > div{
    border-bottom: 1px solid var(--maincolor);
    padding: 10px;
    padding-right: 25px;
}
.the-last-product-viewed-list ul {
    width: 100%;
    padding: 10px;
}
.the-last-product-viewed-list ul li {
    display: flex;
    align-content: center;
    align-items: center;
    color: #1a1e21;
    font-size: 14px;
    padding: 10px;
}
.the-last-product-viewed-list ul li img {
    border-radius: 5px;
    width: 75px;
}
.the-last-product-viewed-list ul li p {
    margin-top: 8px;
    margin-right: 8px;
}
.the-last-product-viewed-list ul li > div {
    display: block;
}
.the-last-product-viewed-list ul li > div > div{
    margin-right: 8px;
    color: #25d281;
}
/**** پایان استایل‌های فهرست آخرین محصولات بازدید شده *****/

/**** استایل‌های بخش ویدئوها (جعبه گشایی و ...) *****/
.tv-video{
    width: 100%;
    display: flex;
    padding: 10px;
    justify-content: center;
}
.tv-video .tv-main-video-element{
    width: 50%;
}
.tv-video .tv-main-video-element a{
     position: relative;
}
.tv-video .tv-main-video-element i{
    position: absolute;
    font-size: 60px;
    top: 0%;
    right: 46%;
    color: #eeeeee;
    z-index: 100;
    transition: 150ms ease-in-out;
}
.tv-video .tv-main-video-element img{
     width: 100%;
     border-radius: 10px;
     border: 2px solid #dddddd;
}
.tv-video .tv-list-video-element img{
     width: 50%;
     border-radius: 4px;
     border: 1px solid #dddddd;
}
.tv-video .tv-list-video-element{
    justify-content: center;
    text-align: center;
    width: 50%;
    margin-right: 10px;
}
.tv-video .tv-list-video-element ul{
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}
.tv-video .tv-list-video-element ul li{
    width: 48%;
}
.tv-video .tv-list-video-element ul li i{
    transition: 150ms ease-in-out;
}
.tv-video .tv-list-video-element ul li img{
    width: 93%;
}
.tv-video .tv-list-video-element i {
    position: absolute;
    font-size: 30px;
    color: #eeeeee;
    top: 33%;
    right: 45%;
}
.tv-main-video-element:hover i{
    font-size: 65px;
    top: -30%;
    right: 45%;
    color: #dddddd;
}
.tv-list-video-element ul li:hover i{
    font-size: 35px;
    top: 32%;
    right: 44%;
    color: #ddd;
}
.tv-video .tv-list-video-element ul li{
    position: relative;
    padding: 0px 8px 8px 8px;
}
.tv-video .tv-list-video-element ul li p{
    text-align: center;
    background-color: #dddddd;
    padding: 10px 5px;
    border-radius: 0px 0px 5px 5px;
}
.tv-video .tv-list-video-element button{
    width: 30%;
    background-color: var(--maincolor);
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 10px;
    transition: 150ms ease-in-out;
}
.tv-list-video-element button:hover{
    opacity: 0.8;
}
@media only screen and (max-width: 992px) {
    .tv-video {
        display: flex;
        flex-wrap: wrap;
    }
    .tv-video .tv-main-video-element{
        width: 100%;
    }
    .tv-video .tv-list-video-element{
        width: 100%;
        text-align: center;
        display: block;
    }
    .tv-video .tv-list-video-element ul{
        width: 100%;
        padding: 10px;
    }
    .tv-video .tv-list-video-element ul li{
        margin: 10px 0px;
    }
    .tv-video .tv-list-video-element button{
        width: 75%;
    }
}
/**** پایان استایل‌های بخش ویدئوها (جعبه گشایی و ...) *****/

/**** استایل‌های المان‌های اولیه *****/
.info-box{
    background-color: var(--maincolor);
    color: #ffffff;
    border-radius: 7px;
    display: flex;
    align-items: center;
    align-content: center;
    padding: 10px;
}
.info-box i{
    font-size: 20px;
    margin-right: 2%;
}
.info-box div{
    margin-right: 2.5%;
}
.add-to-cart-element{
    background-color: var(--maincolor);
    padding: 7px 12px;
    color: #fff;
    border: none;
    border-radius: 7px;
    transition: 200ms ease-in-out;
}

.add-to-cart-element i{
    margin-top: 2px;
    margin-left: 5px;
    margin-right: 5px;
}
.add-to-cart-element:hover{
    box-shadow: 0px 0px 2px #ddd;
    opacity: 0.8;
}
.the-ajax-cart-element {
    width: 100%;
    background-color: #eeeeee;
}
.the-ajax-cart-element > div.the-ajax-cart-element-top{
    border-bottom: 1px solid var(--maincolor);
    padding: 10px;
    padding-right: 25px;
}
.the-ajax-cart-element div.the-ajax-cart-element-bottom{
    margin-right: 25px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--maincolor);
}
.the-ajax-cart-element ul {
    width: 100%;
    padding: 10px;
    margin-bottom: 0px;
}
.the-ajax-cart-element ul li {
    display: flex;
    align-content: center;
    align-items: center;
    color: #1a1e21;
    font-size: 14px;
    padding: 10px;
}
.the-ajax-cart-element ul li img {
    border-radius: 5px;
    width: 75px;
    height: 75px;
}
.the-ajax-cart-element ul li p {
    margin-top: 8px;
    margin-right: 8px;
    margin-bottom: 5px;
}
.the-ajax-cart-element ul li > div {
    display: block;
}
.the-ajax-cart-element ul li > div > div{
    margin-right: 8px;
    color: #25d281;
    font-size: 13px;
}
.the-ajax-cart-element button{
    background-color: var(--maincolor);
    padding: 7px 12px;
    color: #fff;
    border: none;
    border-radius: 7px;
    transition: 200ms ease-in-out;
}

.the-ajax-cart-element i{
    margin-top: 2px;
    margin-left: 5px;
    margin-right: 5px;
}
.the-ajax-cart-element button:hover{
    box-shadow: 0px 0px 2px #ddd;
    opacity: 0.8;
}
.purchase-benefits ul{
    display: flex;
    list-style: none;
}
.purchase-benefits ul li{
    display: flex;
}
.purchase-benefits ul li img{
    width: 20%;
}
.purchase-benefits ul li div{
    display: flex;
    align-items: center;
    font-size: 17px;
    color: #272b2f;
}
@media only screen and (max-width: 992px) {
    .purchase-benefits ul {
        flex-wrap: wrap;
        justify-content: center;
    }
    .purchase-benefits img {
        width: 30%;
    }
}
/**** پایان استایل‌های المان‌های اولیه *****/

/**** استایل‌های صفحه نوشته *****/
.single-page{
    padding: 25px;
}
.single-page .single-content{
    border-radius: 15px;
    box-shadow: 0px 0px 5px #dbdbdb;
    padding: 15px 30px;
    height: fit-content;
}
.single-content img{
    border-radius: 5px;
    max-width: 100%;
    display: block;
    margin: auto;
    height:auto;
}
.single-content h1{
    padding: 15px 0px;
    border-bottom: 2px solid #dddddd;
    font-size: 20px;
}
.single-content .article-info ul{
    display: flex;
    list-style: none;
    margin: 20px 0px;
    padding: 0px;
}
.single-content .article-info ul > li{
    display: flex;
    font-size: 14px;
    color: #494949;
    margin-left: 10px;
}
.single-content .article-info ul li i{
    margin: 4px 5px;
    color: #494949;
}
.single-content .article-info .post-categories{
    margin: 0px 7px 0px 0px !important;
    display: flex;
}
.single-content .article-body{
    font-size: 16px;
    color: #262b2f;
    line-height: 36px;
}
.single-content .article-body h2{
    font-size: 30px;
    margin: 15px 0px;
}
.single-content .article-body h3{
    font-size: 26px;
    margin: 10px 0px;
}
.related-article-slider{
    direction: ltr;
}
.related-post-box{
    padding: 10px;
    box-shadow: 0px 0px 10px #dddddd;
    border-radius: 15px;
    margin-top: 35px;
}
.related-article-title{
    border-bottom: 1px solid #ddd;
    width: 100%;
    font-size: 28px;
    color: #323232;
    margin-bottom: 8px;
    padding: 10px;
}
.related-article-slider .item{
    background-color: #fff;
    box-shadow: 0px 0px 2px #ddd;
    padding: 10px;
    border-radius: 15px;
    border: 1px solid #ddd;
    transition: 200ms ease-in-out;
}
.related-article-slider .item:hover{
    z-index: 10000;
    transform: translateY(-5px);
    background-color: #f1f1f1;
    box-shadow: 0px 0px 5px #eeeeee;
}
.related-article-slider .item img{
    border-radius: 5px;
}
.related-article-slider .item p{
    text-align: right;
    padding: 10px 0px;
}
.related-article-slider .item i{
     margin-left: 5px;
}
.related-article-slider-info{
    list-style: none;
    text-align: right;
    font-size: 13px;
    color: #474444;
    background-color: #eeeeee;
    padding: 5px;
    border-radius: 8px;
}
.related-article-slider .owl-nav button{
    position: absolute;
    top: 35%;
    background: #fff !important;
    padding: 10px 15px 15px 15px !important;
    width: 35px !important;
    height: 35px !important;
    font-size: 40px;
    color: #1a1e21 !important;
    box-shadow: 0px 3px 5px rgba(26, 30, 33, 0.2);
    transition: all 0.2s ease-in-out;
    visibility: hidden;
    opacity: 0;
}
.related-article-slider:hover .owl-nav button{
    visibility: visible;
    opacity: 1;
}
.related-article-slider .owl-nav button:hover span{
    color: #fff !important;
}
.related-article-slider .owl-nav button:hover {
    background-color: var(--maincolor) !important;
}
.related-article-slider .owl-nav .owl-prev:hover {
    left: 10px;
    box-shadow: 2px 3px 7px rgba(26, 30, 33, 0.2);
}
.related-article-slider .owl-nav .owl-next:hover {
    box-shadow: -2px 3px 7px rgba(26, 30, 33, 0.2);
    right: 10px;
}
.related-article-slider .owl-nav button span{
    font-size: 30px;
    margin-top: 2px;
}
.related-article-slider .owl-nav .owl-prev{
    border-radius: 100%;
    left: 15px;
}
.related-article-slider .owl-nav .owl-next {
    border-radius: 100%;
    right: 15px;
}
.owl-theme .owl-dots .active span {
    width: 15px;
    height: 10px;
    margin: 5px 7px;
    background: var(--maincolor);
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    transition: 200ms ease-in-out;
    background: var(--maincolor);
}
.comment-reply-title{
    font-size: 16px !important;
    margin: 15px 0px !important;
}
.comment-form .comment-form-comment textarea{
    border: 2px solid #dddddd !important;
    border-radius: 15px !important;
}
.form-submit .submit{
    border-radius: 10px;
    padding: 10px;
    border: 2px solid #dddddd;
    background-color: var(--maincolor);
    color: #ffffff;
}
.comment-form-author input,.comment-form-email input,.comment-form-url input{
    border-radius: 5px;
    border: 2px solid #dddddd;
    margin-right: 2%;
}

.comment-list{
    list-style: none;
}
ul.children{
    list-style: none;
}
.comment-list li{
    padding: 10px;
    margin: 10px;
    border: 2px solid #ddd;
    border-radius: 10px
}
.avatar-40{
    margin: 0px 6px;
    border-radius: 50%;
    margin-bottom: 10px;
}
.comment-reply-link{
    padding: 4px 8px;
    color: #fff;
    background: var(--maincolor);
    border: 1px solid #ddd;
    border-radius: 8px;
    transition: 150ms ease-in-out;
}
.comment-reply-link:hover{
    opacity: 0.7;
    color: #ffffff;
}
.comment-form-url{
    display: none;
}
/**** پایان استایل‌های صفحه نوشته *****/

/**** استایل‌های صفحه آرشیو *****/
.archive{
    margin-top: 30px;
}
.archive .archive-list .archive-box{
    display: flex;
    background-color: #f6f6f6;
    padding: 15px;
    border-radius: 15px;
    border: 2px solid #fff;
    box-shadow: 0px 0px 5px #ddd;
    margin-top: 15px;
}
.archive .archive-list .archive-box p{
    font-size: 13px;
}
.archive .archive-list .archive-box > div > a > p{
    font-size: 17px;
    border-bottom: 2px solid #fff;
    padding: 5px 0px;
}
.archive .archive-list .archive-box > div.d-block{
    padding-right: 15px;
}
.archive .archive-list .archive-box > div.d-block > div{
    margin-bottom: 0px;
}
.archive .archive-list .archive-box img{
    width: 300px;
    height: 150px;
    border-radius: 10px;
}
.archive .archive-list .archive-box .archive-box-bottom{
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #313538;
    flex-wrap: wrap;
}
.archive .archive-list .archive-box .archive-box-bottom i{
    margin: 8px;
    font-size: 13px;
}
.archive .archive-list .archive-box .archive-box-bottom > div{
    display: flex;
}
.archive .archive-list .archive-box .archive-box-bottom ul{
    display: flex;
    list-style: none;
}
.archive .archive-list .archive-box .archive-box-bottom ul li{
    margin: 0px 7px;
}
.post-categories{
    margin: 0px!important;
    padding: 0px !important;
}
.i-custom{
    margin-right: 0px!important;
}
.category-pagination{
    margin-top: 30px;
}
.category-pagination a{
    padding: 5px 10px;
    border-radius: 10px;
    box-shadow: 0px 0px 3px 1px #dddddd;
    margin: 7px;
}
.category-pagination span.current{
    border-bottom: 2px solid var(--maincolor);
    padding: 2px 10px;
}
@media only screen and (max-width: 992px) {
    .archive-box img{
        width: 100% !important;
        max-height: 150px !important;
        margin-bottom: 15px;
    }
    .archive .archive-list .archive-box{
        display: block;
    }
    .archive .archive-list .archive-box .archive-box-bottom {
        display: flex;
        justify-content: space-between;
        width: 90%;
        font-size: 14px;
        color: #313538;
    }
    .single-content .article-info ul{
        flex-wrap: wrap;
    }
    }
/**** پایان استایل‌های صفحه آرشیو *****/

/**** استایل‌های سایدبار *****/
.sidebar-section > div{
    background-color: #fff;
    box-shadow: 0px 0px 5px #dddddd;
    border-radius: 10px;
    margin-right: 10px;
    padding: 8px 0px;
    margin-bottom: 18px;
}
.sidebar-section .sidebar-menu-widget p.widget-title{
    font-size: 16px;
    padding: 6px 15px;
    background-color: var(--maincolor);
    border-radius: 10px 0px 0px 10px;
    color: var(--maintext-color);
    width: fit-content;
    margin-top: 3px;
    margin-bottom: 0px;
}
.wp-widget-group__inner-blocks{
    margin-top: 15px!important;
}
.wp-block-latest-comments__comment-avatar{
    display: none !important;
}
.wp-block-latest-comments{
    padding: 0px!important;
}
.wp-block-latest-comments__comment-meta{
    margin-right: 0px!important;
}
.wp-block-latest-comments__comment-excerpt{
    margin-right: 8px!important;
}
.wp-block-search__input{
    margin-right: 5px !important;
    margin-left: 0px !important;
    border-radius: 0px 10px 10px 0px !important;
    border: 2px solid #dddddd !important;
}
.wp-block-search__button{
    margin: 0px 0px 0px 5px !important;
    background-color: var(--maincolor) !important;
    color: #ffffff !important;
    border-radius: 10px 0px 0px 10px;
}
.sidebar-section .sidebar-menu-widget ul{
    padding: 2px 0px;
    transition: all 200ms ease-in-out;
}
.sidebar-section .sidebar-menu-widget ul li{
    list-style: none;
    margin: 10px;
    border-radius: 3px;
    transition: 200ms ease-in-out;
    font-size: 14.5px;
    padding:2px 0px;
}
.sidebar-section .sidebar-menu-widget ul li:hover{
    font-weight: bold;
    color:var(--maincolor);
}
.sidebar-section .sidebar-menu-widget ul li:hover{
    font-weight: bold;
    color:var(--maincolor);
}
.sidebar-section .sidebar-menu-widget ul li:hover a{
    color:var(--maincolor);
}
.sidebar-section .sidebar-menu-widget ul li:hover ul{
    display:none;
}
.sidebar-section ul.wc-block-checkbox-list li{
    border: none;
}
.sidebar-section ul.wc-block-checkbox-list li:hover {
    border: none !important;
}
.sidebar-section .sidebar-menu-widget ul li ul{
    display: none;
    transition: all 200ms ease-in-out;
}
.sidebar-section .wc-block-checkbox-list li:hover{
    color: var(--maincolor) !important;
    border-radius: 5px !important;
}
.sidebar-section .wc-block-checkbox-list li:hover .wc-block-components-checkbox__input{
    color: var(--maincolor) !important;
    border: 2px solid var(--maincolor);
}
.sidebar-section .wc-block-components-checkbox__input{
    border-radius: 5px !important;
}
.sidebar-section .sidebar-menu-widget ul li ul li{
    border: none;
}
.sidebar-section .sidebar-menu-widget ul li:hover ul{
    display: none;
}
.sidebar-section .sidebar-menu-widget ul > li::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 8px;
    background-color: var(--maincolor);
    margin-left: 8px;
    border-radius: 10px;
    margin-top: 0px;
}
.sidebar-section .sidebar-menu-widget .wc-block-checkbox-list li::before{
    display:none;
}
.sidebar-section .sidebar-menu-widget ul li:hover {
    list-style: none;
    margin: 10px;
    margin-right: 15px;
    margin-bottom: 15px;
}
.single-sidebar .gradient-line{

}
/**** پایان استایل‌های سایدبار *****/

/**** استایل‌های پابرگ *****/
footer{
    background-color: #f7f7f7;
    padding: 0px 10px 10px 10px;
}
footer img.logo-footer{
    width: 150px;
}
.gradient-line{
    margin: 7px 7px;
    display: block;
    border: none;
    height: 2px;
    background: #0071b9;
    background: linear-gradient(to right, white, var(--maincolor), var(--secondcolor), #0071b9, white);
}
.copyright{
    display: flex;
    align-items: center;
    font-size: 15px;
}
.footer2-specialtext{
    display: flex;
    align-items:center;
}
.footer2-specialtext p {
    width: fit-content;
    display: flex;
    padding: 3px 25px;
    font-size: 15px;
    margin: 0px;
    margin-top: 5px;
    /* font-family: 'y'; */
    font-weight: 600;
    color: #858181;
    font-family: 'lalezar';
    font-style: italic;
}
.footer1 div.row div.col-12 h4{
    border-bottom: 1px solid var(--maincolor);
    width: 75%;
    border-radius: 3px;
    padding: 10px;
}
.footer1 .footer-menu ul li{
    list-style: none;
    margin: 10px;
    border-bottom: 1px solid rgba(0, 113, 185, 0.15);
    border-radius: 3px;
    transition: 150ms ease-in-out;
}
.footer1 .footer-menu ul li:hover {
    list-style: none;
    margin: 10px;
    margin-right: 15px;
    margin-bottom: 15px;
    border-bottom: 2px solid var(--secondcolor);
}
.footer1 h4{
    margin-right: 48px;
}
.footer2 h4 {
    padding: 10px;
    font-size: 24px;
    /* font-weight: bold; */
    font-family: 'lalezar';
    /* margin-top: 5px; */
    color: #525252;
}
.footer2 .footer-menu ul{
    list-style: none;
}
.footer2 .footer-menu ul li{
    transition:all 200ms ease-in-out;
    padding: 4px 0px;
}
.footer2 .footer-menu ul li:hover , .footer2 .footer-menu ul li:hover a{
    color: var(--maincolor);
}
.footer2 .f-about p{
    padding-right: 10px;
}
.footer2 h4::before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 12px;
    background-color: var(--maincolor);
    margin-left: 8px;
    border-radius:10px 0px 0px 10px;
    margin-bottom:8px;
}
.footer2-socialicon{
    color:#FFFFFF;
    text-align:left;
}
.footer2-socialicon i {
    color: #FFFFFF;
    font-size: 19px;
    padding-top: 5px;
    height: fit-content;
    margin: 0px 5px;
    transition: all 200ms ease-in-out;
}
.footer2-socialicon i:hover{
    color:#dddddd;
}
footer .footer-row{
    margin-top: 30px;
    color: #fff;
    background-color: var(--maincolor);
    padding: 10px 15px;
    border-radius: 12px;
}
.footer-contact-us{
    text-align: center;
}
.footer-contact-us h4{
    margin-right: 10%;
}
.f-about div{
    margin-right: 10%;
    font-size: 15px;
}
.footer-contact-us p{
    margin-top: 12px;
}
.footer-contact-us p > i {
    margin: 10px 5px;
    color: var(--maincolor);
}
.footer-icons i{
    margin: 5px;
    background-color: #fff;
    color: var(--maincolor);
    border-radius: 50%;
    font-size: 18px;
    padding: 10px;
    transition: 300ms ease-in-out;
    border: 1px solid #ddd;
}
.footer-icons i:hover{
    margin: 0px 12px 12px 0px;
    background-color: #ddd;
    color: var(--secondcolor);
    border-radius: 50%;
    font-size: 21px;
    padding: 14px;
}
@media only screen and (max-width: 600px) {
    footer{
        padding-top: 0px !important;
    }
footer .col-12{
    margin-top: 25px;
}
}
/**** پایان استایل‌های پابرگ *****/

/**** استایل‌های ووکامرس ****/

/***** استایل‌های صفحه دسته بندی و فروشگاهه *****/
.archive-product-box{
    margin-top: 30px;
}
.archive-product-box .woocommerce-products-header {
    margin: 20px 0px;
    width: fit-content;
    border-bottom: 2px solid var(--maincolor);
    text-align: right;
    padding-left: 7%;
    font-size: 16px !important;
    box-shadow: none;
}
.archive-product-box ul.products{
    padding-top: 25px;
    justify-content: right;
    display: flex;
    flex-wrap: wrap;
}
.archive-product-box .woocommerce-ordering select{
    border: none;
    border-radius: 10px;
    padding: 6px;
    box-shadow: 0px 0px 3px 2px #eee;
}
.price-styles-archive #text{
    display: none;
}
.price-styles-archive .woocommerce-Price-amount{
    display: none;
}
.price-styles-archive .woocommerce-Price-amount:first-child{
    display: block;
}
.price-styles-archive .woocommerce-Price-amount:first-child::after{
    content: none;
}
.archive-product-box ul.products .shop-item{
    box-shadow: 0px 0px 5px 1px #eee;
    border: 1px solid #eee;
    position: relative;
    z-index: 10;
    transition: all 200ms ease-in-out;
}
.archive-product-box ul.products .shop-item a img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 15px;
    padding: 10px;
}
.archive-product-box ul.products .shop-item a p {
    line-height: 27px;
    padding: 15px;
    font-size: 14px;
    margin-bottom: 30px;
}
.shop-item .rating-box-in-archive i {
    color: #f5c432;
}
.shop-item .sp-price-range > del{
    margin-left: 30px;
}
.archive-product-box .shop-item:hover{
    box-shadow: 0px 0px 8px 5px #eee;
    border: 2px solid #eeeeee;
    z-index: 15;
}
.archive-product-box .woocommerce-Price-amount > bdi{

}
.archive-product-box ins .woocommerce-Price-amount bdi span, .archive-product-box .price-styles-archive > ins bdi span , .archive-product-box .sp-price-range span bdi span{
    font-size: 11px !important;
    font-weight: normal !important;
}
.archive-product-box .sp-price-range{
    margin: 0px;
    padding: 0px;
}
.special-box {
    position: absolute;
    top: 5%;
    /* padding: 10px; */
    color: var(--maintext-color);
    border-radius: 10px 0px 0px 10px;
    height: 88px;
    visibility: hidden;
    right: -25px;
    transition: all 100ms ease-in;
    opacity: 0;
}
.special-box .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt{
    width:0px !important;
}
.special-box .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt:before{
    color:var(--maintext-color) !important;
}
.shop-item:hover .special-box{
    visibility: visible;
    right: 0px;
    transition: all 200ms ease-in-out;
    opacity: 1;
}
#product-slider-element .item:hover .special-box{
    visibility: visible;
    right: 5px;
    transition: all 200ms ease-in-out;
    opacity: 1;
}
.special-box ul{
    padding: 0px;
    margin: 0px;
    height: fit-content;
}
.special-box ul li {
    padding: 8px;
    height: fit-content;
    border-bottom: 1px solid #eee;
    width: 100%;
    transition: all 200ms ease-in-out;
    background-color: var(--maincolor);
}
.special-box .yith-wcwl-add-button{
    margin-right: 1px;
}
.special-box .add_to_wishlist , .special-box .yith-wcwl-icon{
    margin: 0px;
}
.special-box .yith-wcwl-add-to-wishlist{
    margin: 0px;
}
.special-box .yith-wcwl-add-to-wishlist .feedback .yith-wcwl-icon{
    margin: 0px;
}
.special-box ul li a{
    color: var(--maintext-color);
    font-size: 14px;
}
.special-box ul li:first-child {
    border-radius: 10px 0px 0px 0px;
}
.special-box ul li:last-child {
    border-radius: 0px 0px 0px 10px;
}
.special-box ul li:hover{
    border: 1px solid #eeeeee;
    translate: 5px -5px;
    box-shadow: -5px 5px 2px 1px #dddddd;
}
/*********** استایل‌های سایدبار فروشگاه **********/
/***********فیلتر بر اساس قیمت**********/
.shop-sidebar , .single-sidebar{
    padding: 0px;
}
.shop-sidebar .wc-blocks-filter-wrapper h3{
    font-size: 16px;
    padding: 6px 15px;
    background-color: var(--maincolor);
    border-radius: 10px 0px 0px 10px;
    color: var(--maintext-color);
    width: fit-content;
    margin-top: 3px;
    margin-bottom: 0px;
}
.wc-block-components-price-slider--is-input-inline .wc-block-components-price-slider__controls .wc-block-components-price-slider__amount{
    max-width: 125px !important;
    border: none;
    font-size: 13px;
}
.wc-block-components-price-slider--is-input-inline .wc-block-components-price-slider__controls .wc-block-components-price-slider__amount {
    max-width: 125px !important;
}
.wc-block-components-price-slider--is-input-inline .wc-block-components-price-slider__controls .wc-block-components-price-slider__amount:last-child{
    text-align: left;
}
.wp-block-woocommerce-price-filter{
    padding-top: 10px;
}
.wc-block-components-price-slider{
    margin-bottom: 0px;
}
.wc-block-components-price-slider__range-input-progress{
    display: none;
}
.wc-block-components-price-slider__range-input{
    background-color: var(--maincolor);
}
/*********پایان فیلتر بر اساس قیمت******/
/*********** پایان استایل‌های سایدبار فروشگاه **********/
/***** پایان استایل‌های صفحه دسته بندی و فروشگاهی *****/


/***** استایل‌های صفحه محصول داخلی *****/
.single-product .wp-post-image , .flex-active-slide , .flex-active-slide img , .flex-active-slide a{
    border-radius: 20px;
}
.single-product .single-product-title {
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 2;
    margin: 3px 0px;
}
.woocommerce-breadcrumb {
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 12px;
    background-color: #ffffff;
    /* box-shadow: 0px 0px 1px 1px #eee; */
    margin: 15px 0px;
    font-size: 13px;
}
.tabs-box{
    padding:0px;
    margin-top:15px;
}
.sp-top-section{
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 38px;
    border-radius: 20px;
}
.single-product .sp-top-section ol {
    display: flex;
    list-style: none;
    margin: 20px 5% 10px 5%;
    flex-wrap: wrap;
    padding: 0px;
}
.single-product .sp-top-section ol li {
    border-radius: 7px;
    border: 1px solid #dddddd;
    margin: 5px 5px;
    width: 22%;
}
.single-product .sp-top-section ol li img{
    border-radius: 7px;
}
.single-product .single-product-title-english{
    font-size: 16px;
    color: #878787;
    padding-bottom: 15px;
    border-bottom: 1px solid #dddddd;
    border-radius: 5px;
    width: 100%;
}
.single-product .sp-center-left-section{
    margin-top: 15px;
}
.woocommerce div.product div.summary{
    margin-bottom:0px;
}
select#pa_color{
    display: none !important;
}
.tawcvs-swatches{
    display: flex;
}
.variation-selector .tawcvs-swatches{
    display:none !important;
}
.swatch-color{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 2px 5px 10px 5px;
    transition: all 150ms ease-in-out;
}
.tawcvs-swatches .selected{
    border: 2px solid #fff;
    width: 32px;
    height: 32px;
    box-shadow: 0px 0px 1px 2px #bbbbbb;
}
.tawcvs-swatches .swatch-type-label{
    opacity:0;
    display:none;
}
.swatch-color span{
    font-size: 0px !important;
}
a.reset_variations{
    visibility: hidden!important;
    display: none!important;
}
.sp-add-to-cart-section .product_title,.sp-add-to-cart-section .woocommerce-product-rating,.sp-add-to-cart-section .star-rating,
.sp-add-to-cart-section .product_meta,.sp-add-to-cart-section .woocommerce-product-details__short-description{
    display: none;
}
.sp-add-to-cart-section .woocommerce-variation-add-to-cart{
    display: flex;
}
.sp-add-to-cart-section .woocommerce-variation-add-to-cart .quantity,.sp-add-to-cart-section .woocommerce-variation-add-to-cart{
    display: flex;
    justify-content: space-around;
}
.quantity{
    width: 13%;
    margin: 0px 1%;
}
.woocommerce-variation-add-to-cart{
    width: 100%;
}
.spw-price-range{
    text-align:left;
}
.sp-add-to-cart-section .input-text{
    width: 100%;
    border-radius: 10px;
    border: 1px solid #dddddd;
    height: 45px;
    text-align: left !important;
}
.sp-add-to-cart-section {
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 15px;
    background-color: #dddd;
    box-shadow: 0px 0px 5px 1px #eee;
}
.single_add_to_cart_button{
    padding: 10px;
    background-color: var(--maincolor);
    border-radius: 10px;
    color: #ffffff;
    width: 85%;
    border: none;
    transition: all 200ms ease-in-out;
    font-size: 18px;
}
.sp-add-to-cart-section button.single_add_to_cart_button:hover{
    opacity: 0.8;
}
.woocommerce-variation-price{
    margin: 10px 0px 20px 0px;
}
.sp-add-to-cart-section form.cart{
    display: block !important;
}
p.price{
    display: none;
}
.add-to-cart-single-box{
    display: flex;
}
.not-stock-alarm{
    width: 75%;
    margin-right: 12.5%;
    padding: 10px;
    border-radius: 10px;
    border: 2px solid #fff;
    background-color: var(--maincolor);
    color: #fff;
    box-shadow: 0px 0px 3px 1px;
}
.out-of-stock{
    display: none;
}
.sp-price-range{
    border-bottom: 1px  solid #fff;
    margin-bottom: 15px;
    padding-bottom: 15px;
    width: 100%;
    position: relative;
    direction: ltr;
}
.sp-price-range .woocommerce-Price-amount bdi{
    font-weight: bold;
    font-size: 24px;
    font-family: "lalezar";
    color:var(--maincolor);
}
.sp-product-meta .woosc-btn-has-icon {
    display: inline-flex;
    align-items: center;
    border: none;
    border-radius: 6px;
    background-color: var(--maincolor);
    color: var(--maintext-color);
}
.woocommerce-review__published-date{
    text-align: center;
    display: inline-block;
}
.spw-price-range > del .woocommerce-Price-currencySymbol{
    display:none;
}
.spw-price-range > del span {
    color: #FFFFFF !important;
    background-color: #929496;
    border-radius: 7px;
    padding-top: 2px;
    padding-left: 20px;
    padding-right: 15px;
    padding-bottom:3px;
}
.owl-item{
    height:100% !important;
}
.spw-price-range .sale-discount-percent {
    border-radius: 7px 0px 0px 7px;
    background-color: var(--maincolor);
    color: #fff;
    padding: 2px 5px;
    font-size: 14px;
    margin-bottom:3px;
    position: absolute;
    font-weight: bold;
    /* border: 1px solid #b3b2b2; */
    padding-bottom: 3px;
    width:35px;
    text-align:center;
    margin-top:-8px;
}
.owl-carousel .owl-stage-outer{
    border-radius:12px;
}
.spw-price-range > del bdi{
    color:#FFFFFF !important;
    font-size:14px !important;
    margin-left:16% !important;

}
.spw-price-range > ins span{
    margin-top: 8px;
}
.spw-price-range > del {
    display: flex;
    width: fit-content;
    margin-left: 5%;
    margin-top:-8px;
    margin-bottom:12px;
    text-decoration-color: #FFFFFF;

}
.spw-price-range {
    position: relative;
    direction: ltr;
}
.spw-price-range ins{
    text-decoration: none;
}
.spw-price-range .woocommerce-Price-amount bdi{
    font-size: 18px;
    font-weight:800;
    color:var(--maincolor);
}
.spw-price-range .woocommerce-Price-amount bdi span{
font-size:12px;
    color:#c0c0c0;
}
.sp-price-range del bdi{
    color:#f0f0f0 !important;
}
.sp-price-range .woocommerce-Price-amount bdi span {
    font-size: 13px;
    font-weight: normal;
    color: #5b5b5b;
}
.sp-price-range .woocommerce-Price-currencySymbol{
    font-size: 17px;
    font-weight: normal;
}
.sp-atc-icon-1{
    position: absolute;
    top: 10px;
    left: 10px;
    color: #34d55d;
    font-size: 20px;
}
.woocommerce-Tabs-panel > h2{
    display: none;
}
.after-add-to-cart{
    width: 100%;
    display: flex;
    margin: 15px 0px;
}
.after-add-to-cart > div{
    margin: 2.5%;
    width: 45%;
    border: 2px solid #69727d;
    border-radius: 20px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px!important;
}
.after-add-to-cart .yith-wcwl-icon{
    color: #525252;
    font-size: 18px;
}
.sp-guarantee-product{
    display: flex;
    font-size: 14px;
    border-bottom: 1px solid #fff;
    margin-bottom: 15px;
    padding-bottom: 15px;
    width: 100%;
}
.sp-guarantee-product i{
    font-size: 24px;
    padding-top: 0px;
    margin-top: 0px;
    margin-left: 10px;
}
.sp-guarantee-product p{
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-size: 14px;
}
.sp-rating{

}
.single-product-box {
    border: 1px solid #dddddd;
    border-radius: 12px;
    padding: 10px;
    position: relative;
}
.sp-right-box{
    padding-right:0px;
    padding-left:20px;
}
.sp-rating i {
    font-size: 18px;
    color: #edae21;
}
.sp-rating span {
    margin-top: 5px;
    margin-right: 5px;
}
.sp-product-meta{
    display: flex;
    margin-bottom:20px;
}
.sp-product-meta div{
    margin: 0px 5px;
}
.sp-comment-count{
    padding-top: 5px;
    margin-top: 5px;
    color: var(--maincolor);
    font-size: 15px;
}
.sp-category {
    padding-top: 5px;
    margin-top: 5px;
    font-size: 13px;
    border-radius: 5px;
    color:#dddddd;
    direction:ltr;
    justify-content: right;
}
.tinv-wishlist{
    color:var(--maintext-color) !important;
}
.tinv-wishlist h2{
    font-size: 18px;
    text-align: center;
    border-bottom: 1px solid #dddddd;
    padding: 10px 0px;
    margin:0px;
}
.tinv-wishlist .tinv-header{
    margin:0px;
}
.tinv-wishlist table{
    border:1px solid #dddddd;
    border-radius:12px;
}
.tinv-wishlist .product-stock span {
    vertical-align: middle;
    display: flex;
    align-items: center;
    color:var(--maintext-color)
}
.tinv-wishlist a:not(.button):not(.social) {
    color: #000;
    text-decoration: none;
    font-family: inherit;
}
.woocommerce.tinv-wishlist #respond input#submit.alt, .woocommerce.tinv-wishlist a.button.alt, .woocommerce.tinv-wishlist button.button.alt, .woocommerce.tinv-wishlist input.button.alt {
    background-color: #a46497;
    color: #ffffff;
    font-family: inherit;
    font-size: 14px;
    border-radius: 8px;
}
.sp-mode1-special-box2 > button:hover{
    background-color: #eeeeee;
}
.sp-mode1-special-box2 > div:hover{
    background-color: #eeeeee;
}
.sp-mode1-special-box2 > div,.sp-mode1-special-box2 > button{
    transition:all 200ms ease-in-out;
}
.tinv-wishlist .tinv-modal .tinv-close-modal, .tinv-wishlist .tinv-modal button.button {
    background-color: var(--maincolor) !important;
    color: var(--maintext-color) !important;
}
.tinv-wishlist .product-stock i {
    margin-left: 6px;
    margin-right: 7px;
}
.tinv-wishlist .social-buttons {
    text-align: right;
}
.tinv-wishlist .product-stock p {
    display: flex;
    background-color: #57c11f;
    color: #ffffff;
    padding: 5px;
    border-radius: 6px;
}
.tinv-wishlist thead{
    background-color:#eeeeee;
}
.tinv-wishlist .tinvwl-buttons-group button {
    width: 100%;
    background-color: var(--maincolor) !important;
    color: var(--maintext-color);
    border: none;
    border-radius: 12px;
}
.sp-wishlist{
    color: var(--maintext-color);
    background-color: var(--maincolor);
    border-radius: 6px;
    padding:0px 2px;
}
.sp-wishlist .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt:before{
    margin-right: -9px !important;
    color:#ffffff !important;
}
.sp-wishlist{
    color: var(--maintext-color);
    background-color: var(--maincolor);
    border-radius: 6px;
}
.sp-wishlist a::before{
    color: var(--maintext-color);
}
.sp-wishlist .wishsuite-button {
    display: inline-flex;
    align-items: center;
    position: relative;
    color: #FFFFFF;
    background-color: var(--maincolor);
    padding: 7px;
    font-size: 14px;
    border-radius: 7px;
}
.sp-wishlist .wishsuite-button svg{
    width: 18px;
    height: 18px;
}
.special-box .wishsuite-button svg{
    margin-top: 5px;
    margin-right: 1px;
    width: 17px;
    height: 17px;
}
.sp-category a {
    padding: 0px 5px;
    font-weight: bold;
    color: var(--maincolor);
}
.sp-sku {
    position: absolute;
    top: 17px;
    right:0px;
    background-color: #dddddd;
    font-size: 12px;
    border-radius: 12px 0px 0px 12px;
    padding: 7px;
    transition: all 200ms ease-in-out;
    z-index:10;
}
.sp-top-section:hover .sp-sku{
    top: -25px;
    opacity: 0;
}
.sp-sku i{
    margin-left: 7px;
}
.sp-quantity {
    width: 100%;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    margin-bottom: 18px;
}
.sp-quantity i{
    font-size: 21px;
    padding-top: 2px;
    margin-top: 0px;
    margin-left: 10px;
}
.sp-quantity span{
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-size: 16px;
}
.sp-quantity p {
    text-align: right;
    margin-right: 10%;
    margin-top: 9px;
    font-size: 13px;
}
.sp-quantity p i{
    color: var(--maincolor);
    margin-top: 1px;
    font-size: 14px;
}
.sp-price-range > del {
    display: block;
    width: fit-content;
    margin-left: 5%;
    margin-bottom: 17px;
}
.sp-price-range > del span {
    color: #FFFFFF;
    background-color: #929496;
    border-radius: 7px;
    padding: 2px;
    padding-left: 20px;
    padding-right: 7px;
}
.sp-price-range > del .woocommerce-Price-currencySymbol{
    display:none;
}
.price-styles-archive > del{
    display: none;
}
.price-styles-archive > ins bdi{
    font-size: 15px;
    font-weight: bold;
    text-decoration: underline;
    text-decoration-color: #FFFFFF !important;
}
.sp-price-range del{
    text-decoration-color: #dddddd;
}
.sp-price-range > del bdi{
    font-size: 17px !important;
    font-weight: normal !important;
}
.sp-price-range > del bdi span{
    font-size: 10px !important;
    text-decoration: none !important;
    text-decoration-color: #FFFFFF;
}
.sp-price-range del span bdi {
    font-size: 15px;
    color: var(--maincolor);
    text-decoration: none;
}
.sp-price-range ins{
    text-decoration: none;
}
.single-product .sp-left-box{
    padding-right:10px;
    padding-left:0px;
}
.single-product{
    padding:0px;
}
.single-product .woocommerce-variation-price{
    text-align: left;
    margin-top: 8px;
    margin-bottom: 20px;
    font-size: 20px;
    font-family: 'vazir';
}
.variations td{
    padding-right:12px;
}
.single-product .variations select{
    word-wrap: normal;
    border-radius: 8px;
    padding: 3px;
    border: none;
}
.single-product.variations select option:after{
    background-color:var(--maincolor);
    content:" ";
}
/*.variations .tawcvs-swatches{*/
/*    dispay:none !important;*/
/*}*/
.single-product table.variations tr{
    margin: 0px 3px;
}
.single-product span .woocommerce-Price-currencySymbol{
    font-size: 15px;
}
.sp-price-range .sale-discount-percent {
    border-radius: 7px;
    background-color: var(--maincolor);
    color: #fff;
    padding: 2px 5px;
    font-size: 14px;
    margin: -3px 0px !important;
    position: absolute;
    font-weight: bold;
    /* border: 1px solid #b3b2b2; */
    padding-bottom: 3px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before,.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after{
    border: none;
    box-shadow: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs{
    margin: 0px;
    padding:0px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
    border: none;
    background-color: #ffffff;
    transition: 50ms ease-in-out;
    font-size:16px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{
    border: none;
    box-shadow: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    color: var(--maincolor);
    border-bottom: 2px solid;
    z-index: 2;
    font-size:16px;
}
.single-product .woocommerce div.product .woocommerce-tabs .panel,.woocommerce div.product .woocommerce-tabs .panel {
    text-align: justify;
    padding: 15px 15px;
    border: 1px solid #ddd;
    border-radius: 15px 0px 15px 15px;
    line-height: 35px;
}
.single-product .sp-additional-tab h3{
    font-size: 21px;
    border-right: 2px solid var(--maincolor);
    padding: 10px;
    margin: 5px 0px;
}
.woocommerce-Reviews-title{
    display: none;
}
p.stars a{
    color: #edae21;
    font-size: 18px;
}
.star-rating span{
    color: #edae21;
}
#reviews #comments ol.commentlist li img.avatar{
    border-radius: 50%;
    background: none;
}
#review_form #respond .form-submit input{
    padding: 10px 20px;
    border-radius: 16px;
    background-color: var(--maincolor);
    color: #fff;
    border: 2px solid #ddd;
}
.related-products{
    direction: rtl;
}
.related-products .product-slider{
    direction: rtl;
}
.related-products .product-slider #related-products {
    direction: rtl;
    border-radius: 12px 0px 12px 12px;
    border: 1px solid #dddddd;
    padding: 10px;
}
.related-products h3{
    padding: 6px 20px;
    border-bottom: 2px solid var(--maincolor);
    width: fit-content;
    direction: rtl;
    font-size: 16px;
    font-weight: 500;
    margin-right: 0px;
    color: var(--maincolor);
    margin-bottom:0px;
}
.single-product .woocommerce div.product .woocommerce-tabs .panel, .woocommerce div.product .woocommerce-tabs .panel {
    margin:0px;
}
.related-products-box{
    padding:0px;
    margin-top:5px;
}
.related-products .view-ps{
    padding: 10px;
    border-radius: 50%;
    font-size: 17px;
}
.woocommerce-variation-price del .woocommerce-Price-amount > bdi{
    display: block;
    font-size: 14px;
    color: var(--maincolor);
}
.woocommerce-variation-price del .woocommerce-Price-amount > bdi span{
    font-size: 14px;
}
.woocommerce-variation-price .price > ins{
    text-decoration: none;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
    background-color: var(--maincolor) !important;
    color: var(--maintext-color) !important;
    padding: 15px 30px;
    border-radius: 10px;
    margin: 10px 0px;
    opacity: 1;
    transition: all 200ms ease-in-out;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
    opacity: 0.6;
}
.woocommerce table.cart td.actions .input-text{
    width: 140px;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #ddd;
}
.woocommerce table.shop_table {
    border-radius: 20px;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 5px;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
    border: 1px solid #ddd;
    border-radius: 10px;
    margin: 5px 0px;
}
.checkout_coupon button.button{
    margin: 0px !important;
}
.product-quantity .quantity .qty{
    border: 1px solid #ddd;
    border-radius: 10px;
}
.sp-center-left-section > p {
    padding: 10px;
    background-color: #d2ffcc;
    border: 2px solid #7ddf61;
    border-radius: 15px;
    margin-top: 15px;
    font-size: 14px;
    color: #34911a;
    width: fit-content;
}
.sp-center-left-section > p > i{
    font-size: 16px;
    margin-top: 4px;
    position: absolute;
}
.sp-center-left-section > p > span{
    margin-right: 6%;
}
.single-product .features-section{
    display: flex;
    justify-content: space-around;
    margin-top: 45px;
    border-bottom: 1px solid #dddddd;
    width: 100%;
}
.single-product .features-section > div{
    width: fit-content;
}
.single-product .features-section > div img{
    max-width: 90px;
    height: auto;
}
.single-product .features-section > div p{
    margin-top: 10px;
    font-size: 13px;
}
.sp-add-to-cart-section .in-stock{
    display: none;
}
/***** پایان استایل‌های صفحه محصول داخلی *****/
/****** استایل‌های صفحه حساب کاربری ****/
.my-account-tab{
    float: right;
    background-color: var(--maincolor);
    color: var(--maintext-color);
    list-style: none;
    border-radius: 15px;
    border: 2px solid #ddd;
    height: fit-content;
}
.my-account-tab ul{
    padding: 0px;
    list-style: none;
}
.my-account-tab ul li {
    padding: 5px;
    margin: 10px;
    border-bottom: 2px solid #ddd;
    transition: all 200ms ease-in-out;
    border-radius: 5px;
}
.my-account-tab ul li:hover {
    translate: 10px -10px;
    background-color: var(--maincolor);
    z-index: 3;
    box-shadow: -5px 5px 2px 1px #dddddd;
}
.my-account-tab ul li a{
    color: var(--maintext-color);
}

@media screen and (max-width: 768px){
    .archive-product-box ul.products .shop-item a p {
        margin-bottom: 45px;
    }
    .my-account-content{
        margin-top: 15px;
    }
    .my-account-tab ul li{
        padding: 15px;
    }
    .sp-center-left-section > p > span{
        margin-right: 8%;
    }
    .spw-offer-show{
        top:5px !important;
    }
    .sp-add-to-cart-section .input-text{
        text-align:center !important;
    }
}
/**** پایان استایل‌های صفحه حساب کاربری ****/
/**** پایان استایل‌های ووکامرس ****/

/**** المان نمایش محصولات ۱ ****/
.show-product-1 > .row{
    display:flex;
    flex-wrap: wrap;
}
.show-product-1 .e-shp1-item{
    padding: 10px;
    border-radius: 8px;
    background-color: #eee;
    width:32%;
    position:relative;
    margin-bottom: 20px;
}
.show-product-1 .e-shp1-item img{
    max-width: 100%;
    height: fit-content;
}
.show-product-1 .e-shp1-item a{
    max-width: 100%;
    height: fit-content;
}
.show-product-1 .e-shp1-item h4 {
    font-size: 16px;
    font-weight: 450;
    padding-top: 10px;
}
.show-product-1 .e-shp1-item .price-box-shp1{
    min-height: 50%;
    /*display: flex;*/
    /*justify-content: end;*/
    /*align-items: end;*/
}
.show-product-1 .e-shp1-item .shp1-roban {
    position: absolute;
    width: 15px;
    height: 9px;
    background-color: var(--maincolor);
    top: 0px;
    right: 0px;
    border-radius: 0px 8px 0px 8px;
}
.show-product-1 .e-shp1-item .price-box-shp1{
    font-weight: bold;
}
.show-product-1 .e-shp1-item .price-box-shp1 span span {
    font-size: 12px;
    font-weight: 500;
    margin-right: 0px;
}
.show-product-1 .grid-right-shp1{
    display:flex;
    align-items: center;

}

@media screen and (min-width:900px) and (max-width: 1090px) {
    .show-product-1 .e-shp1-item{
        width: 48%;
    }
}
@media screen and (max-width: 900px) {
    .show-product-1 .e-shp1-item{
        margin-right: 5%;
        width: 90%;
    }
}
.price-box-shp1 > del .woocommerce-Price-currencySymbol{
    display:none;
}
.price-box-shp1 > del span {
    color: #FFFFFF;
    background-color: #929496;
    border-radius: 7px;
    padding-top: 0px;
    padding-left: 20px;
    padding-right: 15px;
    padding-bottom: 0px;
}
.price-box-shp1 .sale-discount-percent {
    border-radius: 7px 0px 0px 7px;
    background-color: var(--maincolor);
    color: #fff;
    font-size: 12px;
    position: absolute;
    font-weight: bold;
    /* border: 1px solid #b3b2b2; */
    padding: 0px 0px 0px 2px;
    width: 30px;
    text-align: center;
}
.price-box-shp1 > del bdi{
    color:#FFFFFF !important;
    font-size:13px !important;
    margin-left:7% !important;
    text-decoration-color: #fff;

}
.price-box-shp1 > ins span{
    margin-top: 8px;
}
.price-box-shp1 > del {
    display: flex;
    width: fit-content;
    margin-left: 5%;
    margin-top: 12px;
    margin-bottom: 5px;
    text-decoration: none;
}
.price-box-shp1 {
    position: relative;
    direction: ltr;
}
.price-box-shp1 ins{
    text-decoration: none;
}
.price-box-shp1 .woocommerce-Price-amount bdi{
    font-size: 16px;
    color:var(--maincolor);
    font-weight:800;
}
.price-box-shp1 .woocommerce-Price-amount bdi span{
    font-size:12px !important;
    color:#747474;
}
.price-box-shp1{
    text-align:left;
}
/**** پایان المان نمایش محصولات ۱ ****/

/**** المان دسته بندی محصولات ****/
.show-product-categories > .row{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.show-product-categories .e-shpc-item {
    padding: 10px;
    border-radius: 8px;
    background: #FFFFFF;
    width: 24.5%;
    position: relative;
    margin-bottom: 20px;
    border: 1px solid #dddddd;
    display: flex;
    align-items: center;
    transition: all 200ms ease-in-out;
    padding: 15px 0px;
}
.show-product-categories .shpc-pcount {
    font-size: 11px;
    width: fit-content !important;
    background: linear-gradient(90deg, rgba(8,126,225,1) 0%, rgba(59,5,232,1) 100%);
    color: #ffffff;
    width: fit-content;
    padding: 1px 8px;
    border-radius: 8px;
}
.show-product-categories .e-shpc-item:hover {
    transition: all 200ms ease-in-out;
    background-color: #eeeeee;
}
.show-product-categories .e-shpc-item h4 {
    font-size: 16px;
    font-weight: 500;
    padding: 5px 0px;
}
.show-product-categories .e-shpc-item .price-box-shp1{
    min-height: 50%;
    /*display: flex;*/
    /*justify-content: end;*/
    /*align-items: end;*/
}
.show-product-categories .grid-left-shp1 {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    height: fit-content;
}
.show-product-categories .grid-left-shp1 a{
    width: 100%;
}
.show-product-categories .e-shpc-item .shp1-roban {
    position: absolute;
    width: 15px;
    height: 9px;
    background-color: var(--maincolor);
    top: 0px;
    right: 0px;
    border-radius: 0px 8px 0px 8px;
}
.show-product-categories .e-shpc-item .price-box-shp1{
    font-weight: bold;
}
.show-product-categories .e-shpc-item .price-box-shp1 span span {
    font-size: 12px;
    font-weight: 500;
    margin-right: 0px;
}
.show-product-categories .grid-right-shp1{
    display:flex;
    align-items: center;

}

@media screen and (min-width:900px) and (max-width: 1090px) {
    .show-product-categories .e-shpc-item{
        width: 48%;
    }
}
@media screen and (max-width: 900px) {
    .show-product-categories .e-shpc-item {
        margin-right: 5%;
        width: 90%;
    }
    .footer2 h4{
        padding:0px 0px 12px 0px;
    }
    .special-product-offer2 .spo2-offer-show {
        right: 28% !important;
    }

    .special-product-offer2 .spo2-offer-show {
        justify-content: center;
        margin-bottom: 55px;
    }

    .menu-item a i {
        margin-right: 0px !important;
    }

    .product-tabs-element > div.tab-list > div {
        padding: 10px 15px !important;
    }
    .product-tabs-element div.tab-list{
        overflow-x:scroll;
    }
}
.menu-item a i{
    margin-right:1px !important;
}
.show-product-categories .title-section{
    display: flex;
    position: relative;
    justify-content: space-between;
    margin-bottom: 20px;
}
.show-product-categories .title-section .title-item {
    background: #fff;
    padding-left: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 2;
    font-size: 16px;
    font-weight: 450;
}
.show-product-categories .title-section .title-item:first-child {
    padding-right: 20px;
    padding-left: 0px;
}
.show-product-categories .title-section::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--maincolor);
    z-index: 1;
}
/**** پایان المان نمایش محصولات ۱ ****/

/**** المان پیشنهاد شگفت انگیز ۲ ****/
.special-product-offer2{
     direction: ltr;
}
.special-product-offer2 .spo2-title{
    min-height:70px;
}
.special-product-offer2 .item{
    direction: rtl;
    text-align: right;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0px 0px 2px 2px #eee;
    border: 1px solid #dddddd;
    padding: 20px 20px 13px 20px;
    border-top: 1px solid var(--maincolor);
}
.special-product-offer2 .spo2-offer-img{
    display:flex;
    justify-content: center;
}
.special-product-offer2 .spo2-offer-img img{
    width:60%;
    margin-top:40px;
}
.special-product-offer2 .spo2-offer-show {
    font-weight: 500;
    background: linear-gradient(90deg, rgba(8,126,225,1) 0%, rgba(59,5,232,1) 100%);
    color: #FFF;
    padding: 7px 14px;
    font-size: 15px;
    border-radius: 0px 0px 12px 12px;
}
.special-product-offer2 .spo2-offer-show-box {
    position: absolute;
    width: 100%;
    top: 0px;
    right:0px;
    display: flex;
    justify-content: center;
}
.special-product-offer2 ins{
    text-decoration: none;
}
.special-product-offer2 .spo2-price-range{
    text-align: center;
    display: flex;
    flex-wrap:wrap;
}
.spo2-price-range > ins{
    font-size: 19px;
    padding-top: 2px;
    font-weight: 800;
    color: var(--maincolor);
}
.spo2-price-range > ins .woocommerce-Price-currencySymbol {
    font-size: 12px;
    color: #c0c0c0;
}
.special-product-offer2 .spo2-price-range ins{
    width:100%;
}
.special-product-offer2 .spo2-price-range del {
    width: 100%;
    color: #9b9b9b;
    font-size: 14px;
}
.special-product-offer2 ins .woocommerce-Price-amount > bdi{

}
.special-product-offer2 .owl-nav button{
    position: absolute;
    top: 92%;
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #FFFFFF !important;
    background-color: var(--maincolor) !important;
    opacity: 1 !important;
    padding: 1px 8px !important;
    margin:0px;
}
.special-product-offer2 .owl-nav button span{
    padding: 1px 8px !important;
}
.special-product-offer2 .owl-nav .owl-prev{
    left: -4px;
    border-radius: 0px 9px 0px 12px;
}
.special-product-offer2 .owl-nav .owl-next {
    right: -4px;
    border-radius: 9px 0px 12px 0px;
}
.special-product-offer2 p {
    padding-top: 14px;
    padding-bottom: 7px;
    margin: 0px;
}
/**** پایان پیشنهاد شگفت انگیز ۲ ****/

/**** المان مزایای خرید ****/
@media screen and (min-width: 1024px) {
    .e-buy-benefits .row > div{
        width: 11.5%;
    }
}
.e-buy-benefits .row{
    display: flex;
    justify-content: space-between;
}
.e-buy-benefits .row > div {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    border: 2px solid #dddddd;
    border-radius: 8px;
    padding: 15px 5px;
    transition: all 300ms ease-in-out;
    position: relative;
    background-color:#eeeeee;
}
.e-buy-benefits .row > div:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background:linear-gradient(90deg, rgba(8,126,225,1) 0%, rgba(59,5,232,1) 100%);
    opacity: 0;
    transition: all 200ms ease-in-out;
    z-index:0;
    border-radius:8px;
}
.e-buy-benefits .row > div:hover:after {
    opacity: 1;
}
.e-buy-benefits .row > div i {
    width: 100%;
    z-index:100 !important;
    transition: all 200ms ease-in-out;
}
.e-buy-benefits .row > div i {
    width: fit-content;
    z-index: 1000;
    transition: all 200ms ease-in-out;
    font-size: 20px;
    background-color: var(--maincolor);
    border: 3px solid #dddddd;
    color: #FFF;
    padding: 7px;
    border-radius: 8px;
}
.e-buy-benefits .row > div h4 {
    text-align: center;
    padding-top: 15px;
    font-size: 14px;
    font-weight: bold;
    z-index:1000;
    transition: all 200ms ease-in-out;
}
.e-buy-benefits .row > div span {
    text-align: center;
    font-size: 9px;
    font-weight: 600;
    z-index:1000;
    transition: all 200ms ease-in-out;
}
.e-buy-benefits .row > div:hover h4 {
    color:#FFFFFF;
}
.e-buy-benefits .row > div:hover span {
    color:#FFFFFF;
}
.e-buy-benefits .row div a{
    z-index: 100 !important;
    width:100%;
    text-align: center;
}
/**** پایان المان مزایای خرید ****/

/**** صفحه ۴۰۴ ****/
.box-404 {
    width:100%;
    display:flex;
    justify-content: center;
    flex-wrap: wrap;
}
.box-404 img{
    width: 35%;
}
.box-404 h4{
    width:100%;
    text-align:center;
}
.box-404 p{
    width:100%;
    text-align:center;
    margin-top:5px;
}
.box-404 button {
    border: none;
    padding: 7px 15px;
    border-radius: 8px;
    color: var(--maintext-color);
    background-color: var(--maincolor);
    margin-top:5px;
}
/**** پایان صفحه ۴۰۴ ****/

.comment-box{
    display:flex;
    width:70%;
    justify-content:space-between;
    margin-top:35px;
}
.comment-box p{
    display:flex;
    height:max-content;
    width:48%;
}
.comment-form-author input, .comment-form-email input, .comment-form-url input{
    width:100%;
}
.comment-form .comment-form-comment textarea {
    border: 2px solid #dddddd !important;
    border-radius: 7px !important;
    width: -webkit-fill-available;
    margin-right:1%;
}
.comment-form-comment {
    width: 70%;
    display: flex;
    margin-bottom:35px;
}
.comment-meta{
    margin-bottom:15px;
}
.reply{
    margin-top:20px;
}
.woocommerce-Reviews .comment-form{
    width:70%;
}
.woocommerce-Reviews .comment-form-author{
    width:50%;
    float: right;
    display:flex;
}
.woocommerce-Reviews .comment-form-email{
    width:50%;
    float: left;
    display:flex;
    padding-right:2%;
}
.woocommerce-Reviews .comment-form-comment{
    width:100%;
}
.woocommerce-Reviews .comment-form-comment label{
    width:100px;
}
.woocommerce #reviews #comment {
    height: 115px;
}
@media screen and (max-width: 992px) {
    .comment-box{
        display:flex;
        width:100%;
        justify-content:space-between;
        margin-top:35px;
        flex-wrap:wrap;
    }
    .comment-box p{
        display:flex;
        height:max-content;
        width:100%;
    }
    .comment-form-comment {
        width: 100%;
    }
    .woocommerce-Reviews .comment-form{
        width:100%;
    }
    .woocommerce-Reviews .p{
        flex-wrap:wrap;
    }
    .woocommerce-Reviews .comment-form-author{
        width:100%;
        float: right;
        display:flex;
    }
    .woocommerce-Reviews .comment-form-email{
        width:100%;
        float: right;
        display:flex;
        padding-right:0%;
    }
    .woocommerce-Reviews .comment-form-comment{
        width:100%;
    }
    .woocommerce-Reviews .comment-form-comment label{
        width:100px;
    }
    .woocommerce #reviews #comment {
        height: 115px;
    }
}
.woosq-product , .woosq-sidebar.woosq-heading-yes .woosq-sidebar-heading{
    font-family:"vazir";
}
.woosq-product .img{
    width:75%;
    margin-top:15px;
    border-radius: 8px;
    border:1px solid #dddddd;
    padding:10px;
}
.woosq-product h1{
    font-size: 19px;
    margin: 10px 0px;
}
.woosq-product .quantity .qty {
    width: 3.631em;
    text-align: center;
    height: -webkit-fill-available;
    text-align: left;
    border-radius: 8px;
    border: 1px solid #ddd;
}
.woosq-product button {
    margin:0px !important;
}
.woosq-product .product_meta {
    display: flex;
    justify-content: space-around;
    margin-top: 15px;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td{
    text-align:center;
}
.woocommerce-form-login-toggle{
    display: block;
}
.related-products del > .woocommerce-Price-amount{
    display: none;
}
.related-products ins > .woocommerce-Price-amount{

}
.related-products ins{
    text-decoration: none;
}
.related-products ins > .woocommerce-Price-amount bdi{

}
.related-products ins > .woocommerce-Price-amount bdi span{

}