/**** فونت ها ****/
@font-face {
    font-family: 'iranyekan';
    src: url(../fonts/iranyekan/IRANYekanXFaNum-Regular.ttf);
    src: url(../fonts/iranyekan/IRANYekanXFaNum-Regular.woff);
    font-weight: normal;
}

@font-face {
    font-family: 'iranyekan';
    src: url(../fonts/iranyekan/IRANYekanXFaNum-Bold.ttf);
    src: url(../fonts/iranyekan/IRANYekanXFaNum-Bold.woff);
    font-weight: bold;
}

/**** فونت ها ****/

/**** تنظیمات رابط کاربری ****/
:root {
    --colormain: #ff3838;
    --second: #1B9CFC;
    --third: #d91616;
    --furth: #7158e2;
    --fifth: #1B9CFC;
    --colormain-gradient: #ff4d4d;
    --background-color: #f7f7f7;
    --border-radius: 8px;
    --e-global-typography-text-font-family: 'iranyekan' !important;
}

html {
    /*margin:0 !important;*/
    /*padding: 0 !important;*/
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
    color: #494848;
    transition: color 200ms ease-in-out;
}

.swiper {
    border-radius: 12px;
}

.swiper-wrapper {
    border-radius: 12px;
}

.swiper-slide {
    border-radius: 12px;
}

.elementor-element {
    padding: 0 !important;
}

.postle-title {
    font-size: 21px;
    font-weight: 700;
    color: #7a7a7a;
    border-right: 4px solid var(--colormain);
    border-radius: 4px;
    padding-right: 10px;
}

.margtop {
    margin-top: 20px;
}

a:hover {
    color: var(--colormain);
}

p {
    margin: 0;
    padding: 0;
}

body {
    padding: 0;
    margin: 0;
    font-family: 'iranyekan';
    direction: rtl;
    background-color: var(--background-color);
    overflow-x: hidden;
}

.img-border {
    border-radius: 12px;
}

.container {
    max-width: 1360px
}

img {
    max-width: 100%;
}

.btn-primary {
    background-color: var(--colormain);
    border: 1px solid var(--colormain-gradient);
    animation: all 200ms ease-in-out;
    border-radius: 10px;
}

.btn-primary-gradient {
    background-image: linear-gradient(to left, var(--colormain), var(--colormain-gradient));
    animation: all 200ms ease-in-out;
    color: #fafafa;
    padding: 10px 16px;
    font-size: 15px;
    border-radius: 10px;
}

.btn-hover-show {
    padding: 6px 12px;
    font-size: 14px;
    border-radius: 10px;
    color: var(--colormain);
    animation: all 200ms ease-in-out;
    background: none;
    font-weight: 700;
}

.btn-hover-show:hover {
    padding: 8px 14px;
    font-size: 13px;
    border-radius: 10px;
    border: 1px solid var(--colormain);
    background-image: linear-gradient(to left, var(--colormain), var(--colormain-gradient));
    color: #eeeeee;
}

.btn-primary:hover {
    background-color: var(--second);
    /*border: 1px solid var(--second);*/
    color: #fafafa;
    box-shadow: none !important;
}

.btn-primary-gradient:hover {
    background-image: linear-gradient(to left, var(--colormain), var(--colormain-gradient));
    border: 1px solid var(--colormain-gradient);
    animation: all 200ms ease-in-out;
    color: #fafafa;
    box-shadow: 0px 0px 1px 1px var(--colormain-gradient);
}

.btn-primary:focus {
    outline: none !important;
    background-color: var(--colormain) !important;
    border: 2px solid var(--colormain-gradient) !important;
    box-shadow: none !important;
}

.single_add_to_cart_button {

}

.single_add_to_cart_button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(to right, var(--colormain), var(--colormain-gradient)) !important;
    color: white !important;
    padding: 12px 20px !important;
    /*border-radius: var(--border-radius) !important;*/
    text-decoration: none !important;
    font-size: 15px !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    overflow: hidden !important;
    border: none !important;
    cursor: pointer !important;
    box-shadow: 0 4px 20px var(--colormain) !important;
}

.single_add_to_cart_button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 25px var(--colormain) !important;
    background: linear-gradient(to right, var(--colormain-gradient), var(--colormain)) !important;
    color: #ffffff !important;
}

.single_add_to_cart_button::before {
    content: '' !important;
    position: absolute !important;
    top: -50% !important;
    left: -50% !important;
    width: 200% !important;
    height: 200% !important;
    background: linear-gradient(
            to bottom right,
            rgba(255, 255, 255, 0.4),
            rgba(255, 255, 255, 0.2),
            rgba(255, 255, 255, 0)
    ) !important;
    transform: rotate(30deg) !important;
    transition: all 0.5s ease !important;
}

.single_add_to_cart_button:hover::before {
    left: 100% !important;
}

.cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to right, var(--colormain), var(--colormain-gradient));
    color: white;
    padding: 10px 20px;
    border-radius: var(--border-radius);
    text-decoration: none;
    font-size: 13px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    border: none;
    cursor: pointer;
    box-shadow: 0 4px 20px var(--colormain);
}

.cta-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 25px var(--colormain);
    background: linear-gradient(to right, var(--colormain-gradient), var(--colormain));
    color: #ffffff;
}

.cta-btn::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(
            to bottom right,
            rgba(255, 255, 255, 0.4),
            rgba(255, 255, 255, 0.2),
            rgba(255, 255, 255, 0)
    );
    transform: rotate(30deg);
    transition: all 0.5s ease;
}

.cta-btn:hover::before {
    left: 100%;
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border: 2px solid var(--second);
    outline: 0;
    box-shadow: none;
}

.hgd-search-box input {
    padding: 12px;
    font-size: 14px;
    color: #8b8a8a;
    border-radius: 10px;
    border: 2px solid #ddd;
}

/**** تنظیمات رابط کاربری ****/

/**** اعلان ووکامرس ****/

/**** اعلان ووکامرس ****/

/**** تنظیمات پیام های جی کوئری ****/
.jq-icon-info {
    color: #ffffff !important;
    background-color: var(--colormain) !important;
    text-align: right !important;
    font-family: 'iranyekan' !important;
    line-height: 25px;
}

.jq-icon-info h2 {
    color: #ffffff !important;
    background-color: var(--colormain) !important;
    text-align: right !important;
    font-family: 'iranyekan' !important;
}

.close-jq-toast-single {
    position: absolute;
    top: 3px;
    right: auto !important;
    left: 7px !important;
    font-size: 14px;
    cursor: pointer;
}

.jq-icon-success {
    color: #ffffff !important;
    text-align: right !important;
    font-family: 'iranyekan' !important;
    line-height: 25px;
}

.jq-icon-success h2 {
    color: #ffffff !important;
    text-align: right !important;
    font-family: 'iranyekan' !important;
}

/**** تنظیمات پیام های جی کوئری ****/

/**** سربرگ عمومی ****/
.hgd {
    background-color: #ffffff;
    border-bottom: 1px solid #eeeeee;
}

.hgd-row-one {
    padding: 14px 0px;
}

.hgd-search-box {
    display: flex;
    align-items: center;
}

.hgd-search-box form {
    display: flex;
    position: relative;
    align-items: center;
    width: 80%;
    margin-right: 5%;
}

.hgd-search-box button {
    background-image: linear-gradient(to right, var(--colormain), var(--colormain-gradient));
    position: absolute;
    left: 6px;
    padding: 6px 11px;
    border-radius: 10px;
}

.hgd-item {
    display: flex;
    align-items: center;
    justify-content: end;
}

.hgd-item a {
    margin-right: 8px;
}

.hgd-item .hgd-user-btn svg {
    margin-left: 8px;
}

.hgd-row-two {
    padding-top: 8px;
    border-bottom: 1px solid #dddddd;
    transition: all 100ms ease-in-out;
    position: relative;
}

.hgd-row-two ul.hgd-category-menu {

}

.hgd-row-two .hgd-bar-menu ul {
    display: flex;
    height: 100%;
}

.hgd-row-two .hgd-bar-menu ul li {
    margin-left: 14px;
    font-size: 14px;
    color: #6e6e6e;
    transition: all 100ms ease-in-out;
    padding-bottom: 0;
    padding-top: 1px;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
}

.hgd-row-two .hgd-bar-menu ul li a {
    color: #6e6e6e;
    display: flex;
    align-items: center;
}

.hgd-row-two .hgd-bar-menu ul li:hover {
    border-bottom: 1px solid var(--colormain);
}

.hgd-call {
    display: flex;
    justify-content: end;
}

.hgd-call p {
    font-size: 14px;
    font-weight: bold;
    color: #a6a3a3;
    display: flex;
    align-items: center;
}

.hgd-call span {
    margin-right: 6px;
}

.hgd-call strong {
    margin-left: 5px;
    font-size: 20px;
    text-shadow: 1px 1px #dddddd;
    color: var(--colormain);
}

.hgd-categories-btn {
    color: #ffffff;
    border: none;
    margin-left: 15px;
    font-size: 15px;
    transition: all 200ms ease-in-out;
    display: flex;
    padding: 8px 15px 9px 15px;
    background: var(--colormain);
    border-radius: 8px 8px 0 0;
}

.hgd-categories-btn:hover {
    color: #eeeeee;
}

.hgd-categories-btn i {
    margin-top: 0px;
    margin-left: 5px;
    padding-top: 0px;
}

.hgd-categories-btn .hgd-categories-btn-icon {
    padding-top: 1px;
    margin-left: 5px;
}

.splitview-closer {
    position: absolute;
    right: -18px;
    top: 0px;
    background: #fff;
    padding: 10px;
    border-radius: 0 10px 10px 0;
    border-right: 1px solid #ddd;
}

.splitview-closer svg {

}

.splitview ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.splitview li {
    position: relative;
    padding: 12px 16px;
    border-bottom: 1px solid #ddd;
    font-size: 15px;
}

.splitview li ul {
    display: none;
    padding-right: 10px;
    background-color: #f5f5f5;
    margin-top: 15px;
}

.splitview li ul li {
    font-size: 14px;
}

.splitview .submenu-icon {
    position: absolute;
    left: 16px;
    top: 12px;
    cursor: pointer;
    font-size: 14px;
    color: #555;
    transition: transform 0.3s ease;
}

.splitview .submenu-icon.rotate {
    transform: rotate(180deg);
}

.splitview li a svg {
    margin-left: 10px;
    color: var(--colormain);
    opacity: 0.9;
}

/* صفحه سبد خرید و تسویه حساب */
/* === دکمه‌ها (cta-btn برای ووکامرس) === */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce .cart input.button,
.woocommerce-checkout button.button {
    /* اگر از Sass استفاده نمی‌کنی این کلاس رو دستی کپی کن */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to right, var(--colormain), var(--colormain-gradient));
    color: white;
    padding: 10px 20px;
    border-radius: var(--border-radius);
    text-decoration: none;
    font-size: 13px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    border: none;
    cursor: pointer;
    box-shadow: 0 4px 20px var(--colormain);
}

.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__prices, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__prices {
    line-height: 1.2;
    display: none;
}

.wc-block-components-product-badge {
    display: none !important;
}

.wc-block-cart__submit-button {
    box-sizing: border-box;
    margin: 0;
    width: 100%;
    border-radius: 8px !important;
}

.wc-block-cart-item__remove-link {
    text-decoration: none !important;
    background: var(--colormain) !important;
    color: #ffffff !important;
    padding: 7px 12px !important;
    border-radius: 8px !important;
    transition: all 200ms ease-in-out;
}

.wc-block-cart-item__remove-link:hover {
    opacity: 0.8;
}

.woocommerce table.shop_table th {
    font-weight: 700;
    padding: 9px 12px;
    line-height: 1.5em;
    text-align: right;
}

