/* =========================================================
   Single Product
   Template ID: 261
========================================================= */

body.single-product .elementor-261 {
    /* Component-specific dark surfaces */
    --single-product-dark: #15181d;
    --single-product-dark-soft: #232830;

    position: relative;
    width: 100%;
}
/* =========================================================
   بخش بالای صفحه محصول
   تصویر 30 درصد — اطلاعات 70 درصد
========================================================= */

body.single-product
.elementor-261
.elementor-element-44fb592
> .e-con-inner {
    display: grid !important;

    grid-template-columns:
        minmax(250px, 3fr)
        minmax(0, 7fr) !important;

    align-items: start !important;
    gap: 24px !important;

    direction: ltr;
}

/* ستون تصویر */
body.single-product
.elementor-261
.elementor-element-b6d6fe8 {
    direction: rtl;

    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    align-self: start !important;
    justify-content: flex-start !important;

    padding: 16px !important;
    overflow: hidden;

    border: 1px solid var(--color-border);
    border-radius: 20px;

    background: var(--color-surface);

    box-shadow:
        0 14px 38px rgba(20, 20, 20, 0.07),
        inset 0 1px 0 var(--color-surface);

    animation:
        site-single-product-up
        0.65s
        cubic-bezier(0.22, 1, 0.36, 1)
        both;

    transition:
        transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.3s ease,
        box-shadow 0.4s ease;
}

body.single-product
.elementor-261
.elementor-element-b6d6fe8:hover {
    border-color: rgb(var(--brand-primary-rgb) / 0.16);

    transform: translateY(-4px);

    box-shadow:
        0 23px 52px rgba(20, 20, 20, 0.11),
        0 0 20px rgb(var(--brand-primary-rgb) / 0.035);
}

/* ستون اطلاعات محصول */
body.single-product
.elementor-261
.elementor-element-3137f27 {
    direction: rtl;

    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;

    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    align-self: start !important;

    animation:
        site-single-product-up
        0.65s
        0.08s
        cubic-bezier(0.22, 1, 0.36, 1)
        both;
}


/* =========================================================
   گالری محصول
========================================================= */

body.single-product
.elementor-261
.elementor-widget-woocommerce-product-images,
body.single-product
.elementor-261
.elementor-widget-woocommerce-product-images
> .elementor-widget-container {
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
}

body.single-product
.elementor-261
.woocommerce-product-gallery {
    position: relative !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
}

body.single-product
.elementor-261
.woocommerce-product-gallery__wrapper {
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
}

/* کادر تصویر اصلی */
body.single-product
.elementor-261
.woocommerce-product-gallery__image {
    position: relative !important;

    width: 100%;
    overflow: hidden !important;

    border: 0 !important;
    border-radius: 15px;

    background: transparent !important;

    aspect-ratio: 1 / 1;

    transition:
        box-shadow 0.35s ease;
}

body.single-product
.elementor-261
.woocommerce-product-gallery__image
a {
    display: flex !important;

    width: 100%;
    height: 100%;

    align-items: center;
    justify-content: center;

    background: transparent !important;
}

/* تصویر محصول */
body.single-product
.elementor-261
.woocommerce-product-gallery__image
img.wp-post-image {
    position: static !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;
    object-position: center !important;

    background: transparent !important;

    transform: scale(1);

    transition:
        transform 0.6s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.4s ease;
}

body.single-product
.elementor-261
.woocommerce-product-gallery__image:hover
img.wp-post-image {
    transform: scale(1.035);
    filter: contrast(1.02);
}


.elementor-element.elementor-element-81e6d51.yes.elementor-widget.elementor-widget-woocommerce-product-images {
    padding: 0px;
}

@media (max-width: 767px) {
    body.single-product
    .woocommerce-product-gallery
    .woocommerce-product-gallery__trigger {
        display: none !important;
    }
}
/* =========================================================
   تصاویر کوچک گالری
========================================================= */

body.single-product
.elementor-261
.woocommerce-product-gallery
.flex-control-thumbs {
    display: grid !important;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 8px;

    margin: 20px 0 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

body.single-product
.elementor-261
.woocommerce-product-gallery
.flex-control-thumbs
li {
    float: none !important;

    width: 100% !important;

    margin: 0 !important;
}

body.single-product
.elementor-261
.woocommerce-product-gallery
.flex-control-thumbs
img {
    display: block;

    width: 100% !important;
    height: auto !important;

    aspect-ratio: 1 / 1;

    padding: 4px;

    border: 1px solid var(--color-border);
    border-radius: 10px;

    object-fit: contain;

    background: var(--color-surface);

    opacity: 0.7;

    transition:
        opacity 0.3s ease,
        border-color 0.3s ease,
        transform 0.3s ease;
}

body.single-product
.elementor-261
.woocommerce-product-gallery
.flex-control-thumbs
img:hover,
body.single-product
.elementor-261
.woocommerce-product-gallery
.flex-control-thumbs
img.flex-active {
    opacity: 1;
    border-color: var(--brand-primary);

    
}


/* =========================================================
   رفع گالری ووکامرس در سایت RTL
========================================================= */

/*
 * موتور FlexSlider باید LTR باشد؛
 * وگرنه در موبایل اسلاید بعدی خارج از viewport می‌رود.
 */
body.single-product
.woocommerce-product-gallery,
body.single-product
.woocommerce-product-gallery
.flex-viewport,
body.single-product
.woocommerce-product-gallery
.woocommerce-product-gallery__wrapper,
body.single-product
.woocommerce-product-gallery
.woocommerce-product-gallery__image {
    direction: ltr;
}

/* اجازه حرکت عمودی طبیعی صفحه و سوایپ افقی گالری */
body.single-product
.woocommerce-product-gallery
.flex-viewport {
    touch-action: pan-y;
}

/* ظاهر و ترتیب thumbnailها فارسی بماند */
body.single-product
.woocommerce-product-gallery
.flex-control-thumbs {
    direction: rtl;
}


/* جلوگیری از collapse شدن wrapper گالری FlexSlider */
body.single-product
.woocommerce-product-gallery
.woocommerce-product-gallery__wrapper {
    display: flow-root !important;
    min-height: 1px !important;
}

/* سازگاری با مرورگرهای قدیمی‌تر */
body.single-product
.woocommerce-product-gallery
.woocommerce-product-gallery__wrapper::after {
    content: "";
    display: table;
    clear: both;
}


/* =========================================================
   کارت عنوان و بردکرامب
========================================================= */

body.single-product
.elementor-261
.elementor-element-571da5e {
    position: relative;
    isolation: isolate;

    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;

    width: 100% !important;
    min-width: 0;
    overflow: hidden;

    padding: 25px !important;

    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 20px;

    background:
        radial-gradient(
            circle at 92% 7%,
            rgb(var(--brand-primary-rgb) / 0.28),
            transparent 36%
        ),
        linear-gradient(
            145deg,
            var(--single-product-dark),
            var(--single-product-dark-soft)
        ) !important;

    box-shadow:
        0 19px 47px rgba(10, 12, 16, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);

    transition:
        transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.4s ease;
}

/* خط بالای کارت */
body.single-product
.elementor-261
.elementor-element-571da5e::before {
    content: "";

    position: absolute;
    z-index: 2;

    top: 0;
    right: 24px;
    left: 24px;

    height: 4px;

    border-radius: 0 0 8px 8px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--brand-primary),
            var(--brand-primary-bright),
            var(--brand-primary),
            transparent
        );

    box-shadow:
        0 0 14px rgb(var(--brand-primary-rgb) / 0.4);

    transition:
        right 0.4s ease,
        left 0.4s ease;
}

body.single-product
.elementor-261
.elementor-element-571da5e:hover {
    transform: translateY(-4px);

    box-shadow:
        0 27px 61px rgba(10, 12, 16, 0.27),
        0 0 23px rgb(var(--brand-primary-rgb) / 0.07);
}

body.single-product
.elementor-261
.elementor-element-571da5e:hover::before {
    right: 0;
    left: 0;
}


/* =========================================================
   بردکرامب
========================================================= */

body.single-product
.elementor-261
.elementor-widget-woocommerce-breadcrumb {
    position: relative;
    z-index: 3;

    width: 100%;

    margin: 0 0 2px !important;
    padding: 0 !important;
}

body.single-product
.elementor-261
.woocommerce-breadcrumb {
    margin: 0 !important;
    padding: 0 !important;

    color: var(--color-text-muted) !important;

    font-size: 11px !important;
    line-height: 1.8 !important;
}

body.single-product
.elementor-261
.woocommerce-breadcrumb
a {
    display: inline-block;

    padding: 1px 5px;

    border-radius: 6px;

    color: var(--color-border) !important;
    text-decoration: none !important;

    transition:
        color 0.25s ease,
        background-color 0.25s ease,
        transform 0.25s ease;
}

