/**
 * Mika Luxury Store - Single Product Stylesheet
 * File: 04-single-product.css
 * Path: assets/css/04-single-product.css
 * Scope: Single Product Page Only (Loaded conditionally on is_product())
 * Version: 1.0.0
 * Created By Pixit-ACHTUNg
 */

/* ====================================================================================================
   ------------------- #19: Single Product - Prev-Next Navigation & Hover Previews --------------------
   ==================================================================================================== */

/*--- #19: Single Product - Prev-Next Navigation & Hover Previews ---*/

/* کانتینر اصلی ناوبری با فاصله فشرده و منسجم بین دکمه‌ها */
.wd-products-nav {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important; /* کاهش فاصله بین دکمه‌ها */
}

.wd-products-nav > div {
    position: relative !important;
}

/* دکمه‌های ناوبری (پررنگ‌تر، خواناتر و با استروک قوی‌تر طبق اصول UI/UX) */
.wd-products-nav > div a {
    color: rgb(192, 17, 87) !important;
    background-color: transparent !important;
    border-radius: 15px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 800 !important;
    transform: none !important;
    transition: color 0.2s ease, transform 0.2s ease !important;
}

.wd-products-nav > div a:hover {
    color: rgb(160, 11, 70) !important;
}

.wd-products-nav > div a :is(svg, i, span) {
    display: inline-block !important;
    transform-origin: center center !important;
    transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.4, 1) !important;
    will-change: transform !important;
    stroke-width: 2.2px !important; /* پررنگ‌تر و واضح‌تر شدن خطوط فلش‌ها و مربع */
}

.wd-products-nav > div a:hover :is(svg, i, span) {
    transform: scale(1.15) !important;
}

/* پاپ‌آپ پیش‌نمایش (ایزوله‌سازی لایه گرافیکی و رفع ۱۰۰٪ لرزش ساب‌پیکسلی حروف) */
.wd-products-nav .wd-dropdown {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    border-radius: 16px !important;
    border: 1px solid #f1f1f1 !important;
    padding: 12px 14px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
    direction: rtl !important;
    isolation: isolate !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
    will-change: opacity, transform !important;
}

/* چیدمان منعطف با فاصله متقارن متن از تصویر و حاشیه */
.wd-products-nav .wd-dropdown-inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* تصویر بندانگشتی با ابعاد ثابت */
.wd-products-nav .wd-dropdown .wd-entities-img {
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
    flex: 0 0 60px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.wd-products-nav .wd-dropdown img,
.wd-products-nav .wd-dropdown .wd-entities-img img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 12px !important;
    object-fit: cover !important;
    display: block !important;
}

/* عنوان محصول: کاملاً در مرکز فضای بین تصویر و حاشیه */
.wd-products-nav .wd-dropdown .wd-entities-title {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 auto !important;
    font-size: 14.5px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    text-align: center !important;
    margin: 0 auto 5px auto !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.3 !important;
    display: block !important;
    box-sizing: border-box !important;
    transition: color 0.3s ease-in-out !important;
}

.wd-products-nav .wd-dropdown .wd-entities-title:hover {
    color: rgb(192, 17, 87) !important;
}

/* کانتینر قیمت‌ها: ۱۰۰٪ تراز بر محور عنوان و مرکزچین */
.wd-products-nav .wd-dropdown .price {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 auto !important;
    margin: 0 auto !important;
    gap: 2px !important;
    min-height: 38px !important;
    box-sizing: border-box !important;
}

/* قیمت نهایی برجسته */
.wd-products-nav .wd-dropdown .price > .woocommerce-Price-amount,
.wd-products-nav .wd-dropdown .price > .woocommerce-Price-amount bdi,
.wd-products-nav .wd-dropdown .price ins,
.wd-products-nav .wd-dropdown .price ins .woocommerce-Price-amount,
.wd-products-nav .wd-dropdown .price ins bdi {
    font-size: 17px !important;
    font-weight: 900 !important;
    color: rgb(192, 17, 87) !important;
    font-family: "Vazirmatn", sans-serif !important;
    text-decoration: none !important;
    line-height: 1.2 !important;
    order: 1 !important;
}

/* قیمت خط‌خورده با فونت ۱۲.۵px و چسبندگی کامل پرانتزها */
.wd-products-nav .wd-dropdown .price del,
.wd-products-nav .wd-dropdown .price del bdi {
    order: 2 !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    color: #94a3b8 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: baseline !important;
    justify-content: center !important;
    direction: rtl !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
}

.wd-products-nav .wd-dropdown .price del .woocommerce-Price-currencySymbol {
    margin: 0 !important;
    padding: 0 !important;
    display: inline !important;
    font-size: inherit !important;
    color: inherit !important;
}

