/**
 * Mika Luxury Store - Cart Page Stylesheet
 * File: 07-cart.css
 * Path: assets/css/07-cart.css
 * Scope: WooCommerce Cart Page Only (Loaded conditionally on is_cart())
 * Version: 1.0.0
 * Created By Pixit-ACHTUNg
 */

/* ====================================================================================================
   --------------------------- #39: Cart Page - WooCommerce Blocks Template ----------------------------
   ==================================================================================================== */

/*---#23------------------------Cart Page - WooCommerce Blocks Template-----------------*/

/* ==========================================================================
   ۱. بخش عمومی و سراسری فاکتور (مشترک دسکتاپ و موبایل)
   ========================================================================== */

/* حذف فیزیکی سطر حمل و نقل (چاپار) و توضیحات اضافه ووکامرس */
.wc-block-components-totals-shipping,
.wc-block-components-totals-item:has(.wc-block-components-totals-shipping__title),
.wc-block-components-sidebar .wc-block-components-totals-item:has(.wc-block-components-totals-shipping__title),
.wc-block-components-sidebar .wc-block-components-totals-shipping,
.wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-shipping-block,
.wc-block-components-sidebar .wc-block-components-totals-item__description {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: none !important;
}

/* حذف کامل پیام‌های بومی و پاپ‌آپ‌های اسنک‌بار ووکامرس در کل صفحه */
.wc-block-cart #wp-block-woocommerce-cart-items-block-notice-container,
.wc-block-cart .wc-block-components-notices-snackbar,
.wc-block-cart .wc-block-components-notice-snackbar,
body .wc-block-components-notices__snackbar {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 🌟 کنتراست ارتقایافته و سایه مشخص سایدبار و جدول محصولات 🌟 */
.wc-block-cart__sidebar,
.wc-block-components-sidebar,
table.wc-block-cart-items,
.wc-block-cart-items {
    background-color: #ffffff !important;
    border-radius: 22px !important;
    border: 1px solid #e2e8f0 !important; /* 👈 حاشیه مشخص‌تر جهت حذف بازتاب نور */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.02) !important;
}

.wc-block-cart__sidebar,
.wc-block-components-sidebar {
    padding: 26px !important;
}

/* اصلاح فواصل لایه‌های میانی سایدبار */
.wc-block-components-sidebar .wc-block-components-totals-wrapper {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

/* 🎯 تقارن دقیق عمودی ردیف مبلغ محصولات */
.wc-block-components-sidebar .wc-block-components-totals-item {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 10px 0 !important; /* 👈 تقارن کامل از بالا و پایین */
    margin: 0 !important;
    border: none !important;
}

/* تنظیم دکمه پرداخت و مرکزچین کردن کانتینر آن */
.wc-block-components-sidebar .wc-block-cart__submit-container {
    padding-top: 0 !important;
    border: none !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
}


/* ب) قفل همزمان ارتفاع عنوان (راست) و عدد/اسکلتون (چپ) روی ۲۶ پیکسل */
.wc-block-components-sidebar .wc-block-components-totals-item__label,
.wc-block-components-sidebar .wc-block-components-totals-item__value {
    height: 26px !important;
    min-height: 26px !important;
    max-height: 26px !important;
    line-height: 26px !important;
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* ==========================================================================
   🌀 ۱. هاله مات شیشه‌ای ملایم و اسپینر سرخابی کپسول (مرکزیت دقیق)
   ========================================================================== */
.wc-block-components-quantity-selector.mk-qty-loading {
    position: relative !important;
    pointer-events: none !important;
    border-color: #C01157 !important;
}

/* لایه مات شیشه‌ای ملایم و روشن جهت محو کردن عدد زیرین */
.wc-block-components-quantity-selector.mk-qty-loading::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: rgba(238, 238, 238, .71) !important; /* 👈 مات روشن، ملایم و شیک */
    backdrop-filter: blur(2px) !important;
    border-radius: inherit !important;
    z-index: 20 !important;
}

/* اسپینر سرخابی برند در مرکز فیزیکی کپسول */
.wc-block-components-quantity-selector.mk-qty-loading::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 14px !important;
    height: 14px !important;
    margin: -7px 0 0 -7px !important; /* 👈 قفل دقیق در مرکز بدون پرش */
    border: 2px solid rgba(192, 17, 87, 0.2) !important;
    border-top-color: #C01157 !important; /* 👈 رنگ سرخابی اسپینر */
    border-radius: 50% !important;
    animation: mkQtySpin 0.6s linear infinite !important;
    z-index: 21 !important;
    box-sizing: border-box !important;
    display: block !important;
}

@keyframes mkQtySpin {
    to { transform: rotate(360deg); }
}

/* ==========================================================================
   🔒 ۱. فعال‌سازی ۱۰۰٪ تضمینی اسکلتون سطر Subtotal همگام با کل فاکتور
   ========================================================================== */
.wc-block-components-sidebar:has(.wc-block-components-skeleton) .mk-fixed-subtotal-row .mk-subtotal-val,
.wp-block-woocommerce-cart-order-summary-block:has(.wc-block-components-skeleton) .mk-fixed-subtotal-row .mk-subtotal-val,
.wc-block-cart__sidebar:has(.wc-block-components-skeleton) .mk-fixed-subtotal-row .mk-subtotal-val,
.wc-block-components-sidebar:has(.is-loading) .mk-fixed-subtotal-row .mk-subtotal-val,
.mk-fixed-subtotal-row.is-loading .mk-subtotal-val {
    color: transparent !important;
    background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%) !important;
    background-size: 200% 100% !important;
    animation: mkShimmerWave 1.4s infinite linear !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    width: 95px !important;
    border-radius: 4px !important;
    display: inline-block !important;
}

/* ==========================================================================
   ⏳ ۳. اسپینر روی دکمه پرداخت در زمان انتظار
   ========================================================================== */
.wc-block-cart__submit-button.mk-btn-locked,
.wc-block-components-checkout-button.mk-btn-locked {
    position: relative !important;
    pointer-events: none !important;
    cursor: wait !important;
    color: transparent !important;
}

.wc-block-cart__submit-button.mk-btn-locked .wc-block-components-button__text,
.wc-block-cart__submit-button.mk-btn-locked * {
    opacity: 0 !important;
}

.wc-block-cart__submit-button.mk-btn-locked::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 20px !important;
    height: 20px !important;
    margin: -10px 0 0 -10px !important;
    border: 2.5px solid rgba(255, 255, 255, 0.3) !important;
    border-top-color: #ffffff !important;
    border-radius: 50% !important;
    animation: mkBtnSpinner 0.65s linear infinite !important;
    z-index: 10 !important;
    box-sizing: border-box !important;
}

@keyframes mkBtnSpinner {
    to { transform: rotate(360deg); }
}

/* ==========================================================================
   🎯 ۱. اصلاح تقارن کامل ۱۴px سطر «مبلغ قابل پرداخت» در حالت باز بودن تخفیف
   ========================================================================== */

/* حذف خط‌چین و مارجین‌های اضافه فرم باز شده کوپن در دسکتاپ و موبایل */
.wc-block-components-panel__content[aria-hidden="false"],
.wc-block-components-sidebar .wc-block-components-panel__content,
div[class*="totals-coupon__content"]:has(.wc-block-components-totals-coupon__form),
.wp-block-woocommerce-cart-order-summary-coupon-block {
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-bottom: -5px !important;
}


/* ==========================================================================
   🔔 انیمیشن نرم، تدریجی و بدون پرش برای اعلان‌های کد تخفیف
   ========================================================================== */

/* استایل پایه اعلان با ترنزیشن نرم برای محو شدن */
.wp-block-woocommerce-cart-order-summary-coupon-block .wc-block-components-notice-banner,
.wc-block-components-totals-coupon div[role="alert"],
.wc-block-components-validation-error,
.wc-block-components-notice-banner {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    margin: 10px auto 8px auto !important; 
    padding: 10px 16px !important; 
    border-radius: 14px !important;
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 750 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    backdrop-filter: blur(8px) !important;
    /* اعمال ترنزیشن نرم برای فید شدن و جمع شدن کادر */
    transition: opacity 0.45s cubic-bezier(0.4, 0, 0.2, 1), 
                transform 0.45s cubic-bezier(0.4, 0, 0.2, 1), 
                max-height 0.4s ease, 
                margin 0.4s ease, 
                padding 0.4s ease !important;
    max-height: 120px;
    opacity: 1;
    transform: translateY(0);
}

/* مرحله ۱: محو شدن شفافیت (Fade Out) با انیمیشن نرم */
.mk-notice-fade {
    opacity: 0 !important;
    transform: translateY(-6px) !important;
}

/* مرحله ۲: جمع شدن کامل ارتفاع پس از محو شدن */
.wp-block-woocommerce-cart-order-summary-coupon-block .wc-block-components-notice-banner.mk-notice-collapsed,
.wc-block-components-totals-coupon div[role="alert"].mk-notice-collapsed,
.wc-block-components-validation-error.mk-notice-collapsed,
.wc-block-components-notice-banner.mk-notice-collapsed,
.mk-notice-collapsed {
    max-height: 0 !important;
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    overflow: hidden !important;
    pointer-events: none !important;
}


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

.mk-cart-attributes-row {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    margin-top: 3px !important;
}

/* دایره‌های رنگی */
.mk-cart-color-dot {
    display: inline-block !important;
    width: 17px !important;
    height: 17px !important;
    border-radius: 50% !important;
    margin-bottom: 2px;
    margin-right: 8px !important;
    vertical-align: middle !important;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1), 0 2px 4px rgba(0,0,0,0.06) !important;
}