body.single-product
.elementor-261
.woocommerce-breadcrumb
a:hover {
    color: var(--brand-on-primary) !important;
    background: var(--brand-primary);

    transform: translateY(-1px);
}


/* =========================================================
   عنوان محصول
========================================================= */

body.single-product
.elementor-261
.elementor-widget-woocommerce-product-title {
    position: relative;
    z-index: 3;

    width: 100%;

    margin: 0 !important;
    padding: 0 !important;
}

body.single-product
.elementor-261
.product_title {
    position: relative;

    width: 100%;

    margin: 0 !important;
    padding:
        3px
        17px
        3px
        0 !important;

    color: var(--brand-on-primary) !important;

    font-size: clamp(23px, 2.3vw, 34px) !important;
    font-weight: 850 !important;
    line-height: 1.7 !important;
    letter-spacing: -0.7px;

    text-align: right;
}

body.single-product
.elementor-261
.product_title::before {
    content: "";

    position: absolute;

    top: 0.36em;
    right: 0;

    width: 6px;
    height: 1.25em;

    border-radius: var(--radius-sm);

    background:
        linear-gradient(
            180deg,
            var(--brand-primary-bright),
            var(--brand-primary)
        );

    box-shadow:
        0 0 13px rgb(var(--brand-primary-rgb) / 0.45);
}


/* =========================================================
   متای محصول
========================================================= */

body.single-product
.elementor-261
.elementor-element-22c9ce4 {
    width: 100% !important;

    border: 0px solid var(--color-border);
    border-radius: 15px;

    transition:
        border-color 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

body.single-product
.elementor-261
.elementor-element-22c9ce4:hover {
    border-color: rgb(var(--brand-primary-rgb) / 0.15);
}

body.single-product
.elementor-261
.product_meta {
    display: flex !important;
    flex-wrap: wrap;
    gap: 9px;

    width: 100%;

    margin: 0 !important;
}

body.single-product
.elementor-261
.product_meta
.detail-container {
    display: inline-flex !important;

    min-height: 40px;

    align-items: center;
    gap: 7px;

    padding: 7px 12px;

    border: 1px solid rgb(var(--brand-primary-rgb) / 0.1);
    border-radius: 10px;

    color: var(--color-text-muted);

    background: var(--brand-primary-soft);

    font-size: 12px;
    line-height: 1.8;
}

body.single-product
.elementor-261
.product_meta
.posted_in
.detail-label {
    font-size: 0 !important;
}

body.single-product
.elementor-261
.product_meta
.posted_in
.detail-label::after {
    content: "دسته‌بندی:";

    color: var(--color-text-secondary);

    font-size: 12px;
    font-weight: 750;
}

body.single-product
.elementor-261
.product_meta
.detail-content
a {
    color: var(--brand-primary) !important;

    font-weight: 750;
    text-decoration: none !important;

    transition:
        color 0.25s ease;
}

body.single-product
.elementor-261
.product_meta
.detail-content
a:hover {
    color: var(--brand-on-primary) !important;
}


/* =========================================================
   کانتینر اصلی تب‌ها
========================================================= */

body.single-product
.elementor-261
.elementor-element-30e34d3 {
    margin-top: 27px;
}

body.single-product
.elementor-261
.elementor-element-a5b5529 {
    position: relative;

    width: 100%;

    padding: 22px !important;

    border: 1px solid var(--color-border);
    border-radius: 21px;

    background:
        radial-gradient(
            circle at 96% 4%,
            rgb(var(--brand-primary-rgb) / 0.05),
            transparent 27%
        ),
        var(--color-surface);

    box-shadow:
        0 18px 45px rgba(20, 20, 20, 0.07);

    animation:
        site-single-product-up
        0.65s
        0.15s
        cubic-bezier(0.22, 1, 0.36, 1)
        both;
}


/* =========================================================
   دکمه‌های تب
========================================================= */

body.single-product
.elementor-261
.woocommerce-tabs
ul.tabs::before,
body.single-product
.elementor-261
.woocommerce-tabs
ul.tabs::after {
    content: none !important;
    display: none !important;
}

body.single-product
.elementor-261
.woocommerce-tabs
ul.tabs {
    display: flex !important;
    flex-wrap: wrap;
    gap: 9px;

    margin: 0 0 20px !important;
    padding: 0 !important;

    border: 0 !important;

    list-style: none !important;
}

body.single-product
.elementor-261
.woocommerce-tabs
ul.tabs
li {
    position: relative;

    float: none !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid var(--color-border) !important;
    border-radius: 11px !important;

    background:
        linear-gradient(
            145deg,
            var(--color-surface),
            var(--color-surface-soft)
        ) !important;

    box-shadow:
        0 7px 18px rgba(20, 20, 20, 0.04);

    transition:
        border-color 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

body.single-product
.elementor-261
.woocommerce-tabs
ul.tabs
li::before,
body.single-product
.elementor-261
.woocommerce-tabs
ul.tabs
li::after {
    content: none !important;
    display: none !important;
}

body.single-product
.elementor-261
.woocommerce-tabs
ul.tabs
li
a {
    display: flex !important;

    min-height: 45px;

    align-items: center;
    justify-content: center;

    padding: 9px 18px !important;

    color: var(--color-text-secondary) !important;

    font-size: 12.5px !important;
    font-weight: 750 !important;
    line-height: 1.7 !important;
    text-decoration: none !important;
}

body.single-product
.elementor-261
.woocommerce-tabs
ul.tabs
li:hover {
    border-color: rgb(var(--brand-primary-rgb) / 0.2) !important;

    

    box-shadow:
        0 5px 12px rgb(var(--brand-primary-rgb) / 0.07);
}

body.single-product
.elementor-261
.woocommerce-tabs
ul.tabs
li:hover
a {
    color: var(--brand-primary) !important;
}

body.single-product
.elementor-261
.woocommerce-tabs
ul.tabs
li.active {
    border-color: var(--brand-primary) !important;

    background:
        linear-gradient(
            135deg,
            var(--brand-primary-dark),
            var(--brand-primary),
            var(--brand-primary-bright)
        ) !important;
        

    box-shadow:
        0 5px 12px rgb(var(--brand-primary-rgb) / 0.24);
}

body.single-product
.elementor-261
.woocommerce-tabs
ul.tabs
li.active
a {
    color: var(--brand-on-primary) !important;
}


/* =========================================================
   محتوای تب‌ها
   بدون بوردر داخلی
========================================================= */

body.single-product
.elementor-261
.woocommerce-Tabs-panel {
    display: block;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 8px 2px 2px !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;
    box-shadow: none !important;

    color: var(--color-text-secondary);

    animation:
        site-product-tab
        0.35s
        cubic-bezier(0.22, 1, 0.36, 1)
        both;
}

/* حفظ مخفی‌بودن تب غیرفعال */
body.single-product
.elementor-261
.woocommerce-Tabs-panel[style*="display: none"] {
    display: none !important;
}

/* حذف عنوان تکراری توضیحات */
body.single-product
.elementor-261
#tab-description
> h2:first-child {
    display: none !important;
}

body.single-product
.elementor-261
.woocommerce-Tabs-panel
p {
    margin-top: 0;
    margin-bottom: 17px;

    color: var(--color-text-secondary);

    font-size: 14.5px;
    line-height: 2.15;
}

body.single-product
.elementor-261
.woocommerce-Tabs-panel
p:last-child {
    margin-bottom: 0;
}

body.single-product
.elementor-261
.woocommerce-Tabs-panel
h2,
body.single-product
.elementor-261
.woocommerce-Tabs-panel
h3,
body.single-product
.elementor-261
.woocommerce-Tabs-panel
h4 {
    position: relative;

    margin-top: 29px;
    margin-bottom: 14px;

    padding-right: 15px;

    color: var(--color-text);

    line-height: 1.8;
}

body.single-product
.elementor-261
.woocommerce-Tabs-panel
h2::before,
body.single-product
.elementor-261
.woocommerce-Tabs-panel
h3::before,
body.single-product
.elementor-261
.woocommerce-Tabs-panel
h4::before {
    content: "";

    position: absolute;

    top: 0.37em;
    right: 0;

    width: 5px;
    height: 1.2em;

    border-radius: 7px;

    background:
        linear-gradient(
            180deg,
            var(--brand-primary-bright),
            var(--brand-primary)
        );
}

body.single-product
.elementor-261
.woocommerce-Tabs-panel
ul,
body.single-product
.elementor-261
.woocommerce-Tabs-panel
ol {
    margin: 17px 0;
    padding:
        16px
        39px
        16px
        16px;

    border: 1px solid rgb(var(--brand-primary-rgb) / 0.08);
    border-radius: 13px;

    background: rgb(var(--brand-primary-rgb) / 0.025);
}

body.single-product
.elementor-261
.woocommerce-Tabs-panel
li {
    margin: 6px 0;

    line-height: 2;
}

body.single-product
.elementor-261
.woocommerce-Tabs-panel
li::marker {
    color: var(--brand-primary);
}


/* =========================================================
   بخش نظرات
========================================================= */

body.single-product
.elementor-261
#tab-reviews,
body.single-product
.elementor-261
.woocommerce-Reviews {
    width: 100% !important;
    max-width: none !important;
}

body.single-product
.elementor-261
#reviews
#comments {
    float: none !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* عنوان نظرات */
body.single-product
.elementor-261
.woocommerce-Reviews-title {
    position: relative;

    width: 100%;

    margin: 0 0 18px !important;
    padding-right: 15px;

    color: var(--color-text);

    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.8;
}

body.single-product
.elementor-261
.woocommerce-Reviews-title::before {
    content: "";

    position: absolute;

    top: 0.38em;
    right: 0;

    width: 5px;
    height: 1.2em;

    border-radius: 7px;

    background: var(--brand-primary);
}

/* پیام نبود نظر */
body.single-product
.elementor-261
.woocommerce-noreviews {
    width: 100%;

    margin: 0 !important;
    padding: 13px 15px;

    border: 1px solid rgb(var(--brand-primary-rgb) / 0.09);
    border-radius: 11px;

    color: var(--color-text-muted) !important;
    background: rgb(var(--brand-primary-rgb) / 0.035);

    font-size: 12.5px !important;
}


/* =========================================================
   لیست نظرات ثبت‌شده
========================================================= */

body.single-product
.elementor-261
#reviews
ol.commentlist {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;

    float: none !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 10px !important;

    list-style: none !important;
}

body.single-product
.elementor-261
#reviews
ol.commentlist
> li {
    float: none !important;
    clear: both !important;

    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
}

/* کانتینر هر نظر */
body.single-product
.elementor-261
#reviews
.comment_container {
    position: relative !important;

    float: none !important;

    display: block !important;

    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* آواتار */
body.single-product
.elementor-261
#reviews
.comment_container
img.avatar {
    position: absolute !important;
    z-index: 3;

    top: 17px !important;
    right: 17px !important;
    left: auto !important;

    float: none !important;

    width: 50px !important;
    height: 50px !important;

    margin: 0 !important;
    padding: 3px !important;

    border: 1px solid rgb(var(--brand-primary-rgb) / 0.16) !important;
    border-radius: 13px !important;

    object-fit: cover;

    background: var(--color-surface);

    box-shadow:
        0 7px 18px rgba(20, 20, 20, 0.08);
}

/* کارت کامل نظر */
body.single-product
.elementor-261
#reviews
.comment-text {
    position: relative !important;

    float: none !important;

    display: block !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;

    margin: 0 !important;

    padding:
        17px
        82px
        17px
        17px !important;

    overflow: visible !important;

    border: 1px solid var(--color-border) !important;
    border-radius: 15px !important;

    background:
        radial-gradient(
            circle at 97% 4%,
            rgb(var(--brand-primary-rgb) / 0.045),
            transparent 28%
        ),
        linear-gradient(
            145deg,
            var(--color-surface),
            var(--brand-primary-soft)
        ) !important;

    box-shadow:
        0 10px 27px rgba(20, 20, 20, 0.05),
        inset 0 1px 0 var(--color-surface);

    transition:
        border-color 0.3s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;
}

body.single-product
.elementor-261
#reviews
.comment-text:hover {
    border-color: rgb(var(--brand-primary-rgb) / 0.18) !important;

    transform: translateY(-3px);

    box-shadow:
        0 17px 38px rgba(20, 20, 20, 0.08),
        0 0 18px rgb(var(--brand-primary-rgb) / 0.03);
}

/* حذف فلش‌های استایل قبلی */
body.single-product
.elementor-261
#reviews
.comment-text::before,
body.single-product
.elementor-261
#reviews
.comment-text::after {
    content: none !important;
    display: none !important;
}

/* ستاره امتیاز */
body.single-product
.elementor-261
#reviews
.comment-text
.star-rating {
    float: none !important;

    margin: 0 0 8px !important;

    color: var(--brand-primary);
}

/* نام و تاریخ */
body.single-product
.elementor-261
#reviews
.comment-text
.meta {
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px 8px;

    width: 100%;

    margin: 0 0 9px !important;

    color: var(--color-text-muted) !important;

    font-size: 10.5px !important;
    line-height: 1.8 !important;
}

body.single-product
.elementor-261
#reviews
.woocommerce-review__author {
    color: var(--color-text) !important;

    font-size: 12.5px;
    font-weight: 800;
}

body.single-product
.elementor-261
#reviews
.woocommerce-review__published-date {
    color: var(--color-text-muted) !important;
}

/* متن نظر */
body.single-product
.elementor-261
#reviews
.comment-text
.description {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

body.single-product
.elementor-261
#reviews
.comment-text
.description
p {
    width: 100% !important;

    margin: 0 !important;

    color: var(--color-text-secondary) !important;

    font-size: 13px !important;
    line-height: 2 !important;

    overflow-wrap: anywhere;
}


/* =========================================================
   فرم ثبت نظر
========================================================= */

body.single-product
.elementor-261
#review_form_wrapper {
    float: none !important;

    width: 100% !important;
    max-width: none !important;

    margin: 24px 0 0 !important;
    padding: 23px 0 0 !important;

    border-top: 1px solid rgb(var(--brand-primary-rgb) / 0.09);
}

body.single-product
.elementor-261
#review_form {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;
    box-shadow: none !important;
}

body.single-product
.elementor-261
#review_form
#respond {
    width: 100% !important;
}

/* عنوان فرم */
body.single-product
.elementor-261
#review_form
.comment-reply-title {
    display: block;

    width: 100%;

    margin: 0 0 17px !important;

    color: var(--color-text);

    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.9;
}

/* فرم */
body.single-product
.elementor-261
#review_form
.comment-form {
    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr);

    gap: 14px;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
}

