body, html {
    width: 100%;
}

.select2-container .select2-dropdown, .select2-container .select2-selection {
    border-color: #ccc;
}

.js.flexbox.flexboxlegacy {
    /* background-color: #E5AA61;*/
}

.top-head-bg {
    background-image: url('../img/topline.svg?v=1.0.0.2');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    min-height: 100px;
    width: 100%;
    position: absolute;
    top: 65px;
}

.top-menu-container-content-div.header-logo {
    width: 50px;
}

.top-menu-container-content-div a.menu-bar-icon {
    color: #333;
    padding: 0 10px;
    position: absolute;
    z-index: 1000;
}

    .top-menu-container-content-div a.menu-bar-icon:hover {
        color: #000;
        padding: 0 10px;
    }

.top-menu-container-content-div.menu-box .header-menu {
    padding: 15px;
    margin: 0;
    font-size: 14px;
}

    .top-menu-container-content-div.menu-box .header-menu li {
        display: inline;
    }

        .top-menu-container-content-div.menu-box .header-menu li a {
            transition-duration: .3s;
            padding: 10px 5px;
        }

            .top-menu-container-content-div.menu-box .header-menu li a:hover {
                background: #333;
                border-radius: 10px;
            }

            .top-menu-container-content-div.menu-box .header-menu li a:hover {
                color: #fff;
            }

        .top-menu-container-content-div.menu-box .header-menu li a {
            text-decoration: none;
            color: #333;
        }

            .top-menu-container-content-div.menu-box .header-menu li a i {
                font-size: 12px;
                margin-left: 5px;
                color: #555
            }

            .top-menu-container-content-div.menu-box .header-menu li a:hover i {
                color: #fff;
            }

.top-menu-container-content-div .menu-user-item {
    width: 50px;
    position: relative;
    text-align: center;
    padding-top: 5px;
    font-size: 14px;
}

.top-menu-container .menu-icon {
    width: 16px;
    height: auto;
    margin-left: 5px;
}

.drawer-content .menu-icon {
    width: 18px;
    height: auto;
    margin-left: 5px;
}

.top-menu-container-content-div a.menu-user-icon {
    text-decoration: none;
}

    .top-menu-container-content-div a.menu-user-icon .menu-user-item {
        font-size: 14px;
        color: #333;
        text-decoration: none;
        transition-duration: .3s;
    }

    .top-menu-container-content-div a.menu-user-icon:hover .menu-user-item {
        background: #333;
        color: #fff;
        border-radius: 10px;
    }


.header-logo img {
    width: 50px;
    height: 50px;
}

.top-main-header-color {
    background-color: #E5AA61;
    position: absolute;
    width: 100%;
    top: 0;
    height: 100px;
}


.drawer {
    height: 100%;
    width: 300px;
    position: fixed;
    top: 0;
    right: -300px;
    background-color: #fff;
    overflow-x: hidden;
    transition: right 0.3s;
    z-index: 999999;
    box-shadow: 0 10px 30px rgba(50, 50, 93, 0.12), 0 -1px 4px rgba(0, 0, 0, 0.06);
}


.cartdrawer {
    height: 100%;
    width: 300px;
    position: fixed;
    top: 0;
    left: -300px;
    background-color: #fff;
    overflow-x: hidden;
    transition: left 0.3s;
    z-index: 999999;
    box-shadow: 0 10px 30px rgba(50, 50, 93, 0.12), 0 -1px 4px rgba(0, 0, 0, 0.06);
    font-family: VazirFarsi;
}

    .cartdrawer.open {
        left: 0px;
    }

.drawer .top-menu-logo {
    text-align: center;
    width: unset;
    padding: 10px;
}

    .drawer .top-menu-logo img {
        width: 64px;
        height: auto;
    }

.drawer.open {
    right: 0;
}

.drawer-content {
    padding: 5px;
}

    .drawer-content a:not(.btn) {
        display: block;
        padding: 10px;
        text-decoration: none;
        color: #333;
        border-bottom: 1px solid #eee;
    }

        .drawer-content a:not(.btn):hover {
            background-color: #cfe2ff;
        }

    .drawer-content a i {
        font-size: 14px;
        margin-left: 5px;
    }