/* خط جداکننده (|) بین رنگ و اندازه */
.mk-cart-color-dot + .mk-cart-size-tag::before {
    content: "|" !important;
    color: #cbd5e1 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    margin-left: 8px !important;
    margin-right: 8px !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

/* استایل برچسب اندازه */
.mk-cart-size-tag {
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 14.5px !important;
    font-weight: 850 !important;
    color: #334155 !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* ==========================================================================
   تایپوگرافی مهندسی‌شده و فواصل متقارن فاکتور
   ========================================================================== */

/* ۱. عنوان مبلغ محصولات -> رنگ خاکستری تیره استاندارد */
.wc-block-components-sidebar .wc-block-components-totals-item__label {
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 15px !important; 
    font-weight: 700 !important;
    color: #475569 !important; /* 👈 یکسان با سایر عناوین */
    margin: 0 !important;
}

.wc-block-components-sidebar .wc-block-components-totals-item__value {
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 17.5px !important;
    font-weight: 850 !important;
    color: #1e293b !important; /* 👈 تغییر از سرخابی به ذغالی تیره جهت رعایت سلسله‌مراتب بصری */
    margin: 0 !important;
}

/* ۲. عنوان تخفیف -> رنگ خاکستری استاندارد */
.wc-block-components-sidebar .wc-block-components-totals-item.wc-block-components-totals-discount .wc-block-components-totals-item__label {
    font-size: 15px !important;
    color: #475569 !important; /* 👈 یکسان با عنوان بالا */
    font-weight: 700 !important;
    margin: 0 !important;
}

.wc-block-components-sidebar .wc-block-components-totals-item.wc-block-components-totals-discount {
    animation: smoothSlideDown 0.9s cubic-bezier(0.4, 0, 0.2, 1) forwards !important;
}

.wc-block-components-sidebar .wc-block-components-totals-item.wc-block-components-totals-discount .wc-block-components-totals-item__value {
    color: #059669 !important; 
    font-size: 17px !important;
    font-weight: 900 !important;
    font-family: "Vazirmatn", sans-serif !important;
    margin: 0 !important;
}

.wc-block-components-sidebar .wc-block-components-totals-discount span {
    color: #059669 !important; 
    font-size: 15px !important; 
    font-weight: 850 !important;
}

/* 🎯 ۳. تقارن ریاضی ردیف «مبلغ قابل پرداخت» (۱۴px از خط‌چین بالا و ۱۴px تا دکمه پایین) */
.wc-block-components-totals-footer-item {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    border-top: 1px dashed #cbd5e1 !important; /* خط‌چین بالای مبلغ قابل پرداخت */
    padding-top: 14px !important;    /* 👈 ۱۴px فاصله تا خط‌چین بالا */
    padding-bottom: 14px !important; /* 👈 ۱۴px فاصله تا دکمه پایین */
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* ۳. عنوان مبلغ قابل پرداخت -> ذغالی باکنتراست و هماهنگ */
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 16.5px !important;
    font-weight: 900 !important;
    color: #1e293b !important; /* 👈 ذغالی مقتدر */
    margin: 0 !important;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.mk-corrected-total {
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 24px !important; 
    font-weight: 950 !important;
    color: #C01157 !important;
    margin: 0 !important;
}

/* ۴. حذف مارجین‌های اضافه دکمه پرداخت جهت حفظ تقارن ۱۴px */
.wc-block-cart__submit-button,
.wc-block-components-checkout-button,
.single_add_to_cart_button.button,
.wc-block-cart__submit-container .button {
    background-color: #C01157 !important;
    color: #ffffff !important;
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 16px !important;
    font-weight: 850 !important;
    height: 50px !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 280px !important;
    margin: 0 auto !important; /* 👈 حذف مارجین‌های نامتقارن بالا و پایین */
    border-radius: 30px !important;
    border: none !important;
    box-shadow: 0 6px 20px rgba(192, 17, 87, 0.22) !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
}
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-button:hover {
    background-color: #a80f4c !important;
    box-shadow: 0 8px 25px rgba(192, 17, 87, 0.32) !important;
    transform: translateY(-2px) !important;
}

/* ==========================================================================
   🌟 کدهای اختصاصی نسخه دسکتاپ (تراز سه‌گانه هدر جدول و هاور سوییچ کوپن)
   ========================================================================== */
@media (min-width: 1025px) {

    .wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-block,
    .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block {
        display: grid !important;
        grid-template-columns: 100% !important;
        width: 100% !important;
    }

    .wp-block-woocommerce-cart-order-summary-heading-block { 
        grid-row: 1 !important; 
    }
    .wp-block-woocommerce-cart-order-summary-totals-block { 
        grid-row: 2 !important; 
    } 
    .wp-block-woocommerce-cart-order-summary-coupon-block { 
        display: grid !important; 
        grid-template-columns: 100% !important;
        grid-row: 3 !important; 
        position: relative !important;
        border-bottom: none !important;
        padding-bottom: 0 !important;
        margin-bottom: 10px !important;
    }

   /* کاهش فاصله شروع سوییچ تخفیف از خط‌چین */
    .wc-block-components-sidebar .wc-block-components-panel__button {
        margin: 0 !important;
        padding: 8px 0 !important; /* 👈 فشرده‌تر شدن فاصله سوییچ با خط‌چین */
        border-top: 1px dashed #cbd5e1 !important;
    }
    
    .wc-block-components-panel__content,
    div[class*="totals-coupon__content"] {
        grid-row: 2 !important; 
    }
    
    .wc-block-components-sidebar .wc-block-components-totals-wrapper {
        display: grid !important;
        grid-template-columns: 100% !important;
    }
    
/* 🎯 ۱. تقارن ریاضی کامل ردیف «مبلغ محصولات» (۱۴px از خط بالای خود و ۱۴px تا خط‌چین پایین) */
    .wc-block-components-sidebar .wc-block-components-totals-item:first-child {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 14px 0 !important; /* 👈 ۱۴px بالا و ۱۴px پایین کاملاً متقارن */
        margin: 0 !important;
        border: none !important;
    }
    
    .wc-block-components-sidebar .wc-block-components-totals-discount {
        grid-row: 4 !important; 
    }
    .wc-block-components-sidebar .wc-block-components-totals-footer-item {
        grid-row: 5 !important; 
    }
    .wc-block-cart__submit-container { 
        grid-row: 6 !important; 
    }           

/* 🎯 ۱. تقارن کامل فاصله عنوان «خلاصه صورت‌حساب» از لبه بالای کادر و خط زیرین آن */
    .wc-block-cart__sidebar .wc-block-cart__totals-title,
    .wc-block-components-sidebar .wc-block-cart__totals-title,
    h2.wc-block-cart__totals-title {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        margin: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 12px !important; /* 👈 فاصله متقارن تا خط زیرین */
        border-bottom: 1px solid #f1f5f9 !important;
        width: 100% !important;
        font-family: "Vazirmatn", sans-serif !important;
        font-size: 19px !important;
        font-weight: 900 !important;
        color: #C01157 !important;
        text-align: center !important;
    }

    .wc-block-cart__sidebar .wc-block-cart__totals-title::before,
    .wc-block-components-sidebar .wc-block-cart__totals-title::before,
    h2.wc-block-cart__totals-title::before {
        content: "\f570" !important;
        font-family: "Font Awesome 6 Free", "Font Awesome 7 Free" !important;
        font-weight: 900 !important;
        font-size: 18px !important;
        color: #C01157 !important;
        display: inline-block !important;
    }

    /* بلوک کد تخفیف */
    .wc-block-components-totals-coupon {
        border: none !important;
        background: transparent !important;
        padding: 0 !important;
        margin: -18px 0 0 0 !important;
        box-shadow: none !important;
        width: 100% !important;
    }
  /* 🎯 ۲. تنظیم شروع دقیق خط‌چین زیر مبلغ محصولات بدون فاصله اضافه */
    .wc-block-components-sidebar .wc-block-components-panel__button {
        display: flex !important;
        background: transparent !important;
        border: none !important;
        border-top: 1px dashed #cbd5e1 !important; /* خط‌چین زیر مبلغ محصولات */
        border-bottom: 1px dashed #cbd5e1 !important; 
        border-radius: 0px !important;
        padding: 12px 0 !important;
        margin: 0 !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
        font-family: "Vazirmatn", sans-serif !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        color: #475569 !important;
        box-shadow: none !important;
        cursor: pointer !important;
        position: relative !important;
        transition: color 0.25s ease !important;
    }
    
    .wc-block-components-sidebar .wc-block-components-panel__button[aria-expanded="true"] {
        border-bottom: none !important;
        padding-bottom: 18px !important;
    }
    
    .wc-block-components-panel__content[aria-hidden="false"],
    div[class*="totals-coupon__content"]:has(.wc-block-components-totals-coupon__form) {
        border-bottom: 1px dashed #cbd5e1 !important;
        padding-bottom: 4px !important;
        margin-bottom: 6px !important;
    }
    
    .wc-block-components-sidebar .wc-block-components-panel__button:hover {
        color: #C01157 !important;
    }

    .wc-block-components-sidebar .wc-block-components-panel__button svg {
        display: none !important;
    }

    .wc-block-components-sidebar .wc-block-components-panel__button-content {
        display: flex !important;
        align-items: center !important;
    }
    .wc-block-components-sidebar .wc-block-components-panel__button-content::before {
        content: "\f12d" !important;
        font-family: "woodmart-font" !important;
        font-size: 15px !important;
        color: #C01157 !important;
        margin-left: 6px !important;
        display: inline-block !important;
    }

    /* 👈 شاسی کلید سوییچ با قابلیت هاور نرم */
    .wc-block-components-sidebar .wc-block-components-panel__button::after {
        content: "" !important;
        width: 44px !important;
        height: 24px !important;
        background-color: #cbd5e1 !important;
        border-radius: 24px !important;
        display: inline-block !important;
        transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.25s ease !important;
        margin-left: -2px !important;
    }

    /* 🌟 هاور شاسی سوییچ در حالت عادی و فعال 🌟 */
    .wc-block-components-sidebar .wc-block-components-panel__button:hover::after {
        background-color: #94a3b8 !important; /* خاکستری تیره‌تر در هاور */
    }

    .wc-block-components-sidebar .wc-block-components-panel__button[aria-expanded="true"]::after {
        background-color: #C01157 !important;
    }

    .wc-block-components-sidebar .wc-block-components-panel__button[aria-expanded="true"]:hover::after {
        background-color: #a80f4c !important;
    }

    .wc-block-components-sidebar .wc-block-components-panel__button::before {
        content: "" !important;
        width: 18px !important;
        height: 18px !important;
        background-color: #ffffff !important;
        border-radius: 50% !important;
        position: absolute !important;
        top: 15px !important;
        left: 22px !important;
        z-index: 5 !important;
        transition: left 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) !important;
    }
    
    .wc-block-components-sidebar .wc-block-components-panel__button[aria-expanded="true"]::before {
        left: 2px !important;
    }

    .wc-block-components-panel__content,
    div[class*="totals-coupon__content"] {
        display: block !important;
        overflow: visible !important;
        clear: both !important;
        width: 100% !important;
    }

    
    /* کپسول ورودی کد تخفیف */
    .wc-block-components-totals-coupon__form {
        border: 1px solid #e2e8f0 !important;
        border-radius: 30px !important;
        background: #f8fafc !important;
        padding: 4px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        box-sizing: border-box !important;
        margin-top: -6px !important;
        width: 100% !important;
        position: relative !important;
        margin-bottom: 8px !important; 
        animation: smoothSlideDown 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards !important;
    }

    @keyframes smoothSlideDown {
        0% { opacity: 0; transform: translateY(-8px); }
        100% { opacity: 1; transform: translateY(0); }
    }

    .wc-block-components-totals-coupon__form:focus-within {
        border-color: #C01157 !important;
        background: #ffffff !important;
    }

    .wc-block-components-totals-coupon__input input,
    .wc-block-components-totals-coupon__form .wc-block-components-text-input input {
        font-family: "Vazirmatn", sans-serif !important;
        font-weight: 700 !important;
        font-size: 14px !important;
        color: #0f172a !important;
        background: transparent !important;
        border: none !important;
        padding: 6px 14px !important;
        outline: none !important;
        box-shadow: none !important;
        width: 100% !important;
        text-align: center !important;
        z-index: 2 !important;
    }

    .wc-block-components-totals-coupon__form .wc-block-components-text-input label {
        font-family: "Vazirmatn", sans-serif !important;
        font-weight: 700 !important;
        font-size: 14px !important;
        color: #94a3b8 !important;
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        transition: opacity 0.2s ease, visibility 0.2s !important;
        pointer-events: none !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        right: auto !important;
        line-height: 1 !important;
    }

    .wc-block-components-totals-coupon__form:focus-within label,
    .wc-block-components-totals-coupon__form .wc-block-components-text-input:has(input:not(:placeholder-shown)) label,
    .wc-block-components-totals-coupon__form .wc-block-components-text-input__has-value label {
        opacity: 0 !important;
        visibility: hidden !important;
    }

    .wc-block-components-totals-coupon__form button[type="submit"] {
        background-color: #C01157 !important;
        color: #ffffff !important;
        font-family: "Vazirmatn", sans-serif !important;
        font-weight: 700 !important;
        font-size: 13px !important;
        padding: 0 18px !important;
        height: 34px !important;
        border-radius: 30px !important;
        border: none !important;
        cursor: pointer !important;
        box-shadow: 0 3px 10px rgba(192, 17, 87, 0.1) !important;
        margin-right: auto !important;
        margin-left: 0 !important;
    }

    /* ==========================================================================
       جدول محصولات در دسکتاپ (تراز افقی بی‌نقص هدر با المان‌های زیرین)
       ========================================================================== */
    table.wc-block-cart-items,
    .wc-block-cart-items {
        border: 1px solid #e2e8f0 !important;
        border-radius: 22px !important;
        border-collapse: separate !important; 
        border-spacing: 0 !important;            
        overflow: hidden !important;
        background: #ffffff !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.02) !important;
    }

    .wc-block-cart-items__header tr:first-child th:first-child { border-top-right-radius: 22px !important; }
    .wc-block-cart-items__header tr:first-child th:last-child { border-top-left-radius: 22px !important; }
    .wc-block-cart-items__body tr:last-child td:first-child { border-bottom-right-radius: 22px !important; }
    .wc-block-cart-items__body tr:last-child td:last-child { border-bottom-left-radius: 22px !important; }
    .wc-block-cart-items__row:last-child td { border-bottom: none !important; }
    .wc-block-cart-items__row:nth-child(odd) { background-color: #f8fafc  !important; }

   /* ۱. هدر جدول با تراز عمودی و افقی دقیق (محصول: مرکز عکس | تعداد: ۵۰٪ مطلق | مجموع: مرکز ستون چپ) */
    .wc-block-cart-items__header {
        position: relative !important;  
        border-bottom: 1px solid #e2e8f0 !important;
        height: 52px !important;
    }

    .wc-block-cart-items__header th {
        vertical-align: middle !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        height: 52px !important;
        box-sizing: border-box !important;
    }

    /* ستون اول (محصول): عرض 115px با پدینگ راست 25px -> مرکز دقیق در 70px از لبه راست */
    .wc-block-cart-items__header tr th.wc-block-cart-items__header-image,
    th.wc-block-cart-items__header-image {
        width: 115px !important;
        padding-right: 25px !important;
        padding-left: 0 !important;
        text-align: center !important;
    }

    .wc-block-cart-items__header tr th.wc-block-cart-items__header-image span {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        margin: 0 auto !important;
    }

    /* ستون آخر (مجموع): عرض 150px با پدینگ چپ 20px -> مرکز دقیق در 85px از لبه چپ */
    .wc-block-cart-items__header tr th.wc-block-cart-items__header-total,
    th.wc-block-cart-items__header-total {
        width: 150px !important;
        padding-left: 20px !important;
        padding-right: 0 !important;
        text-align: center !important;
        border-bottom: none !important;
    }

    .wc-block-cart-items__header tr th.wc-block-cart-items__header-total span {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        margin: 0 auto !important;
    }

    .wc-block-cart-items__header th span,
    .wc-block-cart-items__header-cell span {
        font-family: "Vazirmatn", sans-serif !important;
        font-size: 14.5px !important;
        font-weight: 800 !important;
        color: #475569 !important;
        margin: 0 !important;
        line-height: 1 !important;
    }

    /* 🎯 تراز کلمه «تعداد» دقیقاً در مرکز ۵۰٪ ریاضی ردیف عنوان‌ها */
    .wc-block-cart-items__header::after {
        content: "تعداد" !important;  
        font-family: "Vazirmatn", sans-serif !important;
        font-size: 14.5px !important;
        font-weight: 800 !important;
        color: #475569 !important;
        position: absolute !important;
        top: 50% !important;  
        left: 50% !important; /* 👈 قفل در مرکز ۵۰٪ جدول */
        transform: translate(-50%, -50%) !important;
        white-space: nowrap !important;
        z-index: 10 !important;
        line-height: 1 !important;
        pointer-events: none !important;
    }

    td.wc-block-cart-item__image {
        width: 115px !important;
        padding: 16px 25px 16px 0 !important;
        text-align: center !important;
    }

    .wc-block-cart-item__image a {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .wc-block-cart-item__image img,
    .wc-block-cart-line-items-block img,
    td.wc-block-cart-item__image img {
        width: 90px !important;  
        height: 90px !important; 
        max-width: 90px !important;
        max-height: 90px !important;
        border-radius: 14px !important;
        object-fit: cover !important;  
        display: block !important;
        margin: 0 auto !important;
        border: 1px solid #e2e8f0 !important;
    }
    
    td.wc-block-cart-item__product {
        padding-right: 15px !important;
    }

    /* ۳. بدنه جدول و سلول‌ها */
    .wc-block-cart-items__body tr.wc-block-cart-items__row,
    tr.wc-block-cart-items__row {
        position: relative !important;  
        display: table-row !important;
        border-bottom: 1px solid #f1f5f9 !important; 
        border-top: none !important;
    }

    table.wc-block-cart-items td, 
    table.wc-block-cart-items th,
    .wc-block-cart-items__row td {
        vertical-align: middle !important;  
        padding-top: 20px !important;
        padding-bottom: 20px !important;
        box-sizing: border-box !important;
        border-bottom: none !important; 
        border-top: none !important;
    }

    /* 🎯 تراز عمودی و ارتفاع یکسان ستون نام محصول و ستون قیمت کل جهت تراز افقی خطوط */
    .wc-block-cart-item__wrap {
        display: inline-flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        width: fit-content !important;
        min-height: 76px !important;
        gap: 6px !important; /* 👈 فاصله یکسان با ستون مجموع برای تراز افقی نام با قیمت کل و ذخیره با قیمت واحد */
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .wc-block-cart-item__name,
    .wc-block-components-product-name {
        font-family: "Vazirmatn", sans-serif !important;
        font-size: 16px !important;
        font-weight: 900 !important;
        color: #C01157 !important;
        margin: 0 !important;
        line-height: 24px !important;
        height: 24px !important;
        display: flex !important;
        align-items: center !important;
        text-decoration: none !important;
        transition: opacity 0.2s ease !important;
    }

    .wc-block-cart-item__name:hover,
    .wc-block-components-product-name:hover {
        opacity: 0.85 !important;
    }

    .wc-block-cart-item__prices,
    .wc-block-cart-item__prices .wc-block-components-product-price {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1.25 !important;
        gap: 2px !important;
    }

    .wc-block-components-product-price__regular,
    del.wc-block-components-product-price__regular {
        text-decoration: line-through !important; 
        color: #94a3b8 !important;
        font-size: 13px !important;
        display: inline-block !important;
    }

    .wc-block-cart-item__metadata,
    .wc-block-components-product-metadata {
        font-family: "Vazirmatn", sans-serif !important;
        font-size: 12px !important;
        color: #64748b !important;
        font-weight: 600 !important;
        margin: 2px 0 0 0 !important;
        line-height: 1.2 !important;
    }

    /* ۴. 🎯 قرارگیری مرکز «خودِ کپسول شمارنده» دقیقاً در ۵۰٪ جدول (عمود بر کلمه تعداد) و سطل زباله در بیرون آن */
    .wc-block-cart-item__product .wc-block-cart-item__quantity,
    div.wc-block-cart-item__quantity {
        display: flex !important;
        flex-direction: row !important;  
        align-items: center !important;
        justify-content: center !important;
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important; /* 👈 مرکز این باکس دقیقاً روی خط ۵۰٪ جدول و زیر کلمه تعداد است */
        transform: translate(-50%, -50%) !important;  
        width: 110px !important; /* هم‌عرض با خود کپسول تا مرکز کپسول از ۵۰٪ منحرف نشود */
        height: 36px !important;
        z-index: 5 !important;
    }

    .wc-block-components-quantity-selector,
    div.wc-block-components-quantity-selector {
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 30px !important; 
        overflow: hidden !important;
        height: 36px !important;
        width: 110px !important;
        min-width: 110px !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important; 
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02) !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* قرارگیری دکمه سطل زباله در سمت چپ کپسول به صورت شناور تا مرکز کپسول را از ۵۰٪ جابجا نکند */
    .wc-block-cart-item__quantity .wc-block-cart-item__remove-link,
    button.wc-block-cart-item__remove-link {
        position: absolute !important;
        left: -46px !important; /* ۱۲ پیکسل فاصله در سمت چپ کپسول */
        top: 50% !important;
        transform: translateY(-50%) !important;
        margin: 0 !important;
        color: #94a3b8 !important;
        background: #f8fafc !important;  
        border: 1px solid #e2e8f0 !important;
        width: 34px !important;
        height: 34px !important;
        border-radius: 50% !important;  
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        transition: all 0.2s ease !important;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02) !important;
    }

    .wc-block-cart-item__remove-link:hover { 
        color: #ffffff !important; 
        background: #C01157 !important; 
        border-color: #C01157 !important;
    }

    .wc-block-cart-item__remove-link svg { 
        width: 17px !important; 
        height: 17px !important; 
        fill: currentColor !important;
    }

    .wc-block-components-quantity-selector__button,
    button.wc-block-components-quantity-selector__button {
        flex: 0 0 28px !important;
        width: 28px !important;
        height: 100% !important;
        font-size: 14.5px !important;
        font-weight: 700 !important;
        color: #C01157 !important;
        background: transparent !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: none !important;
        cursor: pointer !important;
        outline: none !important;
        -webkit-tap-highlight-color: transparent !important;
        transition: all 0.2s ease !important;
    }

    .wc-block-components-quantity-selector__button:focus,
    .wc-block-components-quantity-selector__button:focus-visible,
    button.wc-block-components-quantity-selector__button:focus {
        background-color: transparent !important;
        color: #C01157 !important;
        outline: none !important;
    }

    @media (hover: hover) and (pointer: fine) {
        .wc-block-components-quantity-selector__button:hover,
        button.wc-block-components-quantity-selector__button:hover {
            background-color: #C01157 !important;
            color: #ffffff !important;
        }
    }

    .wc-block-components-quantity-selector__button:active,
    button.wc-block-components-quantity-selector__button:active {
        background-color: #C01157 !important;
        color: #ffffff !important;
        transform: scale(0.88) !important;
    }
    
    .wc-block-components-quantity-selector__input,
    input.wc-block-components-quantity-selector__input {
        font-family: "Vazirmatn", sans-serif !important;
        font-weight: 850 !important;
        font-size: 15px !important;
        color: #0f172a !important;
        background: transparent !important;
        border: none !important;
        flex: 1 !important;
        width: 100% !important;
        max-width: 46px !important; 
        text-align: center !important;
        padding: 0 !important;
        margin: 0 !important;
        font-variant-numeric: tabular-nums !important;
    }

    /* ۵. 🎯 ستون قیمت نهایی و بج ذخیره (تراز افقی سطر اول با نام محصول، و سطر دوم با قیمت واحد) */
    td.wc-block-cart-item__total { 
        width: 150px !important;
        text-align: center !important; 
        vertical-align: middle !important; 
        padding: 20px 0 20px 20px !important;
    }

    .wc-block-cart-item__total-price-and-sale-badge-wrapper {
        display: inline-flex !important;
        flex-direction: column !important;
        align-items: center !important;  
        justify-content: center !important;
        min-height: 76px !important; /* هم‌ارتفاع با .wc-block-cart-item__wrap */
        gap: 8px !important;         /* تراز شدن قیمت کل با نام محصول و بج ذخیره با قیمت‌های زیر نام */
        margin: 0 auto !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    .wc-block-cart-item__total .wc-block-components-product-price {
        height: 24px !important; /* هم‌ارتفاع با نام محصول (24px) */
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
    }

    .wc-block-cart-item__total .wc-block-components-product-price__value { 
        font-size: 16px !important; 
        font-weight: 900 !important; 
        color: #C01157 !important; 
        line-height: 24px !important;
    }
    
    .wc-block-components-product-price { 
        display: flex !important; 
        flex-direction: column !important; 
        align-items: center !important; 
    }
    
    .wc-block-components-product-price__regular { 
        font-size: 13px !important; 
        color: #94a3b8 !important; 
        text-decoration: line-through !important; 
        margin-bottom: 2px !important; 
    }
    
    .wc-block-components-product-price__value { 
        font-size: 16px !important; 
        color: #C01157 !important; 
        font-weight: 850 !important; 
    }

    /* 🎯 ۶. استپر نوار مراحل: تراز عمودی هر گام دقیقاً در بالای عنوان ستون متناظر خود
       - گام ۱ (سبد خرید): مرکز در 70px از راست (بالای عنوان «محصول»)
       - گام ۲ (پرداخت): مرکز در 50% جدول (بالای عنوان «تعداد»)
       - گام ۳ (پایان خرید): مرکز در 85px از چپ (بالای عنوان «مجموع») */
    #mikada-stepper-bar.mk-cart-page-stepper {
        width: 100% !important;
        max-width: 100% !important;
        height: 82px !important;
        margin: 0 0 24px 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        direction: rtl !important;
        padding-right: 32px !important; /* 32px + نصف عرض گام (38px) = 70px (مرکز ستون محصول) */
        padding-left: 47px !important;  /* 47px + نصف عرض گام (38px) = 85px (مرکز ستون مجموع) */
        box-sizing: border-box !important;
        position: relative !important;
    }

    #mikada-stepper-bar.mk-cart-page-stepper .mk-step { 
        display: flex !important; 
        flex-direction: column !important; 
        align-items: center !important; 
        flex: 0 0 76px !important;
        width: 76px !important;
        position: relative !important; 
        z-index: 2 !important; 
    }

    /* قفل شدن گام دوم (پرداخت) دقیقاً در ۵۰٪ مرکز جدول (عمود بر «تعداد» و کپسول) */
    #mikada-stepper-bar.mk-cart-page-stepper .mk-step[data-step="2"] {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        margin: 0 !important;
    }
    
    #mikada-stepper-bar.mk-cart-page-stepper .mk-icon { 
        width: 55px !important; 
        height: 55px !important; 
        border-radius: 50% !important; 
        background: #ffffff !important; 
        border: 2px solid #e2e8f0 !important; 
        display: flex !important; 
        align-items: center !important; 
        justify-content: center !important; 
        color: #ccc !important; 
        margin-bottom: 8px !important; 
        transition: all 0.3s ease !important; 
    }
    
    #mikada-stepper-bar.mk-cart-page-stepper .mk-icon svg { 
        width: 22px !important; 
        height: 22px !important; 
    }
    
    #mikada-stepper-bar.mk-cart-page-stepper .mk-label { 
        font-size: 14px !important; 
        font-weight: 700 !important; 
        color: #ccc !important; 
        font-family: "Vazirmatn", sans-serif !important; 
        white-space: nowrap !important;
    }
    
    #mikada-stepper-bar.mk-cart-page-stepper .mk-step.active .mk-icon { 
        background: #C01157 !important; 
        border-color: #C01157 !important; 
        color: #ffffff !important; 
        transform: scale(1.1) !important; 
        box-shadow: 0 5px 15px rgba(192, 17, 87, 0.3) !important; 
    }
    
    #mikada-stepper-bar.mk-cart-page-stepper .mk-step.active .mk-label { 
        color: #C01157 !important; 
    }

    /* خطوط رابط دقیق بین دایره ۱ تا ۲ و دایره ۲ تا ۳ */
    #mikada-stepper-bar.mk-cart-page-stepper #line-1 {
        position: absolute !important;
        right: 112px !important;
        left: calc(50% + 42px) !important;
        top: calc(50% - 13px) !important;
        height: 3px !important;
        background: #e2e8f0 !important;
        border-radius: 10px !important;
        margin: 0 !important;
    }

    #mikada-stepper-bar.mk-cart-page-stepper #line-2 {
        position: absolute !important;
        right: calc(50% + 42px) !important;
        left: 127px !important;
        top: calc(50% - 13px) !important;
        height: 3px !important;
        background: #e2e8f0 !important;
        border-radius: 10px !important;
        margin: 0 !important;
    }

    /* شفاف کردن ستون والد سایدبار و انتقال کادر سفید به باکس داخلی خلاصه صورت‌حساب */
    .wc-block-cart__sidebar,
    .wc-block-components-sidebar {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
    }

    .wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-block,
    .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block {
        background-color: #ffffff !important;
        border-radius: 22px !important;
        border: 1px solid #e2e8f0 !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.02) !important;
        padding: 26px !important;
        box-sizing: border-box !important;
    }

    /* استایل کپسول اعتمادسازی بالای خلاصه صورت‌حساب (هم‌ارتفاع با استپر: 82px) */
    .mk-cart-trust-badge-box {
        height: 82px !important;
        margin: 0 0 24px 0 !important;
        background: linear-gradient(135deg, #ffffff 0%, #fff8fa 60%, #fdf2f7 100%) !important;
        border: 1px solid #fce7f0 !important;
        border-radius: 20px !important;
        box-shadow: 0 6px 20px rgba(192, 17, 87, 0.04) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-evenly !important;
        padding: 0 16px !important;
        box-sizing: border-box !important;
        direction: rtl !important;
    }

    .mk-cart-trust-badge-box .mk-trust-item {
        display: inline-flex !important;
        align-items: center !important;
        gap: 7px !important;
        font-family: "Vazirmatn", sans-serif !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        color: #334155 !important;
        white-space: nowrap !important;
    }

    .mk-cart-trust-badge-box .mk-trust-item svg {
        width: 18px !important;
        height: 18px !important;
        stroke: #C01157 !important;
        flex-shrink: 0 !important;
    }

    .mk-cart-trust-badge-box .mk-trust-divider {
        width: 1px !important;
        height: 24px !important;
        background-color: #fce7f0 !important;
    }   
}