/* حذف فیلدهای اضافی */
body.single-product
.elementor-261
#review_form
.comment-form-email,
body.single-product
.elementor-261
#review_form
.comment-form-url,
body.single-product
.elementor-261
#review_form
.comment-form-cookies-consent,
body.single-product
.elementor-261
#review_form
.comment-notes,
body.single-product
.elementor-261
#review_form
.logged-in-as,
body.single-product
.elementor-261
#review_form
.comment-form-rating {
    display: none !important;
}

body.single-product
.elementor-261
#review_form
.comment-form
p {
    width: 100% !important;

    margin: 0 !important;
}

/* لیبل */
body.single-product
.elementor-261
#review_form
.comment-form
label {
    display: block;

    margin-bottom: 7px;

    color: var(--color-text-secondary);

    font-size: 12px;
    font-weight: 750;
}

body.single-product
.elementor-261
#review_form
.required {
    color: var(--brand-primary);
}

/* فیلد نام */
body.single-product
.elementor-261
#review_form
.comment-form-author
input {
    display: block;

    width: 100% !important;
    min-height: 47px;

    padding: 10px 13px;

    border: 1px solid var(--color-border);
    border-radius: 11px;
    outline: none;

    color: var(--color-text);
    background: var(--color-surface);

    font-family: inherit;
    font-size: 13px;

    transition:
        border-color 0.3s ease,
        box-shadow 0.3s ease,
        transform 0.3s ease;
}

/* متن نظر */
body.single-product
.elementor-261
#review_form
.comment-form-comment
textarea {
    display: block;

    width: 100% !important;
    min-height: 160px;

    padding: 13px;

    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    outline: none;

    color: var(--color-text);
    background: var(--color-surface);

    font-family: inherit;
    font-size: 13px;
    line-height: 1.95;

    resize: vertical;

    transition:
        border-color 0.3s ease,
        box-shadow 0.3s ease,
        transform 0.3s ease;
}

body.single-product
.elementor-261
#review_form
.comment-form-author
input:hover,
body.single-product
.elementor-261
#review_form
.comment-form-comment
textarea:hover {
    border-color: rgb(var(--brand-primary-rgb) / 0.23);
}

body.single-product
.elementor-261
#review_form
.comment-form-author
input:focus,
body.single-product
.elementor-261
#review_form
.comment-form-comment
textarea:focus {
    border-color: var(--brand-primary);

    box-shadow:
        0 0 0 4px rgb(var(--brand-primary-rgb) / 0.07),
        0 10px 23px rgba(20, 20, 20, 0.05);

    transform: translateY(-1px);
}

/* دکمه ثبت */
body.single-product
.elementor-261
#review_form
.form-submit {
    margin-top: 2px !important;
}