.woocommerce-mini-cart-item.mini_cart_item {
    position: relative;
}

    .woocommerce-mini-cart-item.mini_cart_item a:not(.btn) {
        min-height: 100px;
    }

    .woocommerce-mini-cart-item.mini_cart_item a img.attachment-woocommerce_thumbnail {
        width: 25%;
        height: auto;
        margin-left: 5px;
        border: solid 1px #eee;
        padding: 3px;
        border-radius: 10px;
        float: right;
    }

    .woocommerce-mini-cart-item.mini_cart_item a .label-product {
        position: relative;
        margin-top: 20px;
    }

    .woocommerce-mini-cart-item.mini_cart_item .delete-label {
        position: absolute;
        height: 100%;
        width: 100%;
        background: #000000bd;
        display: none;
        z-index: 10000;
    }

    .woocommerce-mini-cart-item.mini_cart_item .delete-label {
        text-align: center;
    }

        .woocommerce-mini-cart-item.mini_cart_item .delete-label p {
            line-height: 1.5;
            display: inline-block;
            vertical-align: middle;
            top: calc(50% - 20px);
            position: relative;
            height: 20px;
            color: #fff;
        }

    .woocommerce-mini-cart-item.mini_cart_item a.remove {
        width: 32px;
        height: 32px;
        padding: 5px;
        position: absolute;
        top: 10px;
        left: 10px;
    }

.close-button {
    background: #eee;
    border: none;
    font-size: 20px;
    cursor: pointer;
    padding: 10px 15px;
    width: 100%;
    text-align: right;
    color: #555;
}

    .close-button:hover {
        background-color: #ddd;
    }

.drawer-content ul {
    padding: 0;
    list-style-type: none;
    font-size: 14px;
}

.drawer-content ul {
    font-weight: bold;
}

    .drawer-content ul ul {
        padding-right: 20px;
        font-weight: lighter;
    }


.footer-menu li {
    list-style-type: none;
}

    .footer-menu li a {
        text-decoration: none;
        color: #000;
    }

.top-slider .owl-carousel .owl-nav button.owl-next,
.top-slider .owl-carousel .owl-nav button.owl-prev {
    background-color: #c3c3c3;
    height: 32px;
    width: 32px;
    top: calc(50% - 32px);
}

.owl-carousel img {
    width: 100%;
    border-radius: 25px;
    max-height:550px;
}

.top-slider .owl-dots {
    display: none;
}

.cat-product a img {
    width: 100%;
}

.top-menu-container {
    position: relative;
    z-index: 10;
    background: #fff;
    margin: 30px auto 0;
    padding: 7px 10px;
    height: 64px;
    align-items: center;
    border-radius: 5px;
    box-shadow: 0 10px 30px rgba(50,50,93,0.12), 0 -1px 4px rgba(0,0,0,0.06);
}

    .top-menu-container .menu-bar-icon i {
        padding: 10px;
        font-size: 30px;
    }

.cat-product {
    margin-bottom: 15px;
}

    .cat-product .box-cat-product-img {
        position: relative;
    }

    .cat-product .cat-name {
        position: relative;
        text-align: center;
    }

        .cat-product .cat-name b {
            background: #fff;
            padding: 10px 30px;
            -webkit-border-top-left-radius: 10px;
            -webkit-border-top-right-radius: 10px;
            -moz-border-radius-topleft: 10px;
            -moz-border-radius-topright: 10px;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            font-size: 32px;
            position: relative;
        }

    .cat-product img.croped-image {
        visibility: hidden;
    }

    .cat-product .img-bg-box {
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; /* تصویر رو کراپ می‌کنه تا کل فضا رو بگیره */
        object-position: center; /* وسط‌چین */
        display: block;
        position: absolute;
        height: 100%;
        width: 100%;
    }

    .cat-product .img-cat {
        position: absolute;
        top: 0px;
        height: 100%;
        width: 100%;
        left: 0;
    }

.products-wall .row div {
    padding: 10px;
}

.products-wall a:hover {
    opacity: 0.8;
}



.hr-product {
    width: 100px;
    height: 1px;
    background: #e5aa61;
    margin: 10px 0;
}

/*.rect-img-container {
    position: relative;
}

    .rect-img-container::after {
        content: "";
        display: block;
        padding-bottom: 100%;
    }


*/
.footer {
    height: 200px;
    background-color: #E5AA61;
}

.content-body {
}

.search-container {
    border: solid 1px #eee;
    box-shadow: 0 10px 30px rgba(50,50,93,0.12), 0 -1px 4px rgba(0,0,0,0.06);
    padding: 15px 20px 15px 15px;
}