.wd-products-nav .wd-dropdown .price del::before {
    content: "(" !important;
    color: #94a3b8 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.wd-products-nav .wd-dropdown .price del .woocommerce-Price-amount,
.wd-products-nav .wd-dropdown .price del .woocommerce-Price-amount bdi {
    color: #94a3b8 !important;
    text-decoration: line-through !important;
    font-size: 12.5px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline !important;
}

.wd-products-nav .wd-dropdown .price del::after {
    content: ")" !important;
    color: #94a3b8 !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* ====================================================================================================
   --------------- #21: Single Product - Core Summary, Swatches, Pricing & Add-To-Cart ---------------
   ==================================================================================================== */

/*--- #21: Single Product - Core Summary, Swatches, Pricing & Add-To-Cart ---*/

/* ۱. عنوان محصول (مشکی ذغالی مدرن و خوانا) */
.summary-inner .product_title {
    color: #0f172a !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    margin-bottom: 6px !important;
    letter-spacing: -0.5px !important;
}

/* ۲. ستاره‌ها و دیدگاه‌ها */
.woocommerce-product-rating {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    margin-bottom: 8px !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

.woocommerce-product-rating .star-rating {
    font-size: 12px !important;
    margin: 0 !important;
}

.woocommerce-product-rating .woocommerce-review-link {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #64748b !important;
    text-decoration: none !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-block !important;
    transition: color 0.2s ease, transform 0.2s ease !important;
    transform-origin: right center !important;
}

.woocommerce-product-rating .woocommerce-review-link:hover {
    color: #C01157 !important;
    transform: scale(1.06) !important;
    text-decoration: none !important;
    background: transparent !important;
}

/* ۳. بج‌های روی تصویر محصول */
.product-images .product-labels {
    top: 18px !important;
    right: 18px !important;
    left: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
    z-index: 5 !important;
    width: auto !important;
}

.product-images .product-labels .product-label {
    min-width: unset !important;
    min-height: unset !important;
    width: auto !important;
    height: auto !important;
    line-height: 1 !important;
    padding: 6px 16px !important;
    font-size: 13.5px !important;
    font-weight: 850 !important;
    font-family: "Vazirmatn", sans-serif !important;
    border-radius: 30px !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12) !important;
    border: none !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    margin: 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

.product-images .product-labels .product-label.onsale {
    background-color: #C01157 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(192, 17, 87, 0.3) !important;
}

.product-images .product-labels .product-label.new {
    background-color: #1e293b !important;
    color: #ffffff !important;
    padding: 6px 18px !important;
    margin: 0 auto !important;
}

.product-images .product-labels .product-label.out-of-stock {
    background-color: #334155 !important;
    color: #ffffff !important;
    padding: 7px 32px !important;
    margin: 0 auto !important;
    font-size: 13px !important;
}

/* ۴. پیام هشدار متنی ناموجود در کنار دکمه‌ها */
.summary-inner p.stock.out-of-stock {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    color: #e11d48 !important;
    background: #fff1f2 !important;
    border: 1px solid #ffe4e6 !important;
    padding: 10px 18px !important;
    border-radius: 12px !important;
    margin: 12px 0 16px 0 !important;
    line-height: 1.5 !important;
    width: fit-content !important;
}

.summary-inner p.stock.out-of-stock::before {
    content: "" !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block !important;
    background-color: #e11d48 !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='10' r='10'/%3E%3Cline x1='12' y1='8' x2='12' y2='12'/%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'/%3E%3C/svg%3E") no-repeat center / contain !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='10' r='10'/%3E%3Cline x1='12' y1='8' x2='12' y2='12'/%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'/%3E%3C/svg%3E") no-repeat center / contain !important;
}

/* ۵. کانتینر قیمت و قیمت اصلی (ایزوله‌سازی رنگ سرخابی به قیمت اصلی بدون سرایت به del) */
.summary-inner .price,
.summary-inner .woocommerce-variation-price .price {
    display: flex !important;
    flex-direction: row !important;
    align-items: baseline !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    margin: 20px 0 16px 0 !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    direction: rtl !important;
    min-height: 38px !important;
}

.summary-inner .price > .woocommerce-Price-amount,
.summary-inner .price > .woocommerce-Price-amount bdi,
.summary-inner .price ins,
.summary-inner .price ins .woocommerce-Price-amount,
.summary-inner .price ins bdi,
.summary-inner .woocommerce-variation-price .price ins,
.summary-inner .woocommerce-variation-price .price ins .woocommerce-Price-amount,
.summary-inner .woocommerce-variation-price .price ins bdi {
    font-size: 28px !important;
    font-weight: 950 !important;
    color: #C01157 !important;
    font-family: "Vazirmatn", sans-serif !important;
    text-decoration: none !important;
    order: 1 !important;
    line-height: 1 !important;
}

/* نماد تومان قیمت اصلی - منحصراً برای قیمت فعال */
.summary-inner .price > .woocommerce-Price-amount .woocommerce-Price-currencySymbol,
.summary-inner .price ins .woocommerce-Price-currencySymbol,
.summary-inner .woocommerce-variation-price .price ins .woocommerce-Price-currencySymbol {
    font-size: 15px !important;
    font-weight: 750 !important;
    color: #C01157 !important;
    margin-right: 0px !important;
    margin-left: 0 !important;
    text-decoration: none !important;
    display: inline-block !important;
}

/* ۶. قیمت خط‌خورده و پاکسازی قطعی خط روی کلمه تومان (برگرفته از بخش ۳۳ با تضمین رنگ طوسی) */
.summary-inner .price del,
.summary-inner .woocommerce-variation-price .price del,
.product-image-summary .price del {
    order: 2 !important;
    display: inline-flex !important;
    align-items: baseline !important;
    direction: rtl !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    text-decoration: line-through !important;
    text-decoration-thickness: 1px !important;
    text-decoration-color: #94a3b8 !important;
    color: #94a3b8 !important;
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 14px !important;
    font-weight: 650 !important;
}

/* حذف هرگونه خطوط و شبه‌عناصر تزئینی اضافی روی تومان */
.summary-inner .price del .woocommerce-Price-currencySymbol::before,
.summary-inner .price del .woocommerce-Price-currencySymbol::after,
.summary-inner .price del *::before,
.summary-inner .price del *::after {
    display: none !important;
    content: none !important;
    border: none !important;
}

/* تثبیت ۱۰۰٪ رنگ طوسی روی کلمه تومان در قیمت خط‌خورده */
.summary-inner .price del .woocommerce-Price-currencySymbol,
.summary-inner .woocommerce-variation-price .price del .woocommerce-Price-currencySymbol {
    color: #94a3b8 !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    text-decoration: inherit !important;
    display: inline !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* پرانتزهای استاندارد دو طرف قیمت خط‌خورده */
.summary-inner .price del::before,
.summary-inner .woocommerce-variation-price .price del::before {
    content: "(" !important;
    color: #94a3b8 !important;
    margin: 0 1px 0 0 !important;
    text-decoration: none !important;
}

.summary-inner .price del::after,
.summary-inner .woocommerce-variation-price .price del::after {
    content: ")" !important;
    color: #94a3b8 !important;
    margin: 0 0 0 1px !important;
    text-decoration: none !important;
}

.summary-inner .price del bdi,
.summary-inner .price del .amount,
.summary-inner .woocommerce-variation-price .price del bdi,
.summary-inner .woocommerce-variation-price .price del .amount {
    text-decoration: inherit !important;
    color: inherit !important;
    font-size: inherit !important;
}

/* ۷. ساختار و چیدمان متغیرها */
.summary-inner form.variations_form table.variations {
    margin-bottom: 6px !important;
    width: 100% !important;
    border: none !important;
}

.summary-inner form.variations_form table.variations tr {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 5px !important;
    margin-bottom: 20px !important;
    border: none !important;
}

.summary-inner form.variations_form table.variations th.label {
    padding: 0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #334155 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    line-height: 1.2 !important;
    margin: 0 !important;
}

.summary-inner form.variations_form table.variations th.label .wd-attr-selected {
    color: #0f172a !important;
    font-weight: 800 !important;
}

.summary-inner form.variations_form table.variations td.value {
    padding: 0 !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
}

@keyframes swatchPop {
    0% { transform: scale(0.95); }
    50% { transform: scale(1.14); }
    100% { transform: scale(1.08); }
}

.summary-inner .wd-swatches-product[data-id="pa_color"] .wd-swatch.wd-bg {
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    border: 2px solid transparent !important;
    padding: 3px !important;
    transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), border-color 0.2s ease !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
}

.summary-inner .wd-swatches-product[data-id="pa_color"] .wd-swatch.wd-bg:hover {
    transform: scale(1.10) !important;
}

.summary-inner .wd-swatches-product[data-id="pa_color"] .wd-swatch.wd-bg .wd-swatch-bg {
    border-radius: 50% !important;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12) !important;
}

.summary-inner .wd-swatches-product[data-id="pa_color"] .wd-swatch.wd-bg.wd-active {
    border-color: #0f172a !important;
    animation: swatchPop 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) forwards !important;
}

.summary-inner .wd-swatches-product[data-id="pa_size"] .wd-swatch.wd-text {
    min-width: 46px !important;
    height: 38px !important;
    padding: 0 14px !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    color: #1e293b !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;
}

.summary-inner .wd-swatches-product[data-id="pa_size"] .wd-swatch.wd-text:hover {
    border-color: #cbd5e1 !important;
    background: #f8fafc !important;
    transform: translateY(-1px) !important;
}

.summary-inner .wd-swatches-product[data-id="pa_size"] .wd-swatch.wd-text.wd-active {
    border-color: #0f172a !important;
    background: #0f172a !important;
    color: #ffffff !important;
    transform: scale(1.04) !important;
}

.summary-inner .wd-reset-var {
    display: inline-flex !important;
    align-items: center !important;
    height: 38px !important;
    margin-right: 6px !important;
}

.summary-inner .wd-reset-var .reset_variations {
    font-size: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 38px !important;
    background: transparent !important;
    border: none !important;
    text-decoration: none !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    box-shadow: none !important;
    transform: translateY(-2px) !important; /* 👈 انتقال ۲ پیکسل به بالا در دسکتاپ */
}

.summary-inner .wd-reset-var .reset_variations::before {
    content: "✕" !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #94a3b8 !important;
    display: inline-block !important;
    line-height: 1 !important;
    backface-visibility: hidden !important;
    -webkit-font-smoothing: antialiased !important;
    transform: translateZ(0) !important;
    transition: color 0.2s ease, transform 0.25s cubic-bezier(0.25, 1, 0.5, 1), font-weight 0.2s ease !important;
    will-change: transform !important;
}

.summary-inner .wd-reset-var .reset_variations:hover::before {
    color: #C01157 !important;
    font-weight: 900 !important;
    transform: scale(1.22) translateZ(0) !important;
}

/* ۸. کانتینر پیام‌ها (Anti-Jitter) */
.summary-inner .single_variation_wrap {
    margin: 0 !important;
    padding: 0 !important;
}

.summary-inner .single_variation {
    margin: 0 !important;
    padding: 0 !important;
    animation: none !important;
    transition: none !important;
}

.summary-inner .single_variation .woocommerce-variation-price {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

.summary-inner .woocommerce-variation-description {
    margin: 0 !important;
    padding: 0 !important;
}

.summary-inner .woocommerce-variation-description p {
    margin: 0 !important;
}

.summary-inner .mk-variation-notice {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    background: rgba(192, 17, 87, 0.05) !important;
    border: 1px solid rgba(192, 17, 87, 0.15) !important;
    padding: 6px 14px !important;
    border-radius: 30px !important;
    color: #C01157 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    font-family: "Vazirmatn", sans-serif !important;
    margin-top: 8px !important;
    margin-bottom: 2px !important;
    box-sizing: border-box !important;
}

.summary-inner .mk-variation-notice svg {
    width: 17px !important;
    height: 17px !important;
    flex-shrink: 0 !important;
    stroke: #C01157 !important;
}

.summary-inner .woocommerce-variation-availability .stock.out-of-stock {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #e11d48 !important;
    background: #fff1f2 !important;
    padding: 6px 14px !important;
    border-radius: 30px !important;
    border: 1px solid #ffe4e6 !important;
    margin-top: 8px !important;
    margin-bottom: 2px !important;
    box-sizing: border-box !important;
}

/* ۹. ردیف خرید و دکمه افزودن به سبد */
.summary-inner form.cart,
.summary-inner .single_variation_wrap .woocommerce-variation-add-to-cart {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    margin-top: 14px !important;
    margin-bottom: 18px !important;
}

.summary-inner form.cart .quantity {
    background-color: #f1f5f9 !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 50px !important;
    height: 48px !important;
    display: inline-flex !important;
    align-items: stretch !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

.summary-inner form.cart .quantity .btn,
.summary-inner form.cart .quantity input[type="button"] {
    width: 42px !important;
    min-width: 42px !important;
    height: 100% !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    color: #334155 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}

.summary-inner form.cart .quantity .btn:hover,
.summary-inner form.cart .quantity input[type="button"]:hover {
    background-color: #C01157 !important;
    color: #ffffff !important;
}

/* --- جایگزین در زیربخش ۹ فایل 04-single-product.css --- */
.summary-inner form.cart .quantity .qty {
    width: 46px !important;
    height: 100% !important;
    border-radius: 0 !important;
    border-top: none !important;
    border-bottom: none !important;
    border-left: 1.5px solid #e2e8f0 !important;
    border-right: 1.5px solid #e2e8f0 !important;
    background: #ffffff !important;
    font-family: 'PixitNum-FaNum', sans-serif !important; /* فونت ارقام فارسی اختصاصی */
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    -moz-appearance: textfield !important; /* اجبار فایرفاکس به عدم استفاده از رندرر سیستمی */
    direction: ltr !important;
}

.summary-inner form.cart .single_add_to_cart_button {
    position: relative !important;
    background-color: #C01157 !important;
    color: #ffffff !important;
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    height: 48px !important;
    padding: 0 38px !important;
    border-radius: 50px !important;
    border: none !important;
    box-shadow: 0 4px 14px rgba(192, 17, 87, 0.22) !important;
    cursor: pointer !important;
    margin: 0 !important;
    /* قفل فونت و لایه در فایرفاکس برای جلوگیری از لرزش متن حین هاور */
    transform: translateZ(0) rotate(0.01deg) !important;
    backface-visibility: hidden !important;
    filter: blur(0px) !important;
    -moz-osx-font-smoothing: grayscale !important;
    transition: background-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.summary-inner form.cart .single_add_to_cart_button:hover {
    background-color: #a00b46 !important;
    box-shadow: 0 8px 22px rgba(192, 17, 87, 0.38) !important;
    transform: translateZ(0) scale(1.02) rotate(0.01deg) !important;
}

/* مخفی شدن کامل متن دکمه و نمایش اسپینر سفید پررنگ و واضح در زمان لودینگ */
.summary-inner form.cart .single_add_to_cart_button.loading {
    color: transparent !important;
    pointer-events: none !important;
}

.summary-inner form.cart .single_add_to_cart_button.loading > * {
    opacity: 0 !important;
}

.summary-inner form.cart .single_add_to_cart_button.loading::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 20px !important;
    height: 20px !important;
    margin-top: -10px !important;
    margin-left: -10px !important;
    border: 2.5px solid rgba(255, 255, 255, 0.32) !important;
    border-top-color: #ffffff !important;
    border-radius: 50% !important;
    animation: wd-rotate 0.6s infinite linear !important;
    opacity: 1 !important;
    visibility: visible !important;
    box-sizing: border-box !important;
}

.summary-inner form.cart .single_add_to_cart_button.disabled,
.summary-inner form.cart .single_add_to_cart_button:disabled,
.summary-inner form.cart .single_add_to_cart_button.wc-variation-is-unavailable,
.summary-inner form.cart .single_add_to_cart_button.wc-variation-selection-needed {
    background-color: #e2e8f0 !important;
    color: #94a3b8 !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
    opacity: 1 !important;
    transform: none !important;
}

.summary-inner form.cart .single_add_to_cart_button.disabled:hover,
.summary-inner form.cart .single_add_to_cart_button:disabled:hover {
    background-color: #e2e8f0 !important;
    box-shadow: none !important;
    transform: none !important;
}

/* ۱۰. پاپ‌آپ وضعیت (Custom Toast) */
.mk-custom-toast {
    position: fixed;
    bottom: 35px;
    left: 50%;
    transform: translateX(-50%) translateY(25px) scale(0.96);
    background: rgba(15, 23, 42, 0.94);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    color: #ffffff;
    padding: 12px 24px;
    border-radius: 50px;
    font-family: "Vazirmatn", sans-serif;
    font-size: 13.5px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.28), 0 0 0 1px rgba(255, 255, 255, 0.08);
    z-index: 999999;
    opacity: 0;
    pointer-events: none;
    direction: rtl;
    transition: opacity 0.45s cubic-bezier(0.16, 1, 0.3, 1), transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}

.mk-custom-toast.show {
    opacity: 1;
    transform: translateX(-50%) translateY(0) scale(1);
}

.mk-custom-toast .mk-toast-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #f43f5e;
    flex-shrink: 0;
}

/* ۱۱. فلش‌های گالری تصویر */
.wd-nav-arrows.wd-thumb-nav.wd-custom-style .wd-btn-arrow,
.wd-nav-arrows.wd-thumb-nav .wd-btn-arrow {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 8px !important;
    color: #475569 !important;
    cursor: pointer !important;
    padding: 0 !important;
    transition: color 0.2s ease, transform 0.2s ease !important;
}

.wd-nav-arrows.wd-thumb-nav .wd-arrow-inner,
.wd-nav-arrows.wd-thumb-nav .wd-btn-arrow::before,
.wd-nav-arrows.wd-thumb-nav .wd-btn-arrow::after {
    background: transparent !important;
    background-color: transparent !important;
    border-color: currentColor !important;
    box-shadow: none !important;
}

.wd-nav-arrows.wd-thumb-nav.wd-custom-style .wd-btn-arrow:hover:not(.wd-disabled),
.wd-nav-arrows.wd-thumb-nav .wd-btn-arrow:hover:not(.wd-disabled) {
    background: transparent !important;
    background-color: transparent !important;
    color: #C01157 !important;
    transform: scale(1.22) !important;
}

.wd-nav-arrows.wd-thumb-nav .wd-btn-arrow:hover:not(.wd-disabled) .wd-arrow-inner {
    border-color: #C01157 !important;
    color: #C01157 !important;
}

.wd-nav-arrows.wd-thumb-nav .wd-btn-arrow.wd-disabled {
    opacity: 0.25 !important;
    cursor: not-allowed !important;
    transform: none !important;
}


/* ====================================================================================================
   ------------------------ #22: Single Product - Photon Tabs & Reviews Layout ------------------------
   ==================================================================================================== */

/*--- #22: Single Product - Photon Tabs & Reviews Layout ---*/

/* تب‌های فایرفاکس فوتون */
.product-tabs-wrapper {
    margin-top: 50px !important;
    padding-top: 0 !important;
    border: none !important;
    background: transparent !important;
}

.product-tabs-wrapper .container,
.product-tabs-wrapper .product-tabs-inner,
.product-tabs-wrapper .woocommerce-tabs {
    border: none !important;
    box-shadow: none !important;
}

.product-tabs-wrapper .wd-style-underline-reverse:before,
.product-tabs-wrapper .wd-style-underline-reverse:after,
.product-tabs-wrapper .wd-style-underline-reverse > li:before,
.product-tabs-wrapper .wd-style-underline-reverse > li:after,
.product-tabs-wrapper .wd-style-underline-reverse > li > a:before,
.product-tabs-wrapper .wd-style-underline-reverse > li > a:after {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
}

.product-tabs-wrapper .wd-nav-tabs-wrapper {
    position: relative !important;
    margin-bottom: 5px !important;
    border: none !important;
    box-shadow: none !important;
    display: flex !important;
    justify-content: center !important;
}

.product-tabs-wrapper .wd-nav-tabs-wrapper::before {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 100vw !important;
    height: 1px !important;
    background-color: #e2e8f0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

.product-tabs-wrapper .wd-nav-tabs {
    position: relative !important;
    z-index: 2 !important;
    display: inline-flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    gap: 6px !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    bottom: 0 !important;
}

.product-tabs-wrapper .wd-nav-tabs > li {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    position: relative !important;
}

.product-tabs-wrapper .wd-nav-tabs > li > a {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 24px !important;
    border-radius: 6px 6px 0 0 !important;
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    color: #50505a !important;
    background-color: transparent !important;
    border: 1px solid transparent !important;
    border-bottom: none !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: background-color 0.15s ease, color 0.15s ease !important;
}

.product-tabs-wrapper .wd-nav-tabs > li .nav-link-text {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.product-tabs-wrapper .wd-nav-tabs > li.description_tab .nav-link-text::before,
.product-tabs-wrapper .wd-nav-tabs > li.tab-title-description .nav-link-text::before {
    content: "" !important;
    display: inline-block !important;
    width: 17px !important;
    height: 17px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'%3E%3C/path%3E%3Cpolyline points='14 2 14 8 20 8'%3E%3C/polyline%3E%3Cline x1='16' y1='13' x2='8' y2='13'%3E%3C/line%3E%3Cline x1='16' y1='17' x2='8' y2='17'%3E%3C/line%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.product-tabs-wrapper .wd-nav-tabs > li.additional_information_tab .nav-link-text::before,
.product-tabs-wrapper .wd-nav-tabs > li.tab-title-additional_information .nav-link-text::before {
    content: "" !important;
    display: inline-block !important;
    width: 17px !important;
    height: 17px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='8' y1='6' x2='21' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='12' x2='21' y2='12'%3E%3C/line%3E%3Cline x1='8' y1='18' x2='21' y2='18'%3E%3C/line%3E%3Cline x1='3' y1='6' x2='3.01' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='12' x2='3.01' y2='12'%3E%3C/line%3E%3Cline x1='3' y1='18' x2='3.01' y2='18'%3E%3C/line%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.product-tabs-wrapper .wd-nav-tabs > li.reviews_tab .nav-link-text::before,
.product-tabs-wrapper .wd-nav-tabs > li.tab-title-reviews .nav-link-text::before {
    content: "" !important;
    display: inline-block !important;
    width: 17px !important;
    height: 17px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'%3E%3C/path%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.product-tabs-wrapper .wd-nav-tabs > li.wd_additional_tab_tab .nav-link-text::before,
.product-tabs-wrapper .wd-nav-tabs > li.tab-title-wd_additional_tab .nav-link-text::before {
    content: "" !important;
    display: inline-block !important;
    width: 17px !important;
    height: 17px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='3' width='15' height='13'%3E%3C/rect%3E%3Cpolygon points='16 8 20 8 23 11 23 16 16 16 16 8'%3E%3C/polygon%3E%3Ccircle cx='5.5' cy='18.5' r='2.5'%3E%3C/circle%3E%3Ccircle cx='18.5' cy='18.5' r='2.5'%3E%3C/circle%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.product-tabs-wrapper .wd-nav-tabs > li:not(.active) > a:hover {
    background-color: #ededf0 !important;
    color: #0c0c0d !important;
}

.product-tabs-wrapper .wd-nav-tabs > li.active > a {
    background-color: #ffffff !important;
    color: #0c0c0d !important;
    font-weight: 800 !important;
    border: 1.5px solid #C01157 !important;
    border-bottom: 2.5px solid #ffffff !important;
    margin-bottom: -1px !important;
    box-shadow: 0 -3px 8px rgba(192, 17, 87, 0.08) !important;
}

.product-tabs-wrapper .wd-nav-tabs > li.active > a::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: -1.5px !important;
    left: -1.5px !important;
    right: -1.5px !important;
    height: 3px !important;
    background-color: #C01157 !important;
    border-radius: 6px 6px 0 0 !important;
    box-shadow: 0 1px 4px rgba(192, 17, 87, 0.2) !important;
}

.product-tabs-wrapper .entry-content.woocommerce-Tabs-panel {
    font-family: "Vazirmatn", sans-serif !important;
    line-height: 1.95 !important;
    color: #2b2b2f !important;
    font-size: 14.5px !important;
    padding: 15px 0 0px 0 !important;
    margin-bottom: -15px !important;
}

.product-tabs-wrapper .entry-content.woocommerce-Tabs-panel p {
    margin-bottom: 10px !important;
}

.product-tabs-wrapper .entry-content.woocommerce-Tabs-panel p:last-child,
.product-tabs-wrapper #reviews,
.product-tabs-wrapper #comments,
.product-tabs-wrapper .commentlist {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* عکس سوم: کاهش فاصله عمودی آخرین باکس دیدگاه تا خط جداکننده زیرین به نصف حالت قبل */
.woocommerce-Reviews .commentlist li.review:last-child,
.woocommerce-Reviews .commentlist li:last-child {
    margin-bottom: 0 !important;
}

.related-and-upsells,
.container.related-and-upsells,
.product-tabs-wrapper + .container {
    position: relative !important;
    border-top: none !important;
    margin-top: 11px !important; /* 👈 کاهش یافته به نصف مقدار قبل (22px به 11px) */
    padding-top: 11px !important; /* 👈 کاهش یافته به نصف مقدار قبل */
}

.related-products .slider-title,
.related-and-upsells .element-title,
.related-and-upsells .wd-el-title {
    color: #0f172a !important;
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 20px !important;
    font-weight: 850 !important;
    margin-bottom: 20px !important;
    text-align: right !important;
}

.related-and-upsells::before,
.container.related-and-upsells::before,
.product-tabs-wrapper + .container::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 100vw !important;
    height: 1px !important;
    background-color: #e2e8f0 !important;
    pointer-events: none !important;
}

/* ==========================================================================
   مدیریت متمرکز و جامع دیدگاه‌ها (کارت‌ها، ساختار ۲ ستونه دسکتاپ و رسپانسیو)
   ========================================================================== */

/* ۱. بازطراحی عنوان دیدگاه‌ها */
.woocommerce-Reviews .wd-reviews-heading,
.woocommerce-Reviews .wd-reviews-tools,
.woocommerce-Reviews .woocommerce-Reviews-title {
    text-align: center !important;
    justify-content: center !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 auto 5px auto !important;
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    color: #1e293b !important;
    letter-spacing: -0.2px !important;
}

.woocommerce-Reviews .woocommerce-Reviews-title::before {
    content: '' !important;
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    background-color: #C01157 !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E") no-repeat center / contain !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E") no-repeat center / contain !important;
    flex-shrink: 0 !important;
}

.woocommerce-Reviews .woocommerce-Reviews-title span {
    color: #C01157 !important;
    font-weight: 900 !important;
    margin-right: 6px !important;
    margin-left: 2px !important;
    display: inline-block !important;
}

/* ۲. بدنه کارت دیدگاه */
.woocommerce-Reviews .commentlist li .comment_container {
    position: relative !important;
    display: block !important;
    padding: 10px 10px 10px 10px !important;
    box-sizing: border-box !important;
    direction: rtl !important;
    width: 100% !important;
    background: #ffffff !important;
}

/* ۳. پاکسازی شبه‌عنصرهای تداخلی والد */
.woocommerce-Reviews .commentlist li .comment_container::before,
.woocommerce-Reviews .commentlist li .comment_container::after,
.woocommerce-Reviews .commentlist li::before,
.woocommerce-Reviews .commentlist li::after {
    display: none !important;
    content: none !important;
}

/* ۴. عکس کاربر: گوشه راست در ارتفاع ۱۰px با ابعاد ۴۴px */
.woocommerce-Reviews .commentlist .mika-wc-avatar-box {
    position: absolute !important;
    top: 10px !important;
    right: 14px !important;
    width: 44px !important;
    height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 2 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce-Reviews .commentlist .mika-wc-avatar-box svg {
    width: 44px !important;
    height: 44px !important;
    display: block !important;
}

/* ۵. کانتینر محتوا: ۱۰۰٪ عرض کامل comment_container */
.woocommerce-Reviews .commentlist .comment-text {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    grid-template-rows: 20px 20px auto !important;
    row-gap: 4px !important;
    column-gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.woocommerce-Reviews .commentlist .comment-text .meta {
    display: contents !important;
}

/* ۶. حذف کامل آیکون سبد خرید */
.woocommerce-Reviews .commentlist .wd-review-icon,
.woocommerce-Reviews .commentlist .woocommerce-review__verified::after {
    display: none !important;
    content: none !important;
}

/* ۷. ستون اول هدر: نام کاربر */
.woocommerce-Reviews .commentlist .woocommerce-review__author {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: center !important;
    align-self: center !important;
    text-align: center !important;
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    color: #0f172a !important;
    line-height: 1 !important;
    margin: 0 52px 0 0 !important;
    white-space: nowrap !important;
}

/* ۸. ستون اول هدر: ستاره‌های امتیاز */
.woocommerce-Reviews .commentlist .star-rating {
    grid-column: 1 !important;
    grid-row: 2 !important;
    justify-self: center !important;
    align-self: center !important;
    margin: 0 52px 0 0 !important;
    font-size: 12px !important;
    line-height: 1 !important;
}

/* ۹. ستون سوم هدر: کپسول صورتی تاریخ */
.woocommerce-Reviews .commentlist time,
.woocommerce-Reviews .commentlist .woocommerce-review__published-date {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: center !important;
    align-self: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 86px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    color: #C01157 !important;
    background: #fff1f6 !important;
    border: 1px solid rgba(192, 17, 87, 0.22) !important;
    border-radius: 20px !important;
    padding: 2px 10px !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
    margin: 0 !important;
}

/* ۱۰. ستون سوم هدر: تایید خرید با تیک سبز */
.woocommerce-Reviews .commentlist .woocommerce-review__verified {
    grid-column: 3 !important;
    grid-row: 2 !important;
    justify-self: center !important;
    align-self: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 86px !important;
    gap: 4px !important;
    font-style: normal !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    color: #0d9488 !important;
    background: #f0fdfa !important;
    border: 1px solid #ccfbf1 !important;
    border-radius: 20px !important;
    padding: 2px 10px !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
    margin: 0 !important;
}

.woocommerce-Reviews .commentlist .woocommerce-review__verified::before {
    content: '✓' !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    color: #0d9488 !important;
    display: inline-block !important;
    line-height: 1 !important;
}

.woocommerce-Reviews .commentlist .woocommerce-review__dash {
    display: none !important;
}

/* ۱۱. ردیف دیدگاه: تراز مرکز و میزبانی آیکون نقل‌قول */
.woocommerce-Reviews .commentlist .description {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    min-width: 0 !important;
    width: 100% !important;
    margin: 16px auto 0 auto !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 1 !important;
}

.woocommerce-Reviews .commentlist .description::before {
    content: "“" !important;
    font-family: Georgia, serif, "Vazirmatn" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    font-size: 65px !important;
    line-height: 1 !important;
    color: rgba(148, 163, 184, .09) !important;
    pointer-events: none !important;
    z-index: 0 !important;
    user-select: none !important;
}

.woocommerce-Reviews .commentlist .description p {
    text-align: justify !important;
    text-justify: inter-word !important;
    text-align-last: center !important;
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 13.5px !important;
    line-height: 1.95 !important;
    color: #334155 !important;
    font-weight: 550 !important;
    margin: 0 !important;
    word-break: break-word !important;
    position: relative !important;
    z-index: 1 !important;
}

/* ==========================================================================
   ۱۱-۲. استایل اختصاصی و تک‌لایه «پاسخ مدیر فروشگاه» (بدون باکس اضافه و هم‌تراز با تاریخ)
   ========================================================================== */

/* ۱. حذف کامل خط جداکننده چسبیده بالا و حذف باکس سفید اضافی قالب روی ul.children و li */
.woocommerce-Reviews .commentlist ul.children {
    list-style: none !important;
    margin: 14px 0 0 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    position: relative !important;
}

.woocommerce-Reviews .commentlist ul.children li,
.woocommerce-Reviews .commentlist ul.children li.comment {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 0 10px 0 !important;
}

.woocommerce-Reviews .commentlist ul.children li:last-child {
    margin-bottom: 0 !important;
}

/* ۲. کارت یگانه پاسخ مدیریت با گرادیانت لطیف یاقوتی و خط عمودی راست */
.woocommerce-Reviews .commentlist ul.children li .comment_container {
    background: linear-gradient(135deg, #fff9fb 0%, #fff0f5 100%) !important;
    border: 1px solid #fbcfe8 !important;
    border-right: 4px solid #C01157 !important;
    border-radius: 18px 6px 18px 6px !important;
    padding: 12px 14px !important;
    box-shadow: 0 4px 14px rgba(192, 17, 87, 0.05) !important;
}

/* ۳. چیدمان تک‌خطی هدر پاسخ مدیریت (عنوان مدیریت و تاریخ دقیقاً در یک خط افقی) */
.woocommerce-Reviews .commentlist ul.children .comment-text {
    grid-template-rows: 38px auto !important;
    align-items: center !important;
}

/* ۴. آواتار رسمی «تاج مدیریت میکا» */
.woocommerce-Reviews .commentlist ul.children .mika-wc-avatar-box svg {
    display: none !important;
}

.woocommerce-Reviews .commentlist ul.children .mika-wc-avatar-box {
    top: 11px !important;
    right: 14px !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 13px 4px 13px 4px !important;
    background: linear-gradient(135deg, #C01157 0%, #700630 100%) !important;
    box-shadow: 0 4px 10px rgba(192, 17, 87, 0.25) !important;
    border: 1.5px solid #ffffff !important;
}

.woocommerce-Reviews .commentlist ul.children .mika-wc-avatar-box::before {
    content: '' !important;
    width: 20px !important;
    height: 20px !important;
    display: block !important;
    background-color: #ffffff !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 4l3 12h14l3-12-6 7-4-7-4 7-6-7zm3 16h14'/%3E%3C/svg%3E") no-repeat center / contain !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 4l3 12h14l3-12-6 7-4-7-4 7-6-7zm3 16h14'/%3E%3C/svg%3E") no-repeat center / contain !important;
}

/* ۵. حذف ستاره و تگ خرید تایید شده در پاسخ مدیر */
.woocommerce-Reviews .commentlist ul.children .star-rating,
.woocommerce-Reviews .commentlist ul.children .woocommerce-review__verified {
    display: none !important;
}

/* ۶. جایگزینی نام شخصی مدیر با عنوان رسمی «پشتیبانی و مدیریت میکا» هم‌تراز با تاریخ */
.woocommerce-Reviews .commentlist ul.children .woocommerce-review__author {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
    margin: 0 48px 0 0 !important;
    font-size: 0 !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.woocommerce-Reviews .commentlist ul.children .woocommerce-review__author::after {
    content: "✦ پشتیبانی و مدیریت میکا" !important;
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    color: #C01157 !important;
    background: rgba(192, 17, 87, 0.09) !important;
    border: 1px solid rgba(192, 17, 87, 0.2) !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    line-height: 1.3 !important;
}

/* ۷. کپسول تاریخ دقیقاً در همان سطر اول و هم‌تراز با عنوان مدیریت */
.woocommerce-Reviews .commentlist ul.children time,
.woocommerce-Reviews .commentlist ul.children .woocommerce-review__published-date {
    grid-column: 3 !important;
    grid-row: 1 !important;
    align-self: center !important;
    background: #ffffff !important;
}

/* ۸. متن پاسخ مدیریت در سطر دوم */
.woocommerce-Reviews .commentlist ul.children .description {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    margin: 10px auto 2px auto !important;
}

/* ۱۲. ساختار ۲ ستونه دسکتاپ و هم‌ترازی قطعی لبه بالای باکس ورود */
@media (min-width: 1025px) {
    .woocommerce-Reviews,
    div#reviews.woocommerce-Reviews {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 0 !important;
        width: 100% !important;
        align-items: flex-start !important;
        direction: rtl !important;
    }

    .woocommerce-Reviews > div,
    .woocommerce-Reviews > p,
    .wd-single-reviews.wd-layout-two-column .woocommerce-Reviews > :is(div, p) {
        flex-basis: auto !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    div#reviews.woocommerce-Reviews #review_form_wrapper,
    .woocommerce-Reviews #review_form_wrapper {
        padding-left: 30px !important;
        padding-right: 0 !important;
        margin-top: 50px !important; /* 👈 تراز میلی‌متری با لبه اولین باکس دیدگاه */
        border-left: 1px solid rgba(192, 17, 87, 0.12) !important;
        border-right: none !important;
        box-sizing: border-box !important;
    }

    div#reviews.woocommerce-Reviews #review_form_wrapper #respond,
    .woocommerce-Reviews #review_form_wrapper #respond {
        min-height: auto !important;
        height: auto !important;
        margin-top: 0 !important;
    }

    .woocommerce-Reviews #comments,
    .woocommerce-Reviews .wd-reviews-content {
        padding-right: 15px !important;
        padding-left: 0 !important;
        border: none !important;
        margin: 0 !important;
    }

    #commentform #submit {
        float: left !important;
        margin-top: 15px !important;
    }
}

/* ۱۳. ساختار تک‌ستونه تبلت و موبایل */
@media (max-width: 1024px) {
    /* بازنشانی کانتینرهای آکاردئون جهت حذف هرگونه ارتفاع اضافه */
    .product-tabs-wrapper .entry-content.woocommerce-Tabs-panel,
    .product-tabs-wrapper .wd-accordion-content,
    .woocommerce-Tabs-panel--reviews,
    #tab-reviews {
        padding-top: 0 !important;
        margin-top: 0 !important;
        min-height: 0 !important;
        height: auto !important;
    }

    .product-tabs-wrapper .wd-accordion-title {
        margin-bottom: 0 !important;
    }

    /* کانتینر اصلی دیدگاه‌ها به‌صورت فلکس ستونی */
    .woocommerce-Reviews,
    div#reviews.woocommerce-Reviews {
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: stretch !important;
        min-height: 0 !important;
        height: auto !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        box-sizing: border-box !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    /* خنثی‌سازی کامل استایل اینلاین margin-top: 160px وودمارت از طریق display: contents */
    div#reviews.woocommerce-Reviews #review_form_wrapper,
    .woocommerce-Reviews #review_form_wrapper,
    #review_form_wrapper {
        display: contents !important; /* 👈 تمام مارجین‌های اینلاین تزریق‌شده توسط قالب بی‌اثر می‌شوند */
    }

    /* انتقال استایل و اولویت باکس ورود به فرزند مستقیم جهت قرارگیری در بالا */
    #review_form_wrapper #review_form,
    #review_form_wrapper #respond {
        order: 1 !important; /* 👈 قرارگیری قطعی در بالای بخش نظرات */
        margin-top: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    #review_form_wrapper #review_form {
        border-bottom: 1px solid rgba(192, 17, 87, 0.12) !important;
        padding-bottom: 10px !important;
        margin-bottom: 0 !important;
    }

    div#reviews.woocommerce-Reviews #review_form_wrapper #respond,
    .woocommerce-Reviews #review_form_wrapper #respond,
    #review_form_wrapper #respond {
        min-height: auto !important;
        height: auto !important;
        padding: 14px 10px !important;
    }

    /* حذف فاصله‌ها و پدینگ‌های مزاحم وودمارت در بالای عبارت دیدگاه‌ها */
    .woocommerce-Reviews #comments,
    .woocommerce-Reviews .wd-reviews-heading,
    .woocommerce-Reviews .wd-reviews-tools,
    .woocommerce-Reviews .wd-reviews-content {
        order: 2 !important; /* 👈 نمایش لیست نظرات پس از باکس ورود */
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* ایجاد فاصله کاملاً متقارن و یکسان در بالا و پایین عبارت تعداد دیدگاه */
    .woocommerce-Reviews .woocommerce-Reviews-title {
       margin: -20px auto 15px auto !important; /* 👈 ۱۲ پیکسل از بالا (خط جداکننده) و ۱۲ پیکسل تا باکس اول دیدگاه */
        padding: 0 !important;
    }

    .woocommerce-Reviews .commentlist li.review,
    .woocommerce-Reviews .commentlist li {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 14px !important;
        box-sizing: border-box !important;
    }

    .woocommerce-Reviews .commentlist li.review:last-child {
        margin-bottom: 0 !important;
    }
}

/* ۱۴. پیام ورود به حساب کاربری */
.woocommerce-Reviews .must-log-in,
#review_form_wrapper .must-log-in {
    white-space: nowrap !important;
    text-align: center !important;
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    width: 100% !important;
    border: none !important;
    text-decoration: none !important;
}

.woocommerce-Reviews .must-log-in a,
#review_form_wrapper .must-log-in a {
    color: #C01157 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    border-bottom: 1.5px dashed #C01157 !important;
    padding-bottom: 2px !important;
}

@media (max-width: 480px) {
    .woocommerce-Reviews .must-log-in,
    #review_form_wrapper .must-log-in {
        font-size: 11.5px !important;
        letter-spacing: -0.2px !important;
    }
    .woocommerce-Reviews .must-log-in a,
    #review_form_wrapper .must-log-in a {
        font-size: 12.5px !important;
    }
}

/* ۱۵. هماهنگ‌سازی املای عناوین فرم دیدگاه */
#review_form .comment-form-rating {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 14px !important;
}

#review_form .comment-form-rating label,
#review_form .comment-form-comment label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 800 !important;
    color: #1e293b !important;
    margin: 0 !important;
    line-height: 1 !important;
    direction: rtl !important;
}