body.single-product
.elementor-261
#review_form
.form-submit
.submit {
    display: inline-flex;

    min-width: 150px;
    min-height: 47px;

    align-items: center;
    justify-content: center;

    padding: 10px 24px;

    border: 0 !important;
    border-radius: 11px;

    color: var(--brand-on-primary) !important;

    background:
        linear-gradient(
            135deg,
            var(--brand-primary-dark),
            var(--brand-primary),
            var(--brand-primary-bright)
        ) !important;

    font-family: inherit;
    font-size: 12.5px;
    font-weight: 800;

    box-shadow:
        0 10px 24px rgb(var(--brand-primary-rgb) / 0.26),
        inset 0 1px 0 rgba(255, 255, 255, 0.18);

    cursor: pointer;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

body.single-product
.elementor-261
#review_form
.form-submit
.submit:hover {
    transform: translateY(-3px);

    box-shadow:
        0 16px 32px rgb(var(--brand-primary-rgb) / 0.35);
}

body.single-product
.elementor-261
#review_form
.form-submit
.submit:active {
    transform:
        translateY(-1px)
        scale(0.985);
}


/* =========================================================
   انیمیشن‌ها
========================================================= */

@keyframes site-single-product-up {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes site-product-tab {
    from {
        opacity: 0;
        transform: translateY(7px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* =========================================================
   تبلت
========================================================= */

@media (max-width: 1024px) {
    /*
     * در تبلت و موبایل به‌جای Grid از Flex استفاده می‌شود.
     * این کار از محاسبه اشتباه ارتفاع درصدی و ناپدیدشدن ستون تصویر
     * در بعضی مرورگرهای موبایل جلوگیری می‌کند.
     */
    body.single-product
    .elementor-261
    .elementor-element-44fb592
    > .e-con-inner {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;

        align-items: stretch !important;
        gap: 18px !important;

        direction: rtl;
    }

    /* اطلاعات محصول ابتدا نمایش داده شود */
    body.single-product
    .elementor-261
    .elementor-element-3137f27 {
        order: 1;

        display: flex !important;

        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;

        opacity: 1 !important;
        visibility: visible !important;

        animation: none !important;
        transform: none !important;
    }

    /* تصویر شاخص و دو بنر بعد از اطلاعات محصول */
    body.single-product
    .elementor-261
    .elementor-element-b6d6fe8 {
        order: 2;

        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;
        max-width: 620px;
        height: auto !important;
        min-height: 0 !important;

        margin: 0 auto;

        opacity: 1 !important;
        visibility: visible !important;

        animation: none !important;
        transform: none !important;
    }

    body.single-product
    .elementor-261
    .elementor-element-b6d6fe8
    .elementor-widget-woocommerce-product-images,
    body.single-product
    .elementor-261
    .elementor-element-b6d6fe8
    .elementor-widget-woocommerce-product-images
    > .elementor-widget-container,
    body.single-product
    .elementor-261
    .elementor-element-b6d6fe8
    .woocommerce-product-gallery {
        display: block !important;

        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;

        opacity: 1 !important;
        visibility: visible !important;
    }
}


/* =========================================================
   موبایل
========================================================= */

@media (max-width: 767px) {
    body.single-product
    .elementor-261
    .elementor-element-44fb592
    > .e-con-inner {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;
        height: auto !important;

        gap: 14px !important;
    }

    body.single-product
    .elementor-261
    .elementor-element-b6d6fe8 {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 1px !important;

        padding: 11px !important;
        border-radius: 16px;

        opacity: 1 !important;
        visibility: visible !important;

        animation: none !important;
        transform: none !important;
    }

    body.single-product
    .elementor-261
    .elementor-element-b6d6fe8
    .woocommerce-product-gallery__wrapper,
    body.single-product
    .elementor-261
    .elementor-element-b6d6fe8
    .woocommerce-product-gallery__image {
        display: block !important;

        width: 100% ;
        min-width: 0 !important;

        opacity: 1 !important;
        visibility: visible !important;
    }

    body.single-product
    .elementor-261
    .elementor-element-b6d6fe8
    .woocommerce-product-gallery__image
    a {
        display: flex !important;

        width: 100% !important;
        min-width: 0 !important;

        opacity: 1 !important;
        visibility: visible !important;
    }

    body.single-product
    .elementor-261
    .elementor-element-b6d6fe8
    .woocommerce-product-gallery__image
    img.wp-post-image {
        display: block !important;

        width: 100% !important;
        height: auto !important;

        opacity: 1 !important;
        visibility: visible !important;

        object-fit: contain !important;
    }

    body.single-product
    .elementor-261
    .woocommerce-product-gallery__trigger {
        top: 10px !important;
        left: 10px !important;

        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
    }

    body.single-product
    .elementor-261
    .woocommerce-product-gallery__trigger::before {
        top: 11px !important;
        left: 11px !important;
    }

    body.single-product
    .elementor-261
    .woocommerce-product-gallery__trigger::after {
        top: 25px !important;
        left: 25px !important;
    }

    body.single-product
    .elementor-261
    .elementor-element-571da5e {
        padding:
            20px
            16px !important;

        border-radius: 17px;
    }

    body.single-product
    .elementor-261
    .product_title {
        padding-right: 15px !important;

        font-size: 21px !important;
        line-height: 1.8 !important;
    }

    body.single-product
    .elementor-261
    .woocommerce-breadcrumb {
        font-size: 10.5px !important;
    }

    body.single-product
    .elementor-261
    .elementor-element-22c9ce4 {
        padding: 0px !important;
    }

    body.single-product
    .elementor-261
    .elementor-element-a5b5529 {
        padding: 13px !important;
        border-radius: 17px;
    }

    /* تب‌ها */
    body.single-product
    .elementor-261
    .woocommerce-tabs
    ul.tabs {
        flex-wrap: nowrap !important;

        overflow-x: auto;

        padding-bottom: 4px !important;

        scrollbar-width: thin;
    }

    body.single-product
    .elementor-261
    .woocommerce-tabs
    ul.tabs
    li {
        flex: 0 0 auto;
    }

    body.single-product
    .elementor-261
    .woocommerce-tabs
    ul.tabs
    li
    a {
        min-height: 42px;

        padding:
            8px
            15px !important;

        font-size: 11.5px !important;
    }

    /* نظر ثبت‌شده */
    body.single-product
    .elementor-261
    #reviews
    .comment_container
    img.avatar {
        top: 13px !important;
        right: 13px !important;

        width: 43px !important;
        height: 43px !important;

        border-radius: 11px !important;
    }

    body.single-product
    .elementor-261
    #reviews
    .comment-text {
        padding:
            14px
            68px
            14px
            14px !important;

        border-radius: 13px !important;
    }

    body.single-product
    .elementor-261
    #reviews
    .comment-text
    .description
    p {
        font-size: 12.5px !important;
        line-height: 1.95 !important;
    }

    /* فرم */
    body.single-product
    .elementor-261
    #review_form
    .form-submit
    .submit {
        width: 100%;
    }
}


/* =========================================================
   کاهش انیمیشن برای دسترس‌پذیری
========================================================= */

@media (prefers-reduced-motion: reduce) {
    body.single-product
    .elementor-261 *,
    body.single-product
    .elementor-261 *::before,
    body.single-product
    .elementor-261 *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}



input#submit {
    border-radius: var(--radius-md) !important;
}



/* =========================================================
   بخش توضیحات کوتاه و راه‌های ثبت سفارش
   Single Product
========================================================= */

body.single-product
.elementor-element-22c9ce4 {






    gap: 13px !important;
}


/* =========================================================
   توضیحات کوتاه محصول
========================================================= */

body.single-product
.elementor-element-853d10f {
    position: relative;

    width: 100%;
    padding: 17px 20px 17px 18px;

    overflow: hidden;

    border: 1px solid rgb(var(--brand-primary-rgb) / 0.12);
    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            var(--color-surface) 0%,
            var(--brand-primary-soft) 100%
        );

    box-shadow:
        0 8px 24px rgba(25, 25, 25, 0.055);
}

/* خط قرمز کنار توضیحات */
body.single-product
.elementor-element-853d10f::before {
    content: "";

    position: absolute;
    top: 17px;
    right: 0;
    bottom: 17px;

    width: 4px;

    border-radius: 4px 0 0 4px;

    background:
        linear-gradient(
            180deg,
            var(--brand-primary),
            var(--brand-primary-bright)
        );
}

body.single-product
.elementor-element-853d10f
.woocommerce-product-details__short-description {
    margin: 0;
}

body.single-product
.elementor-element-853d10f
.woocommerce-product-details__short-description p {
    margin: 0 !important;

    color: var(--color-text-secondary);

    font-size: 11px;
    font-weight: 500;
    line-height: 2.05;

    text-align: center;
}


/* =========================================================
   متای محصول و دسته‌بندی
========================================================= */

body.single-product
.elementor-element-0e8f7a1 {
    width: 100%;
}

body.single-product
.elementor-element-0e8f7a1
.product_meta {
    display: flex;

    width: 100%;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin: 0;
}

body.single-product
.elementor-element-0e8f7a1
.detail-container {
    display: inline-flex;

    min-height: 38px;
    align-items: center;
    gap: 7px;

    padding: 5px 7px 5px 5px;

    border: 1px solid rgb(var(--brand-primary-rgb) / 0.1);
    border-radius: 10px;

    background: var(--color-surface);

    box-shadow:
        0 4px 13px rgba(20, 20, 20, 0.045);
}

body.single-product
.elementor-element-0e8f7a1
.detail-label {
    padding: 4px 8px;

    border-radius: 7px;

    color: var(--color-text-muted);
    background: var(--color-surface-soft);

    font-size: 11px;
    font-weight: 700;
}

body.single-product
.elementor-element-0e8f7a1
.detail-content {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

body.single-product
.elementor-element-0e8f7a1
.detail-content a {
    display: inline-flex;

    min-height: 27px;
    align-items: center;

    padding: 4px 9px;

    border-radius: 7px;

    color: var(--brand-primary) !important;
    background: var(--brand-primary-soft);

    font-size: 11.5px;
    font-weight: 800;
    line-height: 1.7;

    text-decoration: none !important;

    transition:
        color 0.25s ease,
        background-color 0.25s ease,
        box-shadow 0.25s ease;
}

body.single-product
.elementor-element-0e8f7a1
.detail-content a:hover {
    color: var(--brand-on-primary) !important;
    background: var(--brand-primary);

    box-shadow:
        0 5px 13px rgb(var(--brand-primary-rgb) / 0.18);
}


/* =========================================================
   دکمه‌های تماس، تلگرام و واتساپ
========================================================= */

body.single-product
.elementor-element-f104666 {
    display: grid !important;

    width: 100%;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 10px !important;

    margin-top: 2px;
}

/* رنگ اختصاصی هر دکمه */
body.single-product
.elementor-element-e6f7e89 {
    --action-color: #98000F;
    --action-rgb: 152 0 15;
}

body.single-product
.elementor-element-3a5e32a {
    --action-color: #229ed9;
    --action-rgb: 34 158 217;
}

body.single-product
.elementor-element-fcccb6b {
    --action-color: #20b95a;
    --action-rgb: 32 185 90;
}

/* ساختار هر دکمه */
body.single-product
.elementor-element-f104666
> .e-con {
    position: relative;

    display: flex !important;

    min-width: 0;
    min-height: 66px;

    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 10px !important;

    padding: 10px 11px !important;

    overflow: hidden;
    isolation: isolate;

    border: 1px solid rgb(var(--action-rgb) / 0.15);
    border-radius: 14px;

    background:
        linear-gradient(
            135deg,
            rgb(var(--action-rgb) / 0.065),
            var(--color-surface) 68%
        );

    box-shadow:
        0 7px 19px rgba(25, 25, 25, 0.055),
        inset 0 1px 0 rgba(255, 255, 255, 0.85);

    cursor: pointer;

    transition:
        border-color 0.3s ease,
        background-color 0.3s ease,
        box-shadow 0.3s ease,
        transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* نوار رنگی پایین دکمه */
body.single-product
.elementor-element-f104666
> .e-con::before {
    content: "";

    position: absolute;
    z-index: -1;

    right: 15px;
    bottom: 0;
    left: 15px;

    height: 3px;

    border-radius: 5px 5px 0 0;

    background: var(--action-color);

    transform: scaleX(0.28);
    transform-origin: center;

    opacity: 0.8;

    transition:
        transform 0.35s ease,
        opacity 0.35s ease;
}

/* نور عبوری خیلی سبک */
body.single-product
.elementor-element-f104666
> .e-con::after {
    content: "";

    position: absolute;
    z-index: 0;

    top: -30%;
    left: -35%;

    width: 22%;
    height: 160%;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255, 255, 255, 0.72),
            transparent
        );

    transform:
        translate3d(0, 0, 0)
        skewX(-20deg);

    transition:
        transform 0.65s ease;
}

body.single-product
.elementor-element-f104666
> .e-con:hover {
    border-color: rgb(var(--action-rgb) / 0.34);

    background:
        linear-gradient(
            135deg,
            rgb(var(--action-rgb) / 0.12),
            var(--color-surface) 72%
        );

    box-shadow:
        0 11px 25px rgb(var(--action-rgb) / 0.13),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);

}

body.single-product
.elementor-element-f104666
> .e-con:hover::before {
    transform: scaleX(1);
    opacity: 1;
}

body.single-product
.elementor-element-f104666
> .e-con:hover::after {
    transform:
        translate3d(650%, 0, 0)
        skewX(-20deg);
}


/* =========================================================
   آیکون دکمه‌ها
========================================================= */

body.single-product
.elementor-element-f104666
.elementor-widget-icon {
    position: relative;
    z-index: 2;

    flex: 0 0 auto;

    width: auto !important;
    margin: 0 !important;
}

body.single-product
.elementor-element-f104666
.elementor-icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

body.single-product
.elementor-element-f104666
.elementor-icon {
    display: flex;

    width: 42px;
    height: 42px;

    align-items: center;
    justify-content: center;

    padding: 10px;

    border: 0.5px solid;
    border-color: var(--color-border) !important;
    border-radius: var(--radius-md);

    color: var(--action-color) !important;

    background:
        rgb(var(--action-rgb) / 0.09);

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.85);

    transition:
        color 0.3s ease,
        background-color 0.3s ease,
        border-color 0.3s ease,
        transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
}

body.single-product
.elementor-element-f104666
.elementor-icon svg {
    display: block;

    width: 21px;
    height: 21px;

    fill: currentColor !important;
}

body.single-product
.elementor-element-f104666
> .e-con:hover
.elementor-icon {
    color: var(--brand-on-primary) !important;

    border-color: var(--action-color);
    background: var(--action-color);

    transform:
        rotate(360deg)
        scale(1.07);
}


/* =========================================================
   متن دکمه‌ها
========================================================= */

body.single-product
.elementor-element-f104666
.elementor-widget-text-editor {
    position: relative;
    z-index: 2;

    flex: 1 1 auto;

    min-width: 0;
    margin: 0 !important;
}

body.single-product
.elementor-element-f104666
.elementor-widget-text-editor p {
    margin: 0 !important;

    color: var(--color-text-secondary);

    font-size: 12.5px;
    font-weight: 800;
    line-height: 1.75;

    transition:
        color 0.25s ease;
}

body.single-product
.elementor-element-f104666
> .e-con:hover
.elementor-widget-text-editor p {
    color: var(--action-color);
}


/* =========================================================
   بنر پرداخت در محل و ارسال
   فقط افکت نوار نور؛ بدون تغییر عرض، ارتفاع یا نسبت تصویر
========================================================= */

body.single-product
.elementor-261
.elementor-element-7dca4b8,
body.single-product
.elementor-261
.elementor-element-a0c5382 {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

/*
 * هیچ width، height، max-width، object-fit، margin یا display
 * برای تصویر تعیین نشده است؛ تنظیمات Elementor دست‌نخورده می‌ماند.
 */
body.single-product
.elementor-261
.elementor-element-7dca4b8
img,
body.single-product
.elementor-261
.elementor-element-a0c5382
img {
    transform: none !important;
    transition: none !important;
    height: 170px;
    
}

/* نوار نور */
body.single-product
.elementor-261
.elementor-element-7dca4b8::after,
body.single-product
.elementor-261
.elementor-element-a0c5382::after {
    content: "";

    position: absolute;
    z-index: 2;

    top: -35%;
    left: -38%;

    width: 24%;
    height: 170%;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255, 255, 255, 0.8),
            transparent
        );

    transform:
        translate3d(0, 0, 0)
        skewX(-20deg);

    transition:
        transform 0.72s ease;
}