.woocommerce table.shop_table td {
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding: 9px 12px;
    vertical-align: middle;
    line-height: 1.5em;
    text-align: right;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce .cart input.button:hover,
.woocommerce-checkout button.button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 25px var(--colormain);
    background: linear-gradient(to right, var(--colormain-gradient), var(--colormain));
    color: #ffffff;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button::before,
.woocommerce .cart input.button::before,
.woocommerce-checkout button.button::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(
            to bottom right,
            rgba(255, 255, 255, 0.4),
            rgba(255, 255, 255, 0.2),
            rgba(255, 255, 255, 0)
    );
    transform: rotate(30deg);
    transition: all 0.5s ease;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover::before,
.woocommerce .cart input.button:hover::before,
.woocommerce-checkout button.button:hover::before {
    left: 100%;
}

/* === جدول سبد خرید === */
.woocommerce-cart table.shop_table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.woocommerce-cart table.shop_table th {
    background-color: #f93c3c;
    color: #fff;
    padding: 14px;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

.woocommerce-cart table.shop_table td {
    padding: 12px;
    text-align: center;
    border-bottom: 1px solid #eee;
}

/* === خلاصه سفارش === */
.cart-collaterals .cart_totals {
    background: #fff;
    padding: 24px;
    border-radius: 12px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    margin-top: 30px;
}

.cart-collaterals h2 {
    font-size: 18px;
    margin-bottom: 15px;
    color: #333;
}

/* === فرم تسویه حساب === */
.woocommerce-checkout form.checkout {
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.woocommerce-billing-fields h3,
.woocommerce-additional-fields h3,
#order_review_heading {
    font-size: 18px;
    color: #f93c3c;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
    width: 100%;
    padding: 12px;
    border-radius: 6px;
    border: 1px solid #ddd;
    background: #f9f9f9;
    transition: all 0.3s ease;
}

.woocommerce form .form-row input:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
    border-color: var(--colormain);
    background: #fff;
}

/* === جدول سفارش نهایی === */
.woocommerce-checkout-review-order-table {
    width: 100%;
    margin-top: 30px;
    border-collapse: collapse;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}

.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
    padding: 14px;
    text-align: left;
    border-bottom: 1px solid #eee;
}

.woocommerce-checkout-payment {
    margin-top: 30px;
}

/* === والد سبد خرید جدید === */
.wp-block-woocommerce-cart {
    background: #fff;
    padding: 30px;
    border-radius: 16px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
    margin-top: 25px;
}

/* === جدول محصولات در سبد خرید === */
.wp-block-woocommerce-cart table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    background-color: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.wp-block-woocommerce-cart table thead {
    background: var(--colormain);
    color: #fff;
}

.wp-block-woocommerce-cart table th,
.wp-block-woocommerce-cart table td {
    padding: 14px;
    text-align: center;
    border-bottom: 1px solid #eee;
}

/* === استایل دکمه‌ها در سبد خرید === */
.wp-block-woocommerce-cart .wp-block-button__link,
.wp-block-woocommerce-cart .button {
    background: linear-gradient(to right, var(--colormain), var(--colormain-gradient));
    color: #fff;
    padding: 10px 20px;
    border-radius: var(--border-radius);
    font-size: 14px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 4px 20px var(--colormain);
    transition: all 0.3s ease;
}

.wp-block-woocommerce-cart .wp-block-button__link:hover,
.wp-block-woocommerce-cart .button:hover {
    transform: translateY(-2px);
    background: linear-gradient(to right, var(--colormain-gradient), var(--colormain));
    box-shadow: 0 6px 25px var(--colormain);
}

.wp-block-woocommerce-cart .wp-block-button__link::before,
.wp-block-woocommerce-cart .button::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(
            to bottom right,
            rgba(255, 255, 255, 0.4),
            rgba(255, 255, 255, 0.2),
            rgba(255, 255, 255, 0)
    );
    transform: rotate(30deg);
    transition: all 0.5s ease;
}

.wp-block-woocommerce-cart .wp-block-button__link:hover::before,
.wp-block-woocommerce-cart .button:hover::before {
    left: 100%;
}

.wc-block-cart__submit-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to right, var(--colormain), var(--colormain-gradient));
    color: white;
    padding: 10px 20px;
    border-radius: var(--border-radius);
    text-decoration: none;
    font-size: 13px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    border: none;
    cursor: pointer;
    box-shadow: 0 4px 20px var(--colormain);
}

.wc-block-cart__submit-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 25px var(--colormain);
    background: linear-gradient(to right, var(--colormain-gradient), var(--colormain));
    color: #ffffff;
}

.wc-block-cart__submit-button::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(
            to bottom right,
            rgba(255, 255, 255, 0.4),
            rgba(255, 255, 255, 0.2),
            rgba(255, 255, 255, 0)
    );
    transform: rotate(30deg);
    transition: all 0.5s ease;
}

.wc-block-cart__submit-button:hover::before {
    left: 100%;
}

.wc-block-components-form .wc-block-components-text-input input[type=email], .wc-block-components-form .wc-block-components-text-input input[type=number], .wc-block-components-form .wc-block-components-text-input input[type=password], .wc-block-components-form .wc-block-components-text-input input[type=tel], .wc-block-components-form .wc-block-components-text-input input[type=text], .wc-block-components-form .wc-block-components-text-input input[type=url], .wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=number], .wc-block-components-text-input input[type=password], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url] {
    background-color: #fff;
    border: 1px solid hsla(0, 0%, 7%, .8);
    box-sizing: border-box;
    color: #2b2d2f;
    font-family: inherit;
    font-size: 1em;
    height: 3.125em;
    line-height: 1em;
    margin: 0;
    min-height: 0;
    padding: 1em .5em;
    width: 100%;
    border-radius: var(--border-radius);
}

.wc-block-components-totals-coupon__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to right, var(--colormain), var(--colormain-gradient));
    color: white;
    padding: 10px 20px;
    border-radius: var(--border-radius);
    text-decoration: none;
    font-size: 13px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    border: none;
    cursor: pointer;
    box-shadow: 0 4px 20px var(--colormain);
}

.wc-block-components-totals-coupon__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 25px var(--colormain);
    background: linear-gradient(to right, var(--colormain-gradient), var(--colormain));
    color: #ffffff;
}

.wc-block-components-totals-coupon__button::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(
            to bottom right,
            rgba(255, 255, 255, 0.4),
            rgba(255, 255, 255, 0.2),
            rgba(255, 255, 255, 0)
    );
    transform: rotate(30deg);
    transition: all 0.5s ease;
}

.wc-block-components-totals-coupon__button:hover::before {
    left: 100%;
}

.woocommerce-info {
    border-top-color: var(--colormain);
    margin-top: 15px;
}

.woocommerce-info::before {
    color: var(--colormain);
}

.woocommerce-form-coupon button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(to right, var(--colormain), var(--colormain-gradient)) !important;
    color: white !important;
    padding: 10px 20px !important;
    border-radius: var(--border-radius) !important;
    text-decoration: none !important;
    font-size: 13px !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    overflow: hidden !important;
    border: none !important;
    cursor: pointer !important;
    box-shadow: 0 4px 20px var(--colormain) !important;
}

.woocommerce-form-coupon button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 25px var(--colormain) !important;
    background: linear-gradient(to right, var(--colormain-gradient), var(--colormain)) !important;
    color: #ffffff !important;
}

.woocommerce-form-coupon button::before {
    content: '' !important;
    position: absolute !important;
    top: -50% !important;
    left: -50% !important;
    width: 200% !important;
    height: 200% !important;
    background: linear-gradient(
            to bottom right,
            rgba(255, 255, 255, 0.4),
            rgba(255, 255, 255, 0.2),
            rgba(255, 255, 255, 0)
    ) !important;
    transform: rotate(30deg) !important;
    transition: all 0.5s ease !important;
}

.woocommerce-form-coupon button:hover::before {
    left: 100% !important;
}

/* صفحه سبد خرید و تسویه حساب */

/* سبد خرید کشویی */
.swipe-cart {
    position: fixed;
    top: 0;
    right: -100%;
    width: 360px;
    height: 100%;
    background: linear-gradient(135deg, #ffffffcc, #f7f7f7cc); /* پس‌زمینه نیمه‌شفاف و گرادینت */
    backdrop-filter: blur(10px);
    box-shadow: -5px 0 20px rgba(0, 0, 0, 0.1);
    z-index: 10000;
    transition: right 0.4s ease-in-out;
    overflow-y: auto;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

/* حالت باز */
.swipe-cart.open {
    right: 0;
}

/* هدر سبد خرید */
.swipe-cart-header {
    padding: 20px;
    text-align: center;
    background: var(--colormain);
    border-bottom: 1px solid #eee;
    border-top-left-radius: 20px;
}

.swipe-cart-header h4 {
    margin: 0;
    font-size: 18px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swipe-cart-header h4 svg {
    margin-left: 10px;
    font-size: 17px;
    margin-top: 3px;
}

.swipe-cart-content > p {
    font-size: 15px;
    padding-bottom: 10px;
}

.swipe-cart-content > p bdi {
    font-size: 17px;
}

.cart-meta bdi .woocommerce-Price-currencySymbol {
    display: none;
}

.cart-meta bdi {
    font-size: 16px;
}

.swipe-cart-content > p .woocommerce-Price-currencySymbol {
    margin-right: 4px;
}

/* دکمه بستن */
.close-cart {
    position: absolute;
    left: 15px;
    top: 18px;
    font-size: 22px;
    color: #ffffff;
    cursor: pointer;
    transition: 0.2s;
}

.close-cart:hover {
    color: #000;
}

/* محتوای سبد خرید */
.swipe-cart-content {
    padding: 20px;
    font-size: 14px;
    color: #444;
    overflow-y: scroll;
    max-height: 100%;
}

.cart-item {
    background: #fff;
    margin-bottom: 15px;
    padding: 12px;
    border-radius: 12px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease;
}

.cart-item:hover {
    transform: translateY(-3px);
}

.cart-item-inner {
    display: flex;
    align-items: center;
    gap: 12px;
}

.cart-thumb img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid #eee;
}

.cart-info {
    flex: 1;
}

.cart-title {
    font-weight: 600;
    color: #333;
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 1.3;
}

.cart-meta {
    font-size: 13px;
    color: #777;
}


/* دکمه داخل سبد */
.swipe-cart-content .btn {
    display: inline-block;
    margin-top: 15px;
    color: white;
    padding: 10px 15px;
    border-radius: 30px;
    text-align: center;
    transition: all 0.3s ease;
    text-decoration: none;
}

.swipe-cart-content .btn:hover {
    transform: scale(1.05);
}

/* دکمه باز کردن سبد خرید */
.swipe-cart-open button {
    border: none;
    padding: 10px 14px;
    border-radius: 50px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    color: white;
    font-size: 16px;
    transition: all 0.3s ease;
}

.swipe-cart-open button:hover {
    transform: scale(1.05) rotate(-2deg);
}

.swipe-cart-footer {
    position: sticky;
    bottom: 0;
    background: #fff;
    padding: 15px 20px;
    border-top: 1px solid #eee;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    flex-wrap: wrap;
    z-index: 999;
}

.swipe-cart-footer a.cta-btn {
    flex: 1 1 48%;
    color: white;
    padding: 12px;
    text-align: center;
    border-radius: 10px;
    font-weight: bold;
    text-decoration: none;
    transition: 0.3s ease;
}

.swipe-cart-footer a.cta-btn:hover {
    transform: scale(1.05);
}

@media (max-width: 576px) {
    .swipe-cart-footer {
        flex-direction: column;
    }

    .swipe-cart-footer a.cta-btn {
        flex: 1 1 100%;
    }
}


/**** فهرست فروشگاهی ****/

.hgd-megamenu:hover .hgd-category-menu > ul {
    visibility: visible;
    opacity: 1;
    right: 0;
    top: 0;
}

.hgd-category-menu > ul > li:hover > ul {
    visibility: visible;
    opacity: 1;
}

.hgd-category-menu > ul li ul li:hover > ul {
    visibility: visible;
    opacity: 1;
}

.hgd-category-menu {
    position: relative;
}

.hgd-category-menu > ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 10px;
    z-index: 10;
    right: 10px;
    width: 200px;
    background: var(--colormain);
    border-radius: 8px 0 8px 8px;
    transition: all 200ms ease-in-out;
}

.hgd-category-menu > ul svg {
    font-size: 20px;
    font-weight: bold;
    margin-left: 10px;
}

.hgd-category-menu > ul > li {
    padding: 15px 0 15px 10px;
}

.hgd-category-menu > ul > li > a {
    font-size: 15px;
    color: #fff;
    position: relative;
    padding-right: 20px;
    display: flex;
}

.hgd-category-menu > ul li > ul {
    position: absolute;
    right: 205px;
    width: 200px;
    top: 5px;
    background: #fff;
    border-radius: 8px;
    border: 2px solid #eee;
    transition: all 200ms ease-in-out;
    visibility: hidden;
    opacity: 0;
}

.hgd-category-menu > ul li > ul > li {
    padding: 15px 10px;
}

.hgd-category-menu > ul li > ul > li > a {
    font-size: 15px;
    position: relative;
    padding-right: 20px;
}

.hgd-category-menu > ul li > ul > li > a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 18px;
    border-radius: 10px;
    position: absolute;
    top: 0%;
    right: 5px;
    background: var(--colormain);
}