/* ==========================================================================
   🎉 بلیت تخفیف و بنرهای اعلان
   ========================================================================== */
/* 🎯 ۱. کاهش فاصله زیرین سطر مبلغ محصولات در دسکتاپ */
.wc-block-components-sidebar .wc-block-components-totals-item:first-child,
.wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-subtotal-block .wc-block-components-totals-item {
    padding-top: 12px !important;
    padding-bottom: 12px !important; /* 👈 کاهش پدینگ پایین از ۱۴px به ۴px */
}

/* 🎯 ۲. حذف پدینگ بالای سطر تخفیف */
.wc-block-components-sidebar .wc-block-components-totals-discount {
    margin-top: 0 !important;
    padding-top: 0 !important; /* 👈 حذف فاصله اضافی بالای متن تخفیف */
    padding-bottom: 4px !important;
}

.wc-block-components-sidebar .wc-block-components-totals-discount .wc-block-components-totals-item__description {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
    width: 100% !important;
    padding: 0 !important;
    margin-top: 4px !important;
    margin-bottom: 1px !important;
    order: 3 !important;
    animation: smoothSlideDown 0.9s cubic-bezier(0.4, 0, 0.2, 1) forwards !important;
}

/* 🎯 ۱. کشیدن سطر تخفیف به سمت بالا و نزدیک شدن به مبلغ محصولات */
.wp-block-woocommerce-cart-order-summary-discount-block,
.wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-discount-block {
    margin-top: -8px !important; /* 👈 هدایت سطر تخفیف به بالا به اندازه ۸ پیکسل */
    padding-top: 0 !important;
}