body.single-product
.elementor-261
.elementor-element-7dca4b8:hover::after,
body.single-product
.elementor-261
.elementor-element-a0c5382:hover::after {
    transform:
        translate3d(650%, 0, 0)
        skewX(-20deg);
}


/* =========================================================
   حالت تبلت
========================================================= */

@media (max-width: 1024px) {

    body.single-product
    .elementor-element-f104666 {
        gap: 8px !important;
    }

    body.single-product
    .elementor-element-f104666
    > .e-con {
        min-height: 62px;
        padding: 9px !important;
    }

    body.single-product
    .elementor-element-f104666
    .elementor-icon {
        width: 38px;
        height: 38px;
        padding: 9px;
    }

    body.single-product
    .elementor-element-f104666
    .elementor-icon svg {
        width: 19px;
        height: 19px;
    }

    body.single-product
    .elementor-element-f104666
    .elementor-widget-text-editor p {
        font-size: 11.5px;
    }
}


/* =========================================================
   حالت موبایل
========================================================= */

@media (max-width: 767px) {

    body.single-product
    .elementor-element-853d10f {
        padding: 5px !important;
    }

    body.single-product
    .elementor-element-853d10f
    .woocommerce-product-details__short-description p {
        font-size: 13px;
        line-height: 2;
        text-align: right;
    }

    body.single-product
    .elementor-element-f104666 {
        grid-template-columns: 1fr;

        gap: 8px !important;
    }

    body.single-product
    .elementor-element-f104666
    > .e-con {
        min-height: 59px;

        padding: 8px 10px !important;
    }

    body.single-product
    .elementor-element-f104666
    .elementor-icon {
        width: 39px;
        height: 39px;
    }

    body.single-product
    .elementor-element-f104666
    .elementor-widget-text-editor p {
        font-size: 12px;
    }

}