.hgd-category-menu > ul li > ul > li > ul {
    transition: all 200ms ease-in-out;
    visibility: hidden;
    opacity: 0;
}

.hgd-category-menu > ul li > ul > li > ul > li {

}

.hgd-category-menu > ul li > ul > li > ul > li a {

}

.hgd-bar-menu {
    position: relative;
}

.hgd-bar-menu > ul li:hover > ul {
    visibility: visible;
    opacity: 1;
}

.hgd-bar-menu > ul li > ul {
    position: absolute;
    right: 0;
    width: 250px;
    top: 50px;
    background: #fff;
    border-radius: 8px;
    border: 2px solid #eee;
    transition: all 200ms ease-in-out;
    visibility: hidden;
    opacity: 0;
    display: block !important;
    padding: 0;
    z-index: 10;
    height: max-content !important;
}

.hgd-bar-menu > ul li > ul > li {
    padding: 15px 10px !important;
}

.hgd-bar-menu > ul li > ul > li > a {
    font-size: 15px;
    position: relative;
    padding-right: 20px;
}

.hgd-bar-menu > ul li > ul > li > a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 18px;
    border-radius: 10px;
    position: absolute;
    top: 0%;
    right: 5px;
    background: var(--colormain);
}

.hgd-bar-menu > ul li > ul > li > ul {
    transition: all 200ms ease-in-out;
    visibility: hidden;
    opacity: 0;
}

.hgd-bar-menu > ul li > ul > li > ul > li {
    /* اگر نیاز به استایل خاصی داری اینجا بنویس */
}

.hgd-bar-menu > ul li > ul > li > ul > li a {
    /* اگر نیاز به استایل خاصی داری اینجا بنویس */
}

.hgd-bar-menu svg {
    font-size: 15px;
    color: #999;
    margin-left: 5px;
    margin-bottom: 2px;
}

/**** فهرست فروشگاهی ****/

.hgm-top {
    background-color: #ffffff;
    top: 15px;
    position: relative;
    width: 94%;
    right: 3%;
    border: 2px solid #eee;
    border-radius: 40px;
    padding: 5px 35px;
}

.hgm-logo img {
    width: 150px;
}

.splitview {
    height: 96vh;
    width: 90%;
    border: 2px solid #dddddd;
    position: absolute;
    top: 2vh;
    bottom: 10px;
    right: 5%;
    z-index: 100;
    border-radius: 12px;
    background-color: #fff;
    transition: all 300ms ease-in-out;
    overflow-y: visible;
    opacity: 0;
    visibility: hidden;
}

.modal-custom {
    width: 100%;
    position: absolute;
    z-index: 99;
    height: 100vh;
    background-color: #8d8d8d;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    transition: all 300ms ease-in-out;
    opacity: 0;
    visibility: hidden;
}

.hgm-burgermenu {
    display: flex;
    align-items: center;
}

.hgm-phone {
    display: flex;
    align-items: center;
}

.hgm-burgermenu svg {
    font-size: 19px;
}

.hgm-phone svg {
    font-size: 19px;
}

.hgm-bottom {
    display: flex;
    justify-content: space-between;
    position: fixed;
    bottom: 15px;
    background-color: #ffffff;
    width: 96%;
    right: 2%;
    border-radius: 40px;
    padding: 12px 7px;
    z-index: 100;
}

.hgm-home {
    color: #ffff;
    border-radius: 50%;
    padding: 15px 20px;
    font-size: 20px;
    position: absolute;
    bottom: -6px;
    border: 2px solid var(--colormain);
    margin-right: 40%;
    width: 16%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hgm-box {
    width: 40%;
}

.hgm-home a {
    color: #ffff;
}

/**** سربرگ عمومی ****/

/**** سربرگ بیوتی ****/
.beauty-header {
    background: #fff;
    padding: 10px 0;
}

.beauty-header .hbd-logo {
    width: 200px;
}

.beauty-header .hbd-menu {

}

.beauty-header .hbd-menu li:hover > a {
    color: var(--colormain) !important;
}

.beauty-header .hbd-menu > ul {
    margin: 0;
    display: flex;
    width: 100%;
}

.beauty-header .hbd-menu > ul > li {
    margin: 0 10px;
    position: relative;
}

.beauty-header .hbd-menu > ul > li > a {
    color: #717171;
    font-size: 15px;
}

.beauty-header .hbd-menu > ul > li ul {
    position: absolute;
    top: 45px;
    right: 0;
    visibility: hidden;
    opacity: 0;
    border-radius: 8px;
    transition: all 200ms ease-in-out;
    width: max-content;
    background: #fff;
    border-right: 2px solid var(--colormain);
    border-radius: 8px;
    z-index: 100;
    padding: 0 15px;
}

.beauty-header .hbd-menu > ul > li:hover > ul {
    visibility: visible;
    opacity: 1;
}

.beauty-header .hbd-menu > ul > li ul li {
    padding-left: 45px;
    border-bottom: 1px solid #eee;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 20px;
}

.beauty-header .hbd-menu > ul > li ul li a {
    font-size: 14px;
    color: #717171;
}

.btn-beauty {
    background: var(--colormain);
    color: #ffff;
    padding: 8px 19px;
    border-radius: 8px;
    border-bottom: 2px solid #eee;
    display: flex;
    align-items: center;
    padding-right: 15px;
    transition: all 200ms ease-in-out;
}

.btn-beauty:hover {
    color: #ffffff;
    opacity: 0.8;
}

.btn-beauty svg {
    margin-left: 8px;
    font-size: 12px;
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 6px;
}

.btn-icon-beauty {
    margin-left: 15px;
    background: #fef3fe;
    color: var(--colormain);
    padding: 13px 14px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    transition: all 200ms ease-in-out;
}

.btn-icon-beauty:hover {
    background: var(--colormain);
}

.btn-icon-beauty svg {
    transition: all 200ms ease-in-out;
}

.btn-icon-beauty:hover svg {
    color: #ffffff;
}

.beauty-search-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.6);
}

.beauty-search-modal-content {
    background-color: #fff;
    margin: 10% auto;
    padding: 30px;
    border-radius: 12px;
    width: 90%;
    max-width: 400px;
    text-align: center;
    position: relative;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.beauty-search-modal-content input[type="text"] {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    margin-bottom: 15px;
}

.beauty-search-modal-content button {
    padding: 10px 20px;
    background: #cc0066;
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 6px;
}

.beauty-search-close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    cursor: pointer;
    color: #666;
}

/**** سربرگ بیوتی ****/

/**** پابرگ بیوتی ****/
.fbd {
    background: #ffffff;
    margin-top: 40px;
}

.fbd .fbd-logo {
    max-width: 200px;
    margin-bottom: 20px;
}

.fbd .fbd-row {
    padding: 20px;
    padding-right: 0;
}

.fbd-address-bar {

}

.fbd-address-bar > p {
    margin-bottom: 16px;
    font-size: 14px;
    color: #515151;
    border-right: 1px solid #ddd;
    padding-right: 10px;
}

.fbd-social {
    margin-top: 30px;
    display: flex;
}

.fbd-social a {
    padding: 10px;
    background: #eee;
    margin-left: 10px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    width: max-content;
}

.fbd-social a:hover {

}

.fbd-social a svg {
    font-size: 15px;
}

.fbd-social a:hover {

}

.fbd-row .fgd-before {
    margin-top: 10px;
    margin-bottom: 20px;
    color: #515151;
    font-weight: 500;
    font-size: 17px;
    display: flex;
    align-items: center;
}

.fbd-row > div ul {

}

.fbd-row > div ul li {
    padding-bottom: 10px;
    font-size: 13px;
    color: #515151;
    margin-bottom: 10px;
}

.fbd-row > div ul li a {

}

.fbd-row .fbd-newsletter {
    background-color: #f7f7f7;
    padding: 20px;
    border-radius: 8px;
    direction: rtl;
    text-align: right;
}

.fbd-row .fbd-newsletter .newsletter-title {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 18px;
}

.fbd-row .fbd-newsletter .newsletter-desc {
    color: #777;
    font-size: 14px;
    margin-bottom: 20px;
}

.fbd-row .fbd-newsletter .newsletter-input {
    margin-bottom: 10px;
    font-size: 14px;
    border-radius: 5px;
}

.fbd-row .fbd-newsletter .newsletter-btn {
    font-size: 15px;
    border-radius: 8px;
    border: none;
}
.fbd-bottom-box {
    direction: rtl;
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
    padding: 20px 0;
}

.fbd-bottom-box .copyright-text {
    color: #666;
    font-size: 14px;
    white-space: nowrap;
}

.fbd-bottom-box .footer-namad {
    display: flex;
    align-items: center;
    gap: 10px;
}

.fbd-bottom-box .footer-namad img {
    max-height: 60px;
    height: auto;
    width: auto;
}

.fbd-bottom-box .footer-namad > div {
    width: 100%;
    padding-left: 30px;
}
/* خط بین دو بخش */
.fbd-bottom-box .separator-line {
    flex-grow: 1;
    height: 1px;
    background-color: #ccc;
    margin: 0 10px;
}

/**** پابرگ بیوتی ****/

/**** المان اسلایدر ****/
.slider {
    width: 100%;
}

.slider img {
    border-radius: 8px;
}

/**** المان اسلایدر ****/

/**** المان نمایش دسته بندی ها ****/
.Category-box-element {
    width: 100%;
    background: #f9f9f9;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 3px 2px 0px 1px var(--colormain);
    border: 1px solid #dddddd;
    transition: all 200ms ease-in-out;
}

.Category-box-element:hover {
    border: 1px solid var(--colormain);
    box-shadow: 0px 0px 1px 2px var(--colormain);
}

.Category-box-element h4 {
    padding-right: 10px;
    font-size: 18px;
    padding-top: 10px;
}

.Category-box-element a {

}

.Category-box-element button {
    margin-top: 5px;
    margin-right: 10px;
    font-size: 12px;
    border: none;
    transition: all 200ms ease-in-out;
    color: #fff;
    border-radius: 5px;
    padding: 5px 10px;
}

.Category-box-element button:hover {
    border: none;
    animation: all 200ms ease-in-out;
    color: #fafafa;
    box-shadow: 0px 0px 1px 1px var(--colormain-gradient);
}

.Category-box-element .cbl-img-box {
    width: 30%;
}

/**** المان نمایش دسته بندی ها ****/


/**** المان فهرست مزایا ****/
.benefit-list {

}

.benefit-list img {
    width: 40%;
    margin-bottom: 5px;
}

.benefit-list div {
    width: 100%;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #737373;
}

/**** المان فهرست مزایا ****/


/**** فوتر ****/
.fgd {
    border-top: 1px solid #eeeeee;
    margin-top: 35px;
}

.footer {
    border-top: 1.5px solid #dddddd;
}

.fgd .fgd-logo-right span {
    display: flex;
    align-items: center;
}

.fgd .fgd-logo-right span svg {
    font-size: 18px;
    margin-left: 14px;
    color: var(--colormain);
    border-bottom: 3px solid var(--colormain);
    padding-bottom: 5px;
}

.fgd .fgd-logo-left span {
    display: flex;
    align-items: center;
}

.fgd .fgd-logo-left span svg {
    font-size: 18px;
    margin-left: 14px;
    color: var(--colormain);
    border-bottom: 3px solid var(--colormain);
    padding-bottom: 5px;
}

.fgd-benfetis {
    padding: 15px 0px;
    font-size: 12px;
}

.fgd-logo-address {
    margin-top: 30px;
}