.wc-block-components-totals-discount__coupon-list {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.wc-block-components-totals-discount__coupon-list-item,
.wc-block-components-chip.is-removable {
    background-color: #f0fdf4 !important;
    border: 1px solid #bbf7d0 !important;
    border-radius: 12px !important;
    padding: 6px 14px !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 36px !important;
    box-sizing: border-box !important;
    direction: rtl !important;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.05) !important;
    transition: all 0.3s ease !important;
}

.wc-block-components-chip__text {
    color: #16a34a !important;
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
}

.wc-block-components-chip__text::before {
    content: "✅" !important;
    font-size: 12px !important;
    margin-left: 6px !important;
}

.wc-block-components-chip__text::after {
    content: " (تخفیف اعمال شد)" !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #15803d !important;
    margin-right: 4px !important;
}

.wc-block-components-chip__remove {
    background: #ffffff !important;
    color: #16a34a !important;
    border-radius: 50% !important;
    width: 24px !important;
    height: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border: 1px solid #bbf7d0 !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    margin: 0 auto 0 0 !important;
}

.wc-block-components-chip__remove:hover {
    background: #C01157 !important;
    color: #ffffff !important;
    border-color: #C01157 !important;
}

.wc-block-components-chip__remove svg {
    width: 14px !important;
    height: 14px !important;
    fill: currentColor !important;
}