/* =========================================================
   اصلاح ارتفاع ستون تصویر در دسکتاپ
========================================================= */

@media (min-width: 1025px) {

    body.single-product
    .elementor-261
    .elementor-element-b6d6fe8,
    body.single-product
    .elementor-261
    .elementor-element-81e6d51,
    body.single-product
    .elementor-261
    .elementor-element-81e6d51
    > .elementor-widget-container,
    body.single-product
    .elementor-261
    .woocommerce-product-gallery,
    body.single-product
    .elementor-261
    .woocommerce-product-gallery__wrapper {
        height: auto !important;
        min-height: 0 !important;
    }

    body.single-product
    .elementor-261
    .elementor-element-b6d6fe8 {
        align-self: start !important;
        justify-content: flex-start !important;
    }
}

/* =========================================================
   کاهش حرکت برای دسترس‌پذیری
========================================================= */

@media (prefers-reduced-motion: reduce) {

    body.single-product
    .elementor-element-f104666
    > .e-con,

    body.single-product
    .elementor-element-f104666
    > .e-con::before,

    body.single-product
    .elementor-element-f104666
    > .e-con::after,

    body.single-product
    .elementor-element-f104666
    .elementor-icon,

    body.single-product
    .elementor-element-7dca4b8,

    body.single-product
    .elementor-element-a0c5382,

    body.single-product
    .elementor-element-7dca4b8 img,

    body.single-product
    .elementor-element-a0c5382 img,

    body.single-product
    .elementor-element-7dca4b8::after,

    body.single-product
    .elementor-element-a0c5382::after {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
    }
}



/* =========================================================
   نرم‌کردن سایه تب فعال و جلوگیری از بریده‌شدن آن
========================================================= */

body.single-product
.elementor-261
.elementor-element-a5b5529,

body.single-product
.elementor-261
.woocommerce-tabs {
    overflow: visible !important;
}

/*
 * ایجاد فضای امن اطراف تب‌ها
 * تا سایه به لبه بخش برخورد نکند.
 */
body.single-product
.elementor-261
.woocommerce-tabs
ul.tabs {
    padding:
        5px
        7px
        13px !important;

    margin:
        -5px
        -7px
        12px !important;
}

/* تب فعال با سایه نرم‌تر */
body.single-product
.elementor-261
.woocommerce-tabs
ul.tabs
li.active {
    border-radius: var(--radius-md) !important;

    transform: none !important;

    box-shadow:
        0 4px 9px -4px rgb(var(--brand-primary-rgb) / 0.24),
        0 11px 24px -10px rgb(var(--brand-primary-rgb) / 0.34) !important;
}


/* گردکردن تصویر شاخص محصول در صفحه سینگل */
body.single-product
.woocommerce-product-gallery,
body.single-product
.woocommerce-product-gallery__wrapper,
body.single-product
.woocommerce-product-gallery__image,
body.single-product
.woocommerce-product-gallery__image--placeholder,
body.single-product
.woocommerce-product-gallery img {
    
    border-radius: var(--radius-md) !important;
}

/* جلوگیری از بیرون‌زدگی تصویر از گوشه‌های گرد */
body.single-product
.woocommerce-product-gallery,
body.single-product
.woocommerce-product-gallery__image,
body.single-product
.woocommerce-product-gallery__image--placeholder {
    overflow: hidden !important;
}










/* =========================================================
   دکمه افزودن به سبد خرید صفحه تک محصول
   Widget ID: 6b29166
========================================================= */

body.single-product
.elementor-element-6b29166 {
    width: 100%;
}

body.single-product
.elementor-element-6b29166
form.cart {
    display: block !important;

    width: 100%;

    margin: 0 !important;
    padding: 0 !important;
}


/* دکمه اصلی */
body.single-product
.elementor-element-6b29166
.single_add_to_cart_button {
    position: relative;

    isolation: isolate;

    display: flex !important;

    width: 100% !important;
    min-height: 44px;

    align-items: center;
    justify-content: center;

    margin: 0 !important;

    padding:
        10px
        46px
        10px
        18px !important;

    overflow: hidden;

    border:
        1px solid
        rgba(255, 255, 255, 0.15) !important;

    border-radius: var(--radius-md) !important;

    color: var(--brand-on-primary) !important;

    background:
        linear-gradient(
            135deg,
            var(--brand-primary-dark) 0%,
            var(--brand-primary) 48%,
            var(--brand-primary-bright) 100%
        ) !important;

    box-shadow:
        0 9px 20px
        rgb(var(--brand-primary-rgb) / 0.23),
        inset 0 1px 0
        rgba(255, 255, 255, 0.18) !important;

    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1.6 !important;

    text-align: center;

    cursor: pointer;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        filter 0.3s ease !important;
}


/* نور عبوری */
body.single-product
.elementor-element-6b29166
.single_add_to_cart_button::before {
    content: "";

    position: absolute;
    z-index: -1;

    top: -35%;
    left: -45%;

    width: 30%;
    height: 170%;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255, 255, 255, 0.34),
            transparent
        );

    transform: skewX(-20deg);

    transition: left 0.7s ease;
}


/* آیکون سبد خرید */
body.single-product
.elementor-element-6b29166
.single_add_to_cart_button::after {
    content: "";

    position: absolute;

    top: 50%;
    right: 17px;

    width: 17px;
    height: 17px;

    background-color: var(--brand-on-primary);

    transform:
        translateY(-50%);

    -webkit-mask:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3 3h2l2.4 10.2a2 2 0 0 0 2 1.55h7.95a2 2 0 0 0 1.95-1.55L21 6H6M10 19.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm9 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z'/%3E%3C/svg%3E")
        center / contain
        no-repeat;

    mask:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3 3h2l2.4 10.2a2 2 0 0 0 2 1.55h7.95a2 2 0 0 0 1.95-1.55L21 6H6M10 19.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm9 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z'/%3E%3C/svg%3E")
        center / contain
        no-repeat;

    transition:
        transform 0.3s ease;
}


/* هاور */
body.single-product
.elementor-element-6b29166
.single_add_to_cart_button:hover {
    color: var(--brand-on-primary) !important;

    filter: brightness(1.05);

    transform:
        translateY(-3px);

    box-shadow:
        0 14px 28px
        rgb(var(--brand-primary-rgb) / 0.3),
        inset 0 1px 0
        rgba(255, 255, 255, 0.2) !important;
}

body.single-product
.elementor-element-6b29166
.single_add_to_cart_button:hover::before {
    left: 120%;
}

body.single-product
.elementor-element-6b29166
.single_add_to_cart_button:hover::after {
    transform:
        translateY(-50%)
        scale(1.1);
}


/* حالت کلیک */
body.single-product
.elementor-element-6b29166
.single_add_to_cart_button:active {
    transform:
        translateY(-1px)
        scale(0.985);

    box-shadow:
        0 6px 14px
        rgb(var(--brand-primary-rgb) / 0.22) !important;
}


/* حالت غیرفعال */
body.single-product
.elementor-element-6b29166
.single_add_to_cart_button:disabled,
body.single-product
.elementor-element-6b29166
.single_add_to_cart_button.disabled {
    opacity: 0.55 !important;

    cursor: not-allowed !important;

    transform: none !important;

    box-shadow: none !important;
}





@media (max-width: 767px) {

    body.single-product
    .elementor-element-6b29166
    .single_add_to_cart_button {
        min-height: 46px;

        padding:
            9px
            42px
            9px
            14px !important;

        font-size: 11px !important;
    }

    body.single-product
    .elementor-element-6b29166
    .single_add_to_cart_button::after {
        right: 15px;

        width: 16px;
        height: 16px;
    }
}