.search-box {
    border: solid 1px #eee;
    border-radius: 100px;
    padding: 5px 25px 5px 5px;
    font-size: 14px;
    margin: 10px;
    height: 60px;
}

    .search-box input.search-input, .search-box select {
        border: unset;
        background-color: #fff;
        color: #000;
        height: 48px;
    }

        .search-box input.search-input:focus, .search-box select:focus {
            border: unset;
            outline: none;
        }

    .search-box input.search-input {
        width: calc(73% - 48px);
        padding-right: 5px;
        border-right: 1px #eee solid;
    }

        .search-box input.search-input:focus {
            padding-right: 5px;
            border-right: 1px #eee solid;
        }

    .search-box select {
        width: 25%;
    }

    .search-box button {
        height: 48px;
        width: 48px;
        background-color: #fff;
        border: unset;
        border-radius: 100%;
        border: solid 1px #eee;
        float: left;
    }

        .search-box button:hover i {
            color: #000;
        }

        .search-box button:hover {
            border: solid 1px #999;
        }

        .search-box button i {
            position: relative;
            top: 3px;
            color: #ccc;
        }
/*product*/
.toastify {
    font-size: 12px;
}

.product .product-item {
    box-shadow: 0 10px 30px rgba(50,50,93,0.12), 0 -1px 4px rgba(0,0,0,0.06);
    margin-bottom: 20px;
    border: 1px solid #eee;
    position: relative;
}