/* بنرهای اعلان کد تخفیف */
.wp-block-woocommerce-cart-order-summary-coupon-block .wc-block-components-notice-banner,
.wc-block-components-totals-coupon div[role="alert"],
.wc-block-components-validation-error,
.wc-block-components-notice-banner {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    margin: 12px auto 14px auto !important; 
    padding: 10px 16px !important; 
    border-radius: 14px !important;
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 750 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    backdrop-filter: blur(8px) !important;
}

.wc-block-components-notice-banner.is-success,
.wc-block-components-notice-banner[class*="success"] {
    background-color: #f0fdf4 !important;
    border: 1.5px solid rgba(16, 185, 129, 0.3) !important;
    color: #065f46 !important;
    box-shadow: 0 4px 15px rgba(16, 185, 129, 0.06) !important;
}

.wc-block-components-notice-banner.is-error, 
.wc-block-components-validation-error {
    background-color: #fff5f7 !important;
    border: 1.5px solid rgba(192, 17, 87, 0.25) !important;
    color: #9c0e46 !important;
    box-shadow: 0 4px 15px rgba(192, 17, 87, 0.06) !important;
    margin-bottom: 8px !important;
}

.wc-block-components-sale-badge,
.wc-block-components-product-price__sale-badge,
span[class*="sale-badge"] {
    border-radius: 8px !important;
    padding: 4px 8px !important;
    font-weight: 700 !important;
    background-color: #C01157 !important;
    color: #ffffff !important;
}

/* ==========================================================================
   📱 بهینه‌سازی کامل، مینی‌مال و پایدار تبلت و موبایل (< 1024px)
   ========================================================================== */
@media (max-width: 1024px) {

    /* ----------------------------------------------------------------------
       ۰. تمام‌عرض شدن کادرها و ایجاد فضای تنفس برای دکمه چسبان
       ---------------------------------------------------------------------- */
    body.woocommerce-cart,
    .wd-page-wrapper,
    .main-page-wrapper,
    .site-content,
    .entry-content,
    .wp-block-woocommerce-cart,
    .wc-block-components-sidebar-layout,
    .wc-block-cart,
    .wp-block-woocommerce-filled-cart-block,
    .wc-block-components-main,
    .wc-block-cart__main {
        background-color: transparent !important;
        box-shadow: none !important;
        border: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    body.woocommerce-cart {
        background-color: #f8fafc !important;
        padding-bottom: 20px !important; /* 👈 فضای خالی پایین صفحه برای جلوگیری از پوشانده شدن محتوا توسط دکمه چسبان */
    }

    /* ----------------------------------------------------------------------
       ۱. استپر مراحل خرید در تبلت و موبایل (بدون همپوشانی خط و دایره)
       ---------------------------------------------------------------------- */
    #mikada-stepper-bar.mk-cart-page-stepper {
        width: 100% !important;
        max-width: 380px !important;
        margin: 0 auto 22px auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        direction: rtl !important;
        padding: 0 8px !important;
        box-sizing: border-box !important;
        position: relative !important;
    }

    #mikada-stepper-bar.mk-cart-page-stepper .mk-step {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        flex: 0 0 68px !important;
        width: 68px !important;
        position: relative !important;
        z-index: 2 !important;
    }

    #mikada-stepper-bar.mk-cart-page-stepper .mk-icon {
        width: 44px !important;
        height: 44px !important;
        border-radius: 50% !important;
        background: #ffffff !important;
        border: 2px solid #e2e8f0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #94a3b8 !important;
        margin-bottom: 6px !important;
        position: relative !important;
        z-index: 3 !important;
        box-sizing: border-box !important;
    }

    #mikada-stepper-bar.mk-cart-page-stepper .mk-icon svg {
        width: 19px !important;
        height: 19px !important;
    }

    #mikada-stepper-bar.mk-cart-page-stepper .mk-label {
        font-size: 11.5px !important;
        font-weight: 750 !important;
        color: #94a3b8 !important;
        font-family: "Vazirmatn", sans-serif !important;
        white-space: nowrap !important;
    }

    #mikada-stepper-bar.mk-cart-page-stepper .mk-step.active .mk-icon {
        background: #C01157 !important;
        border-color: #C01157 !important;
        color: #ffffff !important;
        transform: scale(1.06) !important;
        box-shadow: 0 4px 12px rgba(192, 17, 87, 0.28) !important;
    }

    #mikada-stepper-bar.mk-cart-page-stepper .mk-step.active .mk-label {
        color: #C01157 !important;
        font-weight: 850 !important;
    }

    #mikada-stepper-bar.mk-cart-page-stepper .mk-line {
        height: 2px !important;
        background: #e2e8f0 !important;
        flex: 1 1 auto !important;
        margin-top: -22px !important;
        margin-right: -4px !important;
        margin-left: -4px !important;
        border-radius: 10px !important;
        position: relative !important;
        z-index: 1 !important;
    }

    .mk-cart-trust-badge-box { 
        display: none !important;
        }