.fgd-logo-address > div {
    font-size: 14px;
}

.fgd-logo-box img {
    width: 50%;
}

.fgd-logo-box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.fgd-logo-right {
    display: flex;
    justify-content: center;
    align-items: center;
}

.fgd-logo-left {
    display: flex;
    justify-content: center;
    align-items: center;
}

.fgd-before {
    position: relative;
    padding-right: 35px;
    font-size: 18px;
    margin-bottom: 10px;
}

.fgd-before::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 14px;
    background-image: linear-gradient(to left, var(--colormain), var(--colormain-gradient));
    /* margin-left: 8px; */
    border-radius: 10px;
    border: 2px solid #ddd;
    /* margin-top: 10px; */
    position: absolute;
    top: 28%;
    right: 0;
}

.fgd-menus {
    margin-top: 30px;
}

.fgd-menus ul {

}

.fgd-menus ul li {
    font-size: 14px;
    padding: 6px 2px;
}

.fgd-menus ul li a {

}

.fgd-copyright {
    margin-top: 30px;
    padding: 15px 20px;
    background-image: linear-gradient(to left, var(--colormain), var(--colormain-gradient));
    color: #fff;
    border-radius: 12px;
    flex-wrap: wrap;
}

@media only screen and (max-width: 992px) {
    .fgd-copyright > div:nth-child(2) {
        text-align: center;
        display: flex;
        justify-content: center;
        width: 100%;
        margin-top: 15px;
    }

    .Category-box-element {
        margin-bottom: 25px;
    }

    .mobile-margtop {
        margin-top: 25px;
    }

    .viwcpf_wrap_shortcode_menu_filter {
        width: 90%;
        margin-right: 4%;
    }

    .viwcpf_wrap_filter-content .viwcpf_filter.viwcpf_range_slider .irs--round .irs-from, .viwcpf_wrap_filter-content .viwcpf_filter.viwcpf_range_slider .irs--round .irs-single, .viwcpf_wrap_filter-content .viwcpf_filter.viwcpf_range_slider .irs--round .irs-to {
        background-color: var(--colormain);
        font-size: 10px !important;
        font-family: 'iranyekan' !important;
    }

    .irs--round {
        height: 50px;
        width: 70%;
        margin-right: 15%;
    }

    .shop-header {
        width: 94%;
        margin-right: 3%;
        margin-top: 30px !important;
    }

    .hgm-mobile {
        background-color: var(--background-color);
        border-bottom: none;
    }
}

.fgd-copyright a {
    color: #ffffff;
    border-radius: 8px;
    padding: 8px 15px;
    border: 1px solid #ffffff;
}

.fgd-about p {
    font-size: 15px;
    padding-right: 2px;
    line-height: 32px;
}

.fgd-about img {
    width: 115px;
    border-radius: 12px;
    padding: 12px;
}

/**** فوتر ****/

/**** صفحه نوشته ****/
.single {
    background-color: #ffffff;
    border-radius: 12px;
    border: 1px solid #eeeeee;
}

.single-content {
    padding: 30px 20px;
    line-height: 35px;
    color: #515151;
}

.single-sidebar .single-box:nth-child(1) {
    margin-top: 0;
}

.single-box {
    margin-top: 25px;
    background-color: #fff;
    padding: 12px 10px;
    border-radius: 12px;
    font-size: 13px;
    border: 1px solid #eee;
}

.single-box .breadcrumb {
    margin-bottom: 0;
}

.single-box .breadcrumb li {
    padding: 0 6px;
}

.single-post-img {
    border-radius: 12px;
    width: 100%;
    height: 500px;
    object-fit: cover;
}

.single h1 {
    color: var(--colormain);
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    margin-top: 40px;
}

.single-content h2, .single-content h3, .single-content h4, .single-content h5, .single-content h6 {
    margin: 14px 0;
    color: #515151;
}

.post-tags {
    padding: 0 20px;
}