.product .radius-top, .product .product-image img {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.product .product-item .product-info {
    padding: 10px 10px 0px;
}

.product .product-image img {
    width: 100%;
}

.product .product-image {
    width: 100%;
    aspect-ratio: 1 / 1; /* مربع */
    overflow: hidden;
    position: relative;
}

    .product .product-image img {
        width: 100%;
        height: 100%;
        object-fit: cover; /* تصویر رو کراپ می‌کنه تا کل فضا رو بگیره */
        object-position: center; /* وسط‌چین */
        display: block;
    }

.product .product-title a {
    text-decoration: none;
    color: #000;
}

.product .product-title {
    padding: 10px;
}

.product .price .woocommerce-Price-amount.amount {
    font-size: 16px;
    font-family: VazirFarsi;
    color: #333;
}

.woocommerce-Price-currencySymbol {
    margin: 5px;
}

.product .badge-off {
    font-family: Vazir;
    position: absolute;
    z-index: 99;
    right: 0;
    margin-top: 20px;
    font-weight: 100;
}

.product .btn-actions {
    padding: 10px;
    background-color: #fff;
}

    .product .btn-actions b {
        color: #999;
    }

    .product .btn-actions .quantity {
        margin-bottom: 5px;
    }

    .product .btn-actions.larg-view {
        position: absolute;
        width: 100%;
        z-index: 100;
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        /* IE 5-7 */
        filter: alpha(opacity=0);
        /* Netscape */
        -moz-opacity: 0.0;
        /* Safari 1.x */
        -khtml-opacity: 0.0;
        /* Good browsers */
        opacity: 0.0;
        transition-duration: .5s;
    }

.product:hover .btn-actions.larg-view {
    margin-top: -40px;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    /* IE 5-7 */
    filter: alpha(opacity=100);
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
}

.product .btn-actions .btn {
    font-size: 12px;
    height: 32px;
}

    .product .btn-actions .btn i.fa.fa-eye {
        position: relative;
        top: 1px;
    }
/* استایل برای منوی list-group */
.woocommerce-MyAccount-navigation .list-group-item {
    border: 1px solid #ddd; /* خط حاشیه برای هر آیتم */
    border-radius: 0.5rem;
    padding: 0.75rem 1rem;
    font-size: 1rem;
}

    .woocommerce-MyAccount-navigation .list-group-item a {
        color: #0d6efd;
        text-decoration: none;
        font-weight: 600;
    }

        .woocommerce-MyAccount-navigation .list-group-item a:hover {
            color: #0056b3;
            text-decoration: underline;
        }

    .woocommerce-MyAccount-navigation .list-group-item.active {
        background-color: #0d6efd;
        color: #fff;
        font-weight: bold;
    }

select {
    width: 100%;
}

.select2-container .select2-selection--single {
    height: unset;
}



/*single product*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.quantity {
    text-align: center;
}

    .quantity input, .quantity button {
        display: inline;
        border-radius: 0;
        height: 37px;
    }

    .quantity input {
        top: -1px;
        position: relative;
    }

.content-body-product {
    margin-top: 20px;
    border-radius: 5px;
    box-shadow: 0 10px 30px rgba(50,50,93,0.12), 0 -1px 4px rgba(0,0,0,0.06);
    padding: 15px 25px;
}

.product-box-title {
    padding: 10px;
}

.div-product-detail {
    padding: 10px 5px;
    margin: 5px 0px;
}

.price-box {
    padding-right: 15px;
}

    .price-box .price-off {
        font-size: 18px;
        color: #555;
    }

    .price-box .price {
        font-size: 20px;
        font-weight: bold;
    }

.description-short {
    font-size: 12px;
    line-height: 200%;
    background: #eee;
    border-radius: 5px;
    color: #999;
    padding-bottom: 1px;
    padding: 15px;
}

    .description-short b {
        color: #333;
        font-size: 16px;
    }

    .description-short p {
        margin-top: 10px;
    }

.breadcrumb {
    font-size: 12px;
    top: 15px;
    position: relative;
}

    .breadcrumb i {
        padding: 10px;
        color: #ccc;
        position: relative;
        top: -5px;
        font-size: 12px;
    }

    .breadcrumb a {
        text-decoration: none;
        color: #333;
        font-size: 12px;
    }

        .breadcrumb a:hover {
            text-decoration: none;
            color: #000;
        }

.product-list-detailes {
    padding: 5px 5px 10px;
}

    .product-list-detailes a.badge {
        font-family: Vazir;
        font-weight: lighter;
        text-decoration: none;
        margin-right: 5px;
        top: -5px;
    }

    .product-list-detailes b {
        position: relative;
        top: 4px;
    }

.woocommerce-product-gallery__wrapper div:first-child img {
    border: solid 1px #eee;
    padding: 10px;
    border-radius: 10px;
}

.woocommerce-product-gallery__wrapper div {
    display: inline-flex;
    margin: 5px;
}

.details {
    font-size: 12px;
    color: #999;
}

.price-label-attr {
    font-size: 14px;
    margin-left: 10px;
}

.label-attr {
    font-size: 14px;
}

.attr-box {
    display: initial;
    padding: 5px;
    position: relative;
}

table.variations {
    display: block;
}

.attr-box input {
    display: none;
}

.radio-select {
    cursor: pointer;
}

    .radio-select:hover div {
        opacity: 1;
    }

    .radio-select.checked .radio-checked {
        visibility: visible;
    }

    .radio-select.checked * {
        opacity: 1;
    }

.p-label-select {
    margin: 0;
    border-right: 2px dotted #ccc;
    padding: 10px;
    font-size: 12px;
    color: #555;
}
 
.radio-checked {
    position: absolute;
    z-index: 100;
    top: -3px;
    right: -3px;
    font-size: 12px;
    color: #009f00;
    background: #beffa8;
    height: 14px;
    width: 14px;
    visibility: hidden;
    text-align: center;
    border-radius: 100%;
}

.color-product-attribute .attr-box {
    top: 8px;
}

.color-product-attr-box {
    position: relative;
    display: inline-flex;
    height: 32px;
    width: 32px;
    border-radius: 100%;
    padding: 2px;
    border: solid 1px #eee;
    margin: 1px;
    opacity: 0.2;
}

.color-product-attr-inner {
    position: relative;
    display: inline-flex;
    height: 26px;
    width: 26px;
    border-radius: 100%;
}

.color-product-attribute, .size-product-attribute, .default-product-attribute {
    padding: 10px 15px 15px 15px;
    background-color: #f9f9f9;
}

.size-product-attr-box, .default-product-attr-box {
    position: relative;
    display: inline-flex;
    height: 32px;
    border-radius: 10px;
    padding: 2px;
    border: solid 1px #eee;
    margin: 1px;
    opacity: 0.2;
    font-size: 12px;
}

.size-product-attr-inner, .default-product-attr-inner {
    position: relative;
    display: inline-flex;
    height: 26px;
    background-color: #91d0ff;
    padding: 5px;
    border-radius: 8px;
}
td.td-label{
    min-width:50px;
}
table.variations{
    margin-bottom:10px;
}
    table.variations td { 
    }
    table.variations tbody, table.variations tbody tr {
        display: flex;
        width:100%;
    }
a.reset_variations{
margin-right:10px;
}
.label-variations{
    font-size:14px;
    padding:10px;
}
.form-select.non-select2{
    font-family:VazirFarsi;
}
.div-product-detail .woocommerce-Price-amount {
    margin: 0 5px;
}
.div-product-detail.price-box .woocommerce-Price-currencySymbol {
    display: none;
}
/**tabs */
.woocommerce div.product .woocommerce-tabs .panel h2 {
    font-size: 20px;
    padding: 10px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background-color: #dce3ed;
}
/*comment*/
#review_form_wrapper, .comment-form-rating, .comment-form-comment {
    padding: 10px;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
    padding: 0;
}