/* ----------------------------------------------------------------------
       ۲. چیدمان دقیق ۲×۲ موبایل:
          - راست: عکس کوچک‌تر (58px)
          - سطر بالا: نام محصول (راست) + کپسول و دکمه حذف کوچک‌تر (چپ)
          - سطر پایین: قیمت تک محصول (راست) + قیمت مجموع (چپ)
       ---------------------------------------------------------------------- */
    .wc-block-cart-items__header,
    .mk-cart-trust-badge-box {
        display: none !important;
    }

    table.wc-block-cart-items,
    .wc-block-cart-items,
    table.wc-block-cart-items tbody,
    .wc-block-cart-items__body {
        display: block !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    table.wc-block-cart-items {
        border: 1px solid #e2e8f0 !important;
        border-radius: 22px !important;
        background: #ffffff !important;
        overflow: hidden !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
        margin-bottom: 14px !important;
        border-collapse: collapse !important;
    }

    /* حذف برچسب ذخیره و قیمت خط‌خورده در موبایل */
    .wc-block-cart-item__total .wc-block-components-product-badge,
    .wc-block-cart-item__total .wc-block-components-sale-badge,
    .wc-block-cart-items .wc-block-components-sale-badge,
    .wc-block-cart-items .wc-block-components-product-price__regular,
    .wc-block-cart-items del,
    .wc-block-components-product-badge {
        display: none !important;
    }

    /* ردیف محصول در موبایل */
    body.woocommerce-cart table.wc-block-cart-items tbody tr.wc-block-cart-items__row,
    tr.wc-block-cart-items__row {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 100% !important;
        min-height: 86px !important;
        padding: 12px 10px !important;
        border: none !important;
        border-bottom: 1px solid #e2e8f0 !important;
        box-sizing: border-box !important;
        position: relative !important;
        background-color: #ffffff !important;
        direction: rtl !important;
    }

    body.woocommerce-cart table.wc-block-cart-items tbody tr.wc-block-cart-items__row:last-child {
        border-bottom: none !important;
    }

    body.woocommerce-cart table.wc-block-cart-items tbody tr.wc-block-cart-items__row:nth-child(even),
    tr.wc-block-cart-items__row:nth-child(even) {
        background-color: #f8fafc !important;
    }

    /* ۱. عکس محصول در سمت راست با ابعاد کوچک‌تر (58px) */
    body.woocommerce-cart table.wc-block-cart-items td.wc-block-cart-item__image,
    td.wc-block-cart-item__image {
        width: 58px !important;
        height: 58px !important;
        flex: 0 0 58px !important;
        margin: 0 0 0 10px !important;
        padding: 0 !important;
        border: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    body.woocommerce-cart table.wc-block-cart-items td.wc-block-cart-item__image img,
    td.wc-block-cart-item__image img {
        width: 58px !important;
        height: 58px !important;
        max-width: 58px !important;
        max-height: 58px !important;
        border-radius: 12px !important;
        object-fit: cover !important;
        border: 1px solid #e2e8f0 !important;
        display: block !important;
    }

    /* ۲. ستون وسط (نام محصول در بالا + قیمت تک محصول در پایین) */
    body.woocommerce-cart table.wc-block-cart-items td.wc-block-cart-item__product,
    td.wc-block-cart-item__product {
        flex: 1 1 auto !important;
        width: calc(100% - 68px) !important;
        max-width: calc(100% - 68px) !important;
        margin: 0 !important;
        padding: 0 0 0 112px !important; /* فضای اختصاصی سمت چپ برای کپسول و قیمت مجموع */
        border: none !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        min-height: 58px !important;
    }

    .wc-block-cart-item__wrap {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        min-height: 54px !important;
        gap: 6px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: right !important;
    }

    /* سطر ۱ راست: نام محصول (تراز افقی با کپسول شمارنده) */
    body.woocommerce-cart table.wc-block-cart-items td.wc-block-cart-item__product .wc-block-components-product-name,
    .wc-block-cart-item__name {
        color: #C01157 !important;
        font-family: "Vazirmatn", sans-serif !important;
        font-size: 13px !important;
        font-weight: 850 !important;
        line-height: 26px !important;
        min-height: 26px !important;
        margin: 0 !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 100% !important;
        display: block !important;
    }

    /* سطر ۲ راست: قیمت تک محصول (تراز افقی با قیمت مجموع) */
    .wc-block-cart-item__prices {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        height: 22px !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1 !important;
    }

    .wc-block-cart-item__prices .wc-block-components-product-price__value {
        font-size: 11.5px !important;
        font-weight: 800 !important;
        color: #64748b !important;
        margin: 0 !important;
        white-space: nowrap !important;
    }

    /* متغیرهای رنگ و اندازه */
    .mk-attr-patched {
        margin: 0 !important;
    }

    .mk-cart-attributes-row {
        display: inline-flex !important;
        align-items: center !important;
        margin: 0 !important;
        direction: rtl !important;
        gap: 0 !important;
    }

    .mk-cart-color-dot {
        display: inline-block !important;
        width: 12px !important;
        height: 12px !important;
        border-radius: 50% !important;
        margin: 0 !important;
        vertical-align: middle !important;
        box-shadow: inset 0 0 0 1px rgba(0,0,0,0.12) !important;
    }

    .mk-cart-color-dot + .mk-cart-size-tag::before {
        content: "|" !important;
        color: #cbd5e1 !important;
        font-size: 11px !important;
        margin: 0 4px !important;
        display: inline-block !important;
    }

    .mk-cart-size-tag {
        font-family: "Vazirmatn", sans-serif !important;
        font-size: 11px !important;
        font-weight: 850 !important;
        color: #475569 !important;
    }

    /* ======================================================================
       ستون سمت چپ (انتهای ردیف):
       - بالا (در امتداد نام محصول): کپسول شمارنده کوچک‌تر + دکمه حذف کوچک‌تر
       - پایین (در امتداد قیمت تک محصول): قیمت مجموع
       ====================================================================== */

    /* ۱. سطر بالا-چپ (در امتداد نام محصول): کپسول و دکمه حذف با ابعاد کوچک‌تر */
    body.woocommerce-cart table.wc-block-cart-items .wc-block-cart-item__quantity,
    .wc-block-cart-item__product .wc-block-cart-item__quantity,
    div.wc-block-cart-item__quantity {
        position: absolute !important;
        left: 10px !important;
        top: 14px !important; /* 👈 در سطر بالا، دقیقاً در امتداد نام محصول */
        bottom: auto !important;
        right: auto !important;
        transform: none !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 5px !important;
        width: 105px !important;
        height: 26px !important;
        margin: 0 !important;
        padding: 0 !important;
        z-index: 10 !important;
    }

    /* کپسول شمارنده کوچک‌تر و ظریف (72px × 26px) */
    body.woocommerce-cart table.wc-block-cart-items .wc-block-components-quantity-selector,
    .wc-block-cart-item__quantity .wc-block-components-quantity-selector,
    div.wc-block-components-quantity-selector {
        display: flex !important;
        flex-direction: row !important;
        width: 72px !important;
        min-width: 72px !important;
        max-width: 72px !important;
        height: 26px !important;
        min-height: 26px !important;
        max-height: 26px !important;
        border-radius: 16px !important;
        background: #ffffff !important;
        border: 1px solid #cbd5e1 !important;
        overflow: hidden !important;
        align-items: center !important;
        justify-content: space-between !important;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02) !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .wc-block-components-quantity-selector__button,
    button.wc-block-components-quantity-selector__button {
        flex: 0 0 21px !important;
        width: 21px !important;
        height: 100% !important;
        font-size: 13.5px !important;
        font-weight: 700 !important;
        color: #C01157 !important;
        background: transparent !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: none !important;
        cursor: pointer !important;
        padding: 0 !important;
    }

    .wc-block-components-quantity-selector__input,
    input.wc-block-components-quantity-selector__input {
        flex: 1 !important;
        width: 100% !important;
        max-width: 28px !important;
        height: 100% !important;
        font-family: "Vazirmatn", sans-serif !important;
        font-size: 12px !important;
        font-weight: 850 !important;
        text-align: center !important;
        color: #0f172a !important;
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* دکمه حذف کوچک‌تر (26px × 26px) */
    body.woocommerce-cart table.wc-block-cart-items .wc-block-cart-item__remove-link,
    .wc-block-cart-item__quantity .wc-block-cart-item__remove-link,
    button.wc-block-cart-item__remove-link {
        position: static !important;
        transform: none !important;
        width: 26px !important;
        height: 26px !important;
        min-width: 26px !important;
        min-height: 26px !important;
        border-radius: 50% !important;
        background: #ffffff !important;
        border: 1px solid #cbd5e1 !important;
        color: #94a3b8 !important;
        margin: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
    }

    .wc-block-cart-item__remove-link svg {
        width: 13px !important;
        height: 13px !important;
        fill: currentColor !important;
    }

    /* ۲. سطر پایین-چپ (در امتداد قیمت تک محصول و زیر کپسول): قیمت مجموع */
    body.woocommerce-cart table.wc-block-cart-items td.wc-block-cart-item__total,
    td.wc-block-cart-item__total {
        position: absolute !important;
        left: 10px !important;
        bottom: 14px !important; /* 👈 در سطر پایین، دقیقاً در امتداد قیمت تک محصول و زیر کپسول */
        top: auto !important;
        right: auto !important;
        width: 105px !important; /* هم‌عرض با (کپسول + سطل زباله) جهت تراز در مرکز آن */
        height: 22px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 5 !important;
    }

    td.wc-block-cart-item__total::before {
        display: none !important;
        content: none !important;
    }

    .wc-block-cart-item__total-price-and-sale-badge-wrapper {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 22px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .wc-block-cart-item__total .wc-block-components-product-price__value {
        font-size: 14px !important;
        font-weight: 950 !important;
        color: #C01157 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }
    
    /* ۲. کپسول شمارنده و دکمه حذف: تراز روی همان محور */
    .wc-block-cart-item__product .wc-block-cart-item__quantity,
    div.wc-block-cart-item__quantity {
        position: absolute !important;
        left: 6px !important;
        bottom: 16px !important;
        top: auto !important;
        transform: none !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important; /* 👈 هم‌راستا با محور قیمت بالا */
        gap: 5px !important;
        width: 120px !important;
        height: 32px !important;
        margin: 0 !important;
        padding: 0 !important;
        z-index: 10 !important;
    }
    

    /* ۲. کپسول شمارنده افقی فشرده‌تر */
    table.wc-block-cart-items .wc-block-components-quantity-selector,
    .wc-block-cart-item__quantity .wc-block-components-quantity-selector,
    div.wc-block-components-quantity-selector {
        display: flex !important;
        flex-direction: row !important;
        width: 84px !important;      /* 👈 کاهش طول کپسول از 94px به 84px */
        min-width: 84px !important;
        max-width: 84px !important;
        height: 30px !important;     /* 👈 ارتفاع ظریف‌تر و فشرده */
        min-height: 30px !important;
        border-radius: 18px !important;
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
        overflow: hidden !important;
        align-items: center !important;
        justify-content: space-between !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
        margin: 0 !important;
        padding: 0 !important;
        transition: border-color 0.2s ease !important;
    }

        table.wc-block-cart-items .wc-block-components-quantity-selector:hover {
        border-color: #cbd5e1 !important;
    }
    

    /* ۳. دکمه‌های مثبت و منفی با پهنای کمتر و ترنزیشن نرم */
    .wc-block-components-quantity-selector__button,
    button.wc-block-components-quantity-selector__button {
        flex: 0 0 25px !important;   /* 👈 پهنای فشرده‌تر دکمه‌ها */
        width: 25px !important;
        height: 100% !important;
        font-size: 14.5px !important;
        font-weight: 700 !important;
        color: #C01157 !important;
        background: transparent !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: none !important;
        cursor: pointer !important;
        transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; /* 👈 انیمیشن نرم هاور */
    }
    
        /* 🌟 افکت هاور شیک دکمه‌های + و - 🌟 */
    .wc-block-components-quantity-selector__button:hover,
    button.wc-block-components-quantity-selector__button:hover {
        background-color: #C01157 !important; /* تغییر پس‌زمینه به رنگ برند در هاور */
        color: #ffffff !important;           /* سفید شدن علامت در هاور */
    }

    .wc-block-components-quantity-selector__button:active,
    button.wc-block-components-quantity-selector__button:active {
        transform: scale(0.9) !important;    /* افکت کلیک ملایم */
    }

    /* ۴. عدد شمارنده وسط کپسول با عرض فشرده‌تر */
    .wc-block-components-quantity-selector__input,
    input.wc-block-components-quantity-selector__input {
        flex: 1 !important;
        width: 100% !important;
        max-width: 30px !important;  /* 👈 کاهش پهنای المان عدد */
        height: 100% !important;
        font-family: "Vazirmatn", sans-serif !important;
        font-size: 13px !important;
        font-weight: 850 !important;
        text-align: center !important;
        color: #0f172a !important;
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* 🗑️ دکمه حذف */
    .wc-block-cart-item__quantity .wc-block-cart-item__remove-link,
    button.wc-block-cart-item__remove-link {
        position: static !important;
        transform: none !important;
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        min-height: 30px !important;
        border-radius: 50% !important;
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
        color: #94a3b8 !important;
        margin: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        cursor: pointer !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
        transition: all 0.2s ease !important;
    }

    .wc-block-cart-item__remove-link:hover {
        color: #ffffff !important;
        background: #C01157 !important;
        border-color: #C01157 !important;
    }

    .wc-block-cart-item__remove-link svg {
        width: 14px !important;
        height: 14px !important;
        fill: currentColor !important;
    }

/* ----------------------------------------------------------------------
       ۳. سایدبار فاکتور و رفع تداخل لایه‌های گرید در موبایل
       ---------------------------------------------------------------------- */
    .wc-block-cart__sidebar,
    .wc-block-components-sidebar {
        padding: 20px 16px !important;
        border-radius: 22px !important;
        border: 1px solid #e2e8f0 !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: 100% !important;
        background: #ffffff !important;
        margin-top: 0 !important;
    }

    .wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-block,
    .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block {
        display: grid !important;
        grid-template-columns: 100% !important;
        width: 100% !important;
    }

    /* 🎯 اصلاح شماره ردیف‌ها و کلاس فرم کوپن جهت نمایش قطعی مبلغ محصولات */
    .wp-block-woocommerce-cart-order-summary-heading-block { 
        grid-row: 1 !important; 
    }
    
    .wp-block-woocommerce-cart-order-summary-totals-block,
    .wp-block-woocommerce-cart-order-summary-subtotal-block { 
        grid-row: 2 !important; /* 👈 ردیف دوم: مبلغ محصولات */
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .wp-block-woocommerce-cart-order-summary-coupon-form-block,
    .wp-block-woocommerce-cart-order-summary-coupon-block,
    div[class*="coupon-form-block"] { 
        grid-row: 3 !important; /* 👈 ردیف سوم: کد تخفیف (رفع هم‌پوشانی) */
        position: relative !important;
        border: none !important;
    }

    .wc-block-components-sidebar .wc-block-components-totals-wrapper {
        display: grid !important;
        grid-template-columns: 100% !important;
        width: 100% !important;
    }

    .wc-block-components-sidebar .wc-block-components-totals-discount { 
        grid-row: 4 !important; 
    }

    .wc-block-components-sidebar .wc-block-components-totals-footer-item,
    .wc-block-components-totals-footer-item { 
        grid-row: 5 !important; 
    }

    .wp-block-woocommerce-cart-order-summary-totals-block,
    .wp-block-woocommerce-cart-order-summary-subtotal-block,
    .wp-block-woocommerce-cart-order-summary-coupon-form-block {
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* 🚫 حذف لیبل شناور متن راهنما جهت جلوگیری از تداخل با متن تایپ‌شده */
    .wc-block-components-totals-coupon__form .wc-block-components-text-input label,
    .wc-block-components-totals-coupon__form label {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}
    
    /* 🎯 بازگرداندن خط‌چین زیر بخش کوپن هنگام باز بودن فرم تخفیف */

.wc-block-components-sidebar .wc-block-components-panel__content{
    border-bottom: 1px dashed #cbd5e1 !important; /* 👈 خط‌چین زیر فرم باز شده */
    padding-bottom: 6px !important;
    margin-bottom: 8px !important;
    width: 100% !important;
    display: block !important;
}
    
    /* عنوان خلاصه صورت‌حساب */
    .wc-block-cart__totals-title,
    h2.wc-block-cart__totals-title {
        color: #C01157 !important;
        font-family: "Vazirmatn", sans-serif !important;
        font-size: 18px !important;
        font-weight: 900 !important;
        text-align: center !important;
        margin: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 12px !important;
        border: none !important;
        border-bottom: 1px solid #f1f5f9 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
    }

    .wc-block-cart__totals-title::before,
    h2.wc-block-cart__totals-title::before {
        content: "\f570" !important;
        font-family: "Font Awesome 6 Free", "Font Awesome 7 Free" !important;
        font-weight: 900 !important;
        font-size: 17px !important;
        color: #C01157 !important;
    }

    /* سطر مبلغ محصولات (ظاهر شدن کامل و با فونت خوانا) */
    .wc-block-components-sidebar .wc-block-components-totals-item:first-child,
    .wp-block-woocommerce-cart-order-summary-subtotal-block .wc-block-components-totals-item {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 12px 0 !important;
        margin: 0 !important;
        border: none !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .wc-block-components-sidebar .wc-block-components-totals-item__label {
        font-size: 14.5px !important;
        color: #475569 !important;
        font-weight: 700 !important;
    }

    .wc-block-components-sidebar .wc-block-components-totals-item__value {
        font-size: 16.5px !important;
        color: #1e293b !important;
        font-weight: 850 !important;
    }

    /* سوییچ اهرمی کد تخفیف */
    .wc-block-components-totals-coupon {
        border: none !important;
        background: transparent !important;
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
    }

    .wc-block-components-sidebar .wc-block-components-panel__button {
        display: flex !important;
        background: transparent !important;
        border: none !important;
        border-top: 1px dashed #cbd5e1 !important;
        border-bottom: 1px dashed #cbd5e1 !important;
        padding: 10px 0 !important;
        margin: 0 !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
        font-family: "Vazirmatn", sans-serif !important;
        font-size: 14.5px !important;
        font-weight: 700 !important;
        color: #475569 !important;
        cursor: pointer !important;
        position: relative !important;
    }

    .wc-block-components-sidebar .wc-block-components-panel__button svg {
        display: none !important;
    }

    .wc-block-components-sidebar .wc-block-components-panel__button::before {
        content: "" !important;
        width: 16px !important;
        height: 16px !important;
        background-color: #ffffff !important;
        border-radius: 50% !important;
        position: absolute !important;
        top: 13px !important;
        left: 20px !important;
        z-index: 5 !important;
        transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) !important;
    }

    .wc-block-components-sidebar .wc-block-components-panel__button::after {
        content: "" !important;
        width: 42px !important;
        height: 22px !important;
        background-color: #cbd5e1 !important;
        border-radius: 22px !important;
        display: inline-block !important;
        transition: background-color 0.25s ease !important;
    }

    .wc-block-components-sidebar .wc-block-components-panel__button[aria-expanded="true"]::after {
        background-color: #C01157 !important;
    }

    .wc-block-components-sidebar .wc-block-components-panel__button[aria-expanded="true"]::before {
        left: 3px !important;
    }

    .wc-block-components-sidebar .wc-block-components-panel__button[aria-expanded="true"] {
        border-bottom: none !important;
        padding-bottom: 12px !important;
    }
    
/* 🎯 ۱. خط‌چین زیر فرم باز شده کد تخفیف با حذف مارجین اضافه */
    .wc-block-components-sidebar .wc-block-components-panel__content {
        border-bottom: 1px dashed #cbd5e1 !important; /* 👈 خط‌چین زیر فرم */
        padding-bottom: 4px !important;
        margin-bottom: 0 !important; /* 👈 صفر کردن مارجین زیر خط‌چین */
        width: 100% !important;
        display: block !important;
    }

    /* فرم کپسولی کد تخفیف (بدون تغییر ساختار اصلی) */
    .wc-block-components-totals-coupon__form {
        border: 1px solid #e2e8f0 !important;
        border-radius: 30px !important;
        background: #f8fafc !important;
        padding: 3px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        box-sizing: border-box !important;
        margin: 4px 0 12px 0 !important;
        width: 100% !important;
        position: relative !important;
    }

    .wc-block-components-totals-coupon__form:focus-within {
        border-color: #C01157 !important;
        background: #ffffff !important;
    }

    .wc-block-components-totals-coupon__input input,
    .wc-block-components-totals-coupon__form .wc-block-components-text-input input {
        font-family: "Vazirmatn", sans-serif !important;
        font-size: 13.5px !important;
        font-weight: 700 !important;
        color: #0f172a !important;
        background: transparent !important;
        border: none !important;
        padding: 6px 12px !important;
        outline: none !important;
        box-shadow: none !important;
        width: 100% !important;
        text-align: center !important;
    }

    .wc-block-components-totals-coupon__form button[type="submit"] {
        background-color: #C01157 !important;
        color: #ffffff !important;
        font-family: "Vazirmatn", sans-serif !important;
        font-weight: 700 !important;
        font-size: 13px !important;
        padding: 0 16px !important;
        height: 34px !important;
        border-radius: 30px !important;
        border: none !important;
        cursor: pointer !important;
        box-shadow: 0 3px 10px rgba(192, 17, 87, 0.1) !important;
    }

    /* 🎯 ۲. ردیف مبلغ قابل پرداخت: تنظیم فاصله یکسان و متقارن از خط‌چین بالای خود */
    .wc-block-components-totals-footer-item {
        padding-top: 10px !important;    /* 👈 کاهش فاصله از خط‌چین بالا به ۱۰ پیکسل */
        padding-bottom: 12px !important;
        margin: 0 !important;
        border-top: none !important;     /* 👈 حذف خط‌چین تکراری جهت حفظ فاصله یکدست در هر دو حالت باز و بسته */
    }

    .wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
        font-size: 15.5px !important;
        font-weight: 900 !important;
        color: #1e293b !important;
    }

    .wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
    .mk-corrected-total {
        color: #C01157 !important;
        font-size: 21px !important;
        font-weight: 950 !important;
    }
    
    
/* ----------------------------------------------------------------------
   🎯 ۴. بازگردانی رفتار ۱۰۰٪ بومی دکمه پرداخت (حذف قطعی هاله ::before و مرکزچین عمودی)
   ---------------------------------------------------------------------- */

/* ۱. حذف قطعی گرادینت و لایه هاله پیش‌فرض ووکامرس (::before و ::after) */
.wc-block-cart__submit-container--sticky::before,
.wc-block-cart__submit-container--sticky::after,
.wc-block-cart__submit::before,
.wc-block-cart__submit::after,
.wp-block-woocommerce-proceed-to-checkout-block::before,
.wp-block-woocommerce-proceed-to-checkout-block::after {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    background: transparent !important;
}

/* ۲. فعال‌سازی سنسور ارتفاع و حذف پس‌زمینه‌های اضافه والد */
.wp-block-woocommerce-proceed-to-checkout-block,
.wc-block-cart__submit,
.wc-block-components-sidebar .wc-block-cart__submit,
.wc-block-cart__sidebar .wc-block-cart__submit,
.wp-block-woocommerce-proceed-to-checkout-block > div[aria-hidden="true"],
.wc-block-cart__submit > div[aria-hidden="true"] {
    grid-row: 6 !important;
    width: 100% !important;
    position: relative !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* ۳. حالت عادی و نشسته در فاکتور */
.wc-block-components-sidebar .wc-block-cart__submit-container:not(.wc-block-cart__submit-container--sticky) {
    position: static !important;
    width: 100% !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 12px 0 0 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    box-sizing: border-box !important;
}

/* ۴. حالت چسبان با گوشه‌های گرد و مرکزچین عمودی متقارن */
.wc-block-components-sidebar .wc-block-cart__submit-container--sticky,
.wc-block-cart__submit-container--sticky {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-top: 1px solid #e2e8f0 !important;
    border-top-left-radius: 24px !important;
    border-top-right-radius: 24px !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
    padding: 12px 16px !important; /* 👈 پدینگ متقارن ۱۲ پیکسل از بالا و پایین جهت مرکزیت دقیق عمودی */
    box-shadow: 0 -6px 20px rgba(0, 0, 0, 0.06) !important;
    z-index: 9999 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    box-sizing: border-box !important;
}

/* ۵. استایل دکمه پرداخت */
.wc-block-cart__submit-button,
.wc-block-components-checkout-button {
    background-color: #C01157 !important;
    color: #ffffff !important;
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 15.5px !important;
    font-weight: 850 !important;
    height: 48px !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 280px !important;
    margin: 0 auto !important;
    border-radius: 30px !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(192, 17, 87, 0.25) !important;
    cursor: pointer !important;
	}
}

/* --- اعمال فونت Vazirmatn و قفل جهت RTL روی تمام مبالغ، تگ‌های bdi و بج ذخیره در سبد خرید --- */
.wc-block-formatted-money-amount,
.wc-block-formatted-money-amount bdi,
.wc-block-components-formatted-money-amount,
.wc-block-components-formatted-money-amount bdi,
.wc-block-components-sale-badge,
.wc-block-components-sale-badge bdi,
.wc-block-components-product-price__value,
.wc-block-components-product-price__regular,
.wc-block-components-totals-item__value,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.mk-corrected-total,
.wc-block-cart-item__total .wc-block-components-product-price__value,
.wc-block-cart-item__prices .wc-block-components-product-price__value,
.wc-block-components-totals-discount .wc-block-components-totals-item__value,
.wp-block-woocommerce-cart-order-summary-block .woocommerce-Price-amount {
    font-family: "Vazirmatn", sans-serif !important;
    font-feature-settings: normal !important;
    -webkit-font-feature-settings: normal !important;
    direction: rtl !important;
    unicode-bidi: normal !important;
}

/* ==========================================================================
   🌟 ۱. حذف کامل باکس سیاه عنوان صفحه وودمارت در صفحه سبد خرید
   ========================================================================== */
body.woocommerce-cart .wd-page-title,
body.woocommerce-cart .page-title,
body.woocommerce-cart .page-title-default {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

body.woocommerce-cart .main-page-wrapper {
    padding-top: 25px !important;
    margin-top: 0 !important;
}

/* ==========================================================================
   🌟 ۲. طراحی لوکس وضعیت «سبد خرید خالی» (هماهنگ با صفحه علاقه‌مندی‌ها)
   ========================================================================== */
.mk-luxury-empty-cart-box {
    background: #ffffff !important;
    border: 1px solid #f1f5f9 !important;
    border-radius: 28px 6px 28px 6px !important;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.04) !important;
    padding: 55px 24px !important;
    max-width: 580px !important;
    width: calc(100% - 24px) !important;
    margin: 20px auto 45px auto !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;
    direction: rtl !important;
    animation: mkEmptyCartFadeIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

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

.mk-empty-cart-icon {
    width: 86px !important;
    height: 86px !important;
    margin: 0 auto 20px auto !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='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='21' r='1'/%3E%3Ccircle cx='19' cy='21' r='1'/%3E%3Cpath d='M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12'/%3E%3Cline x1='12' y1='9' x2='16' y2='13'/%3E%3Cline x1='16' y1='9' x2='12' y2='13'/%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='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='21' r='1'/%3E%3Ccircle cx='19' cy='21' r='1'/%3E%3Cpath d='M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12'/%3E%3Cline x1='12' y1='9' x2='16' y2='13'/%3E%3Cline x1='16' y1='9' x2='12' y2='13'/%3E%3C/svg%3E") no-repeat center / contain !important;
    filter: drop-shadow(0 6px 14px rgba(192, 17, 87, 0.22)) !important;
}

.mk-empty-cart-title {
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    color: #0f172a !important;
    margin: 0 0 12px 0 !important;
    line-height: 1.3 !important;
}

.mk-empty-cart-desc {
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 550 !important;
    color: #64748b !important;
    line-height: 1.8 !important;
    max-width: 440px !important;
    margin: 0 auto 26px auto !important;
    text-align: justify !important;
    text-align-last: center !important;
}

.mk-empty-cart-btn {
    background: linear-gradient(135deg, #C01157 0%, #9e0c45 100%) !important;
    color: #ffffff !important;
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 14.5px !important;
    font-weight: 850 !important;
    padding: 12px 36px !important;
    border-radius: 50px !important;
    border: none !important;
    box-shadow: 0 6px 20px rgba(192, 17, 87, 0.28) !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    outline: none !important;
    transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.25s ease !important;
}

.mk-empty-cart-btn:hover,
.mk-empty-cart-btn:focus {
    color: #ffffff !important;
    transform: translateY(-2px) scale(1.02) !important;
    box-shadow: 0 10px 25px rgba(192, 17, 87, 0.38) !important;
    outline: none !important;
}

/* مخفی شدن استپر وقتی سبد خرید خالی است */
body:has(.mk-luxury-empty-cart-box) #mikada-stepper-bar {
    display: none !important;
}