.single-tags {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.single-tags li {

}

.single-tags li a {
    color: #6c6c6c;
    font-size: 13px;
    /* border-radius: 25px; */
    /* border: 2px solid #dddd; */
    border-right: 2px solid #ddd;
    padding: 0px 6px;
    transition: 200ms ease-in-out;
    margin-left: 10px;
}

.single-tags li a:hover {
    color: var(--colormain);
    border-right: 2px solid var(--colormain);
}

.single-tags li a svg {

}

.single-share {
    width: 100%;
    display: contents;
}

.single-share li {
    padding: 0px !important;
    margin: 0px !important;
    margin-right: 10px !important;
}

.single-share a {

}

.single-share svg {
    font-size: 16px !important;
    color: #999999 !important;
    transition: all 200ms ease-in-out;
}

.single-share li:hover {
    background: none !important;
}

.single-share li:hover svg {
    font-weight: 900;
    color: var(--colormain) !important;
}

.single .wp-block-list {
    padding-right: 15px;
}

.single .wp-block-list li {
    padding-right: 22px;
    position: relative;
    margin-right: 0px;
}

.single .wp-block-list li::before {
    width: 12px;
    height: 6px;
    background-color: var(--colormain);
    position: absolute;
    content: " ";
    top: 15px;
    border-radius: 8px;
    right: 0;
}

.single-comment {
    width: 100%;
    padding: 0;
    background-color: #ffffff;
    border-radius: 8px;
}

.single-comment .comment-list {

}

.single-comment .comment-ul {
    list-style: none;
    padding: 25px;
    margin-bottom: 25px;
}

.single-comment .comment-meta {
    padding-right: 15px;
    padding-top: 4px;
}

.single-comment .comment-ul li {
    display: flex;
    padding: 10px;
    flex-wrap: wrap;
    border-radius: 8px;
    border: 2px solid #eee;
    margin-bottom: 15px;
    position: relative;
}

.single-comment .comment-ul li img {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    display: flex;
    border: 4px solid #dddd;
}

.single-comment .comment-ul li .comment-auther {
    font-size: 17px;
}

.single-comment .comment-ul li .comment-date {
    display: flex;
    margin: 8px 0px;
    width: fit-content;
    font-size: 12px;
}

.single-comment .comment-ul li p {
    width: 100%;
    display: block;
    line-height: 35px;
    margin: 10px 0px;
    padding: 0 10px;
}

.single-comment .comment-reply {
    position: absolute;
    left: 25px;
    top: 25px;
    background-color: var(--colormain);
    padding: 4px 8px;
    font-size: 12px;
    border-radius: 6px;
    scroll-behavior: smooth;
}

.single-comment .comment-reply svg {
    font-size: 12px;
    margin-left: 3px;
}

.single-comment .comment-reply:hover {
    color: #FFFFFF;
    opacity: 0.9;
}

.single-comment .comment-roban {
    position: absolute;
    left: 15px;
    top: -10px;
    background-color: #ffffff;
    width: 35px;
    height: 10px;
    z-index: 100;
    text-align: center;
    transition: all 200ms ease-in-out;
}

.single-comment .comment-roban svg {
    color: #ddd;
}

.single-comment h4.comment-box-title::before {
    content: " ";
    background-color: var(--colormain);
    width: 16px;
    height: 8px;
    position: absolute;
    right: 0px;
    top: 8px;
    border-radius: 8px;
}

.single-comment h4.comment-box-title {
    position: relative;
    padding-right: 25px;
    font-size: 21px;
    margin-bottom: 25px;
}

.comment-form {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 25px;
    position: relative;
}

.comment-form form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.comment-form form textarea {
    width: 100%;
    border-radius: 6px;
    border: 2px solid #ddd;
    padding: 10px;
    min-height: 150px;
    margin-bottom: 10px;
    background-color: #ffffff;
}

.comment-form form .name {
    width: 48%;
    position: relative;
}

.comment-form form .name input {
    border-radius: 6px;
    border: 2px solid #ddd;
    padding: 8px;
    padding-right: 45px;
    width: 100%;
    position: relative;
}

.comment-form form .email {
    width: 48%;
    position: relative;
}

.comment-form form .email svg, .comment-form form .name svg {
    position: absolute;
    right: 10px;
    top: 7px;
    background-color: #ddd;
    padding: 8px;
    font-size: 14px;
    border-radius: 50%;
    color: #656565;
}

.comment-form form .email input {
    border-radius: 6px;
    border: 2px solid #ddd;
    padding: 8px;
    padding-right: 45px;
    width: 100%;
}

.comment-form form .comment-submit {
    background-color: var(--colormain);
    color: #ffffff;
    padding: 8px 15px;
    border-radius: 8px;
    border: 2px solid #ddd;
    margin-top: 10px;
}

.comment-form h4::before {
    content: " ";
    background-color: var(--colormain);
    width: 16px;
    height: 8px;
    position: absolute;
    right: 0px;
    top: 8px;
    border-radius: 8px;
}

.comment-form h4 {
    position: relative;
    padding-right: 25px;
    font-size: 21px;
    margin-bottom: 25px;
    color: #515151;
}

.comment-form .reply-to {
    position: absolute;
    left: 25px;
    top: 20px;
    font-size: 14px;
    background-color: var(--colormain);
    color: var(--colormain);
    padding: 5px 10px;
    border-radius: 8px;
    transition: all 200ms ease-in-out;
    display: none;
}

@media only screen and (max-width: 992px) {
    .comment-form {
        margin-bottom: 25px;
    }

    .single-post .single-post-meta {
        padding-left: 2%;
        padding-right: 2%;
    }

    .single-post-content p {
        font-size: 14px;
    }

    .single-post h1 {
        font-size: 18px;
    }

    .author-box p {
        font-size: 14px !important;
    }

    .author-box h2 {
        padding: 15px 0 !important;
    }
}

/**** صفحه نوشته ****/

/**** ویجت جستججو ****/
.single-sidebar-box {
    padding: 10px 20px;
}

.h4-single-box-sidebar {
    display: flex;
    justify-content: center;
}

.h4-single-box-sidebar h4 {
    background-image: linear-gradient(to left, var(--colormain), var(--colormain-gradient));
    border-radius: 12px;
    color: #eeeeee;
    font-size: 15px;
    padding: 6px 12px;
    margin-top: 9px;
}

.search-form-box {

}

.search-form-box input {
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 5px 5px;
}

.search-form-box form {
    display: flex;
    justify-content: center;
    margin-top: 15px;
    margin-bottom: 20px;
    position: relative;
}

.search-form-box button {
    position: absolute;
    height: 100%;
    width: 38px;
    border-radius: 12px;
    right: 38px;
    border: none;
    color: #515151;
}

.search-form-box input {
    border: 1px solid #ddd;
    border-radius: 12px;
    /* padding: 5px 5px; */
    font-size: 10px;
    width: 70%;
    height: 35px;
    padding-right: 15%;
}

.single-sidebar .wp-block-search__button-outside {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.single-sidebar .wp-block-search__label {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    margin-top: 20px;
    background: var(--colormain);
    color: #fff;
    width: max-content;
    padding: 8px 12px;
    border-radius: 8px;
}

.single-sidebar .wp-block-search__button {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    margin-top: 20px;
    background: var(--colormain);
    color: #fff;
    width: max-content;
    padding: 8px 12px;
    border-radius: 8px;
}

.single-sidebar .wp-block-search__input {
    border-radius: 8px;
}

.single-sidebar .wp-block-search__inside-wrapper {
    align-items: center;
}

.single-sidebar .cat-item {
    font-size: 14px;
    border-bottom: 1px solid #eee;
    padding: 5px 0;
}

/**** ویجت جستجو ****/

/**** ویجت دسته بندی های نوشته ****/
.sideCatBox li {
    list-style: none;
    width: 100%;
    padding-top: 40px;
    padding-right: 15px;
    padding-left: 15px;
}

.sideCatBox li a {
    color: #6b6b6b;
    padding-right: 20px;
    display: flex;
    width: 100%;
}

.sideCatBox li::before {
    width: 12px;
    height: 6px;
    background-color: var(--colormain);
    position: absolute;
    content: " ";
    top: 11px;
    border-radius: 8px;
}

.sideCatBox li {
    padding: 4px 0px;
    font-weight: 400;
    font-size: 15px;
    /* border-bottom: 1px solid #eee; */
    position: relative;
    width: fit-content;
    min-width: 40%;
    transition: all 200ms ease-in-out;
    border-radius: 16px;
}

.sideCatBox li:hover {
    background-color: var(--colormain);
    text-shadow: 0px 0px 3px #dddddd;
    padding-right: 2px;
    padding-left: 8px;
}

.sideCatBox li:hover::before {
    background-color: #ffffff;
    text-shadow: 0px 0px 3px #dddddd;
    right: 2px;
}

.sideCatBox li:hover a {
    color: #eeeeee;
}

/**** ویجت دسته بندی های نوشته ****/


/**** ویجت مطالب جدید ****/
.sidePostBox {
    margin-bottom: 10px;
}

.sideitemPostBox {
    width: 100%;
    margin-top: 12px;
}

.sidePostItem {
    display: flex;
    align-items: center;
    width: 100%;
}

.sidePostItem a {
    color: #1b1e21;
}

.sidePostItem p {
    margin-bottom: 8px;
    font-size: 14px;
    padding-right: 6px;
    transition: all 200ms ease-in-out;
}

.sidePostItemH {
    min-width: 70%;
}

.sidePostItem img {
    width: 55px !important;
    border-radius: 50% !important;
    height: 55px !important;
    border: 2px solid #DDD;
    transition: all 200ms ease-in-out;
    object-fit: cover;
}

.sidePostItem:hover img {
    border: 3px solid var(--colormain);
    box-shadow: 0px 0px 10px 1px #dddddd;
}

.sidePostItem:hover p {
    color: var(--colormain);
    font-weight: 500;
}

.sidePostItemMeta {
    display: flex;
    justify-content: space-around;
    width: 80%;
}

.sidePostItemMeta span {
    font-size: 10px;
    font-weight: 300;
    color: #929090;
}

.sidePostItemMeta span svg {
    margin-left: 4px;
    font-size: 13px;
    color: #9e9e9e;
}

/**** ویجت مطالب جدید ****/

/**** آرشیو نوشته ها ****/
.post-archive {

}

.post-archive-item {
    width: 47%;
    /* padding: 0 20px; */
    margin-bottom: 20px;
}

.pai-img img {
    width: 100%;
    object-fit: cover;
    height: 250px;
    border-radius: 50px;
    border: 2px solid #eee;
    transition: 200ms ease-in-out;
}

.post-archive-item:hover .pai-img img {
    opacity: 0.7;
}

.archive-title {
    color: var(--colormain);
    font-size: 18px;
    padding: 10px;
}

@media only screen and (max-width: 992px) {
    .post-archive-item {
        width: 90%;
        margin-right: 5%;
        margin-bottom: 20px;
    }
}

.pai-meta {

}

.pai-meta h4 {
    text-align: center;
    margin-top: 15px;
    font-size: 19px;
}

.pai-meta p {
    line-height: 30px;
    font-size: 14px;
    color: #515151;
}

.pai-meta div {
    display: flex;
    justify-content: space-around;
    padding: 0 15%;
    margin-top: 11px;
}

.pai-meta div span {
    color: var(--colormain);
    font-size: 14px;
    text-shadow: 0px 2px 3px #ddd;
}

.pai-meta div span svg {
    margin-left: 7px;
}

/**** آرشیو مطالب ****/

/**** صفحه تک محصول ****/
@media only screen and (max-width: 1024px) {
    .single-product {
        padding-top: 20px;
    }

    .single-product .breadcrumb {
        padding-bottom: 0 !important;
        line-height: 30px;
        margin-bottom: 0 !important;
        padding-right: 10px !important;
    }

    .single-product .woocommerce .woocommerce-breadcrumb {

    }

    .mobile-padding-rem {
        padding: 1rem !important;
    }

    .product-box h1 {
        font-size: 22px !important;
        font-weight: 500;
        margin-bottom: 20px;
        padding-top: 20px;
        line-height: 50px !important;
    }

    .info-box h2 {
        font-size: 19px;
        padding-top: 15px;
        padding-bottom: 5px;
        color: #515151;
    }

    .info-box p {
        padding-bottom: 15px;
        color: #515151;
        font-size: 14px;
    }

    .fgd-logo-box img {
        width: 50%;
        margin: 20px 0;
    }

    .fgd-logo-right {
        order: 1;
        margin-top: 20px;
    }

    .product-box .product-detail {
        margin-bottom: 25px;
    }

    .product-box .product-utility {
        color: #515151;
        margin-right: 0px !important;
        margin-left: 20px;
        border-radius: 50%;
        background-color: #ddd;
        padding: 7px 14px;
        padding-top: 10px;
        transition: all 200ms ease-in-out;
    }

    .sp-price-range {
        width: 100%;
    }

    .sp-price-range .sale-discount-percent {
        float: right !important;
    }

    .sp-price-range > del .woocommerce-Price-amount > bdi {
        padding-right: 15px;
    }

    .sp-price-range > ins .woocommerce-Price-amount > bdi {
        justify-content: start !important;
    }

    .product-summary-box form.cart {
        order: 1;
        margin-top: 10px;
    }

    .product-support {
        margin-top: 20px;
        width: 100% !important;
    }

    .single-product-benefits {
        margin-top: 20px;
        width: 100% !important;
    }

    .spr-pros-cons {
        width: 100% !important;
        margin-bottom: 20px;
    }

    .irana-reviews-wrap {
        padding: 0 10px;
    }

}

.single-product {

}

.single-product .breadcrumb {
    font-size: 13px;
    color: #949494;
    padding: 25px 0;
    margin: 0;
}

.single-product .breadcrumb a {
    padding: 0 5px;
    color: #949494;
}

.single-product-box {
    padding: 15px 0;
}

.product-img-box {
    border-radius: 12px;
}

.product-img-box img {
    border-radius: 12px;
}

.product-box {
    padding: 0 20px;
}

.product-box h1 {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 20px;
    line-height: 55px;
}

.product-box .title-en {
    margin-bottom: 15px;
    color: #505050;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}

.product-box .product-details {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.product-description {
    color: #515151;
    line-height: 32px;
    font-size: 15px;
    margin-bottom: 20px;
}

.product-box .product-detail {
    color: #515151;
    padding-left: 20px;
    position: relative;
}

.product-box .product-detail svg {
    margin-left: 5px;
    margin-right: 13px;
}

.product-detail::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 22px;
    border-radius: 12px;
    position: absolute;
    background-color: var(--colormain);
}

.product-box .product-utility {
    color: #515151;
    margin-right: 20px;
    border-radius: 50%;
    background-color: #ddd;
    padding: 7px 14px;
    padding-top: 10px;
    transition: all 200ms ease-in-out;
}

.product-box .favorite-toggle.active {
    color: #ffffff;
    background-color: var(--colormain);
}

.product-box .add-to-compare.active {
    color: #ffffff;
    background-color: var(--colormain);
}

.product-box .product-utility:hover {
    background-color: var(--colormain);
    color: #ffffff;
    box-shadow: 0px 0px 2px 3px var(--colormain);
}

.info-box {
    margin-top: 20px;
    background-color: rgba(230, 18, 61, 0.08);
    padding: 10px;
    border-radius: 12px;
    border-bottom: 6px solid var(--colormain);
}

.woocommerce-product-gallery__wrapper {
    display: flex;
    flex-wrap: wrap;
}

.woocommerce-product-gallery {
    position: relative;
}

.woocommerce-product-gallery__trigger {
    position: absolute;
    top: 20px;
    right: 20px;
}

.product-img-box img {
    border-radius: 12px;
    margin: 0 8px;
    margin-top: 10px;
    border: 1px solid #eee;
}

ol.flex-control-nav {
    list-style: none;
    display: flex;
    justify-content: start;
    overflow-x: visible;
    padding: 0;
}

ol.flex-control-nav li {
    width: 20%;
    margin-left: 15px;
}

ol.flex-control-nav li img {
    padding: 10px;
}

.product-summary-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.sp-stock-check {
    display: none;
}

.product-summary-box form.cart {
    display: flex;
    align-items: center;
}

.woocommerce .quantity .qty {
    width: 3.631em;
    text-align: center;
    border-radius: 12px;
    border: 2px solid #eee;
}

.woocommerce .cart .button, .woocommerce .cart input.button {
    background-image: linear-gradient(to left, var(--colormain), var(--colormain-gradient));
    border: 1px solid var(--second);
    transition: all 200ms ease-in-out;
    color: #fafafa;
    padding: 10px 16px;
    font-size: 15px;
    border-radius: 10px;
}

.woocommerce .cart .button:hover, .woocommerce .cart input.button:hover {
    opacity: 0.8;
}

.woocommerce .quantity .qty {
    width: 3.631em;
    text-align: center;
    border-radius: 12px;
    border: 2px solid #eee;
    height: 44px;
    margin-left: 10px;
}

/* قیمت نهایی با تخفیف: پررنگ و بزرگ */
.sp-price-range > ins .woocommerce-Price-amount > bdi {
    font-size: 21px;
    color: var(--colormain);
    font-weight: 700;
    text-shadow: 0px 1px #eee;
    transition: all 200ms ease-in-out;
    display: flex;
    align-items: center;
    padding-top: 10px;
    justify-content: start;
    text-decoration: none;
}

/* واحد پول کنار قیمت نهایی */
.sp-price-range > ins .woocommerce-Price-amount > bdi > span {
    margin-right: 6px;
    font-size: 13px;
    color: #afabab;
    transition: all 200ms ease-in-out;
    text-decoration: none !important;
}

/* قیمت قبل از تخفیف: کوچکتر، خاکستری، خط خورده */
.sp-price-range > del .woocommerce-Price-amount > bdi {
    font-size: 17px;
    color: #ababab;
    font-weight: 400;
    text-shadow: 0px 1px #eee;
    transition: all 200ms ease-in-out;
    display: flex;
    align-items: center;
    padding-top: 14px;
    text-decoration: line-through;
    padding-bottom: 0px;
    justify-content: center;
}

/* واحد پول کنار قیمت قبلی */
.sp-price-range > del .woocommerce-Price-amount > bdi > span {
    margin-right: 6px;
    font-size: 13px;
    color: #afabab;
    transition: all 200ms ease-in-out;
    text-decoration: none;
    display: none;
}

/* حذف خط خوردن عمومی برای جلوگیری از تداخل */
del, ins {
    text-decoration: none;
}


.sp-price-range .sale-discount-percent {
    float: left;
    padding: 4px 7px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-image: linear-gradient(to left, var(--colormain), var(--colormain-gradient));
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    margin-top: 8px;
}

@media only screen and (min-width: 1024px) {
    .info-box {
        width: 49%;
    }
}

.info-box svg {
    padding: 20px;
    font-size: 33px;
    color: rgb(230, 18, 61);
}

.info-box h2 {
    font-size: 22px;
    padding-top: 15px;
    padding-bottom: 5px;
    color: #515151;
}

.info-box p {
    padding-bottom: 15px;
    color: #515151;
}

.single-product .tabs-box {
    margin-top: 40px;
}

.single-product .tabs-box ul.wc-tabs {
    display: flex;
    margin-bottom: 20px;
}

.single-product .tabs-box ul.wc-tabs > li {
    background-color: #eee;
    padding: 10px 18px;
    border-radius: 8px;
    font-size: 15px;
    margin-left: 15px;
    transition: all 200ms ease-in-out;
}

.single-product .tabs-box ul.wc-tabs > li a {
    color: #929292;
}

.single-product .tabs-box ul.wc-tabs > li.active {
    background-color: var(--colormain);
    box-shadow: 0px 0px 6px 0px var(--colormain);
    border-radius: 8px;
    font-size: 15px;
    margin-left: 15px;
}

.single-product .tabs-box ul.wc-tabs > li.active a {
    color: #ffffff;
}

.single-product .woocommerce-tabs > div {

}

.single-product .woocommerce-Tabs-panel > div {
    line-height: 38px;
}

.single-product .woocommerce-Tabs-panel h2:nth-child(1) {
    display: none;
}

.single-product .woocommerce-Tabs-panel table {
    border-top: none;
}

.single-product .woocommerce-Tabs-panel table tr {
    background: var(--background-color) !important;
    position: relative;
}

.single-product .woocommerce-Tabs-panel table th {
    background: var(--background-color) !important;
    border-top: none;
    padding: 17px;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    padding-right: 24px;
    transition: all 200ms ease-in-out;
}

.single-product .woocommerce-Tabs-panel table tr:hover::before {
    background-color: var(--colormain);
}

.single-product .woocommerce-Tabs-panel table tr::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 22px;
    background-color: #ddd;
    margin-left: 8px;
    border-radius: 12px;
    /* margin-bottom: 8px; */
    /* margin-top: 10px; */
    position: absolute;
    z-index: 10;
    top: 30%;
    transition: all 200ms ease-in-out;
}

.single-product .woocommerce-Tabs-panel table td {
    background: var(--background-color) !important;
    border-top: none;
}

.woocommerce #review_form #respond .form-submit input {
    right: auto;
    background-color: var(--colormain);
    color: #ffffff;
    border: none;
    padding: 10px 18px;
    border-radius: 12px;
    margin: 0;
}

.woocommerce #review_form #respond textarea {
    box-sizing: border-box;
    width: 100%;
    border: 2px solid #ddd;
    border-radius: 12px;
}