/* =========================================================
   نوتیفیکیشن موفق ووکامرس
   محصول به سبد خرید افزوده شد
========================================================= */

.woocommerce-notices-wrapper {
    box-sizing: border-box;

    width: 100%;
    max-width: var(--container-width);

    margin:
        18px
        auto !important;

    padding:
        0
        15px;
}


/* باکس اصلی پیام */
.woocommerce-notices-wrapper
.woocommerce-message {
    position: relative;

    display: flex !important;
    flex-wrap: wrap;

    width: 100%;
    min-height: 72px;

    align-items: center;

    gap:
        12px
        18px;

    box-sizing: border-box;

    margin: 0 !important;

    padding:
        15px
        64px
        15px
        16px !important;

    overflow: hidden;

    border:
        0.5px solid
        var(--color-border) !important;

    border-right:
        5px solid
        #00a548 !important;

    border-radius: var(--radius-md) !important;

    color: #26312b !important;

    background:
        radial-gradient(
            circle at 95% 15%,
            rgba(0, 189, 82, 0.11),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            var(--color-surface) 0%,
            #f3fff8 100%
        ) !important;

    box-shadow:
        0 12px 30px
        rgba(16, 65, 37, 0.09),
        inset 0 0px 0
        rgba(255, 255, 255, 0.95) !important;

    font-size: 13px;
    font-weight: 650;
    line-height: 1.9;

    direction: rtl;
}


/* حذف آیکون پیش‌فرض ووکامرس */
.woocommerce-notices-wrapper
.woocommerce-message::before {
    content: "" !important;

    position: absolute !important;

    top: 50% !important;
    right: 20px !important;
    left: auto !important;

    width: 28px;
    height: 28px;

    margin: 0 !important;

    border-radius: 50%;

    background-color: #00a548;

    transform:
        translateY(-50%);

    -webkit-mask:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='m6 12 4 4 8-9'/%3E%3C/svg%3E")
        center / 16px
        no-repeat;

    mask:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='m6 12 4 4 8-9'/%3E%3C/svg%3E")
        center / 16px
        no-repeat;
}


/* خط تزئینی پایین پیام */
.woocommerce-notices-wrapper
.woocommerce-message::after {
    content: "";

    position: absolute;

    right: 0;
    bottom: 0;
    left: 0;

    height: 2px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(0, 165, 72, 0.45),
            transparent
        );

    pointer-events: none;
}


/* =========================================================
   دکمه مشاهده سبد خرید
========================================================= */

.woocommerce-notices-wrapper
.woocommerce-message
.wc-forward {
    position: relative;

    display: inline-flex !important;

    min-width: 155px;
    min-height: 42px;

    align-items: center;
    justify-content: center;

    margin:
        0
        auto
        0
        0 !important;

    padding:
        8px
        16px
        8px
        40px !important;

    float: none !important;

    overflow: hidden;

    border:
        1px solid
        rgba(255, 255, 255, 0.15) !important;

    border-radius: var(--radius-md) !important;

    color: var(--brand-on-primary) !important;

    background:
        linear-gradient(
            135deg,
            var(--brand-primary-dark) 0%,
            var(--brand-primary) 50%,
            var(--brand-primary-bright) 100%
        ) !important;

    box-shadow:
        0 8px 18px
        rgb(var(--brand-primary-rgb) / 0.22),
        inset 0 1px 0
        rgba(255, 255, 255, 0.17) !important;

    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.6 !important;

    text-align: center;
    text-decoration: none !important;

    transition:
        transform 0.28s ease,
        box-shadow 0.28s ease,
        filter 0.28s ease !important;
}


/* فلش دکمه */
.woocommerce-notices-wrapper
.woocommerce-message
.wc-forward::after {
    content: "";

    position: absolute;

    top: 50%;
    left: 16px;

    width: 7px;
    height: 7px;

    border-top:
        2px solid
        var(--color-surface);

    border-left:
        2px solid
        var(--color-surface);

    transform:
        translateY(-50%)
        rotate(-45deg);

    transition:
        left 0.28s ease,
        transform 0.28s ease;
}


/* هاور دکمه */
.woocommerce-notices-wrapper
.woocommerce-message
.wc-forward:hover {
    color: var(--brand-on-primary) !important;

    filter: brightness(1.06);

    transform:
        translateY(-2px);

    box-shadow:
        0 13px 26px
        rgb(var(--brand-primary-rgb) / 0.29),
        inset 0 1px 0
        rgba(255, 255, 255, 0.2) !important;
}

.woocommerce-notices-wrapper
.woocommerce-message
.wc-forward:hover::after {
    left: 12px;

    transform:
        translateY(-50%)
        rotate(-45deg)
        scale(1.1);
}


/* حالت کلیک */
.woocommerce-notices-wrapper
.woocommerce-message
.wc-forward:active {
    transform:
        translateY(0)
        scale(0.98);
}






@media (max-width: 767px) {

    .woocommerce-notices-wrapper {
        margin:
            13px
            auto !important;

        padding:
            0
            12px;
    }

    .woocommerce-notices-wrapper
    .woocommerce-message {
        display: flex !important;
        flex-direction: column;

        align-items: stretch;

        min-height: 0;

        gap: 13px;

        padding:
            17px
            55px
            15px
            14px !important;

        font-size: 11.5px;
        line-height: 1.9;
    }

    .woocommerce-notices-wrapper
    .woocommerce-message::before {
        top: 18px !important;
        right: 17px !important;

        width: 25px;
        height: 25px;

        transform: none;
    }

    .woocommerce-notices-wrapper
    .woocommerce-message
    .wc-forward {
        width: 100%;
        min-width: 0;
        min-height: 42px;

        margin: 0 !important;

        padding:
            8px
            14px
            8px
            38px !important;
    }
}



/* حذف کادر سیاه فوکوس نوتیفیکیشن ووکامرس */
.woocommerce-notices-wrapper
.woocommerce-message:focus,
.woocommerce-notices-wrapper
.woocommerce-message:focus-visible,
.woocommerce-notices-wrapper
.woocommerce-error:focus,
.woocommerce-notices-wrapper
.woocommerce-error:focus-visible,
.woocommerce-notices-wrapper
.woocommerce-info:focus,
.woocommerce-notices-wrapper
.woocommerce-info:focus-visible {
    outline: none !important;
    outline-offset: 0 !important;

    /* حفظ همان سایه طراحی‌شده خودمان */
    box-shadow:
        0 12px 30px rgba(16, 65, 37, 0.09),
        inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}



.woocommerce-notices-wrapper,
.woocommerce-notices-wrapper
.woocommerce-message {
    -webkit-tap-highlight-color: transparent;
}






/* =========================================================
   اصلاح متای دسته‌بندی محصول در موبایل
========================================================= */

body.single-product
.product_meta {
    width: 100%;
    max-width: 100%;

    overflow: hidden;

    box-sizing: border-box;
}

body.single-product
.product_meta
.posted_in.detail-container {
    display: flex;

    width: 100%;
    max-width: 100%;

    align-items: flex-start;

    gap: 8px;

    box-sizing: border-box;
}

body.single-product
.product_meta
.detail-label {
    flex: 0 0 auto;

    white-space: nowrap;
}

body.single-product
.product_meta
.detail-content {
    display: flex;

    flex: 1 1 auto;
    flex-wrap: wrap;

    min-width: 0;
    max-width: 100%;

    align-items: center;

    gap: 6px;

    overflow-wrap: anywhere;
    word-break: break-word;
}

body.single-product
.product_meta
.detail-content
a {
    display: inline-flex;

    max-width: 100%;

    padding:
        5px
        9px;

    border:
        1px solid
        rgb(var(--brand-primary-rgb) / 0.1);

    border-radius: var(--radius-sm);

    color: var(--brand-primary);

    background:
        rgb(var(--brand-primary-rgb) / 0.045);

    font-size: 11px;
    font-weight: 700;
    line-height: 1.7;

    white-space: normal;

    overflow-wrap: anywhere;
    word-break: break-word;

    text-decoration: none;

    transition:
        color 0.25s ease,
        background-color 0.25s ease,
        border-color 0.25s ease;
}

body.single-product
.product_meta
.detail-content
a:hover {
    color: var(--brand-on-primary);

    border-color: var(--brand-primary);

    background: var(--brand-primary);
}




@media (max-width: 767px) {

    body.single-product
    .product_meta
    .posted_in.detail-container {
        flex-direction: column;

        gap: 7px;
    }

    body.single-product
    .product_meta
    .detail-label {
        width: 100%;

        font-size: 11px;
        font-weight: 800;
    }

    body.single-product
    .product_meta
    .detail-content {
        width: 100%;

        gap: 5px;
    }

    body.single-product
    .product_meta
    .detail-content
    a {
        max-width: 100%;

        padding:
            5px
            8px;

        font-size: 10px;
    }
}