#review_form .comment-form-rating label::after {
    content: ":" !important;
    font-size: 13.5px !important;
    font-weight: 800 !important;
    color: #1e293b !important;
    order: 1 !important;
}

#review_form .comment-form-comment label {
    margin-bottom: 8px !important;
}

#review_form .comment-form-rating label .required,
#review_form .comment-form-comment label .required {
    color: #ef4444 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    order: 2 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-decoration: none !important;
}



/* ====================================================================================================
   ------------------ #24: Single Product - Responsive Breakpoints & Accordion Tabs -------------------
   ==================================================================================================== */

/*--- #24: Single Product - Responsive Breakpoints & Accordion Tabs ---*/


/* ==========================================================================
   ۲. تنظیمات اختصاصی و تجمیع‌شده دسکتاپ (@media min-width: 1025px)
   ========================================================================== */
@media (min-width: 1025px) {
    
    /* استایل، وزن فونت و افکت هاور مسیر راهنما (Breadcrumbs) در دسکتاپ */
    .single-breadcrumbs-wrapper .woocommerce-breadcrumb {
        font-size: 13px !important;
        font-weight: 600 !important;
        color: #64748b !important;
        line-height: 1.5 !important;
        margin: 0 !important;
    }

    .single-breadcrumbs-wrapper .woocommerce-breadcrumb a {
        color: #64748b !important;
        font-weight: 600 !important;
        text-decoration: none !important;
        transition: color 0.2s ease !important;
    }

    .single-breadcrumbs-wrapper .woocommerce-breadcrumb a:hover {
        color: #C01157 !important;
        text-decoration: none !important;
    }

    /* تیره‌تر بودن نام محصول در انتهای مسیر جهت تمایز و خوانایی بهتر در دسکتاپ */
    .single-breadcrumbs-wrapper .woocommerce-breadcrumb .breadcrumb-last,
    .single-breadcrumbs-wrapper .woocommerce-breadcrumb .last {
        color: #0f172a !important;
        font-weight: 700 !important;
    }
    
    /* پدینگ تب‌ها و هاور محصولات مشابه در دسکتاپ */
    .product-tabs-wrapper,
    div.product-tabs-wrapper,
    .woocommerce-tabs,
    .tabs-layout-tabs {
        padding-bottom: 10px !important;
    }
    
    .related-products,
    .related.products,
    .container.related-and-upsells {
        margin-top: 15px !important;
    }

        /* کانتینر دات‌های گالری در دسکتاپ */
        .woocommerce-product-gallery .wd-nav-pagin-wrap {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 12px !important;
    margin-bottom: 12px !important;
    z-index: 2 !important;
    overflow: visible !important;
}


    /* حذف محدودیت عرض و مختصات متغیر Swiper */
.woocommerce-product-gallery .wd-nav-pagin {
    width: auto !important;
    max-width: 100% !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    overflow: visible !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* نمایش دائمی و برابر تمام آیتم‌های دات بدون جابجایی */
.woocommerce-product-gallery .wd-nav-pagin .wd-nav-pagin-item {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* دات‌های عادی گالری دسکتاپ (دایره خاکستری ملایم ۸px) */
.woocommerce-product-gallery .wd-nav-pagin .wd-nav-pagin-item span,
.woocommerce-product-gallery .swiper-pagination-bullet {
    display: block !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background-color: #cbd5e1 !important;
    border: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
    transform: scale(1) !important; /* جلوگیری از اسکیل مخفی‌کننده اسکریپت */
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-sizing: border-box !important;
}

/* دات فعال گالری دسکتاپ: کپسول کشیده ۲۴px سرخابی */
.woocommerce-product-gallery .wd-nav-pagin .wd-nav-pagin-item.wd-active span,
.woocommerce-product-gallery .swiper-pagination-bullet-active {
    width: 24px !important;
    height: 8px !important;
    border-radius: 10px !important;
    background-color: #C01157 !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(192, 17, 87, 0.35) !important;
    transform: scale(1) !important;
}
    
    
    
}

/* ==========================================================================
   ۳. تنظیمات جامع، تمام‌عرض و مرکزچین رسپانسیو و موبایل (Mobile & Tablet)
   ========================================================================== */
@media (max-width: 1024px) {


/* الف) گالری تصاویر محصول */
    .woocommerce-product-gallery .woocommerce-product-gallery__image img {
        max-height: none !important;
        width: 100% !important;
        height: auto !important;
        border-radius: 20px !important;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
    }

    .woocommerce-product-gallery .wd-nav-pagin-wrap {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        margin-top: 8px !important;
        margin-bottom: 8px !important;
        z-index: 2 !important;
    }

    /* ==========================================================================
   کانتینر و دات‌های پایدار گالری در موبایل و تبلت (ثبات کامل تعداد دات‌ها)
   ========================================================================== */

.woocommerce-product-gallery .wd-nav-pagin-wrap {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 8px !important;
    margin-bottom: 8px !important;
    z-index: 2 !important;
    overflow: visible !important;
}

/* لغو عرض و موقعیت داینامیک در موبایل */
.woocommerce-product-gallery .wd-nav-pagin {
    width: auto !important;
    max-width: 100% !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    overflow: visible !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

.woocommerce-product-gallery .wd-nav-pagin .wd-nav-pagin-item {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* دات‌های عادی گالری در موبایل */
.woocommerce-product-gallery .wd-nav-pagin .wd-nav-pagin-item span,
.woocommerce-product-gallery .swiper-pagination-bullet {
    display: block !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background-color: #cbd5e1 !important;
    border: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
    transform: scale(1) !important;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-sizing: border-box !important;
}

/* دات فعال گالری در موبایل */
.woocommerce-product-gallery .wd-nav-pagin .wd-nav-pagin-item.wd-active span,
.woocommerce-product-gallery .swiper-pagination-bullet-active {
    width: 24px !important;
    height: 8px !important;
    border-radius: 10px !important;
    background-color: #C01157 !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(192, 17, 87, 0.35) !important;
    transform: scale(1) !important;
}

    /* کانتینر اصلی تامبنیل‌ها */
    .woocommerce-product-gallery .wd-gallery-thumb {
        position: relative !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        width: 100% !important;
    }

    /* لایه والد تمام‌عرض جهت آزادسازی محور فلش‌ها */
    .woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-inner {
        position: relative !important;
        overflow: visible !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    /* گسترش متقارن کادر اسلایدر تا ۳۳۶px در مرکز دو فلش + هاله نرم */
    .woocommerce-product-gallery .wd-gallery-thumb .wd-carousel {
        width: calc(100% - 56px) !important; /* ایجاد حاشیه امن ۲۸px از هر طرف برای استقرار بدون برخورد فلش‌ها */
        max-width: 336px !important;         /* گسترش متقارن محدوده برای نمایش ۵ عکس با فواصل بازتر */
        margin: 0 auto !important;          /* سنتر ۱۰۰٪ ریاضی بین دو فلش */
        overflow: hidden !important;
        position: relative !important;
        -webkit-mask-image: linear-gradient(
            to right,
            transparent 0%,
            rgba(0, 0, 0, 0.3) 6px,
            #000000 16px,
            #000000 calc(100% - 16px),
            rgba(0, 0, 0, 0.3) calc(100% - 6px),
            transparent 100%
        ) !important;
        mask-image: linear-gradient(
            to right,
            transparent 0%,
            rgba(0, 0, 0, 0.3) 6px,
            #000000 16px,
            #000000 calc(100% - 16px),
            rgba(0, 0, 0, 0.3) calc(100% - 6px),
            transparent 100%
        ) !important;
    }

    .woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-wrap {
        display: flex !important;
        align-items: center !important;
        box-sizing: border-box !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* افزایش ملایم فاصله بین تصاویر به ۱۲ پیکسل خالص (margin: 0 6px) */
    .woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item {
        width: 54px !important;
        height: 54px !important;
        min-width: 54px !important;
        max-width: 54px !important;
        flex: 0 0 54px !important;
        aspect-ratio: 1 / 1 !important;
        border-radius: 12px !important;
        border: 1.5px solid #e2e8f0 !important;
        background-color: #ffffff !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        padding: 0 !important;
        margin: 0 6px !important; /* فاصله بازتر و دلپذیر ۱۲ پیکسلی بین هر دو عکس */
        cursor: pointer !important;
        pointer-events: auto !important;
        opacity: 1 !important;
        transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
    }

    /* شفافیت ۱۰۰٪ برای عکس‌های عادی */
    .woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item img {
        width: 100% !important;
        height: 100% !important;
        aspect-ratio: 1 / 1 !important;
        object-fit: cover !important;
        object-position: center center !important;
        border-radius: 10px !important;
        border: none !important;
        display: block !important;
        margin: 0 !important;
        pointer-events: none !important;
        opacity: 1 !important;
        transition: opacity 0.2s ease !important;
    }

    /* حاشیه عکس فعال با اوپاسیتی و برجستگی ۱۰۰٪ */
    .woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item.wd-thumb-active,
    .woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item.swiper-slide-thumb-active,
    .woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item.active-thumb,
    .woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item[class*="thumb-active"] {
        border-color: #C01157 !important;
        border-width: 2px !important;
        box-shadow: 0 2px 10px rgba(192, 17, 87, 0.28) !important;
        opacity: 1 !important;
    }

    /* عکس تامبنیل فعال: کاهش ملایم شفافیت جهت تمایز */
    .woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item.wd-thumb-active img,
    .woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item.swiper-slide-thumb-active img,
    .woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item.active-thumb img,
    .woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item[class*="thumb-active"] img {
        opacity: 0.82 !important;
    }

    /* استقرار متقارن فلش‌ها دقیقاً در دو سمت ردیف */
    .woocommerce-product-gallery .wd-gallery-thumb .wd-nav-arrows {
        position: absolute !important;
        top: 50% !important;
        left: 0 !important;
        right: 0 !important;
        transform: translateY(-50%) !important;
        width: 100% !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        pointer-events: none !important;
        z-index: 10 !important;
    }

    /* بازگشت هاور و کلیک فلش‌ها به حالت پیش‌فرض و تثبیت تراز عمودی بدون پرش */
    .woocommerce-product-gallery .wd-gallery-thumb .wd-nav-arrows .wd-btn-arrow {
        pointer-events: auto !important;
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        margin: 0 !important;
        transition: opacity 0.2s ease, color 0.2s ease !important;
    }

    .woocommerce-product-gallery .wd-gallery-thumb .wd-nav-arrows .wd-btn-arrow:hover:not(.wd-disabled) {
        transform: translateY(-50%) !important; /* حفظ دقیق محور بدون پرش اسکیل */
        color: #0f172a !important;            /* رنگ استاندارد هاور وودمارت */
        opacity: 1 !important;
    }

    .woocommerce-product-gallery .wd-gallery-thumb .wd-nav-arrows .wd-btn-arrow:active:not(.wd-disabled) {
        transform: translateY(-50%) !important;
        opacity: 0.6 !important;
    }

    /* فلش چپ: دکمه بعدی (Next) با نوک رو به چپ < مطابق عکس اصلی */
    .woocommerce-product-gallery .wd-gallery-thumb .wd-nav-arrows .wd-next {
        left: 0px !important;
        right: auto !important;
    }

    /* فلش راست: دکمه قبلی (Prev) با نوک رو به راست > مطابق عکس اصلی */
    .woocommerce-product-gallery .wd-gallery-thumb .wd-nav-arrows .wd-prev {
        right: 0px !important;
        left: auto !important;
    }
    
    /* ب) چیدمان مسیر راهنما و دکمه‌های ناوبری */
    .single-breadcrumbs-wrapper .container {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
        width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        box-sizing: border-box !important;
    }

    .single-breadcrumbs-wrapper .woocommerce-breadcrumb {
        flex: 1 1 auto !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        color: #64748b !important;
        text-align: right !important;
        margin: 0 !important;
        line-height: 1.4 !important;
    }

    .single-breadcrumbs-wrapper .woocommerce-breadcrumb a {
        color: #64748b !important;
        font-weight: 600 !important;
        text-decoration: none !important;
        transition: color 0.2s ease !important;
    }

    .single-breadcrumbs-wrapper .woocommerce-breadcrumb a:hover {
        color: #C01157 !important;
    }

/*--- تراز دقیق و میکرومتری مرکز مربع با مرکز عدد بج تخفیف در موبایل ---*/
    .single-breadcrumbs-wrapper .wd-products-nav {
        flex: 0 0 auto !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 5px !important; /* تقارن و فاصله فشرده یکسان هر دو فلش تا مربع */
        margin: 0 !important;
        padding: 0 !important;
        transform: translateX(3px) !important; /* 👈 انتقال دقیق به راست جهت انطباق ۱۰۰٪ بر مرکز عدد ۴۹ */
    }

    /* حذف هرگونه فضای اضافی داخل دکمه‌ها جهت تقارن بی‌نقص */
    .single-breadcrumbs-wrapper .wd-products-nav > div {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .single-breadcrumbs-wrapper .wd-products-nav > div a,
    .single-breadcrumbs-wrapper .wd-products-nav .wd-product-nav-btn {
        width: 18px !important;   /* ابعاد کاملاً برابر برای تضمین قرارگیری مربع در نقطه ثقل ریاضی */
        min-width: 18px !important;
        height: 22px !important;
        padding: 0 !important;
        margin: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .single-breadcrumbs-wrapper .wd-products-nav > div a :is(svg, i, span) {
        font-size: 14px !important;
        stroke-width: 2px !important;
    }

    .summary.entry-summary,
    .summary.entry-summary.wd-grid-col,
    .summary-inner {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        box-sizing: border-box !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .summary-inner .product_title {
        text-align: center !important;
        font-size: 23px !important;
        margin: 0 auto 4px auto !important;
        line-height: 1.3 !important;
        width: 100% !important;
    }

    .summary-inner .price,
    .summary-inner .woocommerce-variation-price .price {
        order: 3 !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: baseline !important;
        justify-content: center !important;
        gap: 10px !important;
        margin: 14px auto 14px auto !important;
        min-height: auto !important;
        width: 100% !important;
        direction: rtl !important;
    }

    .summary-inner .price ins,
    .summary-inner .price > .woocommerce-Price-amount,
    .summary-inner .woocommerce-variation-price .price ins,
    .summary-inner .woocommerce-variation-price .price > .woocommerce-Price-amount {
        order: 1 !important;
        font-size: 26px !important;
        line-height: 1.2 !important;
    }

    .summary-inner .price del,
    .summary-inner .woocommerce-variation-price .price del {
        order: 2 !important;
        font-size: 13.5px !important;
        margin: 0 !important;
    }

    .summary-inner .woocommerce-product-details__short-description {
        order: 4 !important;
        text-align: center !important;
        margin: 0 auto 10px auto !important;
        font-size: 13.5px !important;
        width: 100% !important;
    }

    /* ترتیب فرم در محصولات متغیر و ساده: قرارگیری در رتبه پنجم (زیر قیمت و توضیحات) */
    .summary-inner form.cart,
    .summary-inner form.variations_form {
        order: 5 !important;
        width: 100% !important;
        margin: 0 auto !important;
    }

    /* ۵. مرکزچین متغیرها با فواصل عمودی متقارن در موبایل */
    .summary-inner form.variations_form table.variations {
        width: 100% !important;
        margin: 0 auto 4px auto !important;
    }

    .summary-inner form.variations_form table.variations tr {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        width: 100% !important;
        gap: 5px !important;
        margin-bottom: 16px !important;
    }

    .summary-inner form.variations_form table.variations th.label {
        justify-content: center !important;
        text-align: center !important;
        width: 100% !important;
        font-size: 13.5px !important;
        margin: 0 !important;
        line-height: 1.2 !important;
    }

/* ۱. ردیف والد متغیرها: صفر کردن قطعی gap برای مهار ۱۰۰٪ پرش افقی */
    .summary-inner .wd-swatches-grid,
    .summary-inner .swatches-select,
    .summary-inner form.variations_form table.variations td.value {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        direction: rtl !important;
        margin: 0 auto !important;
        padding: 0 !important;
        gap: 0 !important; /* 👈 بسیار مهم: صفر بودن فاصله تا حضور ضربدر ردیف را جابجا نکند */
        position: relative !important;
    }

    /* ۲. ردیف رنگ‌ها */
    .summary-inner .wd-swatches-product[data-id="pa_color"] {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 4px !important;
        margin: 0 auto !important;
    }

    .summary-inner .wd-swatches-product[data-id="pa_color"] .wd-swatch.wd-bg {
        width: 34px !important;
        height: 34px !important;
        padding: 2px !important;
        margin: 0 !important;
        flex-shrink: 0 !important;
    }

    /* ۳. ردیف اندازه‌ها: تراز دقیق در مرکز ریاضی مشترک با ردیف رنگ */
    .summary-inner .wd-swatches-product[data-id="pa_size"] {
        display: inline-flex !important;
        flex-wrap: nowrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 5px !important; /* فاصله بین خود کپسول‌های سایز */
        margin: 0 !important;
        padding: 0 !important;
        flex-shrink: 0 !important;
        position: relative !important;
    }

    .summary-inner .wd-swatches-product[data-id="pa_size"] .wd-swatch.wd-text {
        min-width: 32px !important;
        height: 31px !important;
        font-size: 11px !important;
        padding: 0 4px !important;
        border-radius: 20px !important;
        margin: 0 !important;
        flex-shrink: 0 !important;
    }

/* ==========================================================================
       مدیریت ضربدر بدون پرش (تثبیت ۱۰۰٪ موقعیت و نمایش قطعی آیکون)
       ========================================================================== */

    /* ۱. کانتینر والد ضربدر: فقط به عنوان نقطه ثقل صفر پیکسلی در ردیف عمل می‌کند */
    .summary-inner .wd-reset-var,
    .summary-inner form.variations_form .wd-reset-var {
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        height: 31px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        overflow: visible !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: relative !important;
        flex-shrink: 0 !important;
    }

/* ۲. دکمه ضربدر: تنظیم اولویت کامل سلکتور + فاصله ۱۶px از سایز آخر + ۲px بالا آمدن */
    .summary-inner .wd-reset-var .reset_variations,
    .summary-inner .reset_variations {
        position: absolute !important;
        top: 50% !important;
        /* انتقال ۱۶ پیکسل به سمت چپِ XXXL + سنتر عمودی به همراه ۲ پیکسل بالاتر رفتن */
        transform: translate(-16px, calc(-50% - 4px)) !important;
        width: 24px !important;
        height: 24px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-decoration: none !important;
        cursor: pointer !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        font-size: 0 !important;
        line-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        z-index: 10 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transition: opacity 0.22s ease, visibility 0.22s ease !important;
    }

    /* ۳. ظاهر شدن قطعی ضربدر به محض انتخاب هر رنگ یا سایز (فعال شدن .wd-active) */
    .summary-inner form.variations_form:has(.wd-active) .reset_variations:not([style*="hidden"]) {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    /* ۴. کاراکتر ✕ داخل دکمه */
    .summary-inner .reset_variations::before {
        content: "✕" !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        color: #94a3b8 !important;
        line-height: 1 !important;
        display: block !important;
        transition: color 0.2s ease, transform 0.2s ease !important;
    }

    /* هاور و لمس فعال ضربدر */
    .summary-inner .reset_variations:hover::before,
    .summary-inner .reset_variations:active::before {
        color: #C01157 !important;
        transform: scale(1.22) !important;
    }

    .summary-inner .single_variation_wrap {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .summary-inner .mk-variation-notice,
    .summary-inner .woocommerce-variation-availability .stock.out-of-stock {
        justify-content: center !important;
        text-align: center !important;
        font-size: 12px !important;
        padding: 4px 10px !important;
    }

    .summary-inner form.cart,
    .summary-inner .single_variation_wrap .woocommerce-variation-add-to-cart {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 360px !important;
        margin: 10px auto 12px auto !important;
        gap: 8px !important;
    }

    .summary-inner form.cart .quantity {
        height: 44px !important;
        flex-shrink: 0 !important;
    }

    .summary-inner form.cart .quantity .btn,
    .summary-inner form.cart .quantity input[type="button"] {
        width: 36px !important;
        min-width: 36px !important;
    }

    .summary-inner form.cart .quantity .qty {
        width: 38px !important;
        font-size: 15px !important;
    }

    .summary-inner form.cart .single_add_to_cart_button {
        height: 44px !important;
        padding: 0 18px !important;
        font-size: 14px !important;
        flex: 1 !important;
    }

    .summary-inner .wd-compare-btn {
        order: 6 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 24px !important;
        line-height: 1 !important;
        margin-bottom: -24px !important;
        transform: translateX(64px) !important;
        position: static !important;
    }

    .summary-inner .wd-wishlist-btn {
        order: 7 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 24px !important;
        line-height: 1 !important;
        margin-bottom: 8px !important;
        transform: translateX(-64px) !important;
        position: static !important;
    }

    .summary-inner .wd-compare-btn a,
    .summary-inner .wd-wishlist-btn a {
        display: inline-flex !important;
        align-items: center !important;
        gap: 5px !important;
        line-height: 1 !important;
        font-size: 12.5px !important;
        white-space: nowrap !important;
    }

    .summary-inner .product_meta {
        order: 8 !important;
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 2px !important;
        margin: 0px auto 0 auto !important; /* عدد اول (4px): فاصله خط از دکمه‌های مقایسه و علاقه‌مندی */
        border-top: 1px solid #e2e8f0 !important; /* خودِ خط جداکننده بالایی */
        padding-top: 10px !important; /* 👈 فاصله عمودی متن‌ها (شناسه و دسته) تا خط بالایی */
        width: 100% !important;
        font-size: 12.5px !important;
    }

    .summary-inner .product-share,
    .summary-inner .wd-social-icons {
        order: 9 !important;
        justify-content: center !important;
        text-align: center !important;
        margin: 2px auto 0 auto !important;
        padding: 0 !important;
        width: 100% !important;
    }

    /* ج) تب‌ها و آکاردئون‌های موبایل */
    .product-tabs-wrapper {
        margin-top: 15px !important;
        padding-top: 0 !important;
        border-top: none !important;
        border-bottom: none !important;
        border-left: none !important;
        border-right: none !important;
        box-shadow: none !important;
    }

    /* حذف تمام شبه‌عنصرها و لایه‌های اضافه قالب وودمارت */
    .product-tabs-wrapper::before,
    .product-tabs-wrapper::after,
    .product-tabs-wrapper .container::before,
    .product-tabs-wrapper .container::after,
    .tabs-layout-accordion::before,
    .tabs-layout-accordion::after {
        display: none !important;
        content: none !important;
        border: none !important;
    }

    .product-tabs-wrapper .product-tabs-inner,
    .product-tabs-wrapper .woocommerce-tabs,
    .product-tabs-wrapper .tabs-layout-accordion,
    .product-tabs-wrapper .wd-accordion,
    .product-tabs-wrapper .wd-accordion-title,
    .product-tabs-wrapper .wd-accordion-item:first-child .wd-accordion-title {
        border-top: none !important;
        box-shadow: none !important;
    }

    .product-tabs-wrapper .wd-accordion-item:first-child {
        border-top: 1px solid #e2e8f0 !important;
    }

    .product-tabs-wrapper .wd-accordion-item:not(:last-child) {
        border-bottom: 1px solid #e2e8f0 !important;
    }

    .product-tabs-wrapper .wd-accordion-item:last-child {
        border-bottom: none !important;
    }

    .product-tabs-wrapper .wd-nav-tabs-wrapper {
        display: none !important;
    }

    .product-tabs-wrapper .wd-accordion-title {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 12px 6px !important;
        font-family: "Vazirmatn", sans-serif !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        color: #1e293b !important;
        transition: color 0.25s ease !important;
    }

    /* 🌟 استایل فلش آکاردئون در حالت بسته (بدون بک‌گراند، ضخیم‌تر و تثبیت ۱۰۰٪ محور چرخش) */
    .product-tabs-wrapper .wd-accordion-title .wd-accordion-opener,
    .product-tabs-wrapper .wd-accordion-title:after,
    .product-tabs-wrapper .wd-accordion-title .wd-opener-pos-right {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        min-height: 20px !important;
        background: transparent !important;
        background-color: transparent !important;
        border-radius: 0 !important;
        color: #64748b !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        -webkit-text-stroke: 0.4px currentColor !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1 !important;
        transform-origin: center center !important; /* تثبیت دقیق محور جهت رفع ۱۰۰٪ لغزش */
        transform: translateZ(0) rotate(0deg) !important;
        backface-visibility: hidden !important;
        -webkit-backface-visibility: hidden !important;
        will-change: transform, color !important;
        transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.4, 1), color 0.25s ease !important;
    }

    /* 🌟 استایل تب و فلش در حالت باز (چرخش درجا بدون ۱ پیکسل پرش + رنگ سرخابی برند) */
    .product-tabs-wrapper .wd-accordion-item.wd-active .wd-accordion-title,
    .product-tabs-wrapper .wd-accordion-title.wd-active {
        color: #C01157 !important;
    }

    .product-tabs-wrapper .wd-accordion-item.wd-active .wd-accordion-title .wd-accordion-opener,
    .product-tabs-wrapper .wd-accordion-item.wd-active .wd-accordion-title:after,
    .product-tabs-wrapper .wd-accordion-title.wd-active .wd-accordion-opener,
    .product-tabs-wrapper .wd-accordion-title.wd-active:after {
        background: transparent !important;
        background-color: transparent !important;
        color: #C01157 !important;
        transform: translateZ(0) rotate(180deg) !important;
    }

    .product-tabs-wrapper .entry-content.woocommerce-Tabs-panel,
    .wd-accordion-item .wd-accordion-content,
    .woocommerce-Tabs-panel .entry-content,
    .wd-scroll-content {
        padding: 0px 4px 8px 4px !important;
        margin-bottom: 0 !important;
        box-sizing: border-box !important;
    }
    
    .product-tabs-wrapper .wd-accordion-title-text {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
    }

    .product-tabs-wrapper .tab-title-description .wd-accordion-title-text::before {
        content: "" !important;
        display: inline-block !important;
        width: 17px !important;
        height: 17px !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'%3E%3C/path%3E%3Cpolyline points='14 2 14 8 20 8'%3E%3C/polyline%3E%3Cline x1='16' y1='13' x2='8' y2='13'%3E%3C/line%3E%3Cline x1='16' y1='17' x2='8' y2='17'%3E%3C/line%3E%3C/svg%3E") !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        transition: filter 0.25s ease !important;
    }

    .product-tabs-wrapper .tab-title-additional_information .wd-accordion-title-text::before {
        content: "" !important;
        display: inline-block !important;
        width: 17px !important;
        height: 17px !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='8' y1='6' x2='21' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='12' x2='21' y2='12'%3E%3C/line%3E%3Cline x1='8' y1='18' x2='21' y2='18'%3E%3C/line%3E%3Cline x1='3' y1='6' x2='3.01' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='12' x2='3.01' y2='12'%3E%3C/line%3E%3Cline x1='3' y1='18' x2='3.01' y2='18'%3E%3C/line%3E%3C/svg%3E") !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        transition: filter 0.25s ease !important;
    }

    .product-tabs-wrapper .tab-title-reviews .wd-accordion-title-text::before {
        content: "" !important;
        display: inline-block !important;
        width: 17px !important;
        height: 17px !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'%3E%3C/path%3E%3C/svg%3E") !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        transition: filter 0.25s ease !important;
    }

    .product-tabs-wrapper .tab-title-wd_additional_tab .wd-accordion-title-text::before {
        content: "" !important;
        display: inline-block !important;
        width: 17px !important;
        height: 17px !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='3' width='15' height='13'%3E%3C/rect%3E%3Cpolygon points='16 8 20 8 23 11 23 16 16 16 16 8'%3E%3C/polygon%3E%3Ccircle cx='5.5' cy='18.5' r='2.5'%3E%3C/circle%3E%3Ccircle cx='18.5' cy='18.5' r='2.5'%3E%3C/circle%3E%3C/svg%3E") !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        transition: filter 0.25s ease !important;
    }

    /* روشن شدن آیکون عنوان به رنگ برند در زمان باز بودن تب */
    .product-tabs-wrapper .wd-accordion-item.wd-active .wd-accordion-title-text::before {
        filter: invert(18%) sepia(88%) saturate(4520%) hue-rotate(324deg) brightness(85%) contrast(97%) !important;
    }

        /* استایل Toast در موبایل (تک‌خطی، متقارن و بالای منوی پایین) */
    .mk-custom-toast {
        bottom: 75px !important;
        padding: 8px 16px !important;
        font-size: 12px !important;
        border-radius: 40px !important;
        width: max-content !important;
        max-width: 90vw !important;
        white-space: nowrap !important;
    }

    .wd-accordion-item .wd-accordion-content,
    .woocommerce-Tabs-panel .entry-content,
    .wd-scroll-content {
        padding-bottom: 5px !important; 
        margin-bottom: 0 !important;
    }

    .product-tabs-wrapper,
    div.product-tabs-wrapper,
    .wd-accordion-item {
        padding-bottom: 0 !important; 
        margin-bottom: 0 !important;
    }
    
    .container.related-and-upsells,
    .related-products,
    .product-tabs-wrapper + .container {
        margin-top: 0 !important;
        padding-top: 20px !important;
    }

}

/* ==========================================================================
   ج) تفکیک اختصاصی موبایل و تبلت (موقعیت دیدگاه و رتبه)
   ========================================================================== */

/* 📱 موبایل (زیر ۷۶۸px): رتبه بالای نام محصول */
@media (max-width: 767.98px) {
    .summary-inner .woocommerce-product-rating {
        order: 1 !important;
        margin: -12px auto 20px auto !important;
    }

    .summary-inner .product_title {
        order: 2 !important;
    }
}

/* 💻 تبلت (۷۶۸px تا ۱۰۲۴px): مانند دسکتاپ (نام در بالا و رتبه در زیر نام) */
@media (min-width: 768px) and (max-width: 1024px) {
    .summary-inner .product_title {
        order: 1 !important;
    }

    .summary-inner .woocommerce-product-rating {
        order: 2 !important;
        margin: 4px auto 8px auto !important;
    }
}

/* ====================================================================================================
   ------------ #25: Single Product - Frequently Bought Together (FBT Luxury Bundle Suite) ------------
   ==================================================================================================== */

/* ۱. کانتینر اصلی باندل و خط جداکننده سراسری مشابه محصولات مرتبط */
.container.wd-fbt-wrap,
.wd-fbt-wrap {
    position: relative !important;
    margin-top: 28px !important;
    padding-top: 24px !important;
    margin-bottom: 10px !important;
    direction: rtl !important;
}

.container.wd-fbt-wrap::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 100vw !important;
    height: 1px !important;
    background-color: #e2e8f0 !important;
    pointer-events: none !important;
}

/* ۲. تیتر بخش باندل: «پیشنهاد خرید همزمان» + آیکون پیوند (Link) مینیمال و ثابت */
.wd-fbt-wrap .wd-el-title,
.wd-fbt-wrap .slider-title {
    font-size: 0 !important;
    margin-bottom: 20px !important;
    text-align: right !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    direction: rtl !important;
}

.wd-fbt-wrap .wd-el-title::before {
    content: "پیشنهاد خرید همزمان" !important;
    color: #0f172a !important;
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 20px !important;
    font-weight: 850 !important;
    line-height: 1.3 !important;
    order: 1 !important;
}

/* آیکون مینیمال و ثابت پیوند (Link) یاقوتی در انتهای عبارت */
.wd-fbt-wrap .wd-el-title::after {
    content: "" !important;
    order: 2 !important;
    width: 20px !important;
    height: 20px !important;
    background-color: #C01157 !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E") no-repeat center / contain !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E") no-repeat center / contain !important;
    display: inline-block !important;
    flex-shrink: 0 !important;
}

/* ۳. چیدمان گرید دسکتاپ: اسلایدر ۳ ستون (۷۵٪) و باکس جمع خرید ۱ ستون (۲۵٪) هم‌تراز با کارت‌های پایین */
@media (min-width: 1025px) {
    .wd-fbt.wd-design-side {
        display: flex !important;
        flex-direction: row !important;
        align-items: stretch !important;
        justify-content: space-between !important;
        gap: 20px !important;
        width: 100% !important;
    }

    .wd-fbt.wd-design-side .wd-carousel-container {
        flex: 0 0 calc(75% - 5px) !important;
        width: calc(75% - 5px) !important;
        max-width: calc(75% - 5px) !important;
        margin: 0 !important;
    }

    .wd-fbt.wd-design-side form.wd-fbt-form {
        flex: 0 0 calc(25% - 15px) !important;
        width: calc(25% - 15px) !important;
        max-width: calc(25% - 15px) !important;
        margin: 0 !important;
    }
}

/* ۴. رفع کامل بریدگی سایه‌ها در راست و پایین */
.wd-fbt .wd-carousel-container,
.wd-fbt .wd-carousel-inner,
.wd-fbt .wd-carousel {
    overflow: visible !important;
}

.wd-fbt .wd-carousel-wrap {
    padding-top: 18px !important;
    padding-bottom: 30px !important;
    margin-top: -18px !important;
    margin-bottom: -30px !important;
}

.wd-fbt .wd-carousel .wd-carousel-item:not(.wd-slide-visible):not(.swiper-slide-visible) {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.wd-fbt .product-grid-item:hover .wd-product-card-bg {
    top: -12px !important;
    bottom: -14px !important;
    left: -14px !important;
    right: -14px !important;
    border-radius: 24px !important;
    background-color: #ffffff !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* ۵. یکسان‌سازی Stacking Context اسلایدهای باندل تا علامت مثبت (+) در هاور هر دو کارت همیشه در بالاترین لایه بماند */
.wd-fbt .wd-carousel-item,
.wd-fbt .wd-carousel-item:hover,
.wd-fbt .product-grid-item,
.wd-fbt .product-grid-item:hover {
    z-index: auto !important;
}

.wd-fbt .product-grid-item .wd-product-card-bg {
    z-index: 1 !important;
}

.wd-fbt .product-grid-item .product-element-top,
.wd-fbt .product-grid-item .product-element-bottom {
    z-index: 2 !important;
}

.wd-fbt .wd-carousel-item:not(:first-child)::before,
.wd-fbt .wd-carousel-item:not(:first-child)::after {
    color: #C01157 !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    top: 38% !important; /* مرکز عمودی دقیق تصویر مربعی محصولات */
    margin-top: 0 !important;
    transform: translateY(-50%) !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    z-index: 99 !important;
    pointer-events: none !important;
}

/* ۶. بازطراحی کارت سمت چپ (فرم انتخاب و خرید باندل) */
.wd-fbt form.wd-fbt-form {
    background: linear-gradient(160deg, #ffffff 40%, #fff5f8 100%) !important;
    border: 1.5px solid rgba(192, 17, 87, 0.18) !important;
    border-radius: 28px 8px 28px 8px !important;
    padding: 18px 16px !important;
    box-shadow: 0 10px 30px rgba(192, 17, 87, 0.06) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
}

/* مخفی‌سازی لودر پیش‌فرض قالب که روی دکمه می‌افتاد */
.wd-fbt form.wd-fbt-form .wd-loader-overlay {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.wd-fbt .wd-fbt-products {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin-bottom: 14px !important;
}

.wd-fbt .wd-fbt-product {
    background: #ffffff !important;
    border: 1px solid #f1f5f9 !important;
    border-radius: 14px !important;
    padding: 10px 12px !important;
    margin: 0 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02) !important;
}

.wd-fbt .wd-fbt-product-heading {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    font-size: 12.5px !important;
    text-align: center !important;
}

/* حذف چک‌باکس مربعی سفارشی وودمارت روی label */
.wd-fbt .wd-fbt-product-heading label::before,
.wd-fbt .wd-fbt-product-heading label::after {
    display: none !important;
    content: none !important;
}

.wd-fbt .wd-fbt-product-heading label {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer !important;
    line-height: 1.3 !important;
}

/* تبدیل input[type="checkbox"] به دایره Radio Button هم‌تراز با نام محصول */
.wd-fbt .wd-fbt-product-heading input[type="checkbox"] {
    position: relative !important;
    opacity: 1 !important;
    visibility: visible !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    border-radius: 50% !important;
    border: 2px solid #cbd5e1 !important;
    background-color: #ffffff !important;
    cursor: pointer !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;
}

.wd-fbt .wd-fbt-product-heading input[type="checkbox"]:checked {
    border-color: #C01157 !important;
    background-color: #ffffff !important;
}

.wd-fbt .wd-fbt-product-heading input[type="checkbox"]:checked::before {
    content: "" !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background-color: #C01157 !important;
    display: block !important;
}

/* حالت محصول اصلی که به صورت پیش‌فرض انتخاب و قفل (disabled) است */
.wd-fbt .wd-fbt-product-heading input[type="checkbox"]:disabled {
    border-color: #f472b6 !important;
    background-color: #fff0f5 !important;
    cursor: default !important;
    opacity: 0.85 !important;
}

.wd-fbt .wd-fbt-product-heading input[type="checkbox"]:disabled::before {
    background-color: #db2777 !important;
}

.wd-fbt .wd-fbt-product-heading .wd-entities-title {
    font-size: 13px !important;
    font-weight: 850 !important;
    color: #0f172a !important;
    line-height: 1.3 !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* قیمت داخل هر کادر محصول در مرکز افقی */
.wd-fbt .wd-fbt-product-heading .price {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    margin: 4px auto 0 auto !important;
    direction: rtl !important;
    text-align: center !important;
}

.wd-fbt .wd-fbt-product-heading .price ins,
.wd-fbt .wd-fbt-product-heading .price ins .amount,
.wd-fbt .wd-fbt-product-heading .price > .amount {
    font-size: 13.5px !important;
    font-weight: 900 !important;
    color: #C01157 !important;
    text-decoration: none !important;
    order: 1 !important;
}

.wd-fbt .wd-fbt-product-heading .price del,
.wd-fbt .wd-fbt-product-heading .price del .amount {
    font-size: 11.5px !important;
    font-weight: 500 !important;
    color: #94a3b8 !important;
    text-decoration: line-through !important;
    order: 2 !important;
}

/* ۷. کپسول‌های انتخابی متغیر (Swatches) */
.wd-fbt .wd-fbt-product-variation {
    margin-top: 8px !important;
    padding-top: 8px !important;
    border-top: 1px dashed #f1f5f9 !important;
}

.mika-fbt-swatches-wrap {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
}

.mika-fbt-swatch-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    background: #f8fafc !important;
    border: 1.5px solid #cbd5e1 !important;
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    color: #334155 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.mika-fbt-swatch-pill:hover {
    border-color: #C01157 !important;
    background: #ffffff !important;
}

.mika-fbt-swatch-pill.is-active {
    background: #fff0f5 !important;
    border-color: #C01157 !important;
    color: #C01157 !important;
    box-shadow: 0 2px 8px rgba(192, 17, 87, 0.14) !important;
}

.mika-fbt-color-dot {
    width: 14px !important;
    height: 14px !important;
    border-radius: 50% !important;
    display: inline-block !important;
    border: 1.5px solid #ffffff !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) !important;
    flex-shrink: 0 !important;
}

/* ۸. بخش جمع کل در مرکز افقی + حذف «برای ۲ مورد» + اسپینر دکمه خرید */
.wd-fbt .wd-fbt-purchase {
    border-top: 1.5px dashed #fbcfe8 !important;
    padding-top: 14px !important;
    margin-top: auto !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
}

.wd-fbt .wd-fbt-purchase .price {
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 8px !important;
    margin: 0 auto !important;
    direction: rtl !important;
    flex-wrap: wrap !important;
}

.wd-fbt .wd-fbt-purchase .price ins,
.wd-fbt .wd-fbt-purchase .price ins .amount,
.wd-fbt .wd-fbt-purchase .price > .amount {
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    color: #C01157 !important;
    text-decoration: none !important;
    line-height: 1.2 !important;
    order: 1 !important;
}

.wd-fbt .wd-fbt-purchase .price del,
.wd-fbt .wd-fbt-purchase .price del .amount,
.wd-fbt .wd-fbt-purchase .price del bdi {
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    color: #94a3b8 !important;
    text-decoration: line-through !important;
    line-height: 1.2 !important;
    order: 2 !important;
}

/* حذف عبارت «برای ۲ مورد» */
.wd-fbt .wd-fbt-purchase .wd-fbt-desc {
    display: none !important;
}

/* دکمه افزودن به سبد خرید همراه با اسپینر سفید در مرکز (محو شدن متن هنگام لودینگ) */
.wd-fbt .wd-fbt-purchase-btn {
    position: relative !important;
    width: 100% !important;
    height: 42px !important;
    line-height: 42px !important;
    border-radius: 50px !important;
    background: #C01157 !important;
    color: #ffffff !important;
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 850 !important;
    border: none !important;
    box-shadow: 0 4px 14px rgba(192, 17, 87, 0.25) !important;
    cursor: pointer !important;
    padding: 0 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.25s ease !important;
}

.wd-fbt .wd-fbt-purchase-btn:hover {
    background: #a00b46 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px rgba(192, 17, 87, 0.35) !important;
}

/* حالت لودینگ دکمه خرید باندل: مخفی شدن کامل متن و نمایش اسپینر سفید */
.wd-fbt .wd-fbt-purchase-btn.loading,
.wd-fbt form.wd-fbt-form.wd-loading .wd-fbt-purchase-btn {
    color: transparent !important;
    pointer-events: none !important;
}

.wd-fbt .wd-fbt-purchase-btn.loading::before,
.wd-fbt form.wd-fbt-form.wd-loading .wd-fbt-purchase-btn::before {
    display: none !important;
}

.wd-fbt .wd-fbt-purchase-btn.loading::after,
.wd-fbt form.wd-fbt-form.wd-loading .wd-fbt-purchase-btn::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 20px !important;
    height: 20px !important;
    margin-top: -10px !important;
    margin-left: -10px !important;
    border: 2.5px solid rgba(255, 255, 255, 0.32) !important;
    border-top-color: #ffffff !important;
    border-radius: 50% !important;
    animation: wd-rotate 0.6s infinite linear !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    box-sizing: border-box !important;
}

/* ۹. ریسپانسیو تبلت و موبایل */
@media (max-width: 1024px) {
    .wd-fbt.wd-design-side {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
    }
    .wd-fbt-wrap .wd-el-title {
        justify-content: center !important;
        text-align: center !important;
    }
}