.woocommerce #review_form #respond textarea:focus-visible {
    box-sizing: border-box;
    width: 100%;
    border: 2px solid var(--colormain);
    border-radius: 12px;
}

.woocommerce-noreviews {
    margin-bottom: 12px;
}

.woocommerce-Reviews img {
    display: none;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin: 0;
    border: 1px solid #e1dde7;
    border-radius: 4px;
    padding: 1em 1em 0;
    background: #ffff;
}

.woocommerce #reviews #comments ol.commentlist {
    margin: 0;
    width: 100%;
    background: 0 0;
    list-style: none;
    padding: 0;
}

.single-product .comment-reply-title {
    display: none;
}

.single-product #review_form #respond p input {
    margin-right: 19px;
    padding-right: 10px;
    border: 2px solid #ddd !important;
    border-radius: 8px;
}

.single-product .variations_form {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.single-product .variations_form table.variations {
    width: 100%;
}

.single-product .variations_form table.variations td.value {
    display: flex;
    align-items: center;
}

.single-product .variations_form table.variations td.value .reset_variations {
    margin-right: 20px;
    padding: 5px 10px;
    background: #ddd;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 12px;
}

.single-product .variations_form table.variations select {
    padding: 3px 10px;
    font-size: 15px;
    border-radius: 8px;
    border: 2px solid #ddd;
}

.single-product .variations_form table.variations th {
    position: relative;
    width: fit-content;
    min-width: 10%;
}

.single-product .variations_form table.variations tr {
    margin-bottom: 18px;
}

.single-product .variations_form table.variations th label {
    padding-right: 15px;
    font-size: 17px;
    font-weight: 400;
}

.single-product .variations_form table.variations th::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 22px;
    border-radius: 12px;
    position: absolute;
    background-color: var(--colormain);
}

.single-product .variations_form .single_variation_wrap {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 25px;
    flex-wrap: wrap;
}

.single-product .variations_form .woocommerce-variation-add-to-cart-enabled {
    display: flex;
    order: 0;
}

.single-product .variations_form .single_variation_wrap div:first-child {
    order: 1;
}

.single-product .woocommerce-variation-add-to-cart .single_add_to_cart_button {
    order: 1;
    height: max-content;
}

/* قیمت با تخفیف: باید بزرگ و پررنگ و قرمز باشه */
.woocommerce-variation-price .price > ins .woocommerce-Price-amount > bdi {
    font-size: 21px;
    color: var(--colormain);
    font-weight: 700;
    text-shadow: 0px 1px #eee;
    transition: all 200ms ease-in-out;
    display: flex;
    align-items: center;
    padding-top: 10px;
    justify-content: start;
    text-decoration: none;
}

/* واحد پول کنار قیمت با تخفیف */
.woocommerce-variation-price .price > ins .woocommerce-Price-amount > bdi > span {
    margin-right: 6px;
    font-size: 13px;
    color: #afabab;
    transition: all 200ms ease-in-out;
    text-decoration: none !important;
}

/* قیمت بدون تخفیف: باید خط‌خورده و کم‌رنگ‌تر باشه */
.woocommerce-variation-price .price > del .woocommerce-Price-amount > bdi {
    font-size: 17px;
    color: #ababab;
    font-weight: 400;
    text-shadow: 0px 1px #eee;
    transition: all 200ms ease-in-out;
    display: flex;
    align-items: center;
    padding-top: 10px;
    justify-content: end;
    text-decoration: line-through;
    padding: 0;
}

/* واحد پول کنار قیمت بدون تخفیف */
.woocommerce-variation-price .price > del .woocommerce-Price-amount > bdi > span {
    margin-right: 6px;
    font-size: 13px;
    color: #afabab;
    transition: all 200ms ease-in-out;
    text-decoration: none;
    display: none;
}


.woocommerce-variation-price .sale-discount-percent {
    float: left;
    padding: 4px 7px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-image: linear-gradient(to left, var(--colormain), var(--colormain-gradient));
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    margin-top: 8px;
}

.product-support {
    width: 49%;
    padding: 25px 15px;
    border-radius: 12px;
    background: #fff;
    height: max-content;
}

.product-support h2 {
    justify-content: center;
    font-size: 16px;
    width: 100%;
    display: flex;
    align-items: center;
}

.product-support h2 svg {
    margin-left: 7px;
    font-size: 20px;
    color: var(--colormain);
}

.product-support > div {
    justify-content: space-around;
    margin-top: 25px;
}

.product-support > div a {
    color: #fff;
    font-size: 13px;
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
}

.product-support > div a.whatsapp {
    background-color: #25d366;
}

.product-support > div a.telegram {
    background-color: #24A1DE;
}

.product-support > div a svg {
    margin-left: 6px;
    font-size: 15px;
}

.single-product-benefits {
    width: 49%;
    padding: 25px 15px;
    border-radius: 12px;
    background: #fff;
}

.single-product-benefits h2 {
    justify-content: center;
    font-size: 16px;
    width: 100%;
    display: flex;
    align-items: center;
}

.single-product-benefits h2 svg {
    margin-left: 7px;
    font-size: 20px;
    color: var(--colormain);
}

.single-product-benefits ul {
    margin-top: 16px;
}

.single-product-benefits ul li {
    font-size: 14px;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
    display: flex;
    align-items: center;
}

.single-product-benefits ul li svg {
    margin-left: 10px;
    color: var(--colormain);
}

.thwvsf-wrapper-ul .thwvsf-wrapper-item-li.attr_swatch_design_default {
    width: 45px;
    height: 45px;
    box-shadow: 0 0 0 1px #d1d7da;
    border-radius: 50% !important;
}

/**** صفحه تک محصول ****/

/**** نقد و بررسی اختصاصی ****/
/* ---- استایل‌های inline برای شورت‌کد reviews ---- */
.irana-reviews-wrap {
    max-width: 100%;
}

/* امتیاز کلی در بالای محصول */
.irana-product-rating {
    display: flex;
    align-items: center;
    font-size: 14px;
    margin-bottom: 20px;
}

.irana-product-rating .irana-avg {
    font-size: 28px;
    color: #27ae60;
    margin-right: 8px;
}

.irana-product-rating .irana-stars .star {
    color: #f39c12;
    margin-right: 2px;
}

.irana-product-rating .irana-count {
    color: #777;
    margin-left: 6px;
}

/* خلاصه و نمودار */
.irana-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    flex-wrap: wrap;
    padding: 20px;
    border-radius: 8px;
    background: #fff;
    width: max-content;
}

.irana-summary-left {
    text-align: center;
}

.irana-summary-left .irana-avg-big {
    font-size: 40px;
    color: var(--colormain);
    font-weight: 900;
    text-shadow: 0px 0px 2px #919191;
}

.irana-summary-left .irana-stars-small .star {
    font-size: 20px;
    color: #f39c12;
    margin-right: 2px;
}

.irana-summary-left .irana-count-small {
    color: #555;
    margin-top: 4px;
}

/* فیلتر و مرتب‌سازی */
.irana-filters {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 20px;
    margin-top: 20px;
}

.irana-filters select {
    font-size: 14px;
    color: #333;
    padding: 7px 12px;
    border-radius: 8px;
    border: 2px solid #ddd;
}

.irana-filters label {
    padding: 0px 12px;
    border: 2px solid #ddd;
    border-radius: 8px;
}

/* فرم ارسال نظر */
.irana-form {
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
    margin-top: 25px;
}

.irana-form .irana-row {
    margin-bottom: 15px;
}

.irana-form label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    color: #555;
}

.irana-form input[type="text"],
.irana-form textarea {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
}

.irana-form textarea {
    height: 100px;
    resize: vertical;
}

.irana-form input[type="file"] {
    font-size: 14px;
}

/* ستاره‌بندی */
.irana-stars-input {
    direction: rtl;
    display: inline-flex;
}

.irana-stars-input input {
    display: none;
}

.irana-stars-input label {
    font-size: 28px;
    color: #ccc;
    cursor: pointer;
    transition: color .2s;
}

.irana-stars-input label:hover,
.irana-stars-input label:hover ~ label,
.irana-stars-input input:checked ~ label {
    color: #f39c12;
}

/* داینامیک Tag ورودی */
.irana-tags-group {
    margin-bottom: 15px;
}

.irana-tags-input {
    display: flex;
    gap: 6px;
}

.irana-tags-input input {
    flex: 1;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.irana-tags-input button {
    padding: 6px 12px;
    background: #3498db;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.irana-tags-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.irana-tag {
    display: flex;
    align-items: center;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 13px;
    color: #fff;
    margin-left:10px;
}

.irana-tag-pro {
    background: #27ae60;
}

.irana-tag-con {
    background: #e74c3c;
}

.irana-tag button {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    margin-left: 6px;
    cursor: pointer;
}

/* دکمه و بازخورد */
.irana-submit {
    padding: 10px 20px;
    background: #27ae60;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 15px;
}

.irana-feedback {
    margin-top: 12px;
    font-size: 14px;
}

.irana-feedback .success {
    color: #27ae60;
}

.irana-feedback .error {
    color: #e74c3c;
}

/* بهترین نظر */
.irana-top-review-heading {
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
}

/* لیست نظرات */
.irana-list .irana-comment {
    border-top: 1px solid #eee;
    padding: 15px 0;
}

.irana-list .irana-comment:first-child {

}

.irana-pros {
    margin-left: 10px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom:10px;
}

.irana-comment .irana-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.irana-comment .irana-author {
    font-weight: bold;
    color: #333;
    margin-left: 5px;
}

.irana-comment .irana-stars-small .star {
    font-size: 16px;
    color: #f39c12;
    margin-right: 2px;
}

.irana-comment .irana-title {
    font-size: 16px;
    color: #555;
    margin-right: 5px;
}

.irana-comment .irana-text {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    margin-bottom: 19px;
}

.irana-comment .irana-pros strong {
    color: #27ae60;
}

.irana-comment .irana-cons strong {
    color: #e74c3c;
}

.irana-comment .irana-img img {
    max-width: 100px;
    border-radius: 4px;
    border: 1px solid #ddd;
    margin-top: 8px;
}

.irana-helpful {
    margin-top: 8px;
    display: none;
}

.irana-helpful button {
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}

.irana-helpful .irana-count {
    font-size: 14px;
    color: #555;
}

.irana-reply {
    margin-left: 20px;
    border-left: 2px solid #ddd;
    padding-left: 10px;
    margin-top: 10px;
}

.spr-pros-cons {
    display: flex;
    background: #ffffff;
    border-radius: 8px;
    padding: 20px;
    flex-wrap: wrap;
    width: 50%;
}

.spr-pros-cons {
    display: flex;
    flex-wrap: wrap;
}

.irana-agg-pros {
    margin-left: 100px;
}

.irana-agg-pros ul, .irana-agg-cons ul {
    margin-top: 20px;
}

.spr-pros-cons h4 {
    font-size: 18px;
    position: relative;
    padding-right: 35px;
    padding-top: 3px;
}

.spr-pros-cons h4:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 14px;
    background-image: linear-gradient(to left, var(--colormain), var(--colormain-gradient));
    /* margin-left: 8px; */
    border-radius: 10px;
    border: 2px solid #ddd;
    /* margin-top: 10px; */
    position: absolute;
    top: 28%;
    right: 0;
}