/* =========================================================
   Single Product — Related Products
========================================================= */

body.single-product
.elementor-widget-woocommerce-product-related {
    width: 100%;
    min-width: 0;
}

body.single-product
.elementor-widget-woocommerce-product-related
section.related.products {
    width: 100%;
    margin: 0;
}

/* =========================================================
   عنوان محصولات مشابه
========================================================= */

body.single-product
.elementor-widget-woocommerce-product-related
section.related.products > h2 {
    display: flex;
    align-items: center;
    gap: 12px;

    width: 100%;

    margin: 0 0 22px !important;
    padding: 0 !important;

    color: var(--color-text);

    font-size: 20px;
    font-weight: 800;
    line-height: 1.8;

    text-align: right;
    direction: rtl;
    white-space: nowrap;
}

/* خط قرمز کنار عنوان */
body.single-product
.elementor-widget-woocommerce-product-related
section.related.products > h2::before {
    content: "";

    width: 4px;
    height: 25px;
    flex: 0 0 4px;

    border-radius: 4px;

    background:
        linear-gradient(
            180deg,
            var(--brand-primary),
            var(--brand-primary-bright)
        );

    box-shadow:
        0 4px 10px
        rgb(var(--brand-primary-rgb) / 0.18);
}

/* خط ادامه‌دار بعد از عنوان */
body.single-product
.elementor-widget-woocommerce-product-related
section.related.products > h2::after {
    content: "";

    height: 1px;
    flex: 1 1 auto;
    min-width: 40px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgb(var(--brand-primary-rgb) / 0.45)
        );
}

/* =========================================================
   شبکه محصولات
========================================================= */

body.single-product
.elementor-widget-woocommerce-product-related
section.related.products > ul.products {
    display: grid !important;

    grid-template-columns:
        repeat(5, minmax(0, 1fr)) !important;

    align-items: stretch !important;
    gap: 17px !important;

    width: 100% !important;
    min-width: 0;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

/* حذف Clearfix پیش‌فرض ووکامرس */
body.single-product
.elementor-widget-woocommerce-product-related
section.related.products > ul.products::before,
body.single-product
.elementor-widget-woocommerce-product-related
section.related.products > ul.products::after {
    content: none !important;
    display: none !important;
}

/* =========================================================
   کارت محصول
========================================================= */

body.single-product
.elementor-widget-woocommerce-product-related
ul.products
li.product {
    position: relative;
    isolation: isolate;

    float: none !important;
    clear: none !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;

    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 0 0px !important;
    overflow: hidden;

    border: 1px solid var(--color-border) !important;
    border-radius: 16px !important;

    background:
        linear-gradient(
            145deg,
            var(--color-surface),
            var(--color-surface-soft)
        ) !important;

    box-shadow:
        0 10px 28px rgba(20, 20, 20, 0.06);

    transition:
        transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.3s ease,
        box-shadow 0.35s ease;
}

/* خط ظریف بالای کارت */
body.single-product
.elementor-widget-woocommerce-product-related
ul.products
li.product::before {
    content: "";

    position: absolute;
    z-index: 4;
    top: 0;
    right: 20px;
    left: 20px;

    height: 3px;

    border-radius: 0 0 6px 6px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--brand-primary),
            var(--brand-primary-bright),
            var(--brand-primary),
            transparent
        );

    opacity: 0.55;

    transition:
        right 0.35s ease,
        left 0.35s ease,
        opacity 0.35s ease;
}

/* هاور کارت */
body.single-product
.elementor-widget-woocommerce-product-related
ul.products
li.product:hover {
    border-color:
        rgb(var(--brand-primary-rgb) / 0.22) !important;

    transform: translateY(-4px);

    box-shadow:
        0 20px 45px rgba(20, 20, 20, 0.11),
        0 0 18px rgb(var(--brand-primary-rgb) / 0.04);
}

body.single-product
.elementor-widget-woocommerce-product-related
ul.products
li.product:hover::before {
    right: 0;
    left: 0;
    opacity: 1;
}

/* =========================================================
   لینک تصویر و عنوان
========================================================= */

body.single-product
.elementor-widget-woocommerce-product-related
ul.products
li.product
a.woocommerce-loop-product__link {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    align-items: stretch !important;

    width: 100% !important;
    min-width: 0;

    margin: 0 !important;
    padding: 0 !important;

    color: inherit;
    text-decoration: none;
}

/* =========================================================
   تصویر محصول
========================================================= */

body.single-product
.elementor-widget-woocommerce-product-related
ul.products
li.product
a.woocommerce-loop-product__link > img {
    display: block !important;

    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    aspect-ratio: 1 / 1;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-bottom:
        1px solid
        rgb(var(--brand-primary-rgb) / 0.06) !important;

    border-radius: 0 !important;

    background: transparent !important;
    box-shadow: none !important;

    object-fit: cover !important;
    object-position: center !important;

    transition:
        filter 0.35s ease,
        transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

/* =========================================================
   نام محصول
========================================================= */

body.single-product
.elementor-widget-woocommerce-product-related
ul.products
li.product
.woocommerce-loop-product__title {
    display: block !important;

    width: 100%;
    min-width: 0;
    min-height: 78px;

    margin: 0 !important;
    padding: 17px 15px 0px !important;

    color: var(--color-text) !important;

    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.9 !important;
    letter-spacing: -0.2px;

    text-align: right !important;
    white-space: normal !important;
    overflow-wrap: anywhere;

    transition: color 0.3s ease;
}

body.single-product
.elementor-widget-woocommerce-product-related
ul.products
li.product:hover
.woocommerce-loop-product__title {
    color: var(--brand-primary) !important;
}

/* =========================================================
   حذف قیمت پیش‌فرض ووکامرس
   قیمت درست داخل دکمه سفارشی نمایش داده می‌شود
========================================================= */

body.single-product
.elementor-widget-woocommerce-product-related
ul.products
li.product
.price {
    display: none !important;
}

/* خروجی مخفی مورد استفاده JavaScript */
body.single-product
.elementor-widget-woocommerce-product-related
ul.products
li.product
.yc-price-source-hidden {
    display: none !important;
}

/*
 * برای دکمه .yc-price-action عمداً استایل ظاهری
 * تعریف نشده تا طراحی فعلی قیمت دست‌نخورده بماند.
 */

/* =========================================================
   تبلت
========================================================= */

@media (max-width: 1024px) {
    body.single-product
    .elementor-widget-woocommerce-product-related
    section.related.products > ul.products {
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        gap: 14px !important;
    }
}

/* =========================================================
   موبایل
========================================================= */

@media (max-width: 767px) {
    body.single-product
    .elementor-widget-woocommerce-product-related
    section.related.products > h2 {
        gap: 9px;

        margin-bottom: 16px !important;

        font-size: 17px;
        line-height: 1.8;
    }

    body.single-product
    .elementor-widget-woocommerce-product-related
    section.related.products > h2::before {
        width: 3px;
        height: 21px;
        flex-basis: 3px;
    }

    body.single-product
    .elementor-widget-woocommerce-product-related
    section.related.products > ul.products {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 10px !important;
    }

    body.single-product
    .elementor-widget-woocommerce-product-related
    ul.products
    li.product {
        border-radius: 14px !important;
    }

    body.single-product
    .elementor-widget-woocommerce-product-related
    ul.products
    li.product
    .woocommerce-loop-product__title {
        min-height: 68px;

        padding: 12px 10px 14px !important;

        font-size: 12px !important;
        line-height: 1.85 !important;
    }
    

}

/* =========================================================
   موبایل کوچک
========================================================= */

@media (max-width: 390px) {
    body.single-product
    .elementor-widget-woocommerce-product-related
    section.related.products > ul.products {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 8px !important;
    }

    body.single-product
    .elementor-widget-woocommerce-product-related
    ul.products
    li.product
    .woocommerce-loop-product__title {
        min-height: 64px;

        padding-right: 8px !important;
        padding-left: 8px !important;

        font-size: 11px !important;
    }
}

/* =========================================================
   کاهش حرکت
========================================================= */

@media (prefers-reduced-motion: reduce) {
    body.single-product
    .elementor-widget-woocommerce-product-related *,
    body.single-product
    .elementor-widget-woocommerce-product-related *::before,
    body.single-product
    .elementor-widget-woocommerce-product-related *::after {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
    }
}

/* حذف حرکت اولیه المان‌ها در صفحه محصول */
body.single-product header.elementor-22
.elementor-element-78d0172,

body.single-product .elementor-261
.elementor-element-b6d6fe8,

body.single-product .elementor-261
.elementor-element-3137f27,

body.single-product .elementor-261
.elementor-element-a5b5529 {
    animation: none !important;
    transform: none !important;
    opacity: 1 !important;
}