.woocommerce .star-rating::before {
    content: "SSSSS";
}

.woocommerce .star-rating {
    position: absolute;
    left: 10px;
    top: 10px;
    color: #ffb600;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
    font-family: VazirFarsi;
    background: #eee;
    padding: 10px;
}

.comment-text .description {
    padding: 0 10px;
    font-size: 14px;
}










/*why us footer*/

.whyus-item {
    margin-top: 25px;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 10px 30px rgba(50, 50, 93, 0.12), 0 -1px 4px rgba(0, 0, 0, 0.06);
    margin-bottom: 20px;
    border: 1px solid #eee;
    padding: 10px 0;
    color: #333;
}

    .whyus-item b {
        font-size: 18px;
        color: black;
        font-weight: bold;
    }

    .whyus-item div {
        margin: 30px 10px;
    }

    .whyus-item .whyus-item-icon {
        position: relative;
        max-width: 64px;
        height: 64px;
        background: #e5aa61;
        margin: auto;
        top: 25px;
        padding: 15px;
    }

        .whyus-item .whyus-item-icon i {
            font-size: 32px;
            color: #fff;
        }

.accordion.accordion-flush {
    border: solid 1px #eee;
    padding: 0;
}

.accordion-button::after {
    position: absolute;
    left: 25px;
}

.accordion-button {
    font-size: 14px;
}

    .accordion-button:not(.collapsed) {
        color: #000;
        box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 #e5aa61;
    }

.accordion-body {
    font-weight: lighter;
    font-size: 14px;
    background-color: #f9f9f9;
}


footer {
    font-size: 14px;
    background: #E5AA61;
    color: #000;
    font-weight: 400;
}

    footer b {
        position: relative;
        font-weight: 900;
        line-height: 40px;
    }

    footer p {
        font-weight: 100;
        font-family: VazirFarsi;
    }

    footer .footer-logo {
        text-align: center;
    }

        footer .footer-logo img {
            max-width: 128px;
            height:auto;
            border-radius: 25px;
            margin: 10px;
            padding: 10px;
            background-color: #feeff9;
        }

    footer .enamad img {
        max-width: 128px;
        border-radius: 25px;
        margin: 10px;
    }

    footer .up-button-box {
        position: relative;
    }

        footer .up-button-box a {
            background: #e5aa61;
            border-radius: 50%;
            position: relative;
            display: inline-block;
            vertical-align: middle;
            width: 60px;
            color: #fff;
            height: 60px;
            border: solid 5px #fff;
            padding: 10px;
            font-size: 35px;
            top: -30px;
        }
.related.products h2 {
    font-size: 24px;
    padding: 15px;
}
.upsell .product-box-title{
    text-align:center;
    font-size:24px;
}
.shop-footer-detailes .chid-detaile img {
    max-width: 64px;
    height: 100px;
    position: relative;
}
.shop-footer-detailes .chid-detaile p {
   padding:10px;
}
.footer .up-button-box a i {
    top: -3px;
    position: relative;
}

.list-unstyled {
    padding: 0;
}

    .list-unstyled i {
        margin: 5px;
    }

.zoomContainer {
    margin-top: 10px;
    margin-left: 10px;
}

@media (max-width: 768px) {
    .top-menu-container-content-div .menu-user-item {
        right: -20px;
    }

    .cat-product .cat-name b {
        font-size: 16px !important;
        padding: 5px 15px;
        overflow: hidden;
        white-space: nowrap;
    }
     
    .top-menu-container-content-div.menu-box .header-menu li a {
        font-size: 12px;
    }

    .top-menu-container-content-div.menu-box .header-menu {
        margin-right: 10px;
    }

    .top-menu-container .menu-bar-icon i {
        margin: 0 10px;
    }

    .top-menu-container-content-div a.menu-user-icon .menu-user-item {
        padding-left: 15px;
    }
}


.woocommerce table.shop_table {
    font-family: 'VazirFarsi';
}