.spr-pros-cons ul li {
    border-radius: 15px;
    margin-top: 5px;
    padding: 2px 35px 3px 10px;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    border: 1px solid #ddd;
}

.spr-pros-cons ul li:before {
    border-radius: 8px;
    margin-top: 9px;
    padding: 2px 10px;
    padding-right: 28px;
}

/* فقط آیکن مزایا را به «تیک داخل دایره» تغییر می‌‌دهیم */
.irana-agg-pros li::before {
    content: '';
    position: absolute;
    right: 0;
    top: 3px;
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7' fill='none' stroke='%2327ae60' stroke-width='2'/%3E%3Cpath d='M4.5 8l2.5 2.5 4-4' fill='none' stroke='%2327ae60' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

/* علامت ورود ممنوع قرمز برای معایب */
.irana-agg-cons li::before {
    content: '';
    position: absolute;
    right: 0;
    top: 3px;
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7' fill='none' stroke='%23e74c3c' stroke-width='2'/%3E%3Cline x1='4' y1='8' x2='12' y2='8' stroke='%23e74c3c' stroke-width='2'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

/* --------- MODAL ---------- */
.irana-open-btn {
    padding: 10px 15px;
    background: var(--colormain);
    border-radius: 8px;
    border: none;
    color: #ffffff;
    display: flex;
    align-items: center;
}

.irana-open-btn svg {
    margin-left: 9px;
    margin-bottom: 3px;
}

.irana-modal {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .4);
    backdrop-filter: blur(2px);
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease;
    z-index: 9999;
}

.irana-modal.show {
    opacity: 1;
    visibility: visible;
}

.irana-modal-dialog {
    background: #fff;
    width: 90%;
    max-width: 600px;
    padding: 25px;
    border-radius: 8px;
    transform: translateY(-40px);
    transition: transform .35s ease;
    overflow-y: auto;
    max-height: 100%;
}

.irana-modal.show .irana-modal-dialog {
    transform: translateY(0);
}

.irana-close {
    position: absolute;
    right: 15px;
    top: 10px;
    background: transparent;
    border: none;
    font-size: 26px;
    line-height: 1;
    color: #999;
    cursor: pointer;
}

.irana-close:hover {
    color: #e74c3c;
}

/**** نقد و بررسی اختصاصی ****/

/**** سیستم مقایسه ****/
.compare-system-btn {
    position: fixed;
    bottom: 40px;
    left: 40px;
    z-index: 10;
}

.compare-system-btn svg {
    margin-left: 8px;
}

.compare-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.compare-popup-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
}

.compare-popup-content {
    position: relative;
    width: 90%;
    max-width: 100%;
    max-height: 90%;
    margin: 50px auto;
    background: #fff;
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
    z-index: 10000;
    animation: fadeInUp 0.3s ease;
    overflow-y: scroll;
}

.compare-close {
    position: absolute;
    top: 15px;
    right: 15px;
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
}

.compare-card ul.product-attributes {

}


.compare-card ul.product-attributes li {
    text-align: right;
    margin: 9px 0;
    border-bottom: 1px solid #ddd;
    padding: 5px 0;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

#irana-compare-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 10000;
    display: none;
}

.compare-popup-box {
    background: #fff;
    max-width: 800px;
    margin: 50px auto;
    padding: 30px;
    border-radius: 10px;
    position: relative;
    z-index: 10001;
}

.compare-close {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 28px;
    cursor: pointer;
}

.compare-cards-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.compare-card {
    width: 280px;
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    text-align: center;
}

.compare-card img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.compare-card .product-title {
    display: block;
    font-size: 18px;
    margin: 10px 0;
    color: #333;
    text-decoration: none;
}

.compare-card .product-price {
    color: #0073aa;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 15px;
}

.compare-popup-content > h3 {
    text-align: center;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.compare-popup-content > h3 svg {
    color: var(--colormain);
    font-size: 28px;
    margin-left: 10px;
}

.product-attributes {
    list-style: none;
    padding: 0;
    margin: 10px 0;
    text-align: left;
    font-size: 14px;
}

.cta-btn {
    background-color: #0073aa;
    color: #fff;
    border: none;
    padding: 10px 15px;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.cta-btn i {
    margin-left: 5px;
}

.cta-btn:hover {
    background-color: #005f8d;
}

@media (max-width: 768px) {
    .compare-card {
        width: 100%;
    }
}

/**** سیستم مقایسه ****/

/**** محصولات مرتبط صفحه تک محصول ****/
.related-products a {
    color: #ffffff;
}

.related-products .pse-right {
    padding: 15px 0;
}

.pse-first-img {

}

.pse-second-img {
    width: 65%;
    margin: 20px 0;
}

.related-products {
    padding: 0px;
    border-radius: 12px;
    margin-top: 25px;
}

.related-products-box {
    margin-top: 20px;
}

.related-products img {
    border-radius: 12px;
    padding: 10px;
}

.related-products p {
    margin: 12px 0;
    line-height: 28px;
    font-size: 15px;
}

.related-products .pse-price-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.related-products .pse-price-box span {
    /* width: 50%; */
    text-decoration: none;
    font-size: 14px;
    padding: 5px 10px;
    text-align: center;
    background-color: var(--colormain);
    border-radius: 12px;
    color: #ffffff;
}

.related-products .pse-price-box del {
    width: 50%;
    text-align: left;
    padding: 0;
    color: #a4a3a3;
    font-size: 13px;
}

.related-products .pse-price {
    width: 100%;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    text-shadow: 0px 2px 3px #ddd;
    color: #4b4b4b;
}

.related-products .pse-price-box > div {
    text-align: left;
}

/**** محصولات مرتبط صفحه تک محصول ****/

/**** ویدئوهای مرتبط ****/
.sp-related-video-box {
    margin-top: 20px;
    margin-bottom: 5px;
}

.custom-video-item .video-card {
    position: relative;
}

.video-cover {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    max-width: 100%;
    max-height: 200px;
}

.video-cover img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 8px !important;
    border: 2px solid #ddd !important;
}

.sp-related-video-box .container {
    padding: 0;
}

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

.swiper-slide {
    box-sizing: border-box;
    /* اگر نیاز به حاشیه یا padding دارید، مطمئن شوید که در مجموع اندازه‌ی اسلایدها را افزایش نمی‌دهند */
}

/* نمونه‌ای از تنظیمات واکنش گرا برای Swiper (می‌توانید برحسب نیاز تغییر دهید) */
@media (max-width: 768px) {
    .swiper-container {
        width: 90%;
        margin: 0 auto;
    }
}

.play-overlay {
    position: absolute;
    top: 54%;
    left: 49%;
    transform: translate(-50%, -50%);
    font-size: 48px;
    color: rgba(255, 255, 255, 0.8);
}

.duration-box {
    position: absolute;
    top: 8px;
    right: 8px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 4px 6px;
    font-size: 12px;
    border-radius: 3px;
}

.video-title {
    margin-top: 8px;
    font-size: 16px;
    text-align: right;
    line-height: 35px;
    padding-right: 8px;
    color: #313131;
}

/* استایل Modal */
.video-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.video-modal-content {
    position: relative;
    width: 90%;
    max-width: 800px;
    background: #000;
    padding: 0;
    border-radius: 4px;
}

.video-modal-content .close-modal {
    position: absolute;
    top: 8px;
    right: 12px;
    font-size: 28px;
    color: #fff;
    cursor: pointer;
    z-index: 10;
}

.video-embed-container {
    width: 100%;
    padding-bottom: 56.25%;
    position: relative;
}

.video-embed-container iframe,
.video-embed-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (max-width: 1024px) {
    .video-cover {
        max-width: 100%;
        max-height: 250px;
    }

    .video-cover img {
        width: 100%;
        height: 250px;
    }
}

/**** ویدئوهای مرتبط ****/

/**** صفحه حساب کاربری ****/
.woocommerce-MyAccount-navigation .nav-link {
    color: #515151;
    transition: all 0.3s ease;
}

.woocommerce-MyAccount-navigation .nav-link:hover {
    background-color: rgba(0, 0, 0, 0.03);
    color: var(--colormain);
}

.woocommerce-MyAccount-navigation .nav-link.active {
    background-color: var(--colormain);
    color: #fff !important;
}

.dashboard-box {
    background: #fff;
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    margin-bottom: 24px;
    transition: all 0.3s ease;
}

.dashboard-box:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

.dashboard-box .icon {
    font-size: 32px;
    color: var(--colormain);
}

.dashboard-box .label {
    font-size: 14px;
    color: #666;
}

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

.dashboard-box {
    background: #fff;
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    margin-bottom: 24px;
    transition: all 0.3s ease;
}

.dashboard-box:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

.dashboard-box .icon {
    font-size: 36px;
    color: var(--colormain);
}

.woocommerce-Addresses {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 30px;
}

.woocommerce-Address {
    background: #fff;
    padding: 24px;
    border-radius: 20px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
    flex: 1 1 45%;
    transition: all 0.3s ease;
    position: relative;
}

.woocommerce-Address:hover {
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
    transform: translateY(-2px);
}

.woocommerce-Address-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.woocommerce-Address-title h2 {
    font-size: 20px;
    color: #333;
    position: relative;
    padding-right: 32px;
}

.woocommerce-Address-title h2::before {
    content: "📍";
    position: absolute;
    right: 0;
    font-size: 22px;
    top: 0;
}

.woocommerce-Address .edit {
    background-color: var(--colormain);
    color: white;
    padding: 6px 14px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 14px;
    transition: background 0.2s ease;
}

.woocommerce-Address .edit:hover {
    background-color: #0056b3;
}

.woocommerce-Address address {
    font-size: 16px;
    color: #555;
    line-height: 1.8;
    font-style: normal;
    margin-top: 10px;
}

/* فرم کلی */
.woocommerce-EditAccountForm {
    background: #fff;
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
    max-width: 700px;
    margin: 0 auto;
}

.woocommerce-EditAccountForm fieldset {
    border: none;
    padding: 0;
    margin-top: 30px;
}

/* فیلدها */
.woocommerce-EditAccountForm .form-row {
    margin-bottom: 20px;
    position: relative;
}

.woocommerce-EditAccountForm label {
    display: block;
    margin-bottom: 6px;
    font-weight: 600;
    color: #444;
    font-size: 14px;
}

.woocommerce-EditAccountForm input {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid #ddd;
    border-radius: 12px;
    background-color: #fafafa;
    font-size: 16px;
    transition: all 0.2s ease;
}

.woocommerce-EditAccountForm input:focus {
    border-color: var(--colormain);
    background-color: #fff;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
    outline: none;
}

/* دکمه */
.woocommerce-EditAccountForm button.button {
    background-color: var(--colormain);
    color: #fff;
    padding: 10px 24px;
    border: none;
    border-radius: 12px;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.woocommerce-EditAccountForm button.button:hover {
    background-color: #0056b3;
}

/**** صفحه حساب کاربری ****/

/**** صفحه تماس با ما ****/

/**** صفحه تماس با ما ****/

/**** صفحه آرشیو محصولات ****/
.shop-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 12px;
    background-color: #ffff;
    border: 1px solid #eee;
    margin-top: 20px;
}

.shop-header h1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 15px 18px;
    font-size: 25px;
    position: relative;
    text-shadow: 0px 4px 2px #ddd;
}

.shop-header h1::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 22px;
    border-radius: 12px;
    position: absolute;
    background-color: var(--colormain);
    right: 1px;
    box-shadow: 0 0 3px 0 var(--colormain);
}

.shop-header .woocommerce-ordering {
    margin: 0;
}

.shop-header .woocommerce-ordering select {
    vertical-align: top;
    align-items: center;
    display: flex;
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 9px;
    font-size: 12px;
    transition: all 200ms ease-in-out;
}

.shop-header .woocommerce-ordering select:focus-visible {
    border: 1px solid #dddddd;
}

.shop-header .woocommerce-ordering select option {
    border: none;
    background-color: #eeeeee;
    margin: 10px 0;
}

.shop-header .woocommerce-result-count {
    margin: 0 0 1em;
    display: none;
}

.archive-product {
    background-color: #ffffff;
    border-radius: 12px;
    padding: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.archive-product ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
}

.archive-product ul li {
    margin: 0 !important;
    border: 1px solid #f5f5f5;
    width: 25% !important;
    padding: 19px !important;
    border-top: none !important;
    transition: all 200ms ease-in-out;
}

.archive-product ul li:nth-child(4), .archive-product ul li:nth-child(8), .archive-product ul li:nth-child(12) {
    border-left: none;
}

.archive-product ul li:nth-child(1), .archive-product ul li:nth-child(5), .archive-product ul li:nth-child(9) {
    border-right: none;
}

.archive-product ul li:hover {
    box-shadow: 0 0 2px 0 var(--colormain);
}

.archive-product ul li img {
    padding: 20px;
    margin: 0 !important;
}

.archive-product ul li h2 {
    line-height: 30px;
    font-size: 15px !important;
}

@media only screen and (min-width: 1024px) {
    .api-price {
        width: 100%;
    }

    .api-price .sale-discount-percent {

    }

    .api-price > del .woocommerce-Price-amount > bdi {
        padding-right: 15px;
    }

    .api-price > ins .woocommerce-Price-amount > bdi {

    }
}

@media only screen and (max-width: 992px) {
    .archive-product ul li {
        width: 100% !important;
    }

    .related-single-product .product-slide-element {
        min-height: 440px !important;
    }
}

.api-price .woocommerce-Price-amount > bdi {
    font-size: 18px;
    color: var(--colormain);
    font-weight: 700;
    padding-left: 0 !important;
    text-shadow: 0px 1px #eee;
    transition: all 200ms ease-in-out;
    display: flex;
    align-items: center;
    padding-top: 0;
    text-decoration: none;
    justify-content: end;
}

.api-price .woocommerce-Price-amount > bdi > span {
    margin-right: 6px;
    font-size: 10px;
    color: #afabab;
    transition: all 200ms ease-in-out;
    text-decoration: none;
}

.api-price > ins .woocommerce-Price-amount > bdi {
    font-size: 17px;
    color: #ababab;
    font-weight: 400;
    text-shadow: 0px 1px #eee;
    transition: all 200ms ease-in-out;
    display: flex;
    align-items: center;
    justify-content: end;
    text-decoration: line-through;
    padding: 0;
}

.api-price > ins .woocommerce-Price-amount > bdi > span {
    margin-right: 6px;
    font-size: 13px;
    color: #afabab;
    transition: all 200ms ease-in-out;
    text-decoration: none !important;
}

.api-price > del .woocommerce-Price-amount > bdi {
    font-size: 18px;
    color: var(--colormain);
    font-weight: 700;
    padding-left: 6px !important;
    text-shadow: 0px 1px #eee;
    transition: all 200ms ease-in-out;
    display: flex;
    align-items: center;
    padding-top: 12px;
    text-decoration: none;
    padding-bottom: 10px;
    text-align: left !important;
    justify-content: end;
}

.api-price > del .woocommerce-Price-amount > bdi > span {
    margin-right: 6px;
    font-size: 13px;
    color: #afabab;
    transition: all 200ms ease-in-out;
    text-decoration: none;
    display: none;
}

.api-price .sale-discount-percent {
    float: left !important;
    padding: 4px 7px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-image: linear-gradient(to left, var(--colormain), var(--colormain-gradient));
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    margin-top: 8px;
}

.api-rate {
    display: flex;
    justify-content: start;
    align-items: center;
}

.api-rate svg {
    display: flex;
    justify-content: start;
    align-items: center;
}

.api-rate span {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--colormain);
    color: #f7f7f7;
    padding: 2px 4px;
    border-radius: 12px;
    box-shadow: 0px 2px 3px var(--colormain);
    font-size: 14px;
}

.api-rate span svg {
    margin-left: 2px;
}

.api-bottom {
    margin-top: 15px;
}

.viwcpf_wrap_shortcode_menu_filter {
    width: 90%;
}

.viwcpf-grid .viwcpf_form_filter .viwcpf_wrap_filter-content {
    padding-bottom: 10px;
    margin: 0 5px 10px;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
    border-radius: 12px;
}

.viwcpf_wrap_filter-content .viwcpf_filter-title {
    margin-bottom: 10px;
    padding: 10px 15px;
    font-size: 15px;
    color: #999;
    text-transform: uppercase;
    font-weight: 400;
    position: relative;
    margin-top: 10px;
}

.viwcpf_wrap_filter-content .viwcpf_filter-title::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 18px;
    border-radius: 12px;
    position: absolute;
    background-color: var(--colormain);
    right: 0;
    top: 9px;
    box-shadow: 0 0 3px 0 var(--colormain);
}

.viwcpf_wrap_filter-content .viwcpf_filter.viwcpf_range_slider .irs--round .irs-bar {
    background-color: var(--colormain);
    height: 3px;
    box-shadow: 0 0 3px 0 var(--colormain);
}

.viwcpf_wrap_filter-content .viwcpf_filter.viwcpf_range_slider .irs-handle {
    border: 3px solid var(--colormain);
    background-color: #f7f7f7;
    cursor: grab;
    height: 12px;
    top: 31px;
    width: 12px;
}

.viwcpf_wrap_filter-content .viwcpf_filter.viwcpf_range_slider .irs--round .irs-from, .viwcpf_wrap_filter-content .viwcpf_filter.viwcpf_range_slider .irs--round .irs-single, .viwcpf_wrap_filter-content .viwcpf_filter.viwcpf_range_slider .irs--round .irs-to {
    background-color: var(--colormain);
    font-size: 14px !important;
    font-family: 'iranyekan' !important;
}

.custom_style .viwcpf_clear_block_filter_btn {
    font-size: 1.12em;
    display: inline-block;
    margin-bottom: 18px;
    cursor: pointer;
    background-image: linear-gradient(to left, var(--colormain), var(--colormain-gradient));
    color: #f7f7f7;
    padding: 3px 11px;
    border-radius: 8px;
    text-align: center;
}

.custom_style .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_label a {
    border: none;
    border-radius: 0;
    display: flex !important;
    align-items: center;
    padding: 2px 10px !important;
    text-align: center;
    font-size: 16px;
    color: #333;
    font-weight: 400;
    border-bottom: 2px solid #ddd;
    width: max-content;
}

.viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_label a.viwcpf_chosen, .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_label a:focus, .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_label a:hover {
    background: none;
    color: var(--colormain);
    border-bottom: 2px solid var(--colormain);
    position: relative;
}

.custom_style .viwcpf_wrap_filter-content .viwcpf_filter-items.vertical .viwcpf_filter-item, .custom_style.viwcpf_active_filters.no-titles .active_filter {
    margin-right: 0;
    text-align: right;
    margin-bottom: 12px;
}

.viwcpf_wrap_checkbox {
    display: block;
    position: relative;
    padding-left: 21px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: right;
}

.viwcpf_checkbox_checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    background-color: #eee;
    border-radius: 10px;
}

.viwcpf_checkbox label .viwcpf_checkbox:checked ~ .viwcpf_checkbox_checkmark {
    background-color: var(--colormain);
}

.custom_style .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_checkbox a {
    font-size: 15px;
    font-weight: 400;
    padding: 7px 0;
    outline: 0;
    color: #515151;
    margin-right: 10px;
}

.viwcpf_term-label {
    color: #515151;
    font-size: 15px;
    margin-right: 10px;
}

.viwcpf_filter-items li {
    margin-bottom: 10px !important;
}

.viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item a.viwcpf_chosen:after {
    position: absolute;
    font-size: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    display: none;
}

.woocommerce ul.products li.product:hover .archive-product-item > a {
    color: var(--colormain);
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: right;
    margin: 0 0 2.992em 3.8%;
    padding: 0;
    position: relative;
    width: 22.05%;
    margin-right: 0;
    border-radius: 2px;
}

.woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li {
    display: inline-block;
    border: none;
}

.woocommerce nav.woocommerce-pagination ul {
    display: inline-block;
    white-space: nowrap;
    padding: 0;
    clear: both;
    border: 1px solid #cfc8d8;
    border-left: 0;
    margin: 1px;
    border: none;
}

.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
    background: #e9e6ed;
    color: #fff;
    background-image: linear-gradient(to left, var(--colormain), var(--colormain-gradient));
    padding: 10px !important;
    text-align: center;
    width: 38px;
    border-radius: 12px !important;
}

.woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li {
    display: inline-block;
    border: none;
    text-align: center;
    width: 38px !important;
    text-align: center;
    padding: 0 !important;
    margin-left: 10px !important;
}

.woocommerce nav.woocommerce-pagination ul li:hover {
    border: none !important;
    box-shadow: none !important;
}

.archive-product-desc h2 {
    background-color: var(--colormain);
    box-shadow: 0px 0px 6px 0px var(--colormain);
    border-radius: 8px;
    font-size: 15px;
    margin-left: 15px;
    padding: 10px 18px;
    width: max-content;
    color: #ffffff;
    margin-right: 2px;
}

.shop-header .term-description {
    display: none;
}

.archive-product-desc * {
    max-width: 100% !important;
}

.archive-product-desc p {
    color: #333;
    line-height: 35px;
    padding: 6px;
    text-align: justify;
    text-justify: inter-word;
}

.irs--round {
    height: 50px;
    width: 70%;
    margin-right: 15%;
}

.sidebar-shop {
    background-color: #fff;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

.sidebar-shop .wp-block-heading {
    position: relative;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 15px;
    border-radius: 6px;
}

.sidebar-shop .wp-block-heading::before {
    content: "";
    position: absolute;
    right: 0px;
    top: 47%;
    transform: translateY(-50%);
    width: 7px;
    height: 58%;
    background-color: red;
    border-radius: 4px;
}

.shop-sidebar-title {
    position: relative;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 15px;
    border-radius: 6px;
}

.shop-sidebar-title::before {
    content: "";
    position: absolute;
    right: 0px;
    top: 47%;
    transform: translateY(-50%);
    width: 7px;
    height: 58%;
    background-color: red;
    border-radius: 4px;
}

.wc-block-components-price-slider--is-input-inline .wc-block-components-price-slider__controls {
    align-items: start;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.wc-block-components-price-slider--is-input-inline .wc-block-components-price-slider__controls .wc-block-components-price-slider__amount {
    max-width: 100%;
    border-radius: 8px !important;
    border: 1px solid #eee !important;
    margin-top: 10px;
}

.wc-block-product-categories-list-item {

}

.wc-block-components-price-slider__control {
    align-items: start;
    display: -ms-grid;
    display: grid;
    gap: 4px;
    width: 100%;
}

.wc-block-components-price-slider--is-input-inline .wc-block-components-price-slider__controls .wc-block-components-price-slider__amount {
    max-width: 100% !important;
}

.wc-block-components-filter-reset-button {
    color: #fff;
    background: var(--colormain);
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 8px;
}

.wp-block-woocommerce-product-categories {
    margin-bottom: 0;
}

/* مخفی کردن زیرمنوهای عمق ۱ و ۲ */
.wc-block-product-categories-list--depth-1,
.wc-block-product-categories-list--depth-2 {
    display: none;
    padding-left: 15px;
}

/* استایل کلی آیتم‌های لیست دسته‌بندی */
.wc-block-product-categories-list-item {
    position: relative;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    transition: background-color 0.3s ease;
}

.wc-block-product-categories-list-item:hover {
    background-color: #f8f8f8;
}

/* استایل آیکن toggle */
.toggle-icon {
    cursor: pointer;
    font-size: 16px;
    color: red;
    margin-left: 4px;
    /* height: 100%; */
    font-weight: bold;
    /* font-size: 20px; */
    padding: 0;
    /* padding-top: 26px; */
}

.toggle-icon:hover {
    opacity: 0.8;
}

.wc-block-product-categories-list-item-count {
    display: none;
}

.wc-block-components-filter-reset-button {
    text-decoration: none !important;
    color: #fff !important;
    background: var(--colormain) !important;
    padding: 5px 10px !important;
    border-radius: 8px !important;
    transition: all 200ms ease-in-out;
}

.wc-block-components-filter-reset-button:hover {
    opacity: 0.8;
}

/**** صفحه آرشیو محصولات ****/