/**
 * Mika Luxury Store - Global Stylesheet
 * File: 01-total.css
 * Path: assets/css/01-total.css
 * Scope: 100% Global (Loaded on every page)
 * Version: 1.0.0
 * Created By Pixit-ACHTUNg
 */

/* ====================================================================================================
   ----------------- #01: Global Core - Typography, Scrollbar, Accent & Caret Colors -----------------
   ==================================================================================================== */

/*--- #01: Global Core - Typography, Scrollbar, Accent & Caret Colors ---*/

/* ==========================================================================
   ۱. استایل سراسری رنگ نشانگر تایپ (Caret)، دستگیره لمسی و هایلایت متن
   ========================================================================== */

/* الف) تعریف رنگ شاخص در روت سند برای المان‌های تعاملی سیستم‌عامل */
:root {
    accent-color: #C01157 !important;
}

/* ب) تغییر رنگ خط چشمک‌زن (Caret) و دستگیره قطره‌ای لمسی در تمام فیلدها */
input,
textarea,
select,
[contenteditable="true"],
.qty,
input.qty,
.input-text {
    caret-color: #C01157 !important;
    accent-color: #C01157 !important;
}

/* ج) تغییر رنگ هایلایت و انتخاب متن در تمام صفحات سایت */
::selection {
    background-color: #C01157 !important;
    color: #ffffff !important;
}

::-moz-selection {
    background-color: #C01157 !important;
    color: #ffffff !important;
}

/* ==========================================================================
   استایل سراسری اسکرول‌بار باریک و سرخابی برای تمام مرورگرها (Global Scrollbar)
   ========================================================================== */

/* ۱. استاندارد مدرن W3C (پشتیبانی کامل فایرفاکس و نسخه‌های جدید کرومیوم/سافاری) */
html {
    scrollbar-width: thin !important;
    scrollbar-color: #C01157 #fdf2f7 !important;
}

/* ۲. موتورهای WebKit (مرورگرهای Chrome ،Edge ،Opera و Safari) */
html::-webkit-scrollbar {
    width: 6px !important;               /* ضخامت اسکرول‌بار عمودی */
    height: 6px !important;              /* ضخامت اسکرول‌بار افقی */
}

html::-webkit-scrollbar-track {
    background-color: #fdf2f7 !important; /* پس‌زمینه نوار اسکرول */
}

html::-webkit-scrollbar-thumb {
    background-color: #C01157 !important; /* رنگ سرخابی لغزنده */
    border-radius: 10px !important;       /* لبه‌های کاملاً گرد */
}

html::-webkit-scrollbar-thumb:hover {
    background-color: #9e0c45 !important; /* رنگ تیره‌تر هنگام هاور */
}

/* --- اصلاح در بخش #01 فایل 01-total.css: اعمال انحصاری PixitNum-FaNum فقط روی فیلدهای تعداد --- */
input.qty,
.qty,
div.quantity input,
input[type="number"],
input[inputmode="numeric"] {
    font-family: 'PixitNum-FaNum', sans-serif !important;
    font-weight: 700 !important;
    -moz-appearance: textfield !important;
    -webkit-appearance: none !important;
    direction: ltr !important;
    font-variant-numeric: normal !important;
}

/* اعداد مبالغ طبق روال قبل از فونت عادی استفاده کنند + قفل جهت RTL برای نمایش صحیح تومان در سمت چپ عدد */
.woocommerce-Price-amount,
.woocommerce-Price-amount bdi,
.price .amount,
.price bdi {
    font-family: 'Vazirmatn', sans-serif !important;
    font-feature-settings: "ss02" on, "ss01" on, "locl" on !important;
    -webkit-font-feature-settings: "ss02" on, "ss01" on, "locl" on !important;
    direction: rtl !important;
    unicode-bidi: embed !important;
}

/* ==========================================================================
   نوار لودینگ بالای صفحه (Progress Bar) با رنگ سرخابی سازمانی
   ========================================================================== */
/* نوار لودینگ بالای صفحه (Progress Bar) تثبیت‌شده در بالاترین لایه مرورگر */
#nprogress .bar,
.wd-preloader,
.pace .pace-progress,
.page-loading-bar {
    background-color: #C01157 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 3.5px !important;
    z-index: 99999999 !important;
    box-shadow: 0 0 12px rgba(192, 17, 87, 0.8) !important;
}

#nprogress .peg,
.pace .pace-progress-inner {
    box-shadow: 0 0 12px #C01157, 0 0 6px #C01157 !important;
}


/* --- اضافه شود به انتهای بخش #01 در 01-total.css (استایل اصیل مسیر راهنما) --- */
.shop-loop-head .wd-breadcrumbs,
.woocommerce-breadcrumb,
.yoast-breadcrumb {
    font-size: 12px !important;
    font-weight: 650 !important;
    color: #94a3b8 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    direction: rtl !important;
}

.woocommerce-breadcrumb::before,
.yoast-breadcrumb::before {
    content: '' !important;
    width: 14px !important;
    height: 14px !important;
    display: inline-block !important;
    background-color: #C01157 !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6'/%3E%3C/svg%3E") no-repeat center / contain !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6'/%3E%3C/svg%3E") no-repeat center / contain !important;
}

.woocommerce-breadcrumb a {
    color: #64748b !important;
    transition: color 0.2s ease !important;
}

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


/* ====================================================================================================
   ------------------------- #02: Header - Logo, Tool Icons & Cart Count Badge -------------------------
   ==================================================================================================== */

/*--- #02: Header - Logo, Tool Icons & Cart Count Badge ---*/

/* ==========================================================================
   ۱. تراز عمودی لوگو با خط منو و بزرگ‌نمایی بدون لغزش در فایرفاکس
   ========================================================================== */
.wd-main-logo {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 3px !important;
}

.wd-main-logo img {
  display: block !important;
  transform-origin: center center !important;
  /* قفل دائمی WebRender فایرفاکس جهت جلوگیری ۱۰۰٪ از اسنپ پیکسلی در پایان هاور */
  transform: translateZ(0) scale(1) rotate(0.01deg) !important;
  backface-visibility: hidden !important;
  filter: blur(0px) !important;
  will-change: transform !important;
  transition: transform 0.28s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.wd-main-logo:hover img {
  transform: translateZ(0) scale(1.1) rotate(0.01deg) !important;
}

/* ==========================================================================
   ۲. دایره‌های استاندارد آیکون‌های هدر و افکت هاور (خالص و بهینه برای وودمارت جدید)
   ========================================================================== */
.whb-general-header .whb-col-right .wd-tools-element {
  overflow: visible !important;
}

/* استقرار کادر دایره‌ای آیکون‌ها */
.whb-general-header .whb-col-right .wd-tools-icon,
.wd-tools-element .wd-tools-icon {
  position: relative !important;
  border-radius: 50% !important;
  transform-origin: center center !important;
  transform: translateZ(0) !important;
  backface-visibility: hidden !important;
  box-sizing: border-box !important;
  transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, color 0.22s ease !important;
}

/* حالت هاور: حاشیه سرخابی ملموس بدون جابجایی پیکسل */
.whb-general-header .whb-col-right .wd-tools-element:hover .wd-tools-icon {
  border-color: #C01157 !important;
  box-shadow: 0 0 0 1px #C01157 !important;
  color: #C01157 !important;
}

/* رنگ‌آمیزی آیکون داخلی (قلب، کاربر، سبد، سرچ) هنگام هاور */
.whb-general-header .whb-col-right .wd-tools-element:hover .wd-tools-icon svg {
  color: #C01157 !important;
  stroke: #C01157 !important;
}

.whb-general-header .whb-col-right .wd-tools-element:hover .wd-tools-icon::before {
  color: #C01157 !important;
  border: none !important;
  background: transparent !important;
}

/* حذف لایه زیرین پشت هدر و اعمال قوس اختصاصی بدون بیرون‌زدگی در حالت Sticky */
@media (max-width: 1024px) {
    /* ۱. شفاف کردن لایه‌های والد پشت هدر جهت حذف کادر خاکستری */
    .whb-header,
    .whb-sticky-header,
    .whb-sticked,
    .whb-main-header {
        background-color: transparent !important;
        box-shadow: none !important;
    }

    /* ۲. قوس و استایل انحصاری سطر هدر */
    .whb-row.whb-general-header,
    .whb-sticked .whb-row.whb-general-header {
        border-bottom-left-radius: 32px !important;
        border-bottom-right-radius: 0px !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
        background-color: #ffffff !important;
        overflow: visible !important;
        width: calc(100% - 5px) !important;
        margin-left: 2px !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
        transition: all 0.3s ease !important;
    }
}

/* ==========================================================================
   ۳. تنظیمات بج‌ها و شمارنده‌های هدر
   ========================================================================== */
/* حذف قطعی شمارنده و بج علاقه‌مندی در هدر دسکتاپ */
.whb-row .wd-header-wishlist .wd-tools-count,
.whb-header-wishlist .wd-tools-count {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* استایل منحصراً برای بج شمارنده سبد خرید */
.whb-row .wd-header-cart .wd-cart-number {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    min-width: 22px !important;
    height: 22px !important;
    line-height: 1 !important;
    background-color: #f52079 !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    position: absolute !important;
    top: -8px !important;
    right: -10px !important;
    z-index: 5 !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
}

/* حذف متون اضافی و بهینه‌سازی فضای سبد خرید */
.wd-cart-number span {
    display: none !important;
}

/* ==========================================================================
   ۴. نوار بالای سایت (Top Bar) - ساختار پایه (رنگ و انیمیشن داینامیک از ماژول PiXiT)
   ========================================================================== */

.whb-top-bar {
    background: linear-gradient(90deg, #880a3c 0%, #C01157 50%, #880a3c 100%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
    height: 38px !important;
    max-height: 38px !important;
    overflow: hidden !important;
}

.whb-top-bar > .container {
    width: 100% !important;
    max-width: 1220px !important;
    padding: 0 15px !important;
}

.whb-top-bar .whb-flex-row {
    display: flex !important;
    width: 100% !important;
}

/* مخفی‌سازی ستون‌های خالی و حذف قطعی ستون تکراری دوم */
.whb-top-bar .whb-column:empty,
.whb-top-bar .whb-column:has(.mika-topbar-wrap) ~ .whb-column:has(.mika-topbar-wrap) {
    display: none !important;
}

/* اختصاص ۱۰۰٪ عرض کامل به ستون فعال حاوی نوار بالا */
.whb-top-bar .whb-column:has(.mika-topbar-wrap),
.whb-top-bar .wd-header-text {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ۲. کانتینر اصلی */
.mika-topbar-wrap {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    height: 38px !important;
    padding: 0 !important;
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #ffffff;
    direction: rtl !important;
    box-sizing: border-box !important;
}

.mika-tb-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: #ffffff;
    text-decoration: none !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.mika-tb-item svg {
    width: 15px !important;
    height: 15px !important;
    stroke: rgba(255, 255, 255, 0.92);
    flex-shrink: 0 !important;
}

.mika-tb-sparkle {
    color: #fbcfe8 !important;
    font-size: 11px !important;
}

.mika-mob-only {
    display: none !important;
}

/* ۳. بخش وسط دسکتاپ */
.mika-tb-promo {
    position: absolute !important;
    left: 50% !important;
    top: 0 !important;
    transform: translateX(-50%) !important;
    height: 100% !important;
    min-width: 420px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: none !important;
}

.mika-desk-slide {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
    opacity: 0;
    will-change: opacity, transform;
    animation-name: mikaGentleSwap2;
    animation-duration: 10s;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    animation-iteration-count: infinite !important;
}

.mika-tb-promo .mika-desk-slide.mika-desk-s1 { animation-delay: 0s; }
.mika-tb-promo .mika-desk-slide.mika-desk-s2 { animation-delay: 5s; }

@keyframes mikaGentleSwap2 {
    0%   { opacity: 0; transform: translate(-50%, calc(-50% + 5px)); }
    7%   { opacity: 1; transform: translate(-50%, -50%); }
    45%  { opacity: 1; transform: translate(-50%, -50%); }
    52%  { opacity: 0; transform: translate(-50%, calc(-50% - 5px)); }
    100% { opacity: 0; transform: translate(-50%, calc(-50% - 5px)); }
}

/* ۴. بخش چپ: کپسول پشتیبانی */
.mika-tb-phone {
    padding: 4px 12px !important;
    border-radius: 20px !important;
    background: rgba(0, 0, 0, 0.16) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    transition: all 0.2s ease !important;
    position: relative !important;
    z-index: 5 !important;
}

.mika-tb-phone:hover {
    background: rgba(255, 255, 255, 0.18) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
}

.mika-tb-phone-label {
    color: rgba(255, 255, 255, 0.9);
    font-weight: 600 !important;
}

.mika-tb-phone-num {
    font-weight: 850 !important;
    letter-spacing: 0.3px !important;
    direction: ltr !important;
}

/* ۵. بهینه‌سازی تبلت و موبایل */
@media (max-width: 1024px) {
    .whb-top-bar {
        height: 32px !important;
        max-height: 32px !important;
    }

    .whb-top-bar > .container {
        padding: 0 10px !important;
    }

    .mika-topbar-wrap {
        height: 32px !important;
        font-size: 10.5px !important;
        justify-content: space-between !important;
    }

    .mika-tb-promo {
        display: none !important;
    }

    .mika-tb-right-rotator {
        position: relative !important;
        flex: 1 1 auto !important;
        height: 32px !important;
        display: flex !important;
        align-items: center !important;
        overflow: hidden !important;
    }

    .mika-tb-right-rotator .mika-tb-slide {
        display: inline-flex !important;
        position: absolute !important;
        right: 0 !important;
        top: 50% !important;
        transform: translateY(-50%);
        opacity: 0;
        will-change: opacity, transform;
        animation-name: mikaGentleSwap3;
        animation-duration: 13.5s;
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
        animation-iteration-count: infinite !important;
    }

    .mika-tb-right-rotator .mika-tb-slide.mika-mob-s1 { animation-delay: 0s; }
    .mika-tb-right-rotator .mika-tb-slide.mika-mob-s2 { animation-delay: 4.5s; }
    .mika-tb-right-rotator .mika-tb-slide.mika-mob-s3 { animation-delay: 9s; }

    @keyframes mikaGentleSwap3 {
        0%      { opacity: 0; transform: translateY(calc(-50% + 5px)); }
        5%      { opacity: 1; transform: translateY(-50%); }
        28.33%  { opacity: 1; transform: translateY(-50%); }
        33.33%  { opacity: 0; transform: translateY(calc(-50% - 5px)); }
        100%    { opacity: 0; transform: translateY(calc(-50% - 5px)); }
    }

    .mika-tb-item svg {
        width: 13px !important;
        height: 13px !important;
    }

    .mika-tb-phone {
        padding: 3px 9px !important;
        font-size: 10px !important;
        gap: 4px !important;
        flex-shrink: 0 !important;
    }
}

/* ====================================================================================================
   -------------------------- #03: WooCommerce - Global Alert & Notice Boxes ---------------------------
   ==================================================================================================== */

/*--- #03: WooCommerce - Global Alert & Notice Boxes ---*/

/* ۱. بدنه اصلی پیام‌ها: تراز از ابتدا (متن چسبیده به آیکون) */
body:not(.wp-admin) .woocommerce-message, 
body:not(.wp-admin) .woocommerce-info, 
body:not(.wp-admin) .woocommerce-error {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important; /* متن و آیکون در کنار هم در ابتدای ردیف */
    gap: 12px !important;                  /* فاصله استاندارد و تنفسی بین آیکون و متن */
    background: linear-gradient(135deg, #ffffff 60%, #fff5f8 100%) !important;
    color: #1e293b !important;
    padding: 14px 22px !important;
    border: 1.5px solid rgba(192, 17, 87, 0.22) !important;
    border-right: 5px solid #C01157 !important;
    border-radius: 16px !important;
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    line-height: 1.6 !important;
    box-shadow: 0 4px 16px rgba(192, 17, 87, 0.06) !important;
    margin: 0 auto 20px auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
    position: relative !important;
    direction: rtl !important;
    text-align: right !important;
}

/* اعلان‌های خطا */
body:not(.wp-admin) .woocommerce-error {
    border-right-color: #ef4444 !important;
    border-color: rgba(239, 68, 68, 0.25) !important;
    background: linear-gradient(135deg, #ffffff 60%, #fef2f2 100%) !important;
}

/* ۲. آیکون پیام */
body:not(.wp-admin) .woocommerce-message::before,
body:not(.wp-admin) .woocommerce-info::before,
body:not(.wp-admin) .woocommerce-error::before {
    position: static !important;
    transform: none !important;
    font-family: "woodmart-font" !important;
    font-size: 20px !important;
    color: #C01157 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
}

body:not(.wp-admin) .woocommerce-error::before {
    color: #ef4444 !important;
}

/* ۳. دکمه عملیات (در صورت وجود، به منتهی‌الیه سمت چپ رانده می‌شود) */
body:not(.wp-admin) .woocommerce-message .button, 
body:not(.wp-admin) .woocommerce-info .button {
    background-color: #C01157 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 7px 18px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    margin-right: auto !important;          /* هل دادن دکمه به سمت چپ در جهت RTL */
    margin-left: 0 !important;
    box-shadow: 0 2px 8px rgba(192, 17, 87, 0.25) !important;
    transition: all 0.2s ease !important;
    white-space: nowrap !important;
    order: 3 !important;
}

body:not(.wp-admin) .woocommerce-message .button:hover {
    background-color: #9e0c45 !important;
    transform: translateY(-1px) !important;
    color: #ffffff !important;
}



/* ====================================================================================================
   ----------------------- #05: Dark Mode - Switcher Toggle & Ambient Pink Glows -----------------------
   ==================================================================================================== */

/*--- #05: Dark Mode - Switcher Toggle & Ambient Pink Glows ---*/



/* جابجایی آیکون‌ها برای هماهنگی با منطق روشن/خاموش در فارسی */
.wp-darkmode .wp-dark-mode-switch-styled .switch-inner {
    flex-direction: row-reverse !important;
}

/* اصلاح جهت حرکت دایره متحرک در حالت RTL */
body.wp-dark-mode-active .wp-darkmode .wp-dark-mode-switch-styled .glass {
    transform: translateX(calc(-100% - 1px)) !important;
}

/* ۳. افکت هاور نرم و بزرگ‌نمایی برای کل مجموعه */
.wp-darkmode .wp-dark-mode-switch-styled {
	    border: 1px solid #C01157 !important;
}

.wp-darkmode .wp-dark-mode-switch-styled:hover {
    transform: scale(1.1) !important;
	   transition: all 0.4s ease-in-out !important;
	box-shadow: 0 0 7px rgba(192, 17, 87, 0.2) !important;
}

/* ۴. تنظیم اندازه برای هماهنگی با آیکون‌های هدر وودمارت */
.wp-darkmode .wp-dark-mode-switch-styled {
    --wpdm-switch-scale: 1.0 !important; /* کوچک‌تر کردن مقیاس مجموعه  برای ظرافت بیشتر */
    margin: 0px 18px !important;
}

/* هدف قرار دادن کانتینرهای اصلی المنتور در حالت فعال بودن دارک‌مد */
html[data-wp-dark-mode-active] .elementor-section.elementor-element-b4774fb,
html[data-wp-dark-mode-active] .cats-panel,
html[data-wp-dark-mode-active] .slide-panel {
    /* ایجاد سایه صورتی ملایم دور کانتینرها هماهنگ با قوس هدر */
    box-shadow: 0 0 30px rgba(192, 17, 87, 0.25) !important;
    
    /* ایجاد یک مرز بسیار ظریف برای تفکیک بهتر از پس‌زمینه تیره */
    border: 1px solid rgba(192, 17, 87, 0.15) !important;
    
    /* حفظ نرمی لبه‌ها */
    border-radius: 15px !important;
    
    /* اطمینان از نمایش صحیح سایه */
    margin-bottom: 20px !important;
    transition: box-shadow 0.4s ease-in-out !important;
}

/* افکت هاور برای تعامل بیشتر (بزرگنمایی و درخشش بیشتر) */
html[data-wp-dark-mode-active] .cats-panel:hover,
html[data-wp-dark-mode-active] .slide-panel:hover {
    box-shadow: 0 0 45px rgba(192, 17, 87, 0.4) !important;
}

/* ۱. درخشش دایره‌های آیکون (جستجو، علاقه‌مندی، سبد خرید) در حالت عادی */
html[data-wp-dark-mode-active] .whb-main-header :not(.wd-header-my-account) > a > .wd-tools-icon {
    box-shadow: 0 0 12px 2px rgba(192, 17, 87, 0.6) !important;
    border-radius: 50% !important;
    transition: all 0.3s ease;
}

/* ۲. درخشش دکمه ورود (My Account) در حالت عادی */
html[data-wp-dark-mode-active] .whb-main-header .wd-header-my-account .wd-tools-inner {
    box-shadow: 0 0 12px 2px rgba(192, 17, 87, 0.6) !important;
    border-radius: 30px !important;
    padding: 2px 8px;
    transition: all 0.3s ease;
}

/* ۳. حذف قطعی درخشش از آیکون داخلی در هر دو حالت عادی و هاور */
html[data-wp-dark-mode-active] .whb-main-header .wd-header-my-account .wd-tools-icon,
html[data-wp-dark-mode-active] .whb-main-header .wd-header-my-account:hover .wd-tools-icon {
    box-shadow: none !important;
    filter: none !important;
}

/* ۴. افکت هاور برای آیکون‌های تکی (بقیه دکمه‌ها) */
html[data-wp-dark-mode-active] .whb-main-header .wd-tools-element:not(.wd-header-my-account):hover .wd-tools-icon {
    box-shadow: 0 0 18px 4px rgba(192, 17, 87, 0.9) !important;
}

/* ۵. افکت هاور اختصاصی برای دکمه ورود (فقط روی کادر کپسولی) */
html[data-wp-dark-mode-active] .whb-main-header .wd-header-my-account:hover .wd-tools-inner {
    box-shadow: 0 0 18px 4px rgba(192, 17, 87, 0.9) !important;
}

/* ۶. پاکسازی لایه‌های بیرونی */
html[data-wp-dark-mode-active] .whb-main-header .wd-tools-element,
html[data-wp-dark-mode-active] .whb-main-header .wd-tools-element > a {
    box-shadow: none !important;
    background-color: transparent !important;
    border: none !important;
}


/* ====================================================================================================
   ---------------------------- #06: UI Element - Leaf Scroll-To-Top Button ----------------------------
   ==================================================================================================== */

/*--- #06: UI Element - Leaf Scroll-To-Top Button ---*/

/* ==========================================================================
   بخش ۱۰: دکمه بازگشت به بالا (Scroll To Top) برگی و باوقار
   ========================================================================== */
.scrollToTop,
a.scrollToTop {
    width: 44px !important;
    height: 44px !important;
    border-radius: 14px 4px 14px 4px !important; /* انحنای برگی امضای برند میکا */
    background: #ffffff !important;
    color: #C01157 !important;
    border: 1.5px solid rgba(192, 17, 87, 0.2) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    bottom: 30px !important;
    left: 25px !important;
    right: auto !important;
    transition: transform 0.25s ease, background-color 0.2s ease, border-color 0.2s ease !important;
    z-index: 2 !important;
    text-decoration: none !important;
}

.scrollToTop:after {
    color: #C01157 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    transition: transform 0.25s ease, color 0.2s ease !important;
}

.scrollToTop:hover {
    background-color: #C01157 !important;
    border-color: #C01157 !important;
    box-shadow: 0 8px 25px rgba(192, 17, 87, 0.35) !important;
    transform: translateY(-4px) !important;
}

.scrollToTop:hover:after {
    color: #ffffff !important;
    transform: translateY(-2px) !important;
}

/* در موبایل و تبلت: نشستن در ارتفاع استاندارد بالای نوار ابزار پایین */
@media (max-width: 1024px) {
    .scrollToTop,
    a.scrollToTop {
        bottom: calc(75px + env(safe-area-inset-bottom, 0px)) !important;
        left: 15px !important;
        width: 38px !important;
        height: 38px !important;
        border-radius: 12px 3px 12px 3px !important;
    }
}

/* ====================================================================================================
   ------------------------- #07: Header - Account Dropdown Navigation Menu --------------------------
   ==================================================================================================== */

/*--- #07: Header - Account Dropdown Navigation Menu ---*/

/* Menu Options inside JS in Snippet Code */

/*CSS*/

/* ۱. تنظیم کادر اصلی منو */
.wd-dropdown-my-account {
    border-radius: 15px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12) !important;
    border: 1px solid #f0f0f0 !important;
    padding: 10px 0 !important;
    min-width: 220px !important;
}

/* ۲. افزودن آیکون‌های صورتی اختصاصی هدر */
.wd-dropdown-my-account .woocommerce-MyAccount-navigation-link a:before {
    font-family: "woodmart-font" !important;
    margin-left: 12px;
    font-size: 16px;
    color: #C01157;
    display: inline-block;
}

.wd-dropdown-my-account .woocommerce-MyAccount-navigation-link--dashboard a:before { content: "\f144"; }
.wd-dropdown-my-account .woocommerce-MyAccount-navigation-link--orders a:before { content: "\f123"; }
.wd-dropdown-my-account .woocommerce-MyAccount-navigation-link--wishlist a:before { content: "\f134"; }
.wd-dropdown-my-account .woocommerce-MyAccount-navigation-link--edit-address a:before {content: "\f139";}
.wd-dropdown-my-account .woocommerce-MyAccount-navigation-link--edit-account a:before { content: "\f135"; }

/* ۳. اصلاح استایل گزینه خروج هدر - ایجاد فاصله خالی واقعی */
.wd-dropdown-my-account .woocommerce-MyAccount-navigation-link--customer-logout {
    border-top: 1px solid #eee !important; /* خط جداکننده را به ردیف دادیم */
    margin-top: 8px !important; /* فاصله خط از گزینه‌های بالایی */
}

.wd-dropdown-my-account .woocommerce-MyAccount-navigation-link--customer-logout a {
    color: #e53935 !important;
    font-weight: bold !important;
    margin-top: 8px !important; /* ایجاد فاصله خالی واقعی بین دکمه و خط */
    padding-top: 10px !important; /* پدینگ استاندارد برای هاور زیبا */
    border-top: none !important; /* حذف خط از روی دکمه برای جلوگیری از چسبندگی */
    display: flex !important;
    align-items: center;
}

.wd-dropdown-my-account .woocommerce-MyAccount-navigation-link--customer-logout a:before {
    content: "\f137" !important; 
    color: #e53935 !important;
}

/* ۴. تنظیم فواصل و استایل هاور هدر */
.wd-dropdown-my-account li a {
    padding: 10px 15px !important;
    display: flex !important;
    align-items: center;
    transition: all 0.4s ease;
    font-size: 15px !important; 
    font-weight: 600 !important;
}

.wd-dropdown-my-account li a:hover {
    background-color: #f9f9f9 !important;
    padding-right: 20px !important;
}


/* Styles inside JS in Snippet Code */
/*----------------ACHTUNg------------*/
/*----------------Made-By-ACHTUNg-------------*/



/* ====================================================================================================
   ----------------- #18: Header - Curve Column Shapes & Desktop Interactive MegaMenu ------------------
   ==================================================================================================== */

/*--- #18: Header - Curve Column Shapes & Desktop Interactive MegaMenu ---*/

/* ==========================================================================
   بخش ۱: ورق یکپارچه هدر، تراز لوگو با کارت محصول و پوشش سفید Sticky
   ========================================================================== */
@media (min-width: 1025px) {
  /* پس‌زمینه سفید یکدست برای پوشش کامل پشت آیکون‌ها هنگام اسکرول (Sticky) بدون هیچ خط یا سایه مزاحم */
  .whb-general-header {
    background-color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
  }

  .whb-general-header .whb-col-right,
  .whb-general-header .whb-col-left {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
  }

/* ۱.۱ ستون منو (تراز در مرکز طلایی بین لوگو و قوس ۸۵ پیکسلی) */
  .whb-general-header .whb-col-center {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    margin-bottom: 0px !important;
    margin-left: 40px !important;
    padding-left: 30px !important; /* فاصله تنفسی از لبه قوس و هدایت منو به مرکز صفحه */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 10 !important;
  }

  /* ورق سفید یک‌تکه از بیرونِ لبه راست مانیتور تا قوس ۸۵ پیکسلی سمت چپ */
  .whb-general-header .whb-col-center::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: -50vw !important;
    background-color: #ffffff !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 85px !important;
    border-bottom: 1px solid rgba(226, 232, 240, 0.75) !important;
    border-left: 1px solid rgba(226, 232, 240, 0.5) !important;
    box-shadow: -10px 10px 22px -6px rgba(0, 0, 0, 0.09) !important;
    z-index: -1 !important;
    pointer-events: none !important;
  }

/* ۱.۲ ستون لوگو: همیشه بالاتر از ورق سفید پس‌زمینه (حتی حین باز بودن مگامنو) */
  .whb-general-header .whb-col-left {
    margin-bottom: 0px !important;
    padding-right: 12px !important; /* تراز دقیق بر مرکز کارت اول */
    overflow: visible !important;
    position: relative !important;
    z-index: 30 !important;
  }

  .whb-general-header .whb-col-left .site-logo {
    position: relative !important;
    z-index: 21 !important;
    margin-left: 0 !important;
  }

  .whb-general-header .whb-col-left:hover,
  .whb-general-header .whb-col-left:hover .site-logo {
    z-index: 50 !important;
  }

  .whb-general-header .whb-col-left *,
  .whb-general-header .whb-col-left::before,
  .whb-general-header .whb-col-left::after {
    box-shadow: none !important;
  }

  /* ۱.۳ تنظیمات دارک‌مد */
  html[data-wp-dark-mode-active] .whb-general-header {
    background-color: #18181b !important;
  }

  html[data-wp-dark-mode-active] .whb-general-header .whb-col-center::before {
    background-color: #18181b !important;
    box-shadow: -12px 8px 28px rgba(192, 17, 87, 0.45) !important;
    border-left: 2px solid rgba(192, 17, 87, 0.6) !important;
    border-bottom-color: rgba(192, 17, 87, 0.4) !important;
  }
}

/* ۱.۴ مگامنو منحصراً در آیتم ۲۷ در بالاترین اولویت لایه */
#menu-item-27 > .wd-dropdown-menu {
    z-index: 999999 !important;
}

/* ۱.۵ حذف کادرهای پیش‌فرض منحصراً درون مگامنو */
#menu-item-27 div.wd-dropdown,
#menu-item-27 div.wd-dropdown-menu,
#menu-item-27 .color-scheme-dark.wd-dropdown,
#menu-item-27 .wd-entry-content,
#menu-item-27 .wd-dropdown-menu .container {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* ۱.۶ حذف خطوط فوکوس مرورگر */
.interactive-mega-wrapper,
.interactive-mega-wrapper *,
.interactive-mega-wrapper a:focus,
.interactive-mega-wrapper a:active,
.interactive-mega-wrapper a:hover {
    outline: none !important;
    -webkit-tap-highlight-color: transparent;
}

/* ==========================================================================
   بخش ۲: تیره شدن ملایم پس‌زمینه سایت در زمان نمایش مگامنو (Backdrop Dimmer)
   ========================================================================== */
body:has(#menu-item-27:hover)::before,
body:has(#menu-item-27.wd-opened)::before {
    content: "" !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background-color: rgba(0, 0, 0, 0.32) !important;
    z-index: 8 !important;
    pointer-events: none !important;
    animation: mkBackdropFade 0.25s ease forwards !important;
}

@keyframes mkBackdropFade {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* ==========================================================================
   بخش ۳: انیمیشن ورود از بالا به پایین و خروج نرم معکوس به سمت بالا
   ========================================================================== */
#menu-item-27 > .wd-dropdown-menu.wd-design-sized {
    right: -280px !important;
    left: auto !important;
    top: 100% !important;
    margin-top: 4px !important;
    padding-top: 0 !important;
    background: transparent !important;
    
    display: block !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    
    transform: translate3d(0, -12px, 0) !important;
    backface-visibility: hidden !important;
    will-change: transform, opacity !important;

    transition: opacity 0.22s cubic-bezier(0.4, 0, 0.2, 1), 
                transform 0.22s cubic-bezier(0.4, 0, 0.2, 1), 
                visibility 0.22s !important;
}

/* پل نامرئی هاور */
#menu-item-27 > .wd-dropdown-menu.wd-design-sized::before {
    content: "" !important;
    position: absolute !important;
    top: -16px !important;
    left: 0 !important;
    right: 0 !important;
    height: 22px !important;
    background: transparent !important;
}

/* حالت باز (هاور) */
#menu-item-27:hover > .wd-dropdown-menu.wd-design-sized,
#menu-item-27.wd-opened > .wd-dropdown-menu.wd-design-sized {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate3d(0, 0, 0) !important;
    transition: opacity 0.28s cubic-bezier(0.16, 1, 0.3, 1), 
                transform 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* ==========================================================================
   بخش ۴: کادر اصلی مگامنو و فرم انحنای گوشه‌ها
   ========================================================================== */
.interactive-mega-wrapper {
    display: grid !important;
    grid-template-columns: 280px 1fr !important;
    background-color: #ffffff !important;
    min-height: 480px;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 65px;
    border: 1px solid rgba(226, 232, 240, 0.55) !important; /* حاشیه خاکستری روشن با شفافیت ملایم */
    box-shadow: 0 20px 50px -12px rgba(15, 23, 42, 0.1) !important;
    overflow: hidden !important;
}

/* ==========================================================================
   بخش ۵: ستون راست مگامنو (تراز ریاضی آیکون و عنوان با عکس‌ها و نام دسته‌ها)
   ========================================================================== */
.mega-tabs-nav {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    padding: 18px 14px 18px 0 !important;
    border-left: 1.5px solid #f1f5f9 !important;
    background-color: #f8fafc !important;
    position: relative !important;
}

/* تراز دقیق: پدینگ راست 16px (مشابه دکمه‌های پایین) و عرض آیکون 42px (هم‌عرض عکس دسته‌ها) */
.mega-nav-top-header {
    height: 40px;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important; /* دقیقاً برابر با gap دکمه‌های دسته‌بندی */
    border-bottom: 1.5px solid #f1f5f9 !important;
    margin-bottom: 14px;
    margin-left: 14px !important;
    padding: 0 16px 10px 4px !important; /* 12px پدینگ + 4px بوردر دکمه‌ها = 16px */
    box-sizing: border-box;
}

/* عرض 42px تا آیکون دقیقاً در مرکز ستون عکس‌های 42px زیرین قرار گیرد */
.grid-icon-box {
    width: 42px !important;
    height: 28px !important;
    border-radius: 8px;
    background-color: transparent !important; /* حذف کادر صورتی اضافه برای تراز تمیزتر */
    color: #C01157 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.grid-icon-box svg {
    width: 18px !important;
    height: 18px !important;
}

/* شروع متن دقیقاً از بالای نام دسته‌بندی‌های زیرین */
.mega-nav-brand-title {
    font-size: 13.5px !important;
    font-weight: 850 !important;
    color: #1e293b !important;
}

.mega-tabs-scroll {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    margin: auto 0 !important;
}

/* آیتم دسته‌بندی: چسبیده به خط جداکننده چپ و تراز عمودی مرکز */
.mega-tab-btn {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 8px 12px 8px 16px !important;
    margin-left: -1.5px !important;
    border-radius: 0 14px 14px 0 !important;
    border: 1.5px solid transparent !important;
    border-left: none !important;
    border-right: 4px solid transparent !important;
    text-decoration: none !important;
    background: transparent !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease, border-color 0.2s ease !important;
}

.mega-tab-btn .tab-btn-thumb {
    width: 42px !important;
    height: 42px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    background-color: #ffffff !important;
    border: 1px solid #f1f5f9 !important;
    transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    mask-image: radial-gradient(white, black);
}

.mega-tab-btn .tab-btn-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transform: scale(1.06) !important;
    transition: transform 0.3s ease !important;
}

.mega-tab-btn:hover .tab-btn-thumb img,
.mega-tab-btn.is-active .tab-btn-thumb img {
    transform: scale(1.14) !important;
}

.mega-tab-btn .tab-btn-text {
    display: flex !important;
    align-items: center !important;
    flex-grow: 1 !important;
    min-height: 42px !important;
}

.mega-tab-btn .cat-name {
    font-size: 13.5px !important;
    font-weight: 750 !important;
    color: #334155 !important;
    line-height: 1.2 !important;
    transition: color 0.2s ease !important;
}

.mega-tab-btn .tab-arrow {
    opacity: 0 !important;
    transition: all 0.2s ease !important;
    color: #C01157 !important;
    font-weight: 900 !important;
    font-size: 14px !important;
}

/* تب فعال و هاور: سفید یکپارچه و متصل به پنل محصولات */
.mega-tab-btn:hover,
.mega-tab-btn.is-active {
    background-color: #ffffff !important;
    border-top-color: #f1f5f9 !important;
    border-bottom-color: #f1f5f9 !important;
    border-right: 4px solid #C01157 !important;
    box-shadow: -4px 0 0 #ffffff, 0 4px 12px rgba(0, 0, 0, 0.02) !important;
    z-index: 5 !important;
    opacity: 1 !important;
}

.mega-tab-btn:hover .cat-name,
.mega-tab-btn.is-active .cat-name {
    color: #C01157 !important;
    font-weight: 850 !important;
}

.mega-tab-btn:hover .tab-arrow,
.mega-tab-btn.is-active .tab-arrow {
    opacity: 1 !important;
    transform: translateX(-4px) !important;
}

.mega-nav-bottom-wrap {
    margin-top: 10px !important;
    padding-left: 14px !important;
}

.mega-nav-divider {
    border-top: 1.5px solid #f1f5f9 !important;
    margin-bottom: 12px !important;
    width: 100% !important;
}

/* دکمه «مشاهده تمامی محصولات»: استایل سفید صدفی و متین با آیکون سرخابی (بدون پس‌زمینه صورتی زننده) */
.mega-all-products-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 10px 16px !important;
    border-radius: 12px !important;
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #334155 !important;
    text-decoration: none !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.03) !important;
    transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

.mega-all-products-btn .mega-shop-bag-svg {
    stroke: #C01157 !important;
    flex-shrink: 0 !important;
    transition: transform 0.25s ease, stroke 0.25s ease !important;
}

.mega-all-products-btn .all-btn-arrow {
    color: #C01157 !important;
    font-weight: 900 !important;
    transition: transform 0.25s ease, color 0.25s ease !important;
}

.mega-all-products-btn:hover {
    background-color: #ffffff !important;
    border-color: rgba(192, 17, 87, 0.4) !important;
    color: #C01157 !important;
    box-shadow: 0 6px 16px rgba(192, 17, 87, 0.1) !important;
    transform: translateY(-1px) !important;
}

.mega-all-products-btn:hover .all-btn-arrow {
    transform: translateX(-4px) !important;
}

/* ==========================================================================
   بخش ۶: ستون چپ مگامنو (تراز عنوان با لبه ستون اول محصولات + مشاهده همه مینیمال)
   ========================================================================== */
.mega-tabs-content {
    padding: 18px 24px !important;
    background-color: #ffffff !important;
    display: flex !important;
    flex-direction: column !important;
}

.mega-tab-panel {
    display: none !important;
    opacity: 0 !important;
    height: 100% !important;
    transition: opacity 0.25s ease !important;
}

.mega-tab-panel.is-active {
    display: flex !important;
    flex-direction: column !important;
    opacity: 1 !important;
}

/* پدینگ راست 38px برای انطباق دقیق دایره و نام دسته با لبه راست عکسِ اولین محصول */
.panel-header {
    height: 40px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 16px !important;
    border-bottom: 1.5px solid #f1f5f9 !important;
    padding: 0 38px 10px 4px !important;
    box-sizing: border-box !important;
}

/* عنوان داینامیک دسته‌بندی همراه با نقطه سرخابی ظریف */
.panel-title {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    color: #1e293b !important;
}

.panel-title::before {
    content: "" !important;
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    background-color: #C01157 !important;
    box-shadow: 0 0 0 3px rgba(192, 17, 87, 0.14) !important;
    display: inline-block !important;
}

/* دکمه «مشاهده همه»: بدون کادر و پس‌زمینه رنگی، کاملاً سرخابی با انیمیشن Scale در هاور */
.view-all-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 12px !important;
    color: #C01157 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 4px 0 !important;
    text-decoration: none !important;
    font-weight: 800 !important;
    transform-origin: left center !important;
    transform: scale(1) translateZ(0) !important;
    transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), color 0.2s ease !important;
}

.view-all-link .view-all-cat-icon {
    stroke: #C01157 !important;
    flex-shrink: 0 !important;
}

.view-all-link .view-all-arrow {
    color: #C01157 !important;
    font-weight: 900 !important;
    transition: transform 0.25s ease !important;
}

.view-all-link:hover {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #9e0c45 !important;
    transform: scale(1.08) translateZ(0) !important;
}

.view-all-link:hover .view-all-cat-icon {
    stroke: #9e0c45 !important;
}

.view-all-link:hover .view-all-arrow {
    color: #9e0c45 !important;
    transform: translateX(-3px) !important;
}

.panel-body-layout {
    display: grid !important;
    grid-template-columns: 1fr 1px 210px !important;
    gap: 18px !important;
    height: 100% !important;
    align-items: stretch !important;
}

.mega-product-grid-2x2 {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    position: relative !important;
    align-content: start !important;
}

.mega-prod-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-decoration: none !important;
    padding: 8px !important;
    box-sizing: border-box !important;
    position: relative !important;
}

.mega-product-grid-2x2 .mega-prod-card:nth-child(1)::after,
.mega-product-grid-2x2 .mega-prod-card:nth-child(3)::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 20% !important;
    height: 60% !important;
    width: 1px !important;
    background-color: #ededed !important;
}

.mega-product-grid-2x2 .mega-prod-card:nth-child(1)::before,
.mega-product-grid-2x2 .mega-prod-card:nth-child(2)::before {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    right: 20% !important;
    width: 60% !important;
    height: 1px !important;
    background-color: #ededed !important;
}

.panel-vertical-line {
    width: 1px !important;
    height: 75% !important;
    background-color: #ebebeb !important;
    justify-self: center !important;
    align-self: center !important;
}
/* ==========================================================================
   بخش ۷: قاب تصویر مربعی محصولات و دکمه خرید
   ========================================================================== */
.mega-prod-card .prod-img {
    width: 120px !important;
    height: 120px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 12px !important;
    background-color: #f7f7f8 !important;
    overflow: hidden !important;
    margin-bottom: 8px !important;
    border: none !important;
    transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    mask-image: radial-gradient(white, black);
}

.mega-prod-card .prod-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transform: scale(1.16) !important;
    transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.mega-prod-card:hover .prod-img img {
    transform: scale(1.22) !important;
}

.mega-prod-card .prod-title {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #333 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.4 !important;
    text-align: center !important;
    margin-bottom: 6px !important;
    max-width: 135px !important;
}

.prod-action-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #C01157 !important;
    background-color: #fcf1f5 !important;
    padding: 4px 10px !important;
    border-radius: 8px !important;
    transition: all 0.25s ease !important;
}

.mega-prod-card:hover .prod-action-btn {
    background-color: #C01157 !important;
    color: #ffffff !important;
}

/* ==========================================================================
   بخش ۸: کارت تعاملی محصول ویژه (جلوه سرخابی لطیف‌تر و دکمه کپسولی)
   ========================================================================== */
.mega-featured-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    background: linear-gradient(160deg, #ffffff 35%, #fff0f5 100%) !important;
    border: 1.5px solid rgba(192, 17, 87, 0.18) !important;
    border-radius: 20px 6px 20px 6px !important; /* فرم برگی هماهنگ با هویت سایت */
    padding: 16px 12px !important;
    text-align: center !important;
    position: relative !important;
    height: fit-content !important;
    align-self: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transform: translateZ(0);
    backface-visibility: hidden;
    will-change: transform, box-shadow;
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), 
                box-shadow 0.3s ease, 
                border-color 0.3s ease !important;
}

.mega-featured-card:hover {
    transform: translateY(-4px) translateZ(0) !important;
    border-color: rgba(192, 17, 87, 0.45) !important;
    box-shadow: 0 14px 28px rgba(192, 17, 87, 0.14) !important;
}

.featured-badge {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    z-index: 10 !important;
    background: linear-gradient(135deg, #e11d48 0%, #C01157 100%) !important;
    color: #ffffff !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    padding: 3px 10px !important;
    border-radius: 20px !important;
    box-shadow: 0 3px 8px rgba(192, 17, 87, 0.25) !important;
    pointer-events: none !important;
}

.featured-img-wrap {
    width: 115px !important;
    height: 115px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background-color: #ffffff !important;
    margin: 10px 0 !important;
    border: 1px solid rgba(192, 17, 87, 0.12) !important;
    position: relative !important;
    z-index: 1 !important;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    mask-image: radial-gradient(white, black);
}

.featured-img-wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

.mega-featured-card:hover .featured-img-wrap img {
    transform: scale(1.08) !important;
}

.featured-title {
    font-size: 13px !important;
    font-weight: 800 !important;
    color: #1e293b !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 180px !important;
    transition: color 0.25s ease !important;
}

.mega-featured-card:hover .featured-title {
    color: #C01157 !important;
}

.featured-desc {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #64748b !important;
    margin-top: 4px !important;
}

.featured-btn {
    margin-top: 10px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    color: #C01157 !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(192, 17, 87, 0.25) !important;
    padding: 5px 12px !important;
    border-radius: 20px !important;
    transition: all 0.25s ease !important;
}

.mega-featured-card:hover .featured-btn {
    background-color: #C01157 !important;
    border-color: #C01157 !important;
    color: #ffffff !important;
}

/* ====================================================================================================
   ------------------- #20: Global Products - Gallery & Grid Images Corner Rounding -------------------
   ==================================================================================================== */

/*--- #20: Global Products - Gallery & Grid Images Corner Rounding ---*/

/* ۱. گرد کردن تصویر اصلی محصول و حذف هاله خاکستری پشت لبه‌ها (اولویت #27) */
.woocommerce-product-gallery .woocommerce-product-gallery__image,
.woocommerce-product-gallery .woocommerce-product-gallery__wrapper,
.woocommerce-product-gallery .wd-carousel-item {
    background: transparent !important;
    background-color: transparent !important;
    border-radius: 20px !important;
    overflow: hidden !important;
}

.woocommerce-product-gallery .woocommerce-product-gallery__image img {
    border-radius: 20px !important;
    overflow: hidden !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05) !important;
}

/* ۲. گرد کردن تصاویر بندانگشتی گالری (۱۲px اولویت نهایی #27 نسبت به ۱۵px بخش #12) */
.wd-gallery-thumb .wd-carousel-item img {
    border-radius: 12px !important;
    overflow: hidden !important;
}

/* ۳. دکمه بزرگنمایی گالری (برگرفته از #12) */
.woocommerce-product-gallery .wd-action-btn {
    border-radius: 50% !important;
}

/* ۴. گرد کردن تصاویر و ظاهر شدن فوق‌العاده نرم و ابریشمی عکس دوم (بدون زوم) */
.product-grid-item .product-wrapper img, 
.product-grid-item .product-image-link img,
.wd-product .product-element-top img {
    border-radius: 20px !important;
    overflow: hidden !important;
    transition: opacity 0.65s cubic-bezier(0.25, 1, 0.5, 1) !important;
    transform: none !important; /* حذف کامل زوم روی تصویر */
}

.product-grid-item .hover-img {
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 1.25s cubic-bezier(0.25, 1, 0.5, 1), visibility 0.65s ease !important;
}

.product-grid-item:hover .hover-img {
    opacity: 1 !important;
    visibility: visible !important;
}

.product-grid-item .hover-img img {
    transform: none !important; /* تثبیت ۱۰۰٪ ابعاد عکس بدون زوم */
}

/* ۵. استایل دارک‌مد و درخشش محصولات در گرید (اولویت قطعی #27) */
html[data-wp-dark-mode-active] .product-grid-item .product-wrapper {
    box-shadow: 0 0 15px rgba(192, 17, 87, 0.15) !important;
    border: 1px solid rgba(192, 17, 87, 0.2) !important;
    transition: all 0.3s ease-in-out !important;
}

html[data-wp-dark-mode-active] .product-grid-item .product-wrapper:hover {
    box-shadow: 0 0 25px rgba(192, 17, 87, 0.4) !important;
    border-color: rgba(192, 17, 87, 0.5) !important;
    transform: translateY(-5px) !important;
}

/* ====================================================================================================
   --------------- #23: Loop Products - Grid Cards, Swatches, Badges & Related Slider ----------------
   ==================================================================================================== */

/*--- #23: Loop Products - Grid Cards, Swatches, Badges & Related Slider ---*/

/* ۱. ساختار هندسی و فواصل گرید */
.products.wd-products,
.products.wd-grid-g,
.elements-grid {
    --wd-gap-lg: 20px !important;
    column-gap: 20px !important;
    row-gap: 30px !important;
}

.products.wd-grid-g .product-grid-item,
.products .product-grid-item,
.product-grid-item {
    margin-bottom: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.product-grid-item .product-wrapper,
.product-grid-item .wd-product-wrapper {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    width: 100% !important;
    border-radius: 20px !important;
    box-sizing: border-box !important;
    transition: all 0.25s ease !important;
}

.product-grid-item .product-element-bottom {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    width: 100% !important;
}

/* ۲. قفل نسبت ۱:۱ تصاویر */
.product-grid-item .product-element-top,
.product-grid-item .product-image-link {
    aspect-ratio: 1 / 1 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    background-color: #f7f7f8 !important;
    flex-shrink: 0 !important;
}

.product-grid-item .product-element-top img,
.product-grid-item .product-image-link img,
.product-grid-item .hover-img img {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    border-radius: 18px !important;
}

/* ۳. کادر هاور دسکتاپ با عمق و تفکیک رنگی بهتر */
.product-grid-item .wd-product-card-bg,
.product-grid-item .content-product-imagin {
    border-radius: 22px !important;
    transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

.product-grid-item:hover .wd-product-card-bg,
.product-grid-item.hover-ready:hover .wd-product-card-bg {
    top: -10px !important;
    bottom: -12px !important;
    left: -12px !important;
    right: -12px !important;
    border-radius: 22px !important;
    background-color: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.04) !important; /* فقط رنگ از شفاف به ملایم تغییر می‌کند نه ضخامت */
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.25) !important;
}

.product-grid-item:hover,
.products .owl-item:hover,
.related-and-upsells .wd-carousel-item:hover {
    z-index: 25 !important;
}

/* ۴. تایپوگرافی و متغیرها */
.product-grid-item .star-rating,
.product-grid-item .wd-product-cats {
    display: none !important;
}

.product-grid-item .wd-entities-title {
    font-size: 14px !important;
    font-weight: 800 !important;
    color: #1e293b !important;
    text-align: center !important;
    margin: 4px auto 2px auto !important;
    line-height: 1.3 !important;
    letter-spacing: -0.2px !important;
}

.product-grid-item .wd-entities-title a {
    color: #1e293b !important;
    transition: color 0.2s ease;
}

.product-grid-item .wd-entities-title a:hover {
    color: #C01157 !important;
}

.product-grid-item .price,
.product-grid-item .wrap-price {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    margin: 1px auto 2px auto !important;
    direction: rtl !important;
}

.product-grid-item .price ins,
.product-grid-item .price ins .amount,
.product-grid-item .price .amount:not(del .amount) {
    color: #C01157 !important;
    font-size: 15.5px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    line-height: 1.2 !important;
}

.product-grid-item .price del,
.product-grid-item .price del .amount {
    color: #94a3b8 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-decoration: line-through !important;
}

.product-grid-item table.variations {
    margin: 2px auto 3px auto !important;
    width: 100% !important;
    border: none !important;
}

.product-grid-item table.variations tbody {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    gap: 6px !important;
}

.product-grid-item table.variations tr {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    border: none !important;
    margin: 0 !important;
}

.product-grid-item table.variations th.label {
    display: none !important;
}

.product-grid-item table.variations td.value {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    padding: 0 !important;
    border: none !important;
}

.product-grid-item .wd-swatches-product,
.product-grid-item .wd-swatches-grid {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    margin: 0 auto !important;
    width: 100% !important;
}

.product-grid-item form.variations_form:not(:has([data-id="pa_color"] .wd-active)) tr:nth-child(2) {
    display: none !important;
}

.product-grid-item .wd-swatches-product[data-id="pa_size"] .wd-swatch.wd-text {
    min-width: 28px !important;
    height: 25px !important;
    padding: 0 5px !important;
    border-radius: 14px !important;
    border: 1px solid #cbd5e1 !important;
    background: #ffffff !important;
    color: #475569 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}

.product-grid-item .wd-swatches-product[data-id="pa_size"] .wd-swatch.wd-text.wd-active {
    border-color: #9f0c47 !important;
    background-color: #9f0c47 !important;
    color: #ffffff !important;
}

/* ۵. دکمه خرید و بج‌های شناور روی کارت محصول */
.product-grid-item .wrap-price,
.product-grid-item form.variations_form {
    margin-bottom: 2px !important;
}

.product-grid-item .wd-add-btn {
    margin-top: auto !important;
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    padding-top: 0 !important;
}

.product-grid-item .wd-add-btn > a {
    height: 38px !important;
    line-height: 38px !important;
    padding: 0 24px !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
    border-radius: 25px !important;
    background-color: #9f0c47 !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 4px 14px rgba(159, 12, 71, 0.2) !important;
    transition: all 0.25s ease !important;
    white-space: nowrap !important;
    max-width: 220px !important;
    width: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.product-grid-item .wd-add-btn > a:hover {
    background-color: #C01157 !important;
    box-shadow: 0 6px 16px rgba(192, 17, 87, 0.35) !important;
    transform: translateY(-2px) !important;
}

/* ۵.۲ بج‌های گوشه عکس روی کارت */
.product-grid-item .product-labels {
    top: 10px !important;
    right: 10px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important; /* تراز لبه راست بج‌ها در کارت */
    gap: 5px !important;
    z-index: 5 !important;
}

.product-grid-item .product-label {
    min-width: unset !important;
    min-height: unset !important;
    width: auto !important;
    height: auto !important;
    line-height: 1 !important;
    padding: 4px 10px !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    border-radius: 30px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    border: none !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
}

.product-grid-item .product-label.onsale {
    background-color: #C01157 !important;
    color: #ffffff !important;
}

.product-grid-item .product-label.new {
    background-color: #1e293b !important;
    color: #ffffff !important;
}

/* بج ناموجود روی کارت محصول */
.product-grid-item .product-labels span.product-label.out-of-stock,
.product-grid-item .product-labels .out-of-stock {
    background-color: #334155 !important;
    color: #ffffff !important;
    border-radius: 30px !important;
    width: auto !important;
    height: auto !important;
    min-width: unset !important;
    min-height: unset !important;
    max-width: unset !important;
    max-height: unset !important;
    aspect-ratio: auto !important;
    padding: 4px 12px !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    letter-spacing: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

/* مخفی‌سازی بج جدید در زمان ناموجودی کالا */
.product-grid-item:has(.out-of-stock) .product-label.new,
.product-grid-item.outofstock .product-label.new,
.product-grid-item.out-of-stock .product-label.new {
    display: none !important;
}

/* ====================================================================================================
   ۵.۳ دکمه‌های شناور علاقه‌مندی و مشاهده سریع (کامل و نهایی)
   ==================================================================================================== */

/* کانتینر اصلی دکمه‌های شناور در گوشه بالا-چپ عکس */
:is(.product-grid-item, .wd-product, .product, .wd-carousel-item, .related-and-upsells) .wd-buttons,
.product-grid-item .wd-buttons {
    top: 10px !important;
    left: 10px !important;
    right: auto !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    padding: 0 !important;
    z-index: 6 !important;
}

.product-grid-item .wd-buttons .wd-action-btn,
.wd-buttons .wd-action-btn {
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    position: relative !important;
}

/* استایل دایره شیشه‌ای دکمه‌ها */
:is(.product-grid-item, .wd-product, .product, .wd-carousel-item, .related-and-upsells) .wd-buttons .wd-action-btn > a,
.product-grid-item .wd-buttons .wd-action-btn > a {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.94) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    border: 1px solid rgba(226, 232, 240, 0.8) !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.06) !important;
    color: #475569 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    outline: none !important;
    position: relative !important;
    -webkit-tap-highlight-color: transparent !important;
    /* محدودسازی ترنزیشن فقط به خواص موردنیاز جهت مهار قطعی خط Cross در فایرفاکس */
    transition: transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease !important;
}

/* حذف لودر غیرفعال قالب جهت جلوگیری از فلیکر خط افقی */
.wd-buttons .wd-action-btn > a:not(.loading)::after {
    display: none !important;
    content: none !important;
}

/* آیکون پیش‌فرض دکمه‌ها */
.wd-buttons .wd-action-btn > a .wd-action-icon::before {
    font-size: 13px !important;
    line-height: 1 !important;
    border: none !important;
    background: transparent !important;
    text-decoration: none !important;
}

/* افکت هاور دکمه‌ها بدون خط و پرش */
:is(.product-grid-item, .wd-product, .product, .wd-carousel-item, .related-and-upsells) .wd-buttons .wd-action-btn > a:hover,
.product-grid-item .wd-buttons .wd-action-btn > a:hover {
    background: #ffffff !important;
    color: #C01157 !important;
    border-color: #C01157 !important;
    transform: scale(1.12) !important;
    box-shadow: 0 4px 14px rgba(192, 17, 87, 0.22) !important;
    text-decoration: none !important;
    outline: none !important;
}

.wd-buttons .wd-action-btn > a:hover::before,
.wd-buttons .wd-action-btn > a:hover .wd-action-icon::before {
    color: #C01157 !important;
    border: none !important;
    background: transparent !important;
    text-decoration: none !important;
}

/* 🌟 حذف کامل و ۱۰۰٪ تگ و نشانگرهای تیک که به بیرون کادر پرتاب می‌شدند 🌟 */
.wd-buttons .wd-check-icon,
.wd-buttons .wd-action-btn .wd-check-icon,
.wd-buttons .wd-action-btn > a.added::after,
.wd-buttons .wd-wishlist-btn > a.added::after {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    pointer-events: none !important;
}

/* 🌟 حالت فعال دکمه علاقه‌مندی: کادر با سایه سرخابی ملایم 🌟 */
.wd-buttons .wd-wishlist-btn > a.added {
    color: #C01157 !important;
    border-color: #C01157 !important;
    box-shadow: 0 4px 14px rgba(192, 17, 87, 0.2) !important;
}

/* 🌟 تبدیل قلب توخالی به قلب کاملاً پرشده و یکدست سرخابی (\f112) در فونت وودمارت 🌟 */
.wd-buttons .wd-wishlist-btn > a.added .wd-action-icon::before {
    content: "\f112" !important;          /* گلیف قلب توپُر در فونت قالب */
    color: #C01157 !important;
    font-size: 14px !important;
}

/* 🌟 رنگ‌آمیزی کامل داخل قلب در صورت فعال بودن آیکون‌های SVG 🌟 */
.wd-buttons .wd-wishlist-btn > a.added .wd-action-icon svg {
    fill: #C01157 !important;
    stroke: #C01157 !important;
    color: #C01157 !important;
}

/* کپسول تول‌تیپ بازشونده با فونت وزیر */
.wd-buttons .wd-tooltip-label {
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    border-radius: 8px !important;
    padding: 5px 10px !important;
    white-space: nowrap !important;
    line-height: 1.3 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
}

/* حذف قطعی دکمه اضافی مشاهده سبد خرید که بعد از ایجکس ساختار دکمه را بهم می‌ریخت */
.product-grid-item a.added_to_cart,
.product-grid-item a.added_to_cart.wc-forward,
.wd-add-btn a.added_to_cart {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    pointer-events: none !important;
}

/* ۶. اسلایدر محصولات مشابه */
.related-and-upsells .wd-carousel-container,
.related-and-upsells .wd-carousel-inner,
.related-and-upsells .wd-carousel,
.related.products .wd-carousel-container,
.related.products .wd-carousel-inner,
.related.products .wd-carousel,
.upsells.products .wd-carousel-container,
.upsells.products .wd-carousel-inner,
.upsells.products .wd-carousel {
    overflow: visible !important;
}

/* مخفی‌سازی قطعی محصول ۵ و اسلایدهای خارج از دید ۴ تایی با حفظ سایه هاور */
.related-and-upsells .wd-carousel.swiper-initialized .wd-carousel-item:not(.swiper-slide-visible),
.related.products .wd-carousel.swiper-initialized .wd-carousel-item:not(.swiper-slide-visible),
.upsells.products .wd-carousel.swiper-initialized .wd-carousel-item:not(.swiper-slide-visible),
.related-and-upsells .wd-carousel-item:not(.wd-slide-visible):not(.swiper-slide-visible),
.related.products .wd-carousel-item:not(.wd-slide-visible):not(.swiper-slide-visible),
.upsells.products .wd-carousel-item:not(.wd-slide-visible):not(.swiper-slide-visible) {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.related-and-upsells .wd-carousel-wrap,
.related.products .wd-carousel-wrap,
.upsells.products .wd-carousel-wrap,
.wd-products-element .wd-carousel-wrap,
.products .wd-carousel-wrap {
    padding-top: 18px !important;
    padding-bottom: 30px !important;
    margin-top: -18px !important;
    margin-bottom: -30px !important;
}

.related-and-upsells .wd-carousel-item,
.related.products .wd-carousel-item,
.upsells.products .wd-carousel-item,
.wd-products-element .wd-carousel-item,
.products .wd-carousel-item {
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-sizing: border-box !important;
}

.related-and-upsells .wd-carousel-item:hover,
.related.products .wd-carousel-item:hover,
.wd-products-element .wd-carousel-item:hover,
.products .wd-carousel-item:hover {
    z-index: 50 !important;
}

.product-grid-item .product-wrapper {
    position: relative !important;
    background: transparent !important;
    box-shadow: none !important;
}

.related-and-upsells .product-grid-item .product-element-top,
.related.products .product-grid-item .product-element-top,
.wd-products-element .product-grid-item .product-element-top {
    width: calc(100% - 16px) !important;
    margin: 12px auto 4px auto !important;
}

.related-and-upsells .product-grid-item .wd-add-btn,
.related.products .product-grid-item .wd-add-btn,
.wd-products-element .product-grid-item .wd-add-btn {
    margin-bottom: 6px !important;
}

.product-grid-item .wd-product-card-bg,
.product-grid-item .content-product-imagin {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    border-radius: 24px !important;
    background-color: transparent !important;
    pointer-events: none !important;
    z-index: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

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

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

/* بخش ۶.۸: دات‌های صفحه‌بندی محصولات مشابه */
.related-and-upsells .wd-nav-pagin-wrap,
.related.products .wd-nav-pagin-wrap,
.upsells.products .wd-nav-pagin-wrap {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 15px !important;
    margin-bottom: 5px !important;
    width: 100% !important;
}

.related-and-upsells .wd-nav-pagin,
.related.products .wd-nav-pagin,
.upsells.products .wd-nav-pagin {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 auto !important;
}

.related-and-upsells .wd-nav-pagin-item,
.related.products .wd-nav-pagin-item,
.upsells.products .wd-nav-pagin-item {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    cursor: pointer !important;
}

.related-and-upsells .wd-nav-pagin-item span,
.related.products .wd-nav-pagin-item span,
.upsells.products .wd-nav-pagin-item span,
.related-and-upsells .swiper-pagination-bullet,
.related.products .swiper-pagination-bullet {
    display: block !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background-color: #cbd5e1 !important;
    border: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

.related-and-upsells .wd-nav-pagin-item.wd-active span,
.related.products .wd-nav-pagin-item.wd-active span,
.upsells.products .wd-nav-pagin-item.wd-active span,
.related-and-upsells .swiper-pagination-bullet-active,
.related.products .swiper-pagination-bullet-active {
    width: 24px !important;
    height: 8px !important;
    border-radius: 10px !important;
    background-color: #C01157 !important;
    box-shadow: 0 2px 8px rgba(192, 17, 87, 0.35) !important;
}

/* ==========================================================================
   استایل اختصاصی محصولات ناموجود (خاکستری، مات و متمایز)
   ========================================================================== */

/* الف) سیاه و سفید شدن و محو شدن تصویر محصول ناموجود */
.product-grid-item.outofstock .product-element-top img,
.product-grid-item.out-of-stock .product-element-top img,
.product-grid-item:has(.out-of-stock) .product-element-top img {
    filter: grayscale(100%) !important;
    opacity: 0.55 !important;
    transition: filter 0.3s ease, opacity 0.3s ease !important;
}

.product-grid-item.outofstock:hover .product-element-top img,
.product-grid-item.out-of-stock:hover .product-element-top img,
.product-grid-item:has(.out-of-stock):hover .product-element-top img {
    filter: grayscale(40%) !important;
    opacity: 0.85 !important;
}

/* ب) خاکستری شدن عنوان محصول */
.product-grid-item.outofstock .wd-entities-title a,
.product-grid-item.out-of-stock .wd-entities-title a,
.product-grid-item:has(.out-of-stock) .wd-entities-title a {
    color: #64748b !important;
}

/* ج) تبدیل دکمه «اطلاعات بیشتر» به دکمه خاکستری متین و غیرفعال */
.product-grid-item.outofstock .wd-add-btn > a,
.product-grid-item.out-of-stock .wd-add-btn > a,
.product-grid-item:has(.out-of-stock) .wd-add-btn > a {
    background-color: #64748b !important;
    color: #ffffff !important;
    box-shadow: none !important;
    opacity: 0.85 !important;
}

.product-grid-item.outofstock .wd-add-btn > a:hover,
.product-grid-item.out-of-stock .wd-add-btn > a:hover,
.product-grid-item:has(.out-of-stock) .wd-add-btn > a:hover {
    background-color: #475569 !important;
    transform: none !important;
    box-shadow: none !important;
}

/* --- اضافه شود به انتهای استایل محصولات ناموجود در بخش #23 فایل 01-total.css --- */
.product-grid-item.outofstock .product-wrapper,
.product-grid-item.out-of-stock .product-wrapper,
.product-grid-item:has(.out-of-stock) .product-wrapper {
    background-color: #fafafa !important;
    border: 1px solid #f1f5f9 !important;
    opacity: 0.85 !important;
}

.product-grid-item.outofstock:hover .product-wrapper,
.product-grid-item.out-of-stock:hover .product-wrapper,
.product-grid-item:has(.out-of-stock):hover .product-wrapper {
    opacity: 1 !important;
}

/* ==========================================================================
   بخش ۷: نسخه بهینه‌سازی‌شده برای موبایل و تبلت (کاملاً ایزوله کارت‌ها)
   ========================================================================== */

@media (max-width: 768px) {
    
        /* تفکیک واضح کادر محصول از پس‌زمینه با مرز مشخص و سایه ملایم در موبایل */
    .product-grid-item .product-wrapper,
    .product-grid-item .wd-product-wrapper {
        background-color: #ffffff !important;
        border: 1px solid #fff0 !important; /* مرز تفکیک کادر */
        box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05) !important; /* سایه نرم سه‌بعدی */
        border-radius: 18px !important;
        padding: 2px 2px 6px 2px !important;
        box-sizing: border-box !important;
    }

    
    /* ۷.۱ فواصل شبکه فروشگاه در موبایل */
    .products.wd-products,
    .products.wd-grid-g {
        --wd-gap-sm: 10px !important;
        column-gap: 10px !important;
        row-gap: 20px !important;
    }

    .product-grid-item:hover .product-wrapper {
        transform: none !important;
        box-shadow: none !important;
    }

    .product-grid-item .product-element-top,
    .product-grid-item .product-image-link,
    .product-grid-item .product-element-top img,
    .product-grid-item .product-image-link img {
        border-radius: 14px !important;
    }

    .product-grid-item .wd-entities-title {
        font-size: 12.5px !important;
    }

    /* ۷.۲ تک‌خطی کردن دایره‌های رنگ روی کارت در موبایل */
    .product-grid-item .wd-swatches-product,
    .product-grid-item .wd-swatches-grid {
        gap: 4px !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        max-width: 100% !important;
    }

    .product-grid-item .wd-swatches-product[data-id="pa_color"] .wd-swatch.wd-bg {
        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
        min-height: 18px !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .product-grid-item .wd-swatches-product[data-id="pa_color"] .wd-swatch-bg {
        width: 100% !important;
        height: 100% !important;
    }

    /* ۷.۳ کپسول‌های سایز روی کارت در موبایل */
    .product-grid-item .wd-swatches-product[data-id="pa_size"] .wd-swatch.wd-text {
        min-width: 22px !important;
        height: 20px !important;
        padding: 0 4px !important;
        font-size: 9.5px !important;
        line-height: 18px !important;
        border-radius: 10px !important;
        margin: 0 !important;
    }

    /* ۷.۴ فلش‌های اسلایدر محصولات مشابه در موبایل */
    .related-and-upsells .wd-nav-arrows,
    .related.products .wd-nav-arrows {
        --wd-arrow-size: 28px;
    }

    .related-and-upsells .wd-nav-arrows .wd-btn-arrow,
    .related.products .wd-nav-arrows .wd-btn-arrow {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
        top: 24% !important;
        background: rgba(255, 255, 255, 0.94) !important;
        border: 1px solid rgba(226, 232, 240, 0.9) !important;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1) !important;
        border-radius: 50% !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .related-and-upsells .wd-nav-arrows .wd-next,
    .related.products .wd-nav-arrows .wd-next {
        left: 0px !important;
        right: auto !important;
    }

    .related-and-upsells .wd-nav-arrows .wd-prev,
    .related.products .wd-nav-arrows .wd-prev {
        right: 0px !important;
        left: auto !important;
    }

    .related-and-upsells .wd-nav-arrows .wd-btn-arrow::before,
    .related.products .wd-nav-arrows .wd-btn-arrow::before {
        font-size: 9.5px !important;
        color: #1e293b !important;
    }
    
    /* ۷.۱.۱ چیدمان عمودی قیمت کارت‌ها در موبایل */
    .product-grid-item .price,
    .product-grid-item .wrap-price {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 1px !important;
        margin: 1px auto 3px auto !important;
        min-height: 32px !important;
    }

    .product-grid-item .price ins,
    .product-grid-item .price ins .amount,
    .product-grid-item .price .amount:not(del .amount) {
        font-size: 13.5px !important;
        font-weight: 900 !important;
        line-height: 1.2 !important;
        order: 1 !important;
    }

    .product-grid-item .price del,
    .product-grid-item .price del .amount {
        font-size: 10.5px !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
        order: 2 !important;
    }
    
    /* انتقال بج‌های تخفیف و جدید به منتهی‌الیه گوشه راست عکس */
    .product-grid-item .product-labels {
        top: 6px !important;
        right: 6px !important;
        gap: 4px !important;
    }

    /* انتقال آیکون قلب و علاقه‌مندی به منتهی‌الیه گوشه چپ عکس */
    .product-grid-item .wd-buttons {
        top: 6px !important;
        left: 6px !important;
        gap: 4px !important;
    }

    /* اصلاح ابعاد دکمه خرید برای نمایش ۱۰۰٪ کامل متن در گوشی‌های باریک ۳۶۰px */
    .product-grid-item .wd-add-btn {
        width: 100% !important;
        padding: 0 4px !important;
        box-sizing: border-box !important;
    }

    .product-grid-item .wd-add-btn > a {
        height: 32px !important;
        line-height: 32px !important;
        font-size: 9.5px !important; /* سایز بهینه برای جلوگیری قطعی از سه نقطه شدن */
        padding: 0 0px !important;
        letter-spacing: -0.3px !important;
        max-width: 100% !important;
        width: 100% !important;
        white-space: nowrap !important;
        text-overflow: clip !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}

/* ====================================================================================================
   -------------------------- #25: Auth - Otino Mobile Login & Register Form --------------------------
   ==================================================================================================== */

/*--- #25: Auth - Otino Mobile Login & Register Form ---*/

/* ==========================================================================
   رتوش فوق‌پیشرفته و مینی‌مال UI فرم ورود/ثبت‌نام اوتینو
   ========================================================================== */

/* ۱. تنظیم ابعاد و ترکیب شفاف پس‌زمینه لوگو (Multiply Effect) */
.form-login-otino img.logo-otino-login {
    max-width: 105px !important;
    height: auto !important;
    margin: 0 auto 15px auto !important;
    display: block !important;
    object-fit: contain !important;
    mix-blend-mode: multiply !important; /* ترکیب و حذف هوشمند پس‌زمینه سفید لوگو */
}

/* ۲. زیباتر و مدرن‌سازی دکمه بازگشت (فلش بالای فرم) */
.form-login-otino a.go-back-btn-login-page-otino {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    background-color: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #475569 !important;
    transition: all 0.25s ease !important;
    box-shadow: none !important;
}

.form-login-otino a.go-back-btn-login-page-otino:hover {
    background-color: #e2e8f0 !important; /* هاور خاکستری روشن طبق درخواست */
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
    transform: scale(1.15) !important;
}

/* ۳. مرکزچین کردن کامل پیام‌های خطا / هشدار */
#otino-response-box,
.response-otino,
.response-otino.error-message {
    text-align: center !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 14px !important;
    font-family: "IRANSans", "Vazirmatn", sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 12px 16px !important;
    margin-bottom: 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* ۴. اصلاح کامل و اصولی UI عنوان «شماره موبایل» در مرکز دقیق */
/* الف) اصلاح کانتینر والد p */
#otino-login-register-form-mobile p.otino-mobile-label-form {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

/* ب) استایل کامل لیبل متن */
#otino-login-register-form-mobile p.otino-mobile-label-form label[for="otino_mobile"],
.form-login-otino label[for="otino_mobile"] {
    font-family: "IRANSans", "Vazirmatn", sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #64748b !important; /* طوسی ملایم ارگونومیک */
    margin-bottom: 3px !important; /* فاصله استاندارد و تنفس‌دار تا فیلد */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    letter-spacing: 0 !important;
}

/* ج) مخفی کردن ستاره قرمز الزامی جهت ایجاد تقارن ۱۰۰٪ بصری */
#otino-login-register-form-mobile label[for="otino_mobile"] .required,
.form-login-otino label[for="otino_mobile"] span.required {
    display: none !important;
}

/* ۵. فیلد ورودی شماره موبایل (فاصله‌گذاری قطعی اعداد + وزن و اندازه عالی) */
#otino_mobile_fake {
    font-family: "IRANSans", "Vazirmatn", sans-serif !important;
    font-size: 21px !important;
    font-weight: 400 !important;
    color: #0f172a !important;
    
    /* متد ۳ گانه برای اعمال قطعی فاصله بین ارقام فارسی در تمام مرورگرها */
    letter-spacing: 0.35em !important; 
    font-variant-numeric: tabular-nums !important;
    -webkit-font-feature-settings: "tnum" 1 !important;
    font-feature-settings: "tnum" 1 !important;
    
    text-align: center !important;
    direction: ltr !important;
    
    height: 50px !important;
    border-radius: 30px !important;
    border: 1.5px solid #e2e8f0 !important;
    background-color: #f8fafc !important;
    padding: 0 10px 0 18px !important; /* جبران انحراف بصری letter-spacing جهت مرکزچینی ۱۰۰٪ */
    box-shadow: none !important;
    transition: all 0.2s ease-in-out !important;
}

#otino_mobile_fake:focus {
    background-color: #ffffff !important;
    border-color: #C01157 !important;
    box-shadow: 0 0 0 3px rgba(192, 17, 87, 0.08) !important;
    outline: none !important;
}

/* ۶. دکمه ارسال کد (مینی‌مال، کپسولی و بدون سایه) */
#otino-login-register-form-mobile button,
#otino-login-register-form-mobile input[type="submit"],
#otino-login-register-form-mobile .btn-otino {
    background-color: #C01157 !important;
    color: #ffffff !important;
    font-family: "IRANSans", "Vazirmatn", sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    height: 48px !important;
    border-radius: 30px !important;
    border: none !important;
    box-shadow: none !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    width: 100% !important;
    margin-top: 15px !important;
}

#otino-login-register-form-mobile button:hover,
#otino-login-register-form-mobile input[type="submit"]:hover {
    background-color: #a00b46 !important;
    box-shadow: none !important;
    transform: translateY(-1px) !important;
}


/*--- #29: Cart Drawer - Luxury Side Cart & Mobile Bottom Sheet Drawer ---*/


/* ==========================================================================
   حذف ۱۰۰٪ قطعی کادر فوکوس و هایلایت لمسی کروم دور آیکون هدر
   ========================================================================== */
.whb-header-cart,
.whb-header-cart *,
.wd-header-cart,
.wd-header-cart *,
.cart-widget-opener,
.cart-widget-opener *,
.whb-column_mobile4,
.whb-column_mobile4 * {
    outline: none !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent !important;
    -webkit-focus-ring-color: transparent !important;
}

/* ==========================================================================
   1-Modern Side Cart Drawer - Luxury UI, Main Structure
   ========================================================================== */
/* ۱. بدنه اصلی سایدبار با قوس مدرن */
.cart-widget-side {
    width: 420px !important;
    background-color: #ffffff !important;
    border-top-right-radius: 190px !important;
    border-bottom-right-radius: 30px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    box-shadow: -12px 0 45px rgba(0, 0, 0, 0.12) !important;
    border: none !important;
    overflow: hidden !important;
    z-index: 1000000 !important; /* 👈 قرارگیری قطعی بالای هاله سیاه و نوار پایین در تبلت و دسکتاپ */
}


/* ۲. اسکرول‌بار اختصاصی سرخابی (فقط عمودی - حذف کامل اسکرول افقی) */
.cart-widget-side .shopping-cart-widget-body {
    scrollbar-width: thin;
    scrollbar-color: #C01157 #fdf2f7;
    overflow-x: hidden !important;
}

.cart-widget-side .shopping-cart-widget-body::-webkit-scrollbar {
    width: 5px;
    height: 0px !important; /* 👈 صفر کردن ارتفاع اسکرول‌بار افقی برای همیشه */
}

.cart-widget-side .shopping-cart-widget-body::-webkit-scrollbar-track {
    background: #fdf2f7;
}

.cart-widget-side .shopping-cart-widget-body::-webkit-scrollbar-thumb {
    background-color: #C01157;
    border-radius: 10px;
}

/* ==========================================================================
   2- Side Cart - Header (Pixel-Perfect Alignment & Enhanced Typography)
   ========================================================================== */

.cart-widget-side .wd-heading {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 24px 20px 16px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #d9d8d8b3 !important; /* 👈 خط جداکننده مشخص و استاندارد */
}

/* ۲. عنوان بزرگ‌تر و خواناتر با آیکون */
.cart-widget-side .wd-heading .title {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 18.5px !important; /* 👈 سایز بزرگ‌تر و استاندارد */
    font-weight: 500 !important;
    color: #2d3542 !important; /* 👈 رنگ ذغالی باکنتراست */
    margin: 0 !important;
}

/* آیکون سبد خرید */
.cart-widget-side .wd-heading .title::before {
    content: '' !important;
    display: block !important;
    width: 46px !important;
    height: 46px !important;
    background-color: #C01157 !important;
    -webkit-mask-image: 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.8' 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%3C/svg%3E") !important;
    mask-image: 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.8' 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%3C/svg%3E") !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
}

/* ۳. دکمه ضربدر (تراز کامپیووتری دقیق در مرکز افقی آیکون) */
.cart-widget-side .close-side-widget {
    position: absolute !important;
    top: 48px !important; /* 👈 قفل ریاضی روی مرکز ارتفاع آیکون */
    left: 20px !important;
    transform: translateY(-50%) !important;
    z-index: 10 !important;
    margin: 0 !important;
}

.cart-widget-side .close-side-widget .wd-action-text {
    display: none !important;
}

.cart-widget-side .close-side-widget a,
.cart-widget-side .close-side-widget a .wd-action-icon,
.cart-widget-side .close-side-widget a .wd-action-icon::before {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: none !important;
    color: #94a3b8 !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    padding: 0 !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* هاور با تغییر رنگ قطعی و Scale نرم */
.cart-widget-side .close-side-widget a:hover,
.cart-widget-side .close-side-widget a:hover .wd-action-icon,
.cart-widget-side .close-side-widget a:hover .wd-action-icon::before {
    color: #C01157 !important;
    transform: scale(1.10) !important;
}

/* 🚫 مخفی‌سازی ۱۰۰٪ قطعی استپر موبایل در دسکتاپ و تبلت 🚫 */
.mk-drawer-mobile-stepper {
    display: none !important;
}

/* ==========================================================================
   3- کارت‌های محصولات (حذف قطعی ضربدر بومی، سطل زباله مرکزچین و خط‌چین قیمت کل)
   ========================================================================== */

/* 🚫 ۱. رفع باگ کلیک ناخواسته روی کل کارت */
.cart-widget-side .cart-item-link.wd-fill,
.cart-widget-side a.cart-item-link {
    display: none !important;
    pointer-events: none !important;
}

/* ۲. کانتینر اصلی کارت محصول */
.cart-widget-side .shopping-cart-widget-body {
    padding: 0 !important;
}

.cart-widget-side .cart_list .woocommerce-mini-cart-item {
    position: relative !important;
    border: none !important;
    border-radius: 0px !important;
    padding: 16px 18px 16px 165px !important;
    margin: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    background-color: #ffffff !important;
}

.cart-widget-side .cart_list .woocommerce-mini-cart-item:nth-child(odd) {
    background-color: #f6f8fa !important;
}

/* ۳. تصویر محصول */
.cart-widget-side .cart-item-image {
    flex: 0 0 74px !important;
    width: 74px !important;
    height: 74px !important;
    margin: 0 !important;
    display: block !important;
    z-index: 2 !important;
}

.cart-widget-side .cart-item-image img,
.cart-widget-side .woocommerce-mini-cart-item.loading .cart-item-image img {
    width: 74px !important;
    height: 74px !important;
    max-width: 74px !important;
    max-height: 74px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    border: 1px solid #e2e8f0 !important;
    display: block !important;
    opacity: 1 !important;
    filter: none !important;
}

/* ۴. ستون مشخصات کالا و نام محصول کلیک‌پذیر */
.cart-widget-side .cart-info {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding: 0 12px 0 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 3px !important;
}

/* ۴. ستون مشخصات کالا و نام محصول کلیک‌پذیر */
.cart-widget-side .cart-info .wd-entities-title,
.cart-widget-side .cart-info .wd-entities-title a {
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    color: #C01157 !important;
    line-height: 1.35 !important;
    margin: 0 0 3px 0 !important; /* 👈 تنظیم فاصله دقیق تا سطر متغیرها */
    text-decoration: none !important;
    display: inline-block !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    position: relative !important;
    z-index: 10 !important;
}

.cart-widget-side .cart-info .wd-entities-title:hover {
    opacity: 0.85 !important;
}

/* محافظ ۱۰۰٪ قطعی در برابر نمایش عکس اضافی در داخل ستون نام محصول سایدبار */
.cart-widget-side .cart-info img,
.cart-widget-side .cart-info .wd-entities-title img {
    display: none !important;
}

/* زیباسازی آیکون و نشان «محصول همراه / باندل» (.wd-fbt-label) در سایدبار و سبد خرید */
.wd-cart-label.wd-fbt-label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 6px !important;
    background-color: #fff0f5 !important;
    border: 1px solid #fbcfe8 !important;
    color: #C01157 !important;
    margin-right: 5px !important;
    margin-left: 0 !important;
    vertical-align: middle !important;
    transform: translateY(-1px) !important;
}

.wd-cart-label.wd-fbt-label::before {
    content: "" !important;
    width: 12px !important;
    height: 12px !important;
    display: block !important;
    background-color: #C01157 !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E") no-repeat center / contain !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E") no-repeat center / contain !important;
}

/* ۵. ویژگی‌های محصول (ماوس معمولی) */
.cart-widget-side .cart-info ul.variation,
.cart-widget-side .cart-info ul.variation li,
.cart-widget-side .cart-info ul.variation span,
.mk-side-color-dot {
    cursor: default !important;
}

/* ۵. 🎯 ویژگی‌های محصول (تراز ۱۰۰٪ مرکز دایره رنگ با مرکز متن سایز در دسکتاپ و موبایل) */
.cart-widget-side .cart-info ul.variation {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
    height: 24px !important;
    line-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    border: none !important;
    background: transparent !important;
}

    /* 👈 انتقال ملایم دایره رنگ به سمت بالا جهت انطباق ۱۰۰٪ با مرکز متن سایز (XL) */
    .cart-widget-side .cart-info ul.variation .mk-side-color-dot {
        transform: translateY(-1.5px) !important;
    }

.cart-widget-side .cart-info ul.variation .item-variation-name {
    display: none !important;
}

.cart-widget-side .cart-info ul.variation li {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
    color: #475569 !important;
    margin: 0 !important;
    height: 100% !important;
}

.cart-widget-side .cart-info ul.variation li .item-variation-value,
.cart-widget-side .cart-info ul.variation li .item-variation-value p {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    height: 100% !important;
}

/* 🌟 قفل مرکزیت دایره رنگ روی خط تقارن متن سایز 🌟 */
.cart-widget-side .cart-info ul.variation .mk-side-color-dot,
.cart-widget-side .cart-info ul.variation li:first-child .item-variation-value p::before {
    display: inline-block !important;
    align-self: center !important;
    margin: 0 !important;
    vertical-align: middle !important;
}

/* خط جداکننده عمودی | با تراز مرکز */
.cart-widget-side .cart-info ul.variation li:not(:last-child)::after {
    content: "|" !important;
    color: #cbd5e1 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    margin: 0 6px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
    height: 100% !important;
}

.cart-widget-side .cart-info ul.variation li .item-variation-value p {
    color: #334155 !important;
}

/* ۶. قیمت واحد کالا */
.cart-widget-side .cart-info > span.quantity {
    font-size: 0 !important;
    color: transparent !important;
    display: block !important;
    margin-top: 2px !important;
    line-height: 1 !important;
}

.cart-widget-side .cart-info > span.quantity .woocommerce-Price-amount,
.cart-widget-side .cart-info > span.quantity .amount {
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    color: #C01157 !important;
    display: inline-block !important;
}

/* ۷. 🌟 کپسول شمارنده (انطباق ۱۰۰٪ محور افقی با مرکز هندسی دایره رنگ و سایز) 🌟 */
.cart-widget-side div.quantity {
    position: absolute !important;
    left: 48px !important;
    top: 57px !important; /* 👈 انتقال به ۵۷px برای عبور دقیق خط از مرکز دایره رنگ */
    transform: translateY(-50%) !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 30px !important;
    overflow: hidden !important;
    height: 32px !important;
    width: 102px !important;
    min-width: 102px !important;
    max-width: 102px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 5 !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03) !important;
}

.cart-widget-side div.quantity .btn {
    background: transparent !important;
    color: #C01157 !important;
    font-family: Arial, "Vazirmatn", sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    border: none !important;
    width: 28px !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    padding: 0 0 2px 0 !important; /* بالا کشیدن علامت + و - جهت تراز دقیق در مرکز عمودی کپسول */
    margin: 0 !important;
    line-height: 1 !important;
    position: relative !important;
    z-index: 1 !important;
    transform-origin: center center !important;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.2s ease, color 0.2s ease !important;
}

.cart-widget-side div.quantity .btn:hover {
    background-color: #fdf2f7 !important;
    color: #9e0c45 !important;
    transform: scale(1.18) !important;
}

/* --- اصلاح در زیربخش ۷ بخش #29 فایل 01-total.css (اعمال انحصاری PixitNum-FaNum در سایدبار) --- */
.cart-widget-side div.quantity input.qty,
.cart-widget-side div.quantity .qty {
    font-family: 'PixitNum-FaNum', sans-serif !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    color: #0f172a !important;
    background: #ffffff !important;
    position: relative !important;
    z-index: 2 !important;
    border: none !important;
    border-left: 1px solid #edf0f2 !important;
    border-right: 1px solid #edf0f2 !important;
    border-radius: 0 !important;
    height: 100% !important;
    line-height: 1 !important;
    width: 46px !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    -moz-appearance: textfield !important;
    -webkit-appearance: none !important;
    direction: ltr !important;
    font-variant-numeric: normal !important;
}


/* جایگزین زیربخش ۸ در بخش #29 فایل 01-total.css */

/* ۸. 🗑️ آیکون سطل زباله (حذف کامل text-indent جهت رفع اسکرول افقی و خط سرخابی) */
.cart-widget-side .woocommerce-mini-cart-item .remove {
    position: absolute !important;
    top: 57px !important;
    left: 14px !important;
    transform: translateY(-50%) !important;
    transform-origin: center center !important;
    width: 28px !important;
    height: 28px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    background-color: transparent !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0 !important;              /* مخفی‌سازی کامل کاراکتر × بدون نیاز به پرتاب ۹۹۹۹ پیکسلی */
    color: transparent !important;
    text-indent: 0 !important;            /* 👈 صفر کردن قطعی جهت جلوگیری از ایجاد اسکرول افقی سرخابی */
    overflow: visible !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 15 !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;
}

.cart-widget-side .woocommerce-mini-cart-item .remove::before {
    content: '' !important;
    display: block !important;
    width: 15px !important;
    height: 15px !important;
    aspect-ratio: 1 / 1 !important;
    background-color: #94a3b8 !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E") !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    margin: 0 !important;
    transition: background-color 0.2s ease, transform 0.2s ease !important;
}

.cart-widget-side .woocommerce-mini-cart-item .remove:hover {
    background-color: #fdf2f7 !important;
}

.cart-widget-side .woocommerce-mini-cart-item .remove:hover::before {
    background-color: #C01157 !important;
    transform: scale(1.15) !important;
}

/* 🎯 تولتیپ خالص CSS (تنظیم left روی 120% تا از لبه چپ سایدبار بیرون نزند) */
.cart-widget-side .woocommerce-mini-cart-item .remove::after {
    content: 'حذف محصول' !important;
    position: absolute !important;
    bottom: calc(100% + 6px) !important;
    left: 120% !important;
    transform: translateX(-50%) translateY(4px) !important;
    background-color: #1e293b !important;
    color: #ffffff !important;
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    line-height: 1.4 !important;
    text-indent: 0 !important;
    letter-spacing: 0 !important;
    padding: 4px 10px !important;
    border-radius: 6px !important;
    white-space: nowrap !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    z-index: 25 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18) !important;
    transition: opacity 0.2s ease, transform 0.2s ease !important;
}

    @media (hover: hover) and (pointer: fine) {
    /* نمایش تولتیپ در هر دو حالت دسکتاپ (Hover) و موبایل (Touch/Active) */
    .cart-widget-side .woocommerce-mini-cart-item .remove:hover::after,
    .cart-widget-side .woocommerce-mini-cart-item .remove:active::after {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(-50%) translateY(0) !important;
    }
}

.cart-widget-side .woocommerce-mini-cart-item .remove:hover::after {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(-50%) translateY(0) !important;
}

/* ۹. 🎯 تراز اپتیکال و دقیق کلمه «جمع:» در مرکز عکس و انطباق ستون قیمت */
.cart-widget-side .woocommerce-mini-cart-item .mk-item-total-row {
    position: relative !important;
    width: 100% !important;
    margin: 8px 0 -6px 0 !important;
    border-top: none !important;
    padding-top: 8px !important;
    padding-bottom: 0px !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
}

.cart-widget-side .woocommerce-mini-cart-item .mk-item-total-row::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    right: 18px !important;
    width: 162px !important;
    border-top: 1px dashed #cbd5e1 !important;
}

/* عبارت «جمع:» (تراز ۱۰۰٪ اپتیکال زیر مرکز عکس ۷۴px) */
.cart-widget-side .woocommerce-mini-cart-item .mk-total-title {
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    color: #475569 !important;
    width: 74px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    flex-shrink: 0 !important;
    margin: 0 0 0 12px !important;
    padding-right: 3px !important; /* 👈 جبران خطای بصری دو نقطه و مرکزیت کامل */
    box-sizing: border-box !important;
}

/* مبلغ کل کالا */
.cart-widget-side .woocommerce-mini-cart-item .mk-total-price {
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 14.5px !important;
    font-weight: 950 !important;
    color: #C01157 !important;
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
}
/* ==========================================================================
   ۳.۲ 🌀 لایه مات شیشه‌ای سراسری و حذف قطعی اسپینر روی عکس
   ========================================================================== */

.cart-widget-side .woocommerce-mini-cart-item.loading .cart-item-image::after,
.cart-widget-side .woocommerce-mini-cart-item.loading .cart-item-image::before,
.cart-widget-side .woocommerce-mini-cart-item.loading .cart-item-image .wd-loader,
.cart-widget-side .woocommerce-mini-cart-item .cart-item-image .blockOverlay,
.cart-widget-side .cart-item-image .wd-loader-overlay {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.cart-widget-side .woocommerce-mini-cart-item.loading,
.cart-widget-side .woocommerce-mini-cart-item.wd-loading {
    pointer-events: none !important;
}

.cart-widget-side .woocommerce-mini-cart-item.loading::after,
.cart-widget-side .woocommerce-mini-cart-item.wd-loading::after,
.cart-widget-side .woocommerce-mini-cart-item .blockOverlay {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: rgba(255, 255, 255, 0.78) !important;
    backdrop-filter: blur(2px) !important;
    border-radius: 0px !important;
    z-index: 20 !important;
}

/* محدودسازی کامل انیمیشن و اسپینر لودینگ به داخل سبد خرید */
.cart-widget-side .woocommerce-mini-cart-item.loading::before,
.cart-widget-side .woocommerce-mini-cart-item.wd-loading::before {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 20px !important;
    height: 20px !important;
    margin: -10px 0 0 -10px !important;
    border: 2px solid rgba(192, 17, 87, 0.2) !important;
    border-top-color: #C01157 !important;
    border-radius: 50% !important;
    animation: mkCartQtySpin 0.6s linear infinite !important;
    z-index: 21 !important;
    box-sizing: border-box !important;
    display: block !important;
}

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


/* ==========================================================================
   ۴. فوتر سایدبار، خط جداکننده هماهنگ و انیمیشن بدون لرزش قیمت
   ========================================================================== */
.cart-widget-side .shopping-cart-widget-footer {
    padding: 20px 22px !important;
    background-color: #ffffff !important;
    border-top: 1px solid #d9d8d8b3 !important;
    box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.04) !important;
}

/* 🎯 مرکزچین پیوسته و متوازن ردیف مبلغ پرداختی شما */
.cart-widget-side .shopping-cart-widget-footer p.woocommerce-mini-cart__total,
.cart-widget-side .shopping-cart-widget-footer p.total,
.cart-widget-side .woocommerce-mini-cart__total {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 8px !important;
    margin: 0 auto 18px auto !important;
    border: none !important;
    padding: 0 !important;
    width: 100% !important;
    float: none !important;
}

.cart-widget-side .woocommerce-mini-cart__total strong,
.cart-widget-side .woocommerce-mini-cart__total .amount,
.cart-widget-side .woocommerce-mini-cart__total bdi {
    flex: 0 0 auto !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.cart-widget-side .woocommerce-mini-cart__total strong {
    font-size: 0 !important;
    line-height: 1 !important;
}

.cart-widget-side .woocommerce-mini-cart__total strong::before {
    content: "مبلغ پرداختی شما:" !important;
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 15px !important;
    font-weight: 750 !important;
    color: #64748b !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

/* 🌟 انیمیشن کاملاً قفل‌شده و بدون لغزش ۱ پیکسلی در پایان 🌟 */
.cart-widget-side .woocommerce-mini-cart__total .amount {
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 24px !important;
    font-weight: 950 !important;
    line-height: 1 !important; /* حذف پرش عمودی ۱ پیکسل در فایرفاکس */
    color: #C01157 !important;
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    transform-origin: center center !important;
    /* بدون !important تا @keyframes بتواند Scale را اجرا کند */
    transform: scale3d(1, 1, 1);
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    filter: blur(0px) !important;
    will-change: transform, opacity !important;
    animation: mkSideCartPricePop 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

@keyframes mkSideCartPricePop {
    0% { transform: scale3d(0.96, 0.96, 1); opacity: 0.75; }
    50% { transform: scale3d(1.15, 1.15, 1); opacity: 1; }
    100% { transform: scale3d(1, 1, 1); opacity: 1; }
}

.cart-widget-side .woocommerce-mini-cart__buttons {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* دکمه پرداخت */
.cart-widget-side .woocommerce-mini-cart__buttons .checkout {
    order: 1 !important;
    background-color: #C01157 !important;
    color: #ffffff !important;
    border-radius: 30px !important;
    padding: 13px !important;
    text-align: center !important;
    box-shadow: 0 6px 20px rgba(192, 17, 87, 0.22) !important;
    transition: all 0.25s ease !important;
    border: none !important;
    font-size: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.cart-widget-side .woocommerce-mini-cart__buttons .checkout::before {
    content: "پرداخت" !important;
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 16.5px !important;
    font-weight: 850 !important;
    color: #ffffff !important;
    display: inline-block !important;
}

.cart-widget-side .woocommerce-mini-cart__buttons .checkout:hover {
    background-color: #a80f4c !important;
    box-shadow: 0 8px 25px rgba(192, 17, 87, 0.32) !important;
    transform: translateY(-2px) !important;
}

/* دکمه مشاهده سبد خرید */
.cart-widget-side .woocommerce-mini-cart__buttons .btn-cart {
    order: 2 !important;
    background-color: #fdf2f7 !important;
    color: #C01157 !important;
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    border: 1px solid rgba(192, 17, 87, 0.2) !important;
    border-radius: 30px !important;
    padding: 11px !important;
    text-align: center !important;
    transition: all 0.2s ease !important;
}

.cart-widget-side .woocommerce-mini-cart__buttons .btn-cart:hover {
    background-color: #fbe6f0 !important;
    color: #9e0c45 !important;
}

/* ==========================================================================
   اسپینر لودینگ دکمه‌های پرداخت و سبد خرید سایدبار هنگام کلیک تا خروج از صفحه
   ========================================================================== */
.cart-widget-side .woocommerce-mini-cart__buttons a.mk-btn-loading {
    position: relative !important;
    pointer-events: none !important;
    color: transparent !important;
}

.cart-widget-side .woocommerce-mini-cart__buttons a.mk-btn-loading::before,
.cart-widget-side .woocommerce-mini-cart__buttons a.mk-btn-loading * {
    opacity: 0 !important;
}

/* اسپینر سفید برای دکمه پرداخت */
.cart-widget-side .woocommerce-mini-cart__buttons .checkout.mk-btn-loading::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: mkCartBtnSpin 0.6s linear infinite !important;
    z-index: 10 !important;
    box-sizing: border-box !important;
    display: block !important;
}

/* اسپینر سرخابی برای دکمه مشاهده سبد خرید */
.cart-widget-side .woocommerce-mini-cart__buttons .btn-cart.mk-btn-loading::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(192, 17, 87, 0.2) !important;
    border-top-color: #C01157 !important;
    border-radius: 50% !important;
    animation: mkCartBtnSpin 0.6s linear infinite !important;
    z-index: 10 !important;
    box-sizing: border-box !important;
    display: block !important;
}

@keyframes mkCartBtnSpin {
    to { transform: rotate(360deg); }
}
/* ==========================================================================
   ۵. استایل مدرن سبد خرید خالی (وکتور چرخ‌دستی خطی و تناسبات دقیق UI/UX)
   ========================================================================== */

/* ۱. 🚫 حذف ۱۰۰٪ آیکون‌های پیش‌فرض وودمارت 🚫 */
.cart-widget-side .wd-empty-mini-cart::before,
.cart-widget-side .wd-empty-mini-cart::after {
    display: none !important;
    content: none !important;
}

/* ۲. کانتینر اصلی سبد خالی (توزیع متوازن در مرکز سایدبار) */
.cart-widget-side .wd-empty-mini-cart {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 65px 24px 35px 24px !important; /* 👈 تراز طلایی در مرکز ارتفاع سایدبار */
    text-align: center !important;
    min-height: 360px !important;
    box-sizing: border-box !important;
}

/* ۳. 🌟 وکتور انتخابی چرخ‌دستی خطی با ابعاد دقیق ۸۴px 🌟 */
.cart-widget-side p.woocommerce-mini-cart__empty-message {
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 17px !important;
    font-weight: 850 !important;
    color: #1e293b !important;
    margin: 0 0 22px 0 !important;
    line-height: 1.4 !important;
    text-align: center !important;
}

.cart-widget-side p.woocommerce-mini-cart__empty-message::before {
    content: '' !important;
    display: block !important;
    width: 100px !important; /* 👈 ابعاد استاندارد و چشم‌نواز */
    height: 100px !important;
    margin: 0 auto 20px auto !important;
    background-color: #cbd5e1 !important; /* رنگ خاکستری ملایم و لوکس */
    -webkit-mask-image: 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") !important;
    mask-image: 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") !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
}

/* ۴. 🎯 دکمه کپسولی با ابعاد کشیده و انیمیشن هاور */
.cart-widget-side .wd-empty-mini-cart a.btn,
.cart-widget-side .wd-empty-mini-cart a.wc-backward {
    background-color: #C01157 !important;
    border-color: #C01157 !important;
    color: transparent !important;
    font-size: 0 !important;
    border-radius: 30px !important;
    padding: 13px 36px !important; /* 👈 ابعاد متناسب و کشیده */
    text-align: center !important;
    box-shadow: 0 8px 24px rgba(192, 17, 87, 0.25) !important;
    transition: all 0.25s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
    margin: 0 auto !important;
}

.cart-widget-side .wd-empty-mini-cart a.btn::before,
.cart-widget-side .wd-empty-mini-cart a.wc-backward::before {
    content: "مشاهده فروشگاه" !important;
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 15.5px !important;
    font-weight: 850 !important;
    color: #ffffff !important;
    display: inline-block !important;
    line-height: 1 !important;
}

.cart-widget-side .wd-empty-mini-cart a.btn:hover,
.cart-widget-side .wd-empty-mini-cart a.wc-backward:hover {
    background-color: #a80f4c !important;
    box-shadow: 0 10px 28px rgba(192, 17, 87, 0.35) !important;
    transform: translateY(-2px) !important;
}

/* ۵.۲ 🚫 مخفی‌سازی کامل فوتر و خطوط اضافی در حالت سبد خرید خالی 🚫 */
.cart-widget-side .shopping-cart-widget-footer.wd-cart-empty,
.cart-widget-side .shopping-cart-widget-footer:empty {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

/* ==========================================================================
   ۶. نسخه اختصاصی موبایل (Bottom Sheet هوشمند، رفع خط سرخابی و تراز دقیق جمع)
   ========================================================================== */
@media (max-width: 767.98px) {

    /* ۱. کانتینر اصلی Bottom Sheet (مجهز به شتاب‌دهنده سخت‌افزاری GPU) */
    .cart-widget-side {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 250px !important;
        max-height: 85vh !important;
        top: auto !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        border-radius: 0 !important;
        border-top-left-radius: 28px !important;
        border-top-right-radius: 28px !important;
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        transform: translate3d(0, 105%, 0) !important;
        transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
        will-change: transform !important; /* قفل لایه در GPU برای ۶۰ فریم ثابت */
        backface-visibility: hidden !important;
        -webkit-backface-visibility: hidden !important;
        box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.28) !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        z-index: 1000000 !important;
    }

    .cart-widget-side.wd-opened {
        transform: translate3d(0, 0, 0) !important;
    }

    /* ۲. هندل لمسی و هدر در موبایل */
    .cart-widget-side .wd-heading {
        padding: 24px 16px 14px 16px !important;
        flex-shrink: 0 !important;
        touch-action: none !important;
        user-select: none !important;
        cursor: grab !important;
    }

    .cart-widget-side .wd-heading::after {
        content: '' !important;
        position: absolute !important;
        top: 8px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 44px !important;
        height: 5px !important;
        background-color: #cbd5e1 !important;
        border-radius: 10px !important;
    }

    .cart-widget-side .close-side-widget {
        top: 18px !important;
        left: 16px !important;
    }

    .cart-widget-side .wd-heading .title {
        display: none !important;
    }

/* ۳. قفل اسکرول داخلی و جلوگیری از سفید شدن یا پرتاب فوتر به بیرون صفحه */
    .cart-widget-side .widget_shopping_cart,
    .cart-widget-side .widget_shopping_cart_content {
        display: flex !important;
        flex-direction: column !important;
        flex: 1 1 auto !important;
        height: auto !important;
        max-height: calc(85vh - 70px) !important; /* قفل سقف کل کشو در موبایل */
        min-height: 180px !important; /* جلوگیری از صفر شدن ارتفاع در لحظه بیدار شدن مرورگر */
        width: 100% !important;
        overflow: hidden !important;
        position: relative !important;
    }

    /* نمایش اسپینر سرخابی در لحظه بازیابی خودکار سبد خرید (جلوگیری از نمایش صفحه سفید خالی) */
    .cart-widget-side .widget_shopping_cart_content:empty::after,
    .cart-widget-side .widget_shopping_cart_content.mk-cart-fetching::after {
        content: "" !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        width: 30px !important;
        height: 30px !important;
        margin: -15px 0 0 -15px !important;
        border: 3px solid rgba(192, 17, 87, 0.15) !important;
        border-top-color: #C01157 !important;
        border-radius: 50% !important;
        animation: mkCartQtySpin 0.65s linear infinite !important;
        z-index: 25 !important;
        box-sizing: border-box !important;
    }

    .cart-widget-side .shopping-cart-widget-body {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;
        overflow-y: auto !important;
        overflow-x: hidden !important; /* 👈 قفل ۱۰۰٪ اسکرول افقی برای جلوگیری از خط سرخابی */
        -webkit-overflow-scrolling: touch !important;
        padding: 0 !important;
        position: relative !important;
    }

    .cart-widget-side .wd-scroll-content,
    .cart-widget-side ul.cart_list {
        display: block !important;
        height: auto !important;
        min-height: auto !important;
        position: static !important;
        overflow: visible !important;
        margin: 0 !important;
        padding: 0 !important;
    }

/* ۴. چیدمان کارت محصولات در موبایل */
    .cart-widget-side .cart_list .woocommerce-mini-cart-item {
        display: flex !important;
        align-items: center !important;
        padding: 14px 14px 14px 145px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .cart-widget-side .cart-item-image {
        flex: 0 0 68px !important;
        width: 68px !important;
        height: 68px !important;
    }

    .cart-widget-side .cart-item-image img {
        width: 68px !important;
        height: 68px !important;
    }

    .cart-widget-side .cart-info .wd-entities-title {
        font-size: 14px !important;
        line-height: 1.35 !important;
        margin: 0 0 3px 0 !important;
    }

/* 🌟 قفل ارتفاع سطر متغیرها و تراز دقیق دایره رنگ با متن سایز در موبایل 🌟 */
    .cart-widget-side .cart-info ul.variation {
        height: 24px !important;
        line-height: 24px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
    }

/* ۴.۱ 🎯 تراز لیزری سطل زباله + کپسول + متغیرها روی یک خط افقی در موبایل (محور ۵۳px) 🎯 */
    .cart-widget-side div.quantity {
        left: 42px !important;
        top: 53px !important; /* 👈 تنظیم دقیق ۵۳px در موبایل */
        transform: translateY(-50%) !important;
    }
    

    .cart-widget-side .woocommerce-mini-cart-item .remove {
        position: absolute !important;
        top: 53px !important;
        left: 12px !important;
        transform: translateY(-50%) !important;
        width: 28px !important;
        height: 28px !important;
        aspect-ratio: 1 / 1 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 0 !important;
        color: transparent !important;
        text-indent: 0 !important;       /* بدون پرتاب متن و بدون ایجاد اسکرول افقی */
        overflow: visible !important;    /* 👈 اجازه نمایش تولتیپ در بالای دکمه در موبایل */
        border: none !important;
        border-bottom: none !important;
        background-color: transparent !important;
        box-shadow: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

  /* تراز اپتیکال کلمه جمع زیر مرکز عکس ۶۸px در موبایل */
    .cart-widget-side .woocommerce-mini-cart-item .mk-total-title {
        width: 68px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        margin: 0 0 0 12px !important;
        padding-right: 3px !important;
        box-sizing: border-box !important;
    }

    .cart-widget-side .woocommerce-mini-cart-item .mk-item-total-row::before {
        right: 14px !important;
        width: 155px !important;
    }
    
    
/* ۵. فوتر چسبان در پایین کشو (کاملاً قفل‌شده و ضد پرتاب) */
    .cart-widget-side .shopping-cart-widget-footer {
        flex-shrink: 0 !important; /* عدم فشرده‌سازی فوتر تحت هیچ شرایطی */
        margin-top: auto !important;
        padding: 12px 18px 18px 18px !important;
        background-color: #ffffff !important;
        border-top: 1px solid #e2e8f0 !important;
        position: relative !important;
        z-index: 10 !important;
    }

    .cart-widget-side .woocommerce-mini-cart__total {
        margin-bottom: 12px !important;
    }

    .cart-widget-side .woocommerce-mini-cart__total strong::before {
        font-size: 14.5px !important;
    }

    .cart-widget-side .woocommerce-mini-cart__total .amount {
        font-size: 21px !important;
    }

    /* 🚫 ۶. حذف دکمه مشاهده سبد خرید در موبایل 🚫 */
    .cart-widget-side .woocommerce-mini-cart__buttons .btn-cart {
        display: none !important;
    }

    /* دکمه پرداخت تک‌گانه */
    .cart-widget-side .woocommerce-mini-cart__buttons .checkout {
        width: 100% !important;
        padding: 13px !important;
        font-size: 0 !important;
    }

    .cart-widget-side .woocommerce-mini-cart__buttons .checkout::before {
        content: "پرداخت" !important;
        font-family: "Vazirmatn", sans-serif !important;
        font-size: 16.5px !important;
        font-weight: 850 !important;
        color: #ffffff !important;
    }

    /* ۷. سبد خالی در موبایل */
    .cart-widget-side .wd-empty-mini-cart {
        padding: 20px 20px 30px 20px !important;
        min-height: auto !important;
        justify-content: center !important;
    }

    /* ۸. استپر عریض در هدر سایدبار موبایل */
    .cart-widget-side .mk-drawer-mobile-stepper {
        display: flex !important;
        width: 100% !important;
        max-width: 340px !important;
        margin: 6px auto 0 auto !important;
        align-items: center !important;
        justify-content: space-between !important;
        direction: rtl !important;
        box-sizing: border-box !important;
        position: relative !important;
        padding: 0 8px !important;
    }

    .cart-widget-side .mk-drawer-step {
        flex: 0 0 76px !important;
        width: 76px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        position: relative !important;
        z-index: 2 !important;
        text-align: center !important;
    }

    .cart-widget-side .mk-drawer-step-icon {
        width: 36px !important;
        height: 36px !important;
        border-radius: 50% !important;
        background: #ffffff !important;
        border: 1.5px solid #e2e8f0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #94a3b8 !important;
        margin: 0 auto 5px auto !important;
        transition: all 0.3s ease !important;
    }

    .cart-widget-side .mk-drawer-step-icon svg {
        width: 17px !important;
        height: 17px !important;
        stroke-width: 2.2 !important;
    }

    .cart-widget-side .mk-drawer-step[data-step="1"] .mk-drawer-step-icon svg {
        margin-right: 1px !important;
        margin-top: 1px !important;
    }

    .cart-widget-side .mk-drawer-step-label {
        font-family: "Vazirmatn", sans-serif !important;
        font-size: 11px !important;
        font-weight: 750 !important;
        color: #94a3b8 !important;
        white-space: nowrap !important;
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        margin: 0 auto !important;
        line-height: 1.2 !important;
    }

    .cart-widget-side .mk-drawer-step.active .mk-drawer-step-icon {
        background-color: #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;
    }

    .cart-widget-side .mk-drawer-step.active .mk-drawer-step-label {
        color: #C01157 !important;
        font-weight: 850 !important;
    }

    .cart-widget-side .mk-drawer-step-line {
        height: 2px !important;
        background-color: #e2e8f0 !important;
        flex: 1 1 auto !important;
        margin-top: -16px !important;
        border-radius: 10px !important;
        margin-right: -6px !important;
        margin-left: -6px !important;
        position: relative !important;
        z-index: 1 !important;
    }
}


/* ====================================================================================================
   ----------------- #30: Mobile UI - Floating Bottom Toolbar & Category Sheet Drawer ------------------
   ==================================================================================================== */

/*--- #30: Mobile UI - Floating Bottom Toolbar & Category Sheet Drawer ---*/

/* ==========================================================================
   بخش ۱۲: نوار پایین (چیدمان جادار، بدون تداخل و بدون تاخیر سبد خرید)
   ========================================================================== */

/* ۱۲.۰ غیرفعال‌سازی در دسکتاپ */
@media (min-width: 1025px) {
    .wd-toolbar,
    .wd-toolbar.wd-toolbar-label-show,
    .mika-bottom-sheet {
        display: none !important;
    }
}

@media (max-width: 1024px) {
/* ۱۲.۱ کانتینر اصلی نوار پایین با گوشه‌های متقارن ۲۴px */
    .wd-toolbar.wd-toolbar-label-show,
    body.mika-sheet-locked .wd-toolbar.wd-toolbar-label-show {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
        padding-top: 0 !important;
        padding-left: 4px !important;
        padding-right: 4px !important;
        padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important; /* فاصله بهینه از کف */
        border-radius: 24px 24px 0 0 !important;
        background: #ffffff !important;
        border: none !important;
        box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.06), 0 -1px 3px rgba(0, 0, 0, 0.02) !important;
        z-index: 999 !important; /* کاهش از ۱۰۰۰۰۰۵ به ۹۹۹ جهت قرارگیری در زیر تمام سایدبارها و کشوها */
        display: flex !important;
        justify-content: space-around !important;
        align-items: center !important;
        box-sizing: border-box !important;
        overflow: visible !important;
        direction: rtl !important;
    }

    /* لایه محافظ سفید زیرین */
    body.mika-sheet-locked .wd-toolbar::before {
        content: '' !important;
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        height: calc(66px + env(safe-area-inset-bottom, 0px)) !important;
        background: #ffffff !important;
        z-index: -1 !important;
        pointer-events: none !important;
    }

    /* ۱۲.۲ ستون‌بندی پایدار با فضای تنفسی مناسب */
    .wd-toolbar .wd-tools-element {
        flex: 1 1 20% !important;
        max-width: 20% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        position: relative !important;
        box-sizing: border-box !important;
    }

    .wd-toolbar .wd-tools-element > a {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important; /* سنتر نگه داشتن المان‌ها جهت جلوگیری از فشردگی کف */
        width: 100% !important;
        height: 100% !important;
        padding: 0 !important;
        padding-bottom: 4px !important;       /* ایجاد فاصله تنفسی زیر متون */
        margin: 0 !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
        gap: 6px !important;                 /* حفظ فاصله مناسب بین آیکون و متن */
        transform: none !important;
    }

    .wd-toolbar .wd-tools-element:active > a {
        transform: scale(0.92) !important;
    }

    /* ۱۲.۳ آیکون‌ها و صفرسازی مارجین‌ها (حذف انیمیشن حرکتی برای رفع پرش اولیه) */
    .wd-toolbar .wd-tools-element .wd-tools-icon {
        font-size: 21px !important;
        color: #475569 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        line-height: 1 !important;
        position: relative !important;
        margin: 0 auto !important;
        padding: 0 !important;
        background: transparent !important;
        transition: color 0.2s ease !important; /* فقط تغییر نرم رنگ، بدون پرش مکانی آیکون */
    }

    .wd-toolbar .wd-toolbar-label {
        font-size: 10px !important;
        font-weight: 850 !important;
        color: #475569 !important;
        line-height: 1 !important;
        letter-spacing: -0.2px !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
        margin: 0 auto !important;
        padding: 0 !important;
        transition: color 0.2s ease !important;
    }

    /* ۱۲.۴ قفل دائمی نام «حساب من» */
    .wd-toolbar .wd-header-my-account .wd-toolbar-label {
        font-size: 0 !important;
    }

    .wd-toolbar .wd-header-my-account .wd-toolbar-label::after {
        content: 'حساب من' !important;
        font-size: 10px !important;
        font-weight: 850 !important;
        color: #475569 !important;
        display: block !important;
        line-height: 1 !important;
        margin: 0 !important;
    }

    /* ۱۲.۵ فعال‌سازی و ساخت قطعی قوس سبد خرید */
    .wd-toolbar .wd-header-cart {
        position: relative !important;
        overflow: visible !important;
    }

    .wd-toolbar .wd-header-cart::before {
        display: none !important;
        content: none !important;
    }

    .wd-toolbar .wd-header-cart > a {
        position: relative !important;
        overflow: visible !important;
        z-index: 2 !important;
        transform: none !important;
    }

    /* کمان سفید ۱۰۶ پیکسلی */
    .wd-toolbar .wd-header-cart > a::before {
        content: '' !important;
        display: block !important;
        position: absolute !important;
        top: -25px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 110px !important;
        height: 90px !important;
        border-radius: 50% !important;
        background: #ffffff !important;
        border: none !important;
        z-index: 1 !important;
        pointer-events: none !important;
        box-shadow: 0 -6px 18px rgba(0, 0, 0, 0.05) !important;
        clip-path: inset(-40px -40px 64px -40px) !important;
    }

    .wd-toolbar .wd-header-cart > a:hover::before,
    .wd-toolbar .wd-header-cart > a:active::before {
        display: block !important;
        background: #ffffff !important;
    }

    /* کپسول آیکون سبد خرید (تنظیم دقیق ارتفاع و مارجین برای عدم برخورد با متن) */
    .wd-toolbar .wd-header-cart .wd-tools-icon {
        width: 45px !important;
        height: 45px !important;
        min-height: 42px !important;
        flex-shrink: 0 !important;
        background-color: #ffffff !important;
        border: 1.5px solid #C01157 !important;
        border-radius: 15px 6px 15px 6px !important;
        color: #C01157 !important;
        box-shadow: 0 4px 14px rgba(192, 17, 87, 0.12) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: relative !important;
        z-index: 3 !important;
        margin: -28px auto 0 !important;     /* بالا کشیدن کپسول به داخل کمان با فاصله آزاد از متن */
        transform: none !important;
    }

    /* بج شمارنده */
    .wd-toolbar .wd-header-cart .wd-tools-count {
        position: absolute !important;
        top: -6px !important;
        right: -6px !important;
        left: auto !important;
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        min-height: 20px !important;
        aspect-ratio: 1 / 1 !important;
        border-radius: 50% !important;
        background: linear-gradient(135deg, #f4166d 0%, #C01157 60%, #900a3f 100%) !important;
        color: #ffffff !important;
        font-family: 'PixitNum-FaNum', "Vazirmatn", sans-serif !important;
        font-size: 11px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        padding: 1px 0 0 0 !important; /* جبران میلی‌متری Baseline فونت فارسی برای سنتر مطلق چشمی */
        margin: 0 !important;
        border: 1px solid #ffffff !important; /* حلقه سفید تمیز برای تفکیک از کادر برگی */
        box-shadow: 0 3px 8px rgba(192, 17, 87, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.35) !important;
        box-sizing: border-box !important;
        z-index: 5 !important;
    }

    .wd-toolbar .wd-header-cart .wd-tools-icon::before,
    .wd-toolbar .wd-header-cart .wd-tools-icon svg {
        font-size: 28px !important;
        width: 28px !important;
        height: 28px !important;
        line-height: 1 !important;
        display: block !important;
        margin: 0 auto !important;
    }

    /* حذف قیمت‌ها و ساب‌توتال‌ها */
    .wd-toolbar .wd-header-cart .wd-toolbar-label > *,
    .wd-toolbar .wd-header-cart .wd-cart-subtotal,
    .wd-toolbar .wd-header-cart .woocommerce-Price-amount,
    .wd-toolbar .wd-header-cart [class*="subtotal"] {
        display: none !important;
    }

    /* ۱۲.۶ نمایش آنی 0ms و بدون تداخل عبارت «سبد خرید» */
    .wd-toolbar .wd-header-cart .wd-toolbar-label {
        font-size: 0 !important;             /* حذف درجا و لحظه اول کلمه محصول */
        color: transparent !important;
        line-height: 0 !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
        margin: 0 auto !important;           /* حذف مارجین منفی جهت رفع تداخل با کپسول */
        padding-top: 2px !important;         /* ایجاد فاصله تنفسی میلی‌متری بین آیکون و متن */
        padding-left: 18px !important;       /* تراز چشمی دقیق سنتر */
        letter-spacing: 0 !important;
        white-space: nowrap !important;
        box-sizing: border-box !important;
    }

    .wd-toolbar .wd-header-cart .wd-toolbar-label::after {
        content: 'سبد خرید' !important;      /* چاپ دائمی و بدون تاخیر از فریم صفر */
        font-size: 12px !important;
        font-weight: 900 !important;
        color: #C01157 !important;
        display: block !important;
        text-align: center !important;
        line-height: 1 !important;
        margin: 0 auto !important;
    }

    /* ۱۲.۷ آیکون‌های وکتور دکمه‌های سفارشی */
    .wd-toolbar .wd-toolbar-link-1 .wd-tools-icon::before,
    .wd-toolbar .wd-toolbar-custom-1 .wd-tools-icon::before {
        content: '' !important;
        width: 21px !important;
        height: 21px !important;
        display: inline-block !important;
        background-color: #475569 !important;
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z'/%3E%3C/svg%3E") no-repeat center / contain !important;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z'/%3E%3C/svg%3E") no-repeat center / contain !important;
        transition: background-color 0.25s ease !important;
    }

    .wd-toolbar .wd-toolbar-link-2 .wd-tools-icon::before,
    .wd-toolbar .wd-toolbar-custom-2 .wd-tools-icon::before {
        content: '' !important;
        width: 21px !important;
        height: 21px !important;
        display: inline-block !important;
        background-color: #475569 !important;
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E") no-repeat center / contain !important;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E") no-repeat center / contain !important;
        transition: background-color 0.25s ease !important;
    }

/* ==========================================================================
   تعاملات رنگی نوار پایین موبایل (نسخه کامل و بی‌نقص: فعال بودن خانه و حساب من)
   ========================================================================== */

/* ۱. سرخابی شدن قطعی آیکون، متن و SVG خانه و حساب کاربری در حالت هاور، لمس (Active) و صفحه جاری */
.wd-toolbar .wd-tools-element:not(.wd-header-cart):not(.wd-toolbar-link-1):not(.wd-toolbar-custom-1):not(.wd-toolbar-link-2):not(.wd-toolbar-custom-2):not(.wd-header-search):not([class*="search"]):is(:hover, :active, .current-item) :is(.wd-tools-icon, .wd-toolbar-label, > a) {
    color: #C01157 !important;
}

.wd-toolbar .wd-tools-element:not(.wd-header-cart):not(.wd-toolbar-link-1):not(.wd-toolbar-custom-1):not(.wd-toolbar-link-2):not(.wd-toolbar-custom-2):not(.wd-header-search):not([class*="search"]):is(:hover, :active, .current-item) .wd-tools-icon svg {
    color: #C01157 !important;
    stroke: #C01157 !important;
}

/* تغییر رنگ اختصاصی عبارت «حساب من» که با after ساخته شده است */
.wd-toolbar .wd-header-my-account:is(:hover, :active, .current-item) .wd-toolbar-label::after {
    color: #C01157 !important;
}

/* ۲. رنگ پیش‌فرض خاکستری پایدار برای دسته‌بندی و جستجو در بدو ورود و پس از بسته شدن */
.wd-toolbar :is(.wd-toolbar-link-1, .wd-toolbar-custom-1, .wd-toolbar-link-2, .wd-toolbar-custom-2, .wd-header-search, [class*="search"]) :is(a, a:hover, a:focus, .wd-tools-icon, .wd-toolbar-label) {
    color: #475569 !important;
    outline: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

.wd-toolbar :is(.wd-toolbar-link-1, .wd-toolbar-custom-1, .wd-toolbar-link-2, .wd-toolbar-custom-2, .wd-header-search, [class*="search"]) :is(.wd-tools-icon::before, a:hover .wd-tools-icon::before, a:focus .wd-tools-icon::before) {
    background-color: #475569 !important;
}

/* ۳. سرخابی شدن آنی در صدم‌ثانیه لمس انگشت (Active Tap) فقط حین فشردن دکمه جستجو یا دسته‌بندی */
.wd-toolbar :is(.wd-toolbar-link-1, .wd-toolbar-custom-1, .wd-toolbar-link-2, .wd-toolbar-custom-2, .wd-header-search, [class*="search"]) > a:active :is(.wd-tools-icon, .wd-toolbar-label) {
    color: #C01157 !important;
}

.wd-toolbar :is(.wd-toolbar-link-1, .wd-toolbar-custom-1, .wd-toolbar-link-2, .wd-toolbar-custom-2, .wd-header-search, [class*="search"]) > a:active .wd-tools-icon::before {
    background-color: #C01157 !important;
}

/* ۴. دسته‌بندی‌ها: سرخابی ماندن «فقط و فقط» زمانی که کشوی آن در صفحه واقعاً باز است */
body.mika-sheet-locked .wd-toolbar :is(.wd-toolbar-link-1, .wd-toolbar-custom-1) :is(a, .wd-tools-icon, .wd-toolbar-label) {
    color: #C01157 !important;
}

body.mika-sheet-locked .wd-toolbar :is(.wd-toolbar-link-1, .wd-toolbar-custom-1) .wd-tools-icon::before {
    background-color: #C01157 !important;
}

}

/* ==========================================================================
   بخش ۱۳: کشوی ۲ ستونه مگامنو (پایدار، ارتفاع بهینه 76vh، خط مرز سراسری و اسکرول تمیز)
   ========================================================================== */
.mika-bottom-sheet {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
    height: auto !important;
    z-index: 990 !important;
    visibility: hidden;
    direction: rtl;
}

body.mika-sheet-locked,
html.mika-sheet-locked {
    overflow: hidden !important;
    height: 100% !important;
    touch-action: none !important;
}

.mika-bottom-sheet.is-open {
    visibility: visible !important;
    overscroll-behavior: contain !important;
}

.mika-sheet-backdrop {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(15, 23, 42, 0.5) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.mika-bottom-sheet.is-open .mika-sheet-backdrop {
    opacity: 1 !important;
}

/* ۱. بدنه اصلی کشو با انیمیشن روان و ارتفاع مناسب */
.mika-sheet-content {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 76vh !important;
    max-height: 76vh !important;
    background: #ffffff !important;
    border-radius: 26px 26px 0 0 !important;
    box-shadow: 0 -10px 35px rgba(0, 0, 0, 0.08) !important;
    transform: translate3d(0, 105%, 0);
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    overscroll-behavior: contain !important;
    z-index: 2 !important;
}

/* حالت باز */
.mika-bottom-sheet.is-open .mika-sheet-content {
    transform: translate3d(0, 0, 0);
}

/* حالت بسته شدن */
.mika-bottom-sheet.is-closing .mika-sheet-content {
    transform: translate3d(0, 105%, 0) !important;
    transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.mika-bottom-sheet.is-closing .mika-sheet-backdrop {
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
}

/* دستگیره لمسی بالا */
.mika-sheet-bar {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    padding: 14px 0 6px 0 !important;
    cursor: grab !important;
    touch-action: none !important;
}

.mika-sheet-pill {
    width: 44px !important;
    height: 5px !important;
    border-radius: 4px !important;
    background-color: #cbd5e1 !important;
}

.mika-sheet-header {
    touch-action: none !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px 18px 12px 18px !important;
    border-bottom: 1.5px solid #f1f5f9 !important;
    box-sizing: border-box !important;
}

.mika-sheet-title {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    color: #1e293b !important;
    margin: 0 !important;
    letter-spacing: -0.2px !important;
}

.mika-header-cat-icon {
    display: inline-flex !important;
    color: #C01157 !important;
}

.mika-sheet-close {
    position: absolute !important;
    top: 50% !important;
    left: 16px !important;
    transform: translateY(-50%) scale(1) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: none !important;
    color: #94a3b8 !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    outline: none !important;
    -webkit-tap-highlight-color: transparent !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    z-index: 10 !important;
}

.mika-sheet-close:hover,
.mika-sheet-close:active {
    background: transparent !important;
    color: #C01157 !important;
    transform: translateY(-50%) scale(1.18) !important;
}

/* ۲. کانتینر ۲ ستونه */
.mika-split-wrapper {
    display: flex !important;
    flex: 1 !important;
    overflow: hidden !important;
    direction: rtl !important;
    background: #ffffff !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* ۳. ستون دسته‌بندی‌ها: خط مرز ممتد و اسکرول نامرئی در حالت سکون */
.mika-split-nav {
    width: 34% !important;
    min-width: 34% !important;
    max-width: 34% !important;
    background-color: #f8fafc !important;
    border: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

.mika-split-nav::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

.mika-nav-item {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 13px 4px !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #f1f5f9 !important;
    border-left: 1.5px solid #e2e8f0 !important; /* خط جداکننده روی آیتم‌های عادی */
    cursor: pointer !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
    gap: 6px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    outline: none !important;
}

/* امتداد خط جداکننده در فضای خالی زیر آخرین دسته‌بندی تا انتهای کادر */
.mika-split-nav::after {
    content: '' !important;
    flex-grow: 1 !important;
    border-left: 1.5px solid #e2e8f0 !important;
    background-color: #f8fafc !important;
}

.mika-nav-item:last-child {
    border-bottom: 1px solid #f1f5f9 !important;
}

.mika-nav-icon {
    width: 24px !important;
    height: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.mika-nav-icon svg {
    width: 22px !important;
    height: 22px !important;
    stroke: #94a3b8 !important;
    transition: stroke 0.2s ease, transform 0.2s ease !important;
}

.mika-nav-text {
    font-size: 11.5px !important;
    font-weight: 850 !important;
    color: #475569 !important;
    text-align: center !important;
    line-height: 1.25 !important;
}

/* تب فعال: حذف ۱۰۰٪ مرز و اتصال یکپارچه سفید به پنل محصولات */
.mika-nav-item.active {
    background-color: #ffffff !important;
    border-bottom-color: #f8fafc !important;
    border-top-color: transparent !important;
    border-right: 4.5px solid #C01157 !important;
    border-left: none !important;
    box-shadow: -4px 0 0 #ffffff !important;
    z-index: 10 !important;
}

.mika-nav-item.active .mika-nav-text {
    color: #C01157 !important;
    font-weight: 900 !important;
}

.mika-nav-item.active .mika-nav-icon svg {
    stroke: #C01157 !important;
    transform: scale(1.08) !important;
}

/* ۴. پنل محصولات: اسکرول نامرئی در حالت سکون */
.mika-split-panels {
    width: 66% !important;
    flex-grow: 1 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
    padding: 0 10px 20px 10px !important;
    background-color: #ffffff !important;
    box-sizing: border-box !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

.mika-split-panels::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

.mika-split-panels .mika-panel {
    display: none !important;
    flex-direction: column !important;
}

.mika-split-panels .mika-panel.active {
    display: flex !important;
}

.mika-panel-hero-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    color: #C01157 !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    text-decoration: none !important;
    height: 50px !important;
    line-height: 50px !important;
    padding: 0 !important;
    margin: 0 0 4px 0 !important;
    white-space: nowrap !important;
}

.mika-arrow-link {
    font-size: 13px !important;
    transition: transform 0.2s ease !important;
}

.mika-panel-hero-link:hover .mika-arrow-link {
    transform: translateX(-4px) !important;
}

/* گرید ۲×۲ */
.mika-product-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px 8px !important;
}

.mika-prod-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-decoration: none !important;
    background: transparent !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.mika-prod-img {
    width: 80px !important;
    height: 80px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background-color: #f7f7f8 !important;
    margin-bottom: 5px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
}

.mika-prod-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.mika-prod-title {
    font-size: 10.5px !important;
    font-weight: 750 !important;
    color: #334155 !important;
    text-align: center !important;
    line-height: 1.3 !important;
    max-width: 95px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* --- جایگزین زیربخش ۱۳.۸ در بخش #30 فایل 01-total.css --- */
/* ۱۳.۸ بلوک انتهای محصولات: تراز ۱۰۰٪ محوری آیکون، متون دوخطی راست‌چین و فلش */
.mika-panel-bottom-cta {
    grid-column: span 2 !important;
    display: inline-flex !important;
    align-items: center !important;      /* قفل انطباق محور مرکز آیکون، متن و فلش */
    justify-content: center !important;
    gap: 10px !important;
    padding: 6px 8px !important;
    margin: 8px auto 2px auto !important;
    text-decoration: none !important;
    direction: rtl !important;
    box-sizing: border-box !important;
    width: fit-content !important;
    transition: transform 0.25s ease !important;
}

.mika-panel-bottom-cta:active {
    transform: scale(0.96) !important;
}

/* آیکون شبکه چهارخانه */
.mika-cta-grid-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    color: #94a3b8 !important;
    transition: color 0.22s ease, transform 0.22s ease !important;
}

.mika-cta-grid-icon svg {
    display: block !important;
    stroke: currentColor !important;
}

/* تغییر رنگ به سرخابی سازمانی + جهش نرم هنگام لمس یا هاور */
.mika-panel-bottom-cta:hover .mika-cta-grid-icon,
.mika-panel-bottom-cta:active .mika-cta-grid-icon {
    color: #C01157 !important;
    transform: scale(0.96) !important;
}


/* کانتینر متن: دوخطی، راست‌چین و تراز دقیق از لبه راست */
.mika-cta-text-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important; /* راست‌چین شدن هر دو سطر در جهت RTL */
    justify-content: center !important;
    text-align: right !important;
    gap: 1px !important;
}

/* سطر اول: مشاهده همه محصولات */
.mika-cta-main-title {
    font-size: 11px !important;
    font-weight: 850 !important;
    color: #1e293b !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    text-align: right !important;
}

/* سطر دوم: نام دسته‌بندی هم‌تراز با سطر بالا */
.mika-cta-cat-name {
    font-size: 10px !important;
    font-weight: 800 !important;
    color: #C01157 !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    text-align: right !important;
}

/* فلش با تراز دقیق روی محور تقارن افقی */
.mika-cta-arrow {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    color: #C01157 !important;
    line-height: 1 !important;
    margin-right: 2px !important;
    transform: translateY(-0.5px) !important; /* جبران خطای دیداری فونت و انطباق با مرکز آیکون */
    transition: transform 0.2s ease !important;
}

.mika-panel-bottom-cta:hover .mika-cta-arrow {
    transform: translateX(-3px) translateY(-0.5px) !important;
}

/* ====================================================================================================
   -------------------- #31: Mobile UI - Hamburger Navigation Drawer & Live Search ---------------------
   ==================================================================================================== */

/*--- #31: Mobile UI - Hamburger Navigation Drawer & Live Search ---*/

/* ==========================================================================
   رفع قطعی سیاهی گوشه‌ها و رویدادهای فایرفاکس
   ========================================================================== */

/* ۱. حل تداخل هاله تیره (Backdrop) و حذف منوی راست‌کلیک لمسی در فایرفاکس اندروید */
.wd-close-side,
.woodmart-close-side {
    z-index: 99999 !important;
    -webkit-touch-callout: none !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

.wd-header-mobile-nav,
.wd-header-mobile-nav > a,
.wd-header-mobile-nav > a:focus,
.wd-header-mobile-nav > a:focus-visible,
.wd-header-mobile-nav > a:active,
.wd-header-mobile-nav * {
    -webkit-touch-callout: none !important;
    -webkit-tap-highlight-color: transparent !important;
    outline: 0 !important;
    outline: none !important;
    outline-style: none !important;
    box-shadow: none !important;
    border: none !important;
}

.wd-header-mobile-nav > a::-moz-focus-inner,
.wd-header-mobile-nav > a:-moz-focusring {
    border: 0 !important;
    outline: none !important;
}

/* ==========================================================================
   ۲. پهنای پویا بر اساس عرض دستگاه
   ========================================================================== */
@media (max-width: 767px) {
    .mobile-nav.wd-side-hidden {
        width: 86vw !important;
        max-width: 86vw !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .mobile-nav.wd-side-hidden {
        width: 48vw !important;
        max-width: 450px !important;
    }
}

/* ==========================================================================
   ۳. بدنه، سربرگ، جستجو و محتویات سایدبار
   ========================================================================== */
@media (max-width: 1024px) {


/* ۱. استایل آیکون ۳ خط مینیمال با خط وسط سرخابی */
.wd-header-mobile-nav > a > .wd-tools-icon,
.whb-header-mobile-nav .wd-tools-icon,
.whb-column_mobile .wd-header-mobile-nav .wd-tools-icon {
    width: 22px !important;
    height: 16px !important;
    min-width: 22px !important;
    min-height: 16px !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    transform: none !important;
    /* خط دوم (وسط): سرخابی سازمانی */
    background-image: linear-gradient(to right, #C01157, #C01157) !important;
    background-size: 100% 3.1px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    transition: background-size 0.25s ease, filter 0.25s ease !important;
}

/* مخفی‌سازی آیکون و اس‌وی‌جی پیش‌فرض قالب */
.wd-header-mobile-nav .wd-tools-icon svg,
.wd-header-mobile-nav .wd-tools-icon i,
.wd-header-mobile-nav .wd-tools-icon img {
    display: none !important;
}

/* خط اول (بالا): ذغالی با لبه‌های گرد */
.wd-header-mobile-nav > a > .wd-tools-icon::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 2px !important;
    background-color: #1e293b !important;
    border-radius: 4px !important;
    border: none !important;
    transition: transform 0.25s ease, background-color 0.2s ease !important;
}

/* خط سوم (پایین): ذغالی با لبه‌های گرد */
.wd-header-mobile-nav > a > .wd-tools-icon::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 2px !important;
    background-color: #1e293b !important;
    border-radius: 4px !important;
    border: none !important;
    transition: transform 0.25s ease, background-color 0.2s ease !important;
}

/* یکسان‌سازی کامل حالت عادی، هاور و Active دکمه همبرگری جهت جلوگیری از قفل شدن استایل */
.wd-header-mobile-nav:hover > a > .wd-tools-icon,
.wd-header-mobile-nav:active > a > .wd-tools-icon,
.wd-header-mobile-nav:focus-within > a > .wd-tools-icon {
    background-size: 100% 3.1px !important;
    filter: none !important;
    transform: none !important;
}

/* ==========================================================================
   اصلاح بند‌های ۳.۱ و ۳.۲ از بخش #31: گوشه‌های متقارن دایره‌ای و مهار ۱۰۰٪ اسکرول‌بار
   ========================================================================== */

/* ۳.۱ خنثی‌سازی کامل سایه‌های پیش‌فرض وودمارت */
.mobile-nav.wd-side-hidden,
.mobile-nav.wd-side-hidden.wd-opened,
.mobile-nav.wd-side-hidden::before,
.mobile-nav.wd-side-hidden::after {
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
}

/* ۳.۲ بدنه منوی همبرگری: بازگشت اسکرول‌بار یاقوتی با حفظ ماسک ضد سیاهی گوشه‌ها */
.mobile-nav.wd-side-hidden {
    background-color: #ffffff !important;
    direction: rtl !important;
    z-index: 1000000 !important;
    
    border-radius: 22px 0 0 22px !important;
    border-top-left-radius: 22px !important;
    border-bottom-left-radius: 22px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;

    /* ماسک شفاف‌ساز کرومیوم جهت حذف ۱۰۰٪ بافر سیاه گوشه‌ها */
    -webkit-mask-image: -webkit-radial-gradient(white, black) !important;
    mask-image: radial-gradient(white, black) !important;
    -webkit-clip-path: none !important;
    clip-path: none !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
    display: flex !important;
    flex-direction: column !important;
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;

    /* اسکرول‌بار باریک W3C */
    scrollbar-width: thin !important;
    scrollbar-color: #C01157 transparent !important;
}

/* اسکرول‌بار باریک ۴ پیکسلی یاقوتی در موتورهای کرومیوم و وب‌کیت */
.mobile-nav.wd-side-hidden::-webkit-scrollbar {
    width: 4px !important;
    background: transparent !important;
}

/* کلید طلایی حل مشکل: ایجاد فاصله ۲۴ پیکسلی از بالا و پایین تا نوار اسکرول وارد قوس‌های ۲۲px نشود */
.mobile-nav.wd-side-hidden::-webkit-scrollbar-track {
    background: transparent !important;
    margin-top: 24px !important;
    margin-bottom: 24px !important;
}

.mobile-nav.wd-side-hidden::-webkit-scrollbar-thumb {
    background-color: #C01157 !important;
    border-radius: 10px !important;
}

.mobile-nav.wd-side-hidden::-webkit-scrollbar-thumb:active {
    background-color: #9e0c45 !important;
}

/* ۳.۳ پوشش سفید هدر و فوتر برای جلوگیری از نشت سیاهی از پشت قوس‌ها */
.mobile-nav .wd-heading {
    background: #ffffff !important;
    border-top-left-radius: 22px !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
}

.mobile-nav .mika-sidebar-social-footer {
    background: #ffffff !important;
    border-bottom-left-radius: 22px !important;
    flex-shrink: 0 !important;
}

/* ۳.۳ سربرگ منو: لوگوی اصلی با تراز دقیق در امتداد ضربدر */
.mobile-nav .wd-heading {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 56px !important;
    min-height: 56px !important;
    padding: 0 20px !important;
    margin: 0 !important;
    border-bottom: 1px solid #f1f5f9 !important;
    box-sizing: border-box !important;
}

/* نمایش لوگوی وکتور میکا با ابعاد (عرض و ارتفاع) قابل تنظیم از پنل مدیریت پیکسیت */
.mobile-nav .wd-heading::after {
    content: '' !important;
    display: block !important;
    width: 118px;
    height: 42px;
    background: url('/wp-content/uploads/2026/10/Logo-Brand.svg') center center no-repeat;
    background-size: contain !important;
    transform: translateY(2px) !important;
}

.mobile-nav .wd-heading img.mika-nav-logo {
    max-height: 28px !important;
    width: auto !important;
    object-fit: contain !important;
}

/* دکمه ضربدر هماهنگ با سایدبار سبد خرید (در مرکز دقیق ارتفاع ۵۶ پیکسلی هدر) */
.mobile-nav .close-side-widget,
.mobile-nav .wd-heading .close-side-widget {
    position: absolute !important;
    top: 28px !important;
    left: 18px !important;
    transform: translateY(-50%) !important;
    z-index: 25 !important;
    margin: 0 !important;
}

.mobile-nav .close-side-widget .wd-action-text {
    display: none !important;
}

.mobile-nav .close-side-widget a,
.mobile-nav .close-side-widget a .wd-action-icon,
.mobile-nav .close-side-widget a .wd-action-icon::before {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: none !important;
    color: #94a3b8 !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    padding: 2px !important;
    margin: 0 !important;
    text-decoration: none !important;
    outline: none !important;
    -webkit-tap-highlight-color: transparent !important;
    cursor: pointer !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.mobile-nav .close-side-widget a svg {
    width: 20px !important;
    height: 20px !important;
    stroke: currentColor !important;
    fill: currentColor !important;
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* هاور و لمس فعال ضربدر با انیمیشن Scale نرم و رنگ سرخابی */
.mobile-nav .close-side-widget a:hover,
.mobile-nav .close-side-widget a:active,
.mobile-nav .close-side-widget a:hover .wd-action-icon,
.mobile-nav .close-side-widget a:active .wd-action-icon,
.mobile-nav .close-side-widget a:hover .wd-action-icon::before,
.mobile-nav .close-side-widget a:active .wd-action-icon::before {
    color: #C01157 !important;
    transform: scale(1.12) !important;
}

.mobile-nav .close-side-widget a:hover svg,
.mobile-nav .close-side-widget a:active svg {
    color: #C01157 !important;
    transform: scale(1.18) !important;
}

/* ۳.۴ فرم جستجو با تقارن کامل و یکدست در بالا و پایین */
.mobile-nav .wd-search-form {
    padding: 16px 18px 12px 18px !important;
    margin: 0 !important;
    position: relative !important;
    box-sizing: border-box !important;
    border-bottom: 1px solid #f1f5f9 !important;
}

.mobile-nav .wd-search-form form.searchform {
    background-color: #f8fafc !important;
    border-radius: 12px !important;
    border: 1.5px solid #e2e8f0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    transition: all 0.25s ease !important;
    overflow: hidden !important;
}

.mobile-nav .wd-search-form form.searchform:focus-within {
    background-color: #ffffff !important;
    border-color: #C01157 !important;
    box-shadow: 0 0 0 3px rgba(192, 17, 87, 0.08) !important;
}

.mobile-nav .wd-search-form input[type="text"].s {
    height: 38px !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    padding: 0 14px !important;
    color: #1e293b !important;
    border: none !important;
    background: transparent !important;
}

.mobile-nav .wd-search-form button.searchsubmit {
    color: #94a3b8 !important;
}

.mobile-nav .wd-search-form button.searchsubmit:hover {
    color: #C01157 !important;
}

    /* ==========================================================================
       ۴. نتایج زنده جستجو (کارت‌های گوشه‌گرد، مهار سفیدی کف و بدون اسکرول دوم)
       ========================================================================== */

    /* ۴.۱ کانتینر دراپ‌داون نتایج */
    .mobile-nav .wd-search-results-wrapper {
        margin-top: 4px !important;
        position: relative !important;
        width: 100% !important;
    }

    .mobile-nav .wd-dropdown-results,
    .mobile-nav .wd-dropdown-results .wd-scroll-content {
        position: static !important;
        width: 100% !important;
        max-height: none !important; /* حذف سقف ارتفاع تا اسکرول دوم به وجود نیاید */
        height: auto !important;
        overflow: visible !important;   /* حذف قطعی دومین اسکرول‌بار */
        box-shadow: none !important;
        border: none !important;
        /* پدینگ بالا ۴px (نزدیک‌تر به سرچ) و پدینگ کف ۶px (مهار سفیدی اضافه زیر دکمه) */
        padding: 4px 2px 6px 2px !important;
        background: transparent !important;
        box-sizing: border-box !important;
    }

    /* ۴.۲ گرید و فواصل عمودی بین کارت‌ها */
    .mobile-nav .wd-suggestions-group {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* ۴.۳ کادر کارت محصول: کاملاً گوشه‌گرد، متقارن و لوکس */
    .mobile-nav .wd-suggestion {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        padding: 8px 10px !important;
        background-color: #ffffff !important;
        border: 1px solid #eef2f6 !important;
        border-radius: 14px !important; /* گوشه‌های کاملاً گرد و متقارن */
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02) !important;
        box-sizing: border-box !important;
        transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), 
                    border-color 0.2s ease, 
                    box-shadow 0.2s ease, 
                    background-color 0.2s ease !important;
        -webkit-tap-highlight-color: transparent !important;
    }

    /* حالت لمس و تپ روی کارت */
    .mobile-nav .wd-suggestion:active {
        transform: scale(0.97) !important;
        border-color: #C01157 !important;
        background-color: #fff8fa !important;
        box-shadow: 0 4px 14px rgba(192, 17, 87, 0.12) !important;
    }

    /* لینک سرتاسری روی کل کارت */
    .mobile-nav .wd-suggestion a.wd-fill {
        position: absolute !important;
        inset: 0 !important;
        z-index: 5 !important;
    }

    /* ۴.۴ فریم تصویر محصول: کاملاً گوشه‌گرد و شفاف */
    .mobile-nav .wd-suggestion-thumb {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        max-width: 48px !important;
        border-radius: 11px !important; /* گردی متناسب با کادر اصلی */
        overflow: hidden !important;
        background-color: #f8fafc !important;
        margin-left: 12px !important;
        margin-right: 0 !important;
        border: 1px solid #f1f5f9 !important;
        flex-shrink: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .mobile-nav .wd-suggestion-thumb img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block !important;
    }

    /* ۴.۵ ستون مشخصات و عنوان کالا */
    .mobile-nav .wd-suggestion-content {
        flex: 1 1 auto !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: flex-start !important;
        gap: 3px !important;
        min-width: 0 !important;
    }

    .mobile-nav .wd-entities-title {
        font-family: "Vazirmatn", sans-serif !important;
        font-size: 12.5px !important;
        font-weight: 700 !important;
        color: #1e293b !important;
        line-height: 1.35 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    /* هایلایت سرخابی کلمه جستجو شده */
    .mobile-nav .wd-entities-title strong {
        color: #C01157 !important;
        font-weight: 850 !important;
    }

    /* ۴.۶ اصلاح دقیق مبالغ و قیمت قدیم */
    .mobile-nav .wd-suggestion .price {
        display: flex !important;
        align-items: baseline !important;
        gap: 6px !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1 !important;
        direction: rtl !important;
    }

    /* قیمت قدیم خط‌خورده: خاکستری ملایم و فونت بسیار ریز */
    .mobile-nav .wd-suggestion .price del,
    .mobile-nav .wd-suggestion .price del .amount,
    .mobile-nav .wd-suggestion .price del bdi {
        color: #94a3b8 !important;
        font-size: 10.5px !important;
        font-weight: 500 !important;
        text-decoration: line-through !important;
        order: 2 !important;
    }

    /* قیمت جدید: سرخابی، پررنگ و برجسته */
    .mobile-nav .wd-suggestion .price ins,
    .mobile-nav .wd-suggestion .price ins .amount,
    .mobile-nav .wd-suggestion .price ins bdi,
    .mobile-nav .wd-suggestion .price > .amount,
    .mobile-nav .wd-suggestion .price > .amount bdi {
        color: #C01157 !important;
        font-size: 12.5px !important;
        font-weight: 900 !important;
        text-decoration: none !important;
        order: 1 !important;
    }

    .mobile-nav .wd-suggestion .price .woocommerce-Price-currencySymbol {
        font-size: 10px !important;
        font-weight: 750 !important;
    }

    /* ۴.۷ دکمه کپسولی «مشاهده همه نتایج» (با فاصله کنترل‌شده و بدون سفیدی اضافه کف) */
    .mobile-nav a.wd-all-results {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        width: 100% !important;
        height: 38px !important;
        margin: 10px auto 4px auto !important; /* فاصله دقیق ۱۰px از آخرین کارت و ۴px از کف */
        background-color: #fff0f5 !important;
        border: 1px solid rgba(192, 17, 87, 0.25) !important;
        border-radius: 50px !important; /* کپسول کاملاً گرد */
        box-shadow: 0 2px 8px rgba(192, 17, 87, 0.08) !important;
        color: #C01157 !important;
        font-family: "Vazirmatn", sans-serif !important;
        font-size: 12.5px !important;
        font-weight: 850 !important;
        letter-spacing: -0.2px !important;
        text-decoration: none !important;
        transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1), 
                    background-color 0.2s ease, 
                    color 0.2s ease, 
                    box-shadow 0.2s ease !important;
        -webkit-tap-highlight-color: transparent !important;
    }

    /* فلش راهنمای دکمه */
    .mobile-nav a.wd-all-results::after {
        content: '←' !important;
        font-size: 14px !important;
        font-weight: 900 !important;
        color: #C01157 !important;
        display: inline-block !important;
        transition: transform 0.2s ease, color 0.2s ease !important;
    }

    /* انیمیشن لمسی فشرده شدن دکمه */
    .mobile-nav a.wd-all-results:active {
        transform: scale(0.96) !important;
        background-color: #C01157 !important;
        border-color: #C01157 !important;
        color: #ffffff !important;
        box-shadow: 0 4px 14px rgba(192, 17, 87, 0.25) !important;
    }

    .mobile-nav a.wd-all-results:active::after {
        color: #ffffff !important;
        transform: translateX(-3px) !important;
    }

    /* ۴.۸ پیام عدم یافتن محصول */
    .mobile-nav .wd-suggestion.wd-not-found {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background-color: #f8fafc !important;
        border: 1px dashed #e2e8f0 !important;
        border-radius: 14px !important;
        padding: 14px !important;
        margin: 6px 0 !important;
    }

    .mobile-nav .wd-suggestion.wd-not-found .wd-not-found-msg {
        font-size: 0 !important;
        line-height: 0 !important;
    }

    .mobile-nav .wd-suggestion.wd-not-found .wd-not-found-msg::after {
        content: 'متأسفانه محصولی با این مشخصات یافت نشد' !important;
        font-family: "Vazirmatn", sans-serif !important;
        font-size: 12px !important;
        font-weight: 750 !important;
        color: #64748b !important;
        display: block !important;
        text-align: center !important;
        line-height: 1.5 !important;
    }
    
    /* ==========================================================================
       ۵. لیست گزینه‌های منو، آیکون‌های وکتور اختصاصی و فلش‌های ناوبری
       ========================================================================= */
    .mobile-nav ul.mobile-pages-menu,
    .mobile-nav ul#menu-mika-mobile,
    .mobile-nav ul#menu-mika-main-1 {
        display: block !important;
        padding: 12px 18px 0 18px !important;
        margin: 0 !important;
        list-style: none !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .mobile-nav ul.mobile-pages-menu > li {
        display: block !important;
        width: 100% !important;
        margin-bottom: -5px !important;
        border: none !important;
        background: transparent !important;
    }

    .mobile-nav ul.mobile-pages-menu > li > a {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        height: 36px !important;
        padding: 0 6px !important;
        background: transparent !important;
        border: none !important;
        border-radius: 8px !important;
        font-size: 13px !important;
        font-weight: 750 !important;
        color: #334155 !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
        transition: color 0.2s ease !important;
    }

    .mobile-nav ul.mobile-pages-menu > li > a .nav-link-text {
        display: inline-flex !important;
        align-items: center !important;
        gap: 10px !important;
    }

    /* فریم پایه آیکون‌های وکتور */
    .mobile-nav ul.mobile-pages-menu > li > a .nav-link-text::before {
        content: '' !important;
        width: 17px !important;
        height: 17px !important;
        display: inline-block !important;
        background-color: #94a3b8 !important;
        transition: background-color 0.2s ease !important;
        flex-shrink: 0 !important;
    }

    /* ۱. خانه */
    .mobile-nav ul.mobile-pages-menu > li.menu-item-home > a .nav-link-text::before,
    .mobile-nav ul.mobile-pages-menu > li.menu-item-9850 > a .nav-link-text::before,
    .mobile-nav ul.mobile-pages-menu > li:has(a[href="https://mikada.ir/"]) > a .nav-link-text::before {
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6'/%3E%3C/svg%3E") no-repeat center / contain !important;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6'/%3E%3C/svg%3E") no-repeat center / contain !important;
    }

    /* ۲. فروشگاه میکا */
    .mobile-nav ul.mobile-pages-menu > li.menu-item-9851 > a .nav-link-text::before,
    .mobile-nav ul.mobile-pages-menu > li:has(a[href*="/shop/"]) > a .nav-link-text::before {
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z'/%3E%3C/svg%3E") no-repeat center / contain !important;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z'/%3E%3C/svg%3E") no-repeat center / contain !important;
    }

    /* ۳. علاقه‌مندی‌ها */
    .mobile-nav ul.mobile-pages-menu > li.menu-item-9852 > a .nav-link-text::before,
    .mobile-nav ul.mobile-pages-menu > li:has(a[href*="/wishlist/"]) > a .nav-link-text::before {
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E") no-repeat center / contain !important;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E") no-repeat center / contain !important;
    }

    /* ۴. فروش ویژه */
    .mobile-nav ul.mobile-pages-menu > li.menu-item-9853 > a .nav-link-text::before,
    .mobile-nav ul.mobile-pages-menu > li:has(a[href*="sale"]) > a .nav-link-text::before {
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z'/%3E%3C/svg%3E") no-repeat center / contain !important;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z'/%3E%3C/svg%3E") no-repeat center / contain !important;
    }

    /* ۵. پیگیری سفارش */
    .mobile-nav ul.mobile-pages-menu > li.menu-item-9854 > a .nav-link-text::before,
    .mobile-nav ul.mobile-pages-menu > li:has(a[href*="order-tracking"]) > a .nav-link-text::before {
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01'/%3E%3C/svg%3E") no-repeat center / contain !important;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01'/%3E%3C/svg%3E") no-repeat center / contain !important;
    }

    /* ۶. تماس با ما */
    .mobile-nav ul.mobile-pages-menu > li.menu-item-9855 > a .nav-link-text::before,
    .mobile-nav ul.mobile-pages-menu > li:has(a[href*="contact"]) > a .nav-link-text::before {
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z'/%3E%3C/svg%3E") no-repeat center / contain !important;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z'/%3E%3C/svg%3E") no-repeat center / contain !important;
    }

    /* فلش راهنمای سمت چپ برای تمام گزینه‌های منوی موبایل */
    .mobile-nav ul.mobile-pages-menu > li > a::after {
        content: '←' !important;
        color: #C01157 !important;
        font-size: 15px !important;
        font-weight: 900 !important;
        display: inline-block !important;
        transform-origin: center center !important;
        transform: scale(1) translateX(0) !important;
        transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), color 0.2s ease !important;
    }

    /* انیمیشن جهش فلش در زمان هاور و لمس */
    .mobile-nav ul.mobile-pages-menu > li > a:hover::after,
    .mobile-nav ul.mobile-pages-menu > li > a:active::after {
        transform: scale(1.35) translateX(-4px) !important;
        color: #9e0c45 !important;
    }

    /* تثبیت فلش در صفحه فعال */
    .mobile-nav ul.mobile-pages-menu > li.current-menu-item > a::after {
        transform: scale(1) translateX(0) !important;
        color: #C01157 !important;
    }

    /* تغییر رنگ متن و آیکون به سرخابی در حالت هاور، لمس و صفحه فعال */
    .mobile-nav ul.mobile-pages-menu > li > a:hover,
    .mobile-nav ul.mobile-pages-menu > li > a:active,
    .mobile-nav ul.mobile-pages-menu > li.current-menu-item > a {
        color: #C01157 !important;
    }

    .mobile-nav ul.mobile-pages-menu > li > a:hover .nav-link-text::before,
    .mobile-nav ul.mobile-pages-menu > li > a:active .nav-link-text::before,
    .mobile-nav ul.mobile-pages-menu > li.current-menu-item > a .nav-link-text::before {
        background-color: #C01157 !important;
    }
    
    /* ==========================================================================
       ۶. ویجت پرفروش‌ها و گرید ۲×۲ برگی
       ========================================================================== */
    .mika-featured-products-widget {
        padding: 0 18px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 8px !important;
        box-sizing: border-box !important;
        direction: rtl !important;
        width: 100% !important;
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mobile-nav .mika-divider-title {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        margin: 2px auto !important;
    }

    .mika-divider-title .mika-divider-line {
        width: 44px !important;
        height: 1px !important;
        background-color: #e2e8f0 !important;
    }

    .mika-divider-text {
        font-size: 12px !important;
        font-weight: 900 !important;
        color: #C01157 !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 5px !important;
    }

    .mika-fire-icon {
        width: 15px !important;
        height: 15px !important;
        display: inline-block !important;
        background-color: #C01157 !important;
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z'/%3E%3C/svg%3E") no-repeat center / contain !important;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z'/%3E%3C/svg%3E") no-repeat center / contain !important;
    }

    /* گرید ۲×۲ */
    .mika-leaf-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
        width: 100% !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    .mika-leaf-card {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        text-decoration: none !important;
        padding: 6px 6px 8px 6px !important;
        box-sizing: border-box !important;
        width: 100% !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;
        transition: transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1), border-color 0.2s ease, box-shadow 0.2s ease !important;
    }

    .mika-leaf-card:active {
        transform: scale(0.95) !important;
        border-color: #C01157 !important;
        box-shadow: 0 4px 14px rgba(192, 17, 87, 0.22) !important;
        background: #fff0f5 !important;
    }

    .mika-leaf-card:active .mika-leaf-name {
        color: #C01157 !important;
    }

    .mika-leaf-card.card-top-right {
        border-radius: 18px 4px 18px 4px !important;
        border: 1px solid #f1f5f9 !important;
        border-bottom-color: rgba(192, 17, 87, 0.3) !important;
        border-left-color: rgba(192, 17, 87, 0.3) !important;
        background: radial-gradient(circle at 0% 100%, #fff0f5 0%, #ffffff 65%) !important;
    }

    .mika-leaf-card.card-top-left {
        border-radius: 4px 18px 4px 18px !important;
        border: 1px solid #f1f5f9 !important;
        border-bottom-color: rgba(192, 17, 87, 0.3) !important;
        border-right-color: rgba(192, 17, 87, 0.3) !important;
        background: radial-gradient(circle at 100% 100%, #fff0f5 0%, #ffffff 65%) !important;
    }

    .mika-leaf-card.card-bottom-right {
        border-radius: 4px 18px 4px 18px !important;
        border: 1px solid #f1f5f9 !important;
        border-top-color: rgba(192, 17, 87, 0.3) !important;
        border-left-color: rgba(192, 17, 87, 0.3) !important;
        background: radial-gradient(circle at 0% 0%, #fff0f5 0%, #ffffff 65%) !important;
    }

    .mika-leaf-card.card-bottom-left {
        border-radius: 18px 4px 18px 4px !important;
        border: 1px solid #f1f5f9 !important;
        border-top-color: rgba(192, 17, 87, 0.3) !important;
        border-right-color: rgba(192, 17, 87, 0.3) !important;
        background: radial-gradient(circle at 100% 0%, #fff0f5 0%, #ffffff 65%) !important;
    }

    .mika-leaf-card.card-top-right .mika-leaf-img,
    .mika-leaf-card.card-bottom-left .mika-leaf-img {
        border-radius: 14px 4px 14px 4px !important;
    }

    .mika-leaf-card.card-top-left .mika-leaf-img,
    .mika-leaf-card.card-bottom-right .mika-leaf-img {
        border-radius: 4px 14px 4px 14px !important;
    }

    .mika-leaf-img {
        width: 72px !important;
        height: 72px !important;
        aspect-ratio: 1 / 1 !important;
        overflow: hidden !important;
        background-color: #f8fafc !important;
        margin-bottom: 4px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .mika-leaf-img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .mika-leaf-name {
        font-size: 10.5px !important;
        font-weight: 750 !important;
        color: #334155 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 100% !important;
        line-height: 1.25 !important;
        margin-bottom: 2px !important;
    }

    .mika-leaf-price {
        font-size: 11px !important;
        font-weight: 900 !important;
        color: #C01157 !important;
    }

/* کانتینر لینک مشاهده همه محصولات */
    .mobile-nav .mika-divider-bottom-link {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        text-decoration: none !important;
        margin: 2px auto !important;
        outline: none !important;
        -webkit-tap-highlight-color: transparent !important;
    }

    .mika-divider-bottom-link .mika-divider-line {
        width: 32px !important;
        height: 1px !important;
        background-color: #e2e8f0 !important;
    }

    /* کپسول متن، آیکون و فلش همراه با انیمیشن Scale نرم */
    .mika-divider-link-text {
        font-size: 11.5px !important;
        font-weight: 850 !important;
        color: #C01157 !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        transform-origin: center center !important;
        transform: translateZ(0) scale(1) !important;
        backface-visibility: hidden !important;
        will-change: transform !important;
        /* ترنزیشن نرم کشسانی برای هاور و لمس */
        transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), color 0.2s ease !important;
    }

    /* افکت هاور روی دسکتاپ/شبیه‌ساز (بزرگ‌نمایی نرم) */
    .mika-divider-bottom-link:hover .mika-divider-link-text {
        transform: translateZ(0) scale(1.05) !important;
        color: #9e0c45 !important;
    }

    /* افکت لمس فعال روی موبایل (فشرده شدن ملایم) */
    .mika-divider-bottom-link:active .mika-divider-link-text {
        transform: translateZ(0) scale(0.95) !important;
    }

    .mika-shop-bag-icon {
        width: 14px !important;
        height: 14px !important;
        display: inline-block !important;
        background-color: currentColor !important; /* هماهنگ با رنگ متن در هاور */
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E") no-repeat center / contain !important;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E") no-repeat center / contain !important;
        flex-shrink: 0 !important;
    }

    /* فلش راهنما همراه با جهش افقی ملایم */
    .mika-cta-arrow {
        font-style: normal !important;
        font-size: 12px !important;
        font-weight: 900 !important;
        display: inline-block !important;
        transition: transform 0.2s ease !important;
    }

    .mika-divider-bottom-link:hover .mika-cta-arrow {
        transform: translateX(-3px) !important;
    }

    /* ==========================================================================
       ۷. فوتر شبکه‌های اجتماعی و کپی‌رایت
       ========================================================================== */
    .mika-sidebar-social-footer {
        width: 100% !important;
        margin-top: 0 !important;
        flex-shrink: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        padding: 8px 18px 20px 18px !important;
        box-sizing: border-box !important;
        direction: rtl !important;
    }

    .mika-sidebar-social-footer .mika-social-icons-row {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        width: 100% !important;
        margin: 0 auto !important;
    }

    .mika-sidebar-social-footer .mika-social-leaf-btn {
        width: 36px !important;
        height: 36px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        background-color: #f8fafc !important;
        color: #475569 !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 12px 3px 12px 3px !important;
        text-decoration: none !important;
        transition: all 0.2s ease !important;
    }

    .mika-sidebar-social-footer .mika-social-leaf-btn:hover,
    .mika-sidebar-social-footer .mika-social-leaf-btn:active {
        background-color: #fff0f5 !important;
        color: #C01157 !important;
        border-color: #C01157 !important;
    }

    .mika-sidebar-social-footer .mika-social-divider {
        width: 1px !important;
        height: 16px !important;
        background-color: #e2e8f0 !important;
        margin: 0 2px !important;
    }

    .mika-sidebar-social-footer .mika-copyright-divider {
        width: 46px !important;
        height: 1px !important;
        background-color: #e2e8f0 !important;
        margin: 2px auto !important;
    }

    .mika-sidebar-social-footer .mika-copyright-text {
        font-size: 10.5px !important;
        font-weight: 750 !important;
        color: #94a3b8 !important;
        letter-spacing: -0.2px !important;
        text-align: center !important;
        line-height: 1 !important;
    }
}


/* ====================================================================================================
   ----------------- #32: Footer - Luxury 4-Column Layout, Trust Ribbon & Leaf Badges -----------------
   ==================================================================================================== */
/*--- #32: Footer - Luxury 4-Column Layout, Trust Ribbon & Leaf Badges ---*/

.wd-footer {
    border-top: 1px solid rgba(192, 17, 87, 0.12) !important; /* خط جداکننده صورتی ملایم سراسری بالای فوتر */
    padding-top: 0px !important;
}

/* ۱. بدنه و کانتینر اصلی فوتر بدون خط بالای سر */
.mika-footer-wrap,
.footer-container .mika-footer-wrap {
    width: 100% !important;
    background: #ffffff !important;
    border-top: none !important;
    box-shadow: none !important;
    position: relative !important;
    overflow: hidden !important;
    direction: rtl !important;
    font-family: "Vazirmatn", sans-serif !important;
    padding: 20px 0 10px 0 !important; /* کاهش پدینگ کف به ۱۰px جهت حذف فضای سفید بالای خط کپی‌رایت */
    box-sizing: border-box !important;
}

/* حذف قطعی و دائمی شبه‌عنصر لوگوی پس‌زمینه */
.mika-footer-wrap::before {
    display: none !important;
    content: none !important;
}

.mika-footer-container {
    max-width: 1220px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 15px !important;
    position: relative !important;
    z-index: 1 !important;
    box-sizing: border-box !important;
}

/* ۲. نوار اعتمادسازی بالا */
.mika-footer-ribbon {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 0 !important;
    width: 100% !important;
    padding: 12px 0 !important;
    margin: 0 auto 16px auto !important;
    box-sizing: border-box !important;
    background: linear-gradient(135deg, #ffffff 0%, #fff8fa 50%, #fdf2f7 100%) !important;
    border: 1px solid #fce7f0 !important;
    border-radius: 24px 4px 24px 4px !important;
    box-shadow: 0 6px 20px rgba(192, 17, 87, 0.04) !important;
}

.mika-ribbon-item {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    box-sizing: border-box !important;
    position: relative !important;
    width: 100% !important;
    padding-left: 24px !important;
}

.mika-ribbon-item:not(:last-child)::after {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 22% !important;
    height: 56% !important;
    width: 1px !important;
    background-color: #fce7f0 !important;
}

.mika-ribbon-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 2px !important;
}

.mika-ribbon-title {
    font-size: 12px !important;
    font-weight: 900 !important;
    color: #1e293b !important;
    line-height: 1.2 !important;
    text-align: center !important;
    margin: 0 !important;
}

.mika-ribbon-sub {
    font-size: 10.5px !important;
    font-weight: 700 !important;
    color: #94a3b8 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    margin: 0 !important;
}

/* آیکون‌های اعتمادسازی */
.mika-ribbon-icon {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px 3px 12px 3px !important;
    background: linear-gradient(135deg, #ffffff 0%, #fff6f9 100%) !important;
    border: 1px solid #f9d2e2 !important;
    color: #C01157 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02) !important;
    transform: translateZ(0) !important;
    backface-visibility: hidden !important;
    transition: border-color 0.22s ease, background 0.22s ease, box-shadow 0.22s ease !important;
}

.mika-ribbon-icon svg {
    width: 17px !important;
    height: 17px !important;
    stroke: #C01157 !important;
    color: #C01157 !important;
    fill: none !important;
    transform: translateZ(0) !important;
    backface-visibility: hidden !important;
    will-change: transform !important;
    transition: transform 0.24s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.mika-ribbon-item:hover .mika-ribbon-icon {
    background: #ffffff !important;
    border-color: #C01157 !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04) !important;
    transform: translateZ(0) !important;
}

.mika-ribbon-item:hover .mika-ribbon-icon svg {
    transform: scale(1.15) translateZ(0) !important;
}

/* ۳. گرید ۴ ستونه پایینی */
.mika-footer-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 0 !important;
    align-items: stretch !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

.mika-footer-col {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
    padding: 0 10px !important;
}

/* تراز دقیق بخش بالایی (عنوان‌ها در خط امتداد مرکز لوگوی ستون اول) */
.mika-col-title {
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 14.5px !important;
    font-weight: 900 !important;
    color: #1e293b !important;
    margin-top: 42px !important;
    margin-bottom: 24px !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    flex-shrink: 0 !important;
}

.mika-col-title::after {
    content: '' !important;
    width: 24px !important;
    height: 2.5px !important;
    background: #C01157 !important;
    border-radius: 4px !important;
    margin: 6px auto 0 auto !important;
}

/* ۴. ستون ۱ (برندینگ، تماس و شبکه‌های اجتماعی) */
.mika-col-brand {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    height: 100% !important;
}

.mika-footer-logo-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 10px auto 18px auto !important;
    transform: translateZ(0) !important;
    backface-visibility: hidden !important;
    transition: transform 0.28s cubic-bezier(0.25, 1, 0.5, 1) !important;
    flex-shrink: 0 !important;
}

.mika-footer-logo-link:hover {
    transform: scale(1.05) translateZ(0) !important;
}

.mika-brand-logo {
    width: 58px !important;
    height: auto !important;
    display: block !important;
}

/* تراز مرکزی بخش زیرین ستون ۱ در راستای افقی مشترک با سایر ستون‌ها */
.mika-brand-heading {
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    color: #1e293b !important;
    margin: auto auto 6px auto !important; /* شروع بخش مرکزی شناور */
    line-height: 1.4 !important;
    text-align: center !important;
    width: 100% !important;
}

.mika-accent-name {
    color: #C01157 !important;
    font-weight: 950 !important;
}

.mika-brand-text {
    font-size: 12px !important;
    line-height: 1.8 !important;
    color: #64748b !important;
    font-weight: 600 !important;
    margin: 0 auto 12px auto !important;
    text-align: center !important;
    max-width: 250px !important;
}

.mika-inline-contact {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    color: #475569 !important;
    padding: 7px 16px !important;
    margin: 0 auto 12px auto !important;
    border-radius: 14px 4px 14px 4px !important;
    background: #fdf2f7 !important;
    border: 1px solid #fce7f0 !important;
    transform: translateZ(0) !important;
    transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.mika-inline-contact:hover {
    background-color: #fff0f5 !important;
    border-color: #C01157 !important;
    box-shadow: 0 4px 12px rgba(192, 17, 87, 0.12) !important;
}

.mika-inline-contact:hover .mika-inline-icon {
    transform: scale(1.12) !important;
}

.mika-inline-icon {
    display: flex !important;
    align-items: center !important;
    color: #C01157 !important;
    transition: transform 0.2s ease !important;
}

.mika-inline-icon svg {
    width: 14px !important;
    height: 14px !important;
}

.mika-inline-txt {
    font-size: 11px !important;
    font-weight: 750 !important;
    color: #64748b !important;
}

.mika-inline-num {
    font-size: 13.5px !important;
    font-weight: 950 !important;
    color: #C01157 !important;
}

.mika-brand-socials {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    width: 100% !important;
    margin: 0 auto auto auto !important; /* پایان بخش مرکزی شناور */
}

.mika-brand-socials .mika-social-leaf-btn {
    width: 36px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #f8fafc !important;
    color: #475569 !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px 3px 12px 3px !important;
    text-decoration: none !important;
    transform: translateZ(0) !important;
    transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.25s ease !important;
}

.mika-brand-socials .mika-social-leaf-btn:hover {
    background-color: #fff0f5 !important;
    color: #C01157 !important;
    border-color: #C01157 !important;
    transform: scale(1.14) translateZ(0) !important;
    box-shadow: 0 4px 12px rgba(192, 17, 87, 0.18) !important;
}

/* ۵. ستون‌های ۲ و ۳: تراز بخش زیرین دقیقاً بر روی خط افقی مرکزی مشترک */
.mika-col-nav-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    height: 100% !important;
}

.mika-col-nav {
    list-style: none !important;
    padding: 0 !important;
    margin: auto auto !important; /* تراز ۱۰۰٪ در مرکز خط افقی مشترک */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
    width: 100% !important;
}

.mika-col-nav li {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.mika-col-nav li a {
    font-size: 12.5px !important;
    font-weight: 750 !important;
    color: #475569 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin: 0 auto !important;
    transition: color 0.2s ease, transform 0.2s ease !important;
}

.mika-col-nav li a::before {
    content: '' !important;
    width: 5px !important;
    height: 5px !important;
    border-radius: 50% !important;
    background: #cbd5e1 !important;
    transition: all 0.2s ease !important;
}

.mika-col-nav li a:hover {
    color: #C01157 !important;
    transform: scale(1.04) !important;
}

.mika-col-nav li a:hover::before {
    background: #C01157 !important;
    width: 10px !important;
    border-radius: 4px !important;
}

/* ۶. ستون ۴: نمادهای اعتماد با سایز بزرگ‌تر عکس و حذف کادر اضافه داخلی در هاور */
.mika-col-trust-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    height: 100% !important;
}

.mika-trust-leaf-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 72px) !important;
    gap: 10px !important;
    width: auto !important;
    margin: auto auto !important;
    justify-content: center !important;
    align-content: center !important;
}

/* ۱. کادر اصلی: فعال‌سازی برش لبه‌ها (overflow: hidden) برای اینکه عکسِ بزرگ‌شده دقیقاً قالب برگ را پر کند */
.mika-trust-leaf {
    width: 72px !important;
    height: 72px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    border: 1px solid #f1f5f9 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
    cursor: pointer !important;
    text-decoration: none !important;
    position: relative !important;
    overflow: hidden !important;        /* قفل شدن عکس بزرگ‌شده درون زوایای برگی کادر اصلی */
    transform: translateZ(0) !important;
    backface-visibility: hidden !important;
    transition: transform 0.24s cubic-bezier(0.25, 1, 0.5, 1), 
                border-color 0.2s ease, 
                box-shadow 0.2s ease !important;
}

/* ۱. بزرگ‌تر شدن عکس (۶۲px) با حذف هرگونه کادر یا پس‌زمینه اضافی */
.mika-trust-leaf img {
    width: 62px !important;              /* افزایش سایز جهت اشغال فضا و داشتن تنها ۵px فاصله از لبه کادر */
    height: 62px !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
    padding: 0 !important;
    background: transparent !important; /* حذف پس‌زمینه اضافی */
    border: none !important;            /* حذف قطعی کادر داخلی */
    box-shadow: none !important;
    box-sizing: border-box !important;
    display: block !important;
    pointer-events: none !important;
    transform: translateZ(0) !important;
    backface-visibility: hidden !important;
    transition: transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

/* انحنای برگی عکس متناسب با Leaf والد */
.mika-trust-leaf.card-top-right img {
    border-radius: 15px 3px 15px 3px !important;
}

.mika-trust-leaf.card-top-left img {
    border-radius: 3px 15px 3px 15px !important;
}

.mika-trust-leaf.card-bottom-right img {
    border-radius: 3px 15px 3px 15px !important;
}

.mika-trust-leaf.card-bottom-left img {
    border-radius: 15px 3px 15px 3px !important;
}

/* انحنا و استایل کادرهای اصلی */
.mika-trust-leaf.card-top-right {
    border-radius: 18px 4px 18px 4px !important;
    border-bottom-color: rgba(192, 17, 87, 0.35) !important;
    border-left-color: rgba(192, 17, 87, 0.35) !important;
    background: radial-gradient(circle at 0% 100%, #fff0f5 0%, #ffffff 68%) !important;
}

.mika-trust-leaf.card-top-left {
    border-radius: 4px 18px 4px 18px !important;
    border-bottom-color: rgba(192, 17, 87, 0.35) !important;
    border-right-color: rgba(192, 17, 87, 0.35) !important;
    background: radial-gradient(circle at 100% 100%, #fff0f5 0%, #ffffff 68%) !important;
}

.mika-trust-leaf.card-bottom-right {
    border-radius: 4px 18px 4px 18px !important;
    border-top-color: rgba(192, 17, 87, 0.35) !important;
    border-left-color: rgba(192, 17, 87, 0.35) !important;
    background: radial-gradient(circle at 0% 0%, #fff0f5 0%, #ffffff 68%) !important;
}

.mika-trust-leaf.card-bottom-left {
    border-radius: 18px 4px 18px 4px !important;
    border-top-color: rgba(192, 17, 87, 0.35) !important;
    border-right-color: rgba(192, 17, 87, 0.35) !important;
    background: radial-gradient(circle at 100% 0%, #fff0f5 0%, #ffffff 68%) !important;
}

.mika-trust-leaf:hover,
.mika-trust-leaf:active {
    transform: scale(1.12) translateZ(0) !important; /* رشد ۶ درصدی کادر بدون برخورد به گپ ۱۰ پیکسلی مجاور */
    border-color: #C01157 !important;
    box-shadow: 0 6px 18px rgba(192, 17, 87, 0.22) !important;
    z-index: 5 !important;              /* قرارگیری بالاتر از سایر عناصر در حین هاور */
}

/* ۳. هاور تصویر: اسکیل بیشتر جهت پوشش ۱۰۰٪ و کامل تمام مساحت کادر Leaf */
.mika-trust-leaf:hover img,
.mika-trust-leaf:active img {
    transform: scale(1.07) translateZ(0) !important; /* اسکیل کامل عکس تا چسبیدن به لبه‌های کادر برگ */
    border: none !important;
    background: transparent !important;
}

/* ۷. بهینه‌سازی دقیق و داینامیک تبلت و موبایل (حذف کامل فضای سفید اضافه) */

/* الف) تبلت: کلیه تبلت‌ها از ۶۰۱ تا ۱۰۲۴ پیکسل */
@media (min-width: 601px) and (max-width: 1024px) {
    
     /* ۱. برقراری فاصله استاندارد و متناسب ۱۰ پیکسلی تا خط کپی‌رایت */
    .mika-footer-wrap,
    .footer-container .mika-footer-wrap {
        padding-bottom: 10px !important;
    }

    /* انتقال فاصله محافظتی به نوار نهایی کپی‌رایت جهت عدم هم‌پوشانی با نوار ابزار */
    .footer-container .min-footer,
    .copyrights-wrapper {
        padding-bottom: calc(75px + env(safe-area-inset-bottom, 0px)) !important;
    }

    /* نوار اعتمادسازی تبلت */
    .mika-footer-ribbon {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 14px 20px !important;
        padding: 14px 20px !important;
        border-radius: 18px !important;
        margin-bottom: 22px !important;
        box-sizing: border-box !important;
    }

    .mika-ribbon-item {
        display: flex !important;
        align-items: center !important;
        width: fit-content !important;
        max-width: 100% !important;
        padding: 0 !important;
        gap: 10px !important;
        transform: none !important;
    }

    .mika-footer-ribbon .mika-ribbon-item:nth-child(2n+1) {
        margin-left: auto !important;
        margin-right: 0 !important;
        justify-content: flex-start !important;
    }

    .mika-footer-ribbon .mika-ribbon-item:nth-child(2n) {
        margin-right: auto !important;
        margin-left: 0 !important;
        justify-content: flex-start !important;
        transform: none !important;
    }

    .mika-footer-ribbon .mika-ribbon-item .mika-ribbon-content {
        width: 135px !important;
        text-align: right !important;
        align-items: flex-start !important;
    }

    .mika-ribbon-item:not(:last-child)::after {
        display: none !important;
    }

    /* چیدمان ستون‌های تبلت */
    .mika-footer-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 16px 20px !important;
        align-items: stretch !important;
    }

    .mika-col-nav-wrap:nth-of-type(1) { order: 1 !important; }
    .mika-col-nav-wrap:nth-of-type(2) { order: 2 !important; }

    .mika-col-nav {
        gap: 12px !important;
        padding-bottom: 0 !important;
    }

    .mika-col-brand { order: 3 !important; }
    .mika-col-trust-wrap { 
        order: 4 !important; 
        height: 100% !important;
        justify-content: flex-start !important;
    }

    .mika-col-title {
        margin-top: 6px !important;
        margin-bottom: 14px !important;
    }

    .mika-col-trust-wrap .mika-col-title {
        margin-top: 48px !important;
        margin-bottom: 14px !important;
    }

    .mika-col-trust-wrap .mika-trust-leaf-grid {
        margin-top: 0 !important;
        margin-bottom: auto !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* ب) موبایل: گوشی‌های هوشمند تا ۶۰۰ پیکسل */
@media (max-width: 600px) {
    
       /* ۱. برقراری فاصله استاندارد و متناسب ۱۰ پیکسلی تا خط کپی‌رایت */
    .mika-footer-wrap,
    .footer-container .mika-footer-wrap {
        padding-bottom: 10px !important;
    }
    
    /* انتقال فاصله محافظتی به انتهای صفحه زیر کپی‌رایت برای جلوگیری از پوشانده شدن توسط نوار ابزار */
    .footer-container .min-footer,
    .copyrights-wrapper {
        padding-bottom: calc(75px + env(safe-area-inset-bottom, 0px)) !important;
    }

   
    /* ۱. کانتینر روبان اعتماد در موبایل: فاصله تنفسی عمیق از لبه‌ها و همگرایی به مرکز */
    .mika-footer-ribbon {
        display: grid !important;
        grid-template-columns: repeat(2, auto) !important; /* اندازه متناسب با محتوا */
        justify-content: center !important;                /* جمع شدن کامل دو ستون در مرکز باکس */
        gap: 10px 16px !important;                         /* کاهش فاصله میانی به ۱۶px برای دوری از حاشیه‌ها */
        padding: 14px 22px !important;                     /* افزایش فاصله از لبه‌های راست و چپ به ۲۲px */
        margin-bottom: 22px !important;
        border-radius: 18px 4px 18px 4px !important;
        box-sizing: border-box !important;
        align-items: center !important;
    }

    /* ۲. حذف کامل خطوط جداکننده دسکتاپ */
    .mika-ribbon-item::after,
    .mika-ribbon-item:not(:last-child)::after {
        display: none !important;
        content: none !important;
    }

    /* ۳. هر آیتم: تراز دقیق عمودی با گپ فشرده‌تر برای جلوگیری از کشیدگی به لبه‌ها */
    .mika-ribbon-item {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: auto !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        gap: 6px !important;                              /* کاهش فاصله آیکون تا متن به ۶px جهت فشردگی شکیل */
        box-sizing: border-box !important;
        transform: none !important;
    }

    .mika-footer-ribbon .mika-ribbon-item:nth-child(2n+1),
    .mika-footer-ribbon .mika-ribbon-item:nth-child(2n) {
        margin: 0 !important;
        justify-content: flex-start !important;
    }

    /* ۴. فریم آیکون: ابعاد ظریف ۲۵px جهت باز شدن فضای تنفسی دور کادر */
    .mika-ribbon-icon {
        width: 25px !important;
        height: 25px !important;
        min-width: 25px !important;
        min-height: 25px !important;
        flex-shrink: 0 !important;
        border-radius: 8px 2px 8px 2px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .mika-ribbon-icon svg {
        width: 13px !important;
        height: 13px !important;
        display: block !important;
    }

    /* ۵. کانتینر متن: تراز عمودی دقیق در مرکز ارتفاع آیکون */
    .mika-footer-ribbon .mika-ribbon-item .mika-ribbon-content {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: flex-start !important;
        text-align: right !important;
        width: auto !important;
        gap: 1.5px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    /* ۶. عنوان اصلی: فونت بهینه و قفل ارتفاع خط */
    .mika-ribbon-title {
        font-size: 10px !important;
        font-weight: 850 !important;
        color: #1e293b !important;
        line-height: 1.3 !important;
        margin: 0 !important;
        padding: 0 !important;
        white-space: nowrap !important;
        letter-spacing: -0.2px !important;
        text-align: right !important;
    }

    /* ۷. زیرعنوان: فونت ظریف و متناسب */
    .mika-ribbon-sub {
        font-size: 8px !important;
        font-weight: 600 !important;
        color: #94a3b8 !important;
        line-height: 1.2 !important;
        margin: 0 !important;
        padding: 0 !important;
        white-space: nowrap !important;
        letter-spacing: -0.2px !important;
        text-align: right !important;
    }

    /* چیدمان عمودی تک‌ستونه در موبایل */
    .mika-footer-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .mika-col-nav-wrap:nth-of-type(1) { order: 1 !important; }
    .mika-col-nav-wrap:nth-of-type(2) { order: 2 !important; }
    .mika-col-trust-wrap { order: 3 !important; }
    .mika-col-brand { order: 4 !important; }

    .mika-col-title,
    .mika-col-trust-wrap .mika-col-title {
        margin-top: 0 !important;
        margin-bottom: 12px !important;
    }

    .mika-col-nav {
        gap: 10px !important;
        margin: 0 auto !important;
        padding-bottom: 0 !important;
    }

    .mika-col-trust-wrap .mika-trust-leaf-grid {
        margin: 0 auto !important;
    }

    .mika-footer-logo-link { margin: 0 auto 6px auto !important; }
    .mika-brand-heading { margin: 0 auto 6px auto !important; }
    .mika-brand-text { margin: 0 auto 10px auto !important; }
    .mika-inline-contact { margin: 0 auto 10px auto !important; }
    .mika-brand-socials { margin: 0 auto !important; }
}


/* ====================================================================================================
   -------------------- #33: Header - Main Menu Items, Separators & Vector Chevron --------------------
   ==================================================================================================== */

/*--- #33: Header - Main Menu Items, Separators & Vector Chevron ---*/

#menu-mika-main .woodmart-nav-link .nav-link-text {
  display: inline-block !important;
  transition: transform 0.3s ease-in-out !important;
}

#menu-mika-main .woodmart-nav-link:hover .nav-link-text {
  transform: scale(1.2) !important;
}

#menu-mika-main {
  display: flex;
  gap: 0;
}

#menu-mika-main > li {
  position: relative;
  padding: 0 20px;
}

/* خطوط جداکننده عمودی بین گزینه‌ها */
#menu-mika-main > li:not(:first-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 20px;
  width: 1px;
  background-color: #ccc;
}

/* حذف قطعی فلش‌های پیش‌فرض قالب و بخش ۲۵ */
#menu-mika-main > li.menu-item-has-children > a > span.nav-link-text::after,
#menu-mika-main > li.menu-item-has-children > a::after {
  display: none !important;
}

#menu-mika-main > li.menu-item-has-children > a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* فلش لوکس وکتور با تناسب هندسی دقیق */
#menu-mika-main > li.menu-item-has-children > a::before {
  content: '' !important;
  width: 11px !important;
  height: 7px !important;
  display: inline-block !important;
  order: 2 !important;
  background-color: #64748b !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5 2L6 6.5L10.5 2'/%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 12 8' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5 2L6 6.5L10.5 2'/%3E%3C/svg%3E") no-repeat center / contain !important;
  transform: rotate(0deg) !important;
  transform-origin: center center !important;
  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.22s ease !important;
}

/* هاور و چرخش ۱۸۰ درجه فلش */
#menu-mika-main > li.menu-item-has-children:hover > a::before {
  background-color: #C01157 !important;
  transform: rotate(180deg) !important;
}

/* تنظیمات دارک‌مد برای فلش منو */
html[data-wp-dark-mode-active] #menu-mika-main > li.menu-item-has-children > a::before {
  background-color: #94a3b8 !important;
}

html[data-wp-dark-mode-active] #menu-mika-main > li.menu-item-has-children:hover > a::before {
  background-color: #C01157 !important;
}


/* ====================================================================================================
   ----------------------------- #34: Header - Tooltips & Arrow Pointers ------------------------------
   ==================================================================================================== */

/*--- #34: Header - Tooltips & Arrow Pointers ---*/

.wd-header-search, .wd-header-wishlist, 
.wd-header-cart, .wd-header-my-account, .wp-darkmode {
  position: relative !important;
}

/* تغییر رنگ متن و حاشیه حباب تول‌تیپ به سرخابی اختصاصی (#C01157) */
.wd-header-search:hover:after, 
.wd-header-wishlist:hover:after, 
.wd-header-cart:hover:after, 
.wd-header-my-account:hover:after,
.wp-darkmode:hover:after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: -40px;
  right: 50%;
  transform: translateX(50%);
  background-color: #ffffff !important;
  color: #C01157 !important;            /* اصلاح از صورتی نئونی به سرخابی سازمانی */
  border: 1px solid #fce7f0 !important;
  padding: 6px 14px;
  font-size: 13.5px;
  font-weight: 750;
  border-radius: 18px;
  white-space: nowrap;
  z-index: 99999;
  box-shadow: 0 4px 14px rgba(192, 17, 87, 0.08);
  display: flex !important;
  pointer-events: none;
  animation: fadeOutTooltip 0.3s forwards;
  animation-delay: 2s; 
}

/* اصلاح رنگ فلش (مثلث) بالای تول‌تیپ به سرخابی سازمانی (#C01157) */
.wd-header-search:hover:before, 
.wd-header-wishlist:hover:before, 
.wd-header-cart:hover:before, 
.wd-header-my-account:hover:before,
.wp-darkmode:hover:before {
  content: "" !important;
  position: absolute;
  bottom: -9px;
  right: 50%;
  transform: translateX(50%);
  display: block !important;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 7px solid #C01157 !important; /* هماهنگی کامل با متن تول‌تیپ */
  z-index: 100000;
  animation: fadeOutTooltip 0.3s forwards;
  animation-delay: 2s;
}

.wd-header-search:hover:after      { content: "جستجو"; }
.wd-header-wishlist:hover:after    { content: "محصولات مورد علاقه"; }
.wd-header-cart:hover:after        { content: "سبد خرید"; }
.wd-header-my-account:hover:after { content: "حساب کاربری"; }
.wp-darkmode:hover:after          { content: "حالت شب | روز"; }

@keyframes fadeOutTooltip {
  to {
    opacity: 0;
    visibility: hidden;
  }
}


/* ====================================================================================================
   -------------------- #35: Header - Desktop Search Dropdown & Live Ajax Results ---------------------
   ==================================================================================================== */

/*--- #35: Header - Desktop Search Dropdown & Live Ajax Results ---*/

/* ====================================================================================================
   -------------------- #35: Header - Desktop Search Dropdown & Live Ajax Results ---------------------
   ==================================================================================================== */

/*--- #35: Header - Desktop Search Dropdown & Live Ajax Results ---*/

/* ==========================================================================
   ۱. کادر اصلی و فیلد ورودی جستجوی هدر دسکتاپ (متقارن، کپسولی و یکنواخت)
   ========================================================================== */

/* کادر اصلی دراپ‌داون در دسکتاپ: پدینگ ۱۰px کاملاً متقارن در بالا و پایین */
.wd-header-search .wd-search-dropdown.wd-dropdown,
.wd-search-dropdown.wd-dropdown {
    width: 310px !important;
    min-width: 310px !important;
    max-width: 310px !important;
    margin-top: 8px !important;
    padding: 10px 0 !important;
    border-radius: 18px !important;
    border: 1px solid rgba(226, 232, 240, 0.9) !important;
    box-shadow: 0 14px 35px rgba(15, 23, 42, 0.1), 0 3px 10px rgba(192, 17, 87, 0.05) !important;
    background-color: #ffffff !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
    overflow: visible !important; /* 👈 اجازه خروج آزادانه دراپ‌داون نتایج */
}

/* پل نامرئی هاور */
.wd-search-dropdown.wd-dropdown:before {
    content: "" !important;
    position: absolute !important;
    top: -22px !important;
    left: 0;
    right: 0;
    height: 26px !important;
    z-index: -1;
}

/* فرم سرچ: قفل ارتفاع روی ۴۰px و حذف هرگونه مارجین زیرین */
.wd-search-dropdown form.searchform {
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 10px !important;
    position: relative !important;
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
}

/* فیلد ورودی: رنگ پس‌زمینه یکسان (#f8fafc) قبل و بعد از فوکوس */
.wd-search-dropdown form.searchform input[type="text"].s,
.wd-search-dropdown input[type="text"] {
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    line-height: 38px !important;
    width: 100% !important;
    margin: 0 !important;
    border-radius: 50px !important;
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    color: #1e293b !important;
    border: 1.5px solid #e2e8f0 !important;
    background-color: #f8fafc !important;
    background: #f8fafc !important;
    padding: 0 38px 0 36px !important;
    box-shadow: none !important;
    transition: border-color 0.22s ease, box-shadow 0.22s ease !important;
    box-sizing: border-box !important;
}

/* فوکوس فیلد: حفظ همان رنگ پس‌زمینه #f8fafc */
.wd-search-dropdown form.searchform input[type="text"].s:focus,
.wd-search-dropdown input[type="text"]:focus {
    background-color: #f8fafc !important;
    background: #f8fafc !important;
    border-color: #C01157 !important;
    box-shadow: 0 0 0 3px rgba(192, 17, 87, 0.08) !important;
    outline: none !important;
}

/* پلیس‌هولدر */
.wd-search-dropdown input[type="text"]::placeholder {
    font-family: "Vazirmatn", sans-serif !important;
    color: #94a3b8 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    opacity: 1 !important;
}

.wd-search-dropdown input[type="text"]:focus::placeholder {
    color: #94a3b8 !important;
    opacity: 0.75 !important;
}

/* آیکون ذره‌بین (سمت راست) */
.wd-search-dropdown .searchsubmit {
    color: #94a3b8 !important;
    background: none !important;
    border: none !important;
    position: absolute !important;
    right: 18px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 26px !important;
    height: 26px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: color 0.2s ease, transform 0.2s ease !important;
}

.wd-search-dropdown .searchsubmit:hover {
    color: #C01157 !important;
    transform: translateY(-50%) scale(1.1) !important;
}

.wd-search-dropdown .searchsubmit:after {
    color: inherit !important;
    font-size: 15px !important;
}

.wd-search-dropdown input[type="text"]:focus ~ .searchsubmit,
.wd-search-dropdown input[type="text"]:focus ~ .searchsubmit:after {
    color: #C01157 !important;
}

/* دکمه ضربدر پاک‌کردن متن: حذف خط عمودی مزاحم و تراز دقیق در سمت چپ کپسول */
.wd-search-dropdown .wd-clear-search {
    color: #94a3b8 !important;
    position: absolute !important;
    left: 18px !important;
    right: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: color 0.2s ease, transform 0.2s ease !important;
}

.wd-search-dropdown .wd-clear-search::before,
.wd-search-dropdown .wd-clear-search::after {
    border: none !important;
}

.wd-search-dropdown .wd-clear-search:hover {
    color: #C01157 !important;
    transform: translateY(-50%) scale(1.12) !important;
}

/* ==========================================================================
   ۲. نتایج جستجو (گوشه‌های پایین کاملاً گرد و مهار کامل اسکرول‌بار درون قوس)
   ========================================================================== */

/* کانتینر نتایج: حذف مارجین در حالت خالی جهت تقارن ۱۰۰٪ فضای سفید بالا و پایین کادر */
.wd-search-dropdown .wd-search-results-wrapper {
    margin-top: 0 !important;
    padding: 0 !important;
    position: relative !important;
    width: 100% !important;
    background-color: #ffffff !important;
    overflow: visible !important;
}

/* اعمال فاصله ۸ پیکسلی فقط زمانی که لیست نتایج واقعاً باز شده است */
.wd-search-dropdown .wd-dropdown-results.wd-opened {
    margin-top: 8px !important;
}

/* کادر نتایج بازشونده: گوشه‌های پایین گرد (18px) */
.wd-search-dropdown .wd-dropdown-results {
    width: 100% !important;
    box-shadow: 0 18px 35px rgba(15, 23, 42, 0.12) !important;
    border: none !important;
    padding: 0 !important;
    background-color: #ffffff !important;
    border-radius: 0 0 18px 18px !important; /* 👈 گرد شدن گوشه‌های پایین کادر نتایج */
    overflow: hidden !important;             /* 👈 برش اسکرول‌بار در لبه‌های گرد پایین */
    box-sizing: border-box !important;
}

/* لایه اسکرول اصلی: هم‌عرض با کپسول بالا (۱۰px از چپ و راست) */
.wd-search-dropdown .wd-scroll-content {
    width: 100% !important;
    max-height: 360px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 6px 10px 10px 6px !important;
    box-sizing: border-box !important;
    border-radius: 0 0 18px 18px !important;

    scrollbar-width: thin !important;
    scrollbar-color: #C01157 #fdf2f7 !important;
}

/* اسکرول‌بار در لبه چپ با فاصله امن از قوس پایین */
.wd-search-dropdown .wd-scroll-content::-webkit-scrollbar {
    width: 4px !important;
}

.wd-search-dropdown .wd-scroll-content::-webkit-scrollbar-track {
    background-color: #fdf2f7 !important;
    background-clip: padding-box !important;
    border-top: 8px solid transparent !important;
    border-bottom: 18px solid transparent !important;
    border-radius: 10px !important;
}

.wd-search-dropdown .wd-scroll-content::-webkit-scrollbar-thumb {
    background-color: #C01157 !important;
    background-clip: padding-box !important;
    border-top: 8px solid transparent !important;
    border-bottom: 18px solid transparent !important;
    border-radius: 10px !important;
}

/* صفر کردن پدینگ‌های داخلی */
.wd-search-dropdown .wd-search-suggestions {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.wd-search-dropdown .wd-suggestions-group {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* کارت محصول */
.wd-search-dropdown .wd-suggestion {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    padding: 8px 10px !important;
    margin: 0 !important;
    background-color: #ffffff !important;
    border: 1px solid #eef2f6 !important;
    border-radius: 14px !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.02) !important;
    box-sizing: border-box !important;
    transform: translateZ(0) !important;
    backface-visibility: hidden !important;
    transition: border-color 0.2s ease, 
                background-color 0.2s ease, 
                box-shadow 0.2s ease !important;
}

.wd-search-dropdown .wd-suggestion:hover {
    border-color: #C01157 !important;
    background-color: #fff8fa !important;
    box-shadow: 0 6px 18px rgba(192, 17, 87, 0.12), 0 2px 6px rgba(0, 0, 0, 0.03) !important;
    transform: translateZ(0) !important;
}

/* لینک سرتاسری */
.wd-search-dropdown .wd-suggestion a.wd-fill {
    position: absolute !important;
    inset: 0 !important;
    z-index: 5 !important;
}

/* فریم عکس محصول */
.wd-search-dropdown .wd-suggestion-thumb {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    border-radius: 11px !important;
    overflow: hidden !important;
    background-color: #f8fafc !important;
    margin-left: 12px !important;
    margin-right: 0 !important;
    border: 1px solid #f1f5f9 !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.wd-search-dropdown .wd-suggestion-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* مشخصات متنی و قیمت */
.wd-search-dropdown .wd-suggestion-content {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 3px !important;
    min-width: 0 !important;
}

.wd-search-dropdown .wd-entities-title {
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
    margin: 0 !important;
}

.wd-search-dropdown .wd-entities-title strong {
    color: #C01157 !important;
    font-weight: 850 !important;
}

/* قیمت‌ها */
.wd-search-dropdown .wd-suggestion .price {
    display: flex !important;
    align-items: baseline !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    direction: rtl !important;
}

/* قیمت قدیم */
.wd-search-dropdown .wd-suggestion .price del,
.wd-search-dropdown .wd-suggestion .price del .amount,
.wd-search-dropdown .wd-suggestion .price del bdi {
    color: #94a3b8 !important;
    font-size: 10.5px !important;
    font-weight: 500 !important;
    text-decoration: line-through !important;
    order: 2 !important;
}

/* قیمت جدید */
.wd-search-dropdown .wd-suggestion .price ins,
.wd-search-dropdown .wd-suggestion .price ins .amount,
.wd-search-dropdown .wd-suggestion .price ins bdi,
.wd-search-dropdown .wd-suggestion .price > .amount,
.wd-search-dropdown .wd-suggestion .price > .amount bdi {
    color: #C01157 !important;
    font-size: 12.5px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    order: 1 !important;
}

.wd-search-dropdown .wd-suggestion .price .woocommerce-Price-currencySymbol {
    font-size: 10px !important;
    font-weight: 750 !important;
}

/* دکمه کپسولی «مشاهده همه نتایج» */
.wd-search-dropdown a.wd-all-results {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    height: 38px !important;
    margin: 10px 0 2px 0 !important;
    background-color: #fff0f5 !important;
    border: 1px solid rgba(192, 17, 87, 0.25) !important;
    border-radius: 50px !important;
    box-shadow: 0 2px 8px rgba(192, 17, 87, 0.06) !important;
    color: #C01157 !important;
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 12.5px !important;
    font-weight: 850 !important;
    letter-spacing: -0.2px !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    transform: translateZ(0) !important;
    transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease !important;
}

.wd-search-dropdown a.wd-all-results::after {
    content: '←' !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    color: #C01157 !important;
    display: inline-block !important;
    transition: transform 0.2s ease, color 0.2s ease !important;
}

.wd-search-dropdown a.wd-all-results:hover {
    background-color: #C01157 !important;
    border-color: #C01157 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(192, 17, 87, 0.25) !important;
}

.wd-search-dropdown a.wd-all-results:hover::after {
    color: #ffffff !important;
    transform: translateX(-3px) !important;
}

/* ==========================================================================
   ۳. باکس تک‌خطی «نتیجه‌ای یافت نشد»: دقیقاً هم‌عرض با کادر جستجو
   ========================================================================== */

.wd-search-dropdown .wd-suggestion.wd-not-found {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: calc(100% - 4px) !important;
    margin: 4px 0 2px 4px !important;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    padding: 12px 14px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
    box-sizing: border-box !important;
    transform: translateZ(0) !important;
}

.wd-search-dropdown .wd-suggestion.wd-not-found .wd-not-found-msg {
    font-size: 0 !important;
    line-height: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
}

.wd-search-dropdown .wd-suggestion.wd-not-found .wd-not-found-msg::before {
    content: '' !important;
    display: inline-block !important;
    width: 15px !important;
    height: 15px !important;
    background-color: #94a3b8 !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3Cline x1='8' y1='11' x2='14' y2='11'%3E%3C/line%3E%3C/svg%3E") no-repeat center / contain !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3Cline x1='8' y1='11' x2='14' y2='11'%3E%3C/line%3E%3C/svg%3E") no-repeat center / contain !important;
    margin-left: 6px !important;
    flex-shrink: 0 !important;
}

.wd-search-dropdown .wd-suggestion.wd-not-found .wd-not-found-msg::after {
    content: 'متأسفانه محصولی با این مشخصات یافت نشد' !important;
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #475569 !important;
    display: inline-block !important;
    text-align: center !important;
    line-height: 1.2 !important;
    letter-spacing: -0.2px !important;
    white-space: nowrap !important;
}

/* ====================================================================================================
   ------------------ #41: Global Fixes - Quantity Spinners, Anti-Jitter & Quick View ------------------
   ==================================================================================================== */

/*--- #41: Global Fixes - Quantity Spinners, Anti-Jitter & Quick View ---*/

/* ۱. حذف قطعی فلش‌های زشت مرورگر از داخل فیلد تعداد و تراز دقیق عدد در مرکز */
.cart-widget-side div.quantity input[type="number"]::-webkit-inner-spin-button,
.cart-widget-side div.quantity input[type="number"]::-webkit-outer-spin-button,
.product-quick-view .quantity input[type="number"]::-webkit-inner-spin-button,
.product-quick-view .quantity input[type="number"]::-webkit-outer-spin-button,
.summary-inner .quantity input[type="number"]::-webkit-inner-spin-button,
.summary-inner .quantity input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

.cart-widget-side div.quantity input.qty,
.product-quick-view .quantity input.qty {
    -moz-appearance: textfield !important;
    text-align: center !important;
}

/* ۲. رفع ۱۰۰٪ قطعی لرزش عکس دوم (Hover Image) با فعال‌سازی شتاب‌دهنده سخت‌افزاری */
.product-grid-item .product-element-top img,
.product-grid-item .product-image-link img,
.product-grid-item .hover-img,
.product-grid-item .hover-img img {
    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    will-change: transform, opacity !important;
    image-rendering: -webkit-optimize-contrast !important;
}

/* رفع بیرون‌زدگی آیکون سرخابی در تولتیپ کارت محصول */
.product-grid-item .wd-buttons {
    overflow: visible !important;
}

.product-grid-item .wd-buttons .wd-wishlist-btn > a {
    position: relative !important;
    overflow: visible !important;
}

/* ۳. آیکون قلب اختصاصی برای گزینه علاقه‌مندی‌ها در منوی همبرگری موبایل */
.mobile-nav ul#menu-mika-main-1 > li:has(a[href*="wishlist"]) > a .nav-link-text::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E") no-repeat center / contain !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E") no-repeat center / contain !important;
}

/* ==========================================================================
   ۴. بازطراحی لوکس پاپ‌آپ مشاهده سریع (Quick View) - تناسب ابعاد و سنتر بی‌نقص
   ========================================================================== */

/* والد پاپ‌آپ جهت مهار دقیق کادر سفید */
.mfp-content .wd-popup-wrap {
    position: relative !important;
    display: inline-block !important;
    vertical-align: middle !important;
    text-align: right !important;
    margin: 0 auto !important;
}

/* ۱. 🚫 حذف قطعی و ۱۰۰٪ دکمه بستن پیش‌فرض Magnific Popup (.mfp-close) 🚫 */
.mfp-wrap .mfp-close,
.mfp-container .mfp-close,
.mfp-content .mfp-close,
button.mfp-close {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* کادر اصلی پاپ‌آپ با انحنای متقارن، ابعاد طلایی و اسکرول مخفی */
.popup-quick-view,
.wd-popup.popup-quick-view {
    max-width: 860px !important;
    width: 90vw !important;
    max-height: 88vh !important;
    height: auto !important;
    min-height: auto !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    border-radius: 28px !important;
    clip-path: inset(0 0 0 0 round 28px) !important;
    -webkit-clip-path: inset(0 0 0 0 round 28px) !important;
    padding: 24px 22px !important;
    box-shadow: 0 25px 65px rgba(0, 0, 0, 0.22) !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
    direction: rtl !important;
    position: relative !important;
    scrollbar-width: thin !important;
    scrollbar-color: #C01157 #f8fafc !important;
}

/* اسکرول‌بار باریک هماهنگ */
.popup-quick-view::-webkit-scrollbar {
    width: 5px !important;
}

.popup-quick-view::-webkit-scrollbar-track {
    background-color: #f8fafc !important;
    border-radius: 10px !important;
    margin: 20px 0 !important;
}

.popup-quick-view::-webkit-scrollbar-thumb {
    background-color: #C01157 !important;
    border-radius: 10px !important;
}

/* 👈 ۲. ضربدر اصلی: انتقال به سمت حاشیه در گوشه بالا-چپ با هاور سرخابی و Scale 👈 */
.mfp-content .wd-popup-close,
.wd-popup-wrap .wd-popup-close {
    position: absolute !important;
    top: 14px !important; /* انتقال به نزدیکی حاشیه */
    left: 14px !important; /* انتقال به نزدیکی حاشیه */
    right: auto !important;
    bottom: auto !important;
    z-index: 1000 !important;
    margin: 0 !important;
    width: 28px !important;
    height: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.wd-popup-wrap .wd-popup-close .wd-action-icon,
.wd-popup-wrap .wd-popup-close .wd-action-text {
    display: none !important;
}

.wd-popup-wrap .wd-popup-close a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    line-height: 1 !important;
}

.wd-popup-wrap .wd-popup-close a::before {
    content: "✕" !important;
    font-family: inherit !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    color: #94a3b8 !important;
    display: block !important;
    transition: color 0.2s ease, transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.wd-popup-wrap .wd-popup-close a:hover::before {
    color: #C01157 !important;
    transform: scale(1.18) !important;
}

/* ==========================================================================
   ساختار دسکتاپ: تناسب دو ستون، تراز عمودی مرکز و سنتر ۱۰۰٪ مشخصات
   ========================================================================== */
@media (min-width: 769px) {
    /* والد گرید با تراز عمودی مرکز */
    .product-quick-view .product-image-summary,
    .quick-view-vertical .product-image-summary {
        display: grid !important;
        grid-template-columns: 310px 1fr !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: auto !important;
        min-height: auto !important;
        gap: 25px !important;
        margin: auto 0 !important;
    }

    /* ستون عکس */
    .product-quick-view .product-images,
    .product-quick-view .woocommerce-product-gallery {
        width: 310px !important;
        max-width: 310px !important;
        min-width: 310px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        align-self: center !important;
        height: auto !important;
        min-height: auto !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        margin: auto 0 !important;
    }

    .product-quick-view .product-images .wd-carousel-wrap,
    .product-quick-view .product-images .wd-carousel-item,
    .product-quick-view .product-images figure,
    .product-quick-view .product-images img {
        max-width: 100% !important;
        width: 100% !important;
        aspect-ratio: 1 / 1 !important;
        max-height: 310px !important;
        object-fit: cover !important;
        border-radius: 18px !important;
    }

    /* ستون مشخصات: قفل تمام المان‌ها بر روی یک خط مستقیم مرکزی */
    .product-quick-view .entry-summary,
    .product-quick-view .summary-inner {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 10px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        align-self: center !important;
        text-align: center !important;
        box-sizing: border-box !important;
        margin: 0 auto !important;
    }

    .product-quick-view .entry-title {
        font-size: 20px !important;
        font-weight: 900 !important;
        color: #0f172a !important;
        margin: 0 auto 4px auto !important;
        text-align: center !important;
        line-height: 1.35 !important;
    }

    .product-quick-view .woocommerce-product-rating {
        justify-content: center !important;
        margin: 0 auto 6px auto !important;
    }

    /* استایل قیمت اصلی و قیمت قدیم محصور در پرانتز */
    .product-quick-view :is(p, span, div).price {
        display: flex !important;
        flex-direction: row !important;
        align-items: baseline !important;
        justify-content: center !important;
        gap: 8px !important;
        margin: 2px auto 8px auto !important;
        direction: rtl !important;
        text-align: center !important;
        width: 100% !important;
        min-height: auto !important;
    }

    /* قیمت فعال سرخابی برجسته */
    .product-quick-view .price > .woocommerce-Price-amount,
    .product-quick-view .price > .woocommerce-Price-amount bdi,
    .product-quick-view .price ins,
    .product-quick-view .price ins .woocommerce-Price-amount,
    .product-quick-view .price ins bdi {
        font-family: "Vazirmatn", sans-serif !important;
        font-size: 24px !important;
        font-weight: 950 !important;
        color: #C01157 !important;
        text-decoration: none !important;
        order: 1 !important;
        line-height: 1 !important;
    }

    .product-quick-view .price ins .woocommerce-Price-currencySymbol,
    .product-quick-view .price > .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
        font-size: 14px !important;
        font-weight: 750 !important;
        color: #C01157 !important;
        margin-right: 2px !important;
    }

    /* قیمت خط‌خورده طوسی که عدد کاملاً درون پرانتز قرار می‌گیرد */
    .product-quick-view .price del {
        order: 2 !important;
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: baseline !important;
        direction: rtl !important;
        color: #94a3b8 !important;
        text-decoration: none !important;
        font-family: "Vazirmatn", sans-serif !important;
        font-size: 13.5px !important;
        font-weight: 600 !important;
        margin: 0 !important;
        padding: 0 !important;
        white-space: nowrap !important;
    }

    .product-quick-view .price del bdi,
    .product-quick-view .price del .amount {
        text-decoration: line-through !important;
        text-decoration-color: #94a3b8 !important;
        color: #94a3b8 !important;
    }

    .product-quick-view .price del::before {
        content: "(" !important;
        color: #94a3b8 !important;
        margin-left: 2px !important;
        text-decoration: none !important;
        display: inline-block !important;
    }

    .product-quick-view .price del::after {
        content: ")" !important;
        color: #94a3b8 !important;
        margin-right: 2px !important;
        text-decoration: none !important;
        display: inline-block !important;
    }

    .product-quick-view .woocommerce-product-details__short-description {
        text-align: center !important;
        margin: 0 auto 8px auto !important;
        width: 100% !important;
        font-size: 13px !important;
    }

    /* ساختار متغیرها */
    .product-quick-view table.variations,
    .product-quick-view table.variations tbody {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        border: none !important;
        margin: 0 auto 6px auto !important;
        padding: 0 !important;
    }

    .product-quick-view table.variations tr {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        margin-bottom: 6px !important;
        border: none !important;
    }

    /* عناوین متغیرها */
    .product-quick-view table.variations th.label {
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        margin-bottom: 4px !important;
        padding: 0 !important;
        border: none !important;
    }

    .product-quick-view table.variations th.label label {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        font-family: "Vazirmatn", sans-serif !important;
        font-size: 13px !important;
        font-weight: 850 !important;
        color: #1e293b !important;
        gap: 4px !important;
    }

    /* ردیف دایره‌ها و کپسول‌های سایز */
    .product-quick-view table.variations td.value {
        width: 100% !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        border: none !important;
        position: relative !important;
        overflow: visible !important;
    }

    .product-quick-view table.variations td.value::before,
    .product-quick-view table.variations td.value::after {
        display: none !important;
        content: none !important;
    }

    /* متغیرهای اندازه و رنگ دقیقاً در مرکز ریاضی و تراز با یکدیگر */
    .product-quick-view .wd-swatches-product {
        display: inline-flex !important;
        justify-content: center !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        gap: 6px !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .product-quick-view .wd-swatches-product .wd-swatch.wd-text {
        min-width: 40px !important;
        height: 32px !important;
        padding: 0 10px !important;
        border-radius: 20px !important;
        background: #ffffff !important;
        border: 1.5px solid #cbd5e1 !important;
        color: #1e293b !important;
        font-size: 12.5px !important;
        font-weight: 750 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
        transition: all 0.2s ease !important;
    }

    .product-quick-view .wd-swatches-product .wd-swatch.wd-text.wd-active,
    .product-quick-view .wd-swatches-product .wd-swatch.wd-text.active {
        border-color: #0f172a !important;
        background: #0f172a !important;
        color: #ffffff !important;
        transform: scale(1.05) !important;
    }

    .product-quick-view .wd-swatches-product .wd-swatch.wd-bg.wd-active {
        border-color: #0f172a !important;
        box-shadow: 0 0 0 2px #ffffff, 0 0 0 3.5px #0f172a !important;
    }

    /* 👈 ۳. دکمه ضربدر حذف ترکیب: با فاصله ۱۴px جهت رفع کامل همپوشانی با گزینه آخر در RTL 👈 */
    .product-quick-view .wd-reset-var {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        height: 20px !important;
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;
        overflow: visible !important;
        flex-shrink: 0 !important;
    }

    .product-quick-view .reset_variations {
        margin-right: 35px !important; /* فاصله بهینه از آخرین اندازه بدون همپوشانی */
        margin-left: 0 !important;
        margin-top:-5px !important;
        font-size: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 20px !important;
        height: 20px !important;
        color: #94a3b8 !important;
        text-decoration: none !important;
        transition: color 0.2s ease, transform 0.2s ease !important;
    }

    .product-quick-view .reset_variations::before {
        content: "✕" !important;
        font-size: 13.5px !important;
        font-weight: 850 !important;
        line-height: 1 !important;
    }

    .product-quick-view .reset_variations:hover {
        color: #C01157 !important;
        transform: scale(1.5) !important;
    }

    /* حذف فضاهای خالی کاذب */
    .product-quick-view .single_variation_wrap {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .product-quick-view .single_variation {
        margin: 0 !important;
        padding: 0 !important;
    }

    /* فرم خرید و کپسول تعداد */
    .product-quick-view form.cart {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 8px auto 14px auto !important;
        padding: 0 !important;
        float: none !important;
    }

    .product-quick-view .woocommerce-variation-add-to-cart {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 12px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
        float: none !important;
    }

    .product-quick-view .quantity,
    .product-quick-view button.single_add_to_cart_button {
        float: none !important;
        margin: 0 !important;
        flex-shrink: 0 !important;
    }

    /* 👈 ۴. شناسه و دسته محصول: خط جداکننده دقیقاً در مرکز ریاضی و فاصله‌های متقارن 👈 */
    .product-quick-view.single-product-content .product_meta,
    .product-quick-view .product_meta {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0 !important; /* صفر کردن گپ جهت تقارن مطلق خط جداکننده */
        margin: 0px auto 0 auto !important;
        padding-top: 10px !important;
        border-top: 1px solid #f1f5f9 !important;
        width: 100% !important;
        max-width: 100% !important;
        font-size: 12px !important;
        color: #64748b !important;
        text-align: center !important;
        white-space: nowrap !important;
        box-sizing: border-box !important;
    }

    .product-quick-view.single-product-content .product_meta span.sku_wrapper,
    .product-quick-view.single-product-content .product_meta span.posted_in,
    .product-quick-view .product_meta > span {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 5px !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }

    .product-quick-view .product_meta .meta-label {
        font-weight: 750 !important;
        color: #334155 !important;
    }

}

/* ==========================================================================
   ساختار ریسپانسیو و مرکزچین در موبایل
   ========================================================================== */
@media (max-width: 768px) {
    .popup-quick-view {
        padding: 18px 14px 22px 14px !important;
        border-radius: 24px !important;
        clip-path: inset(0 0 0 0 round 24px) !important;
        -webkit-clip-path: inset(0 0 0 0 round 24px) !important;
    }

    .product-quick-view .entry-summary {
        text-align: center !important;
    }

    .product-quick-view .entry-title {
        font-size: 17px !important;
        text-align: center !important;
        margin-top: 10px !important;
    }

    .product-quick-view :is(p, span, div).price {
        justify-content: center !important;
        margin: 6px auto 14px auto !important;
    }

    .product-quick-view form.cart {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        margin: 0 auto !important;
    }

    .product-quick-view .product_meta {
        text-align: center !important;
        justify-content: center !important;
        margin-top: 14px !important;
    }
}

/* ==========================================================================
   المان‌های تعاملی مشترک پاپ‌آپ (کپسول تعداد و دکمه خرید)
   ========================================================================== */

/* استایل کپسول تعداد در پاپ‌آپ */
.product-quick-view .quantity {
    background-color: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 50px !important;
    height: 44px !important;
    display: inline-flex !important;
    align-items: stretch !important;
    overflow: hidden !important;
}

.product-quick-view .quantity .btn {
    width: 36px !important;
    background: transparent !important;
    border: none !important;
    color: #475569 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
}

.product-quick-view .quantity .btn:hover {
    background-color: #C01157 !important;
    color: #ffffff !important;
}

.product-quick-view .quantity input.qty {
    width: 40px !important;
    height: 100% !important;
    border: none !important;
    border-left: 1px solid #e2e8f0 !important;
    border-right: 1px solid #e2e8f0 !important;
    background: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    text-align: center !important;
}

/* دکمه افزودن به سبد در پاپ‌آپ */
.product-quick-view button.single_add_to_cart_button {
    background-color: #C01157 !important;
    color: #ffffff !important;
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    height: 44px !important;
    padding: 0 24px !important;
    border-radius: 50px !important;
    border: none !important;
    box-shadow: 0 4px 14px rgba(192, 17, 87, 0.22) !important;
    transition: all 0.25s ease !important;
}

.product-quick-view button.single_add_to_cart_button:hover {
    background-color: #a00b46 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(192, 17, 87, 0.32) !important;
}

/* NEW CODE (Replacement) */
/* ==========================================================================
   استایل اختصاصی نوار کپی‌رایت و امضای پیکسیت (مطابق DOM دقیق وودمارت)
   ========================================================================== */

.wd-copyrights.copyrights-wrapper,
.copyrights-wrapper {
    background-color: #ffffff !important;
    border-top: 1px solid #f1f5f9 !important;
    padding-top: 10px !important;                     /* فاصله متقارن و استاندارد ۱۰px از خط بالا */
    padding-bottom: 12px !important;                  /* فاصله متقارن ۱۲px از کف در دسکتاپ */
    box-sizing: border-box !important;
    width: 100% !important;
}

.wd-copyrights .container,
.copyrights-wrapper .container {
    max-width: 1220px !important;
    margin: 0 auto !important;
    padding: 0 15px !important;
}

.wd-copyrights .reset-last-child,
.wd-copyrights .wd-col-start {
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    color: #64748b !important;
    text-align: center !important;
    line-height: 1.7 !important;
    margin: 0 auto !important;
    direction: rtl !important;
    width: 100% !important;
}

.wd-copyrights strong {
    color: #1e293b !important;
    font-weight: 800 !important;
}

/* استایل لینک امضای توسعه‌دهنده پیکسیت */
.wd-copyrights a.mika-dev-credit,
.wd-copyrights a[href*="pixit.ir"] {
    color: #C01157 !important;
    font-weight: 850 !important;
    text-decoration: none !important;
    border-bottom: 1px dashed rgba(192, 17, 87, 0.45) !important;
    padding-bottom: 1px !important;
    transition: color 0.2s ease, border-color 0.2s ease !important;
    display: inline-block !important;
}

.wd-copyrights a.mika-dev-credit:hover,
.wd-copyrights a[href*="pixit.ir"]:hover {
    color: #9e0c45 !important;
    border-bottom-color: #9e0c45 !important;
}

/* بهینه‌سازی دقیق در تبلت و موبایل (دوخطی سنتر و عدم برخورد با ویجت چت) */
@media (max-width: 1024px) {
    .wd-copyrights.copyrights-wrapper,
    .copyrights-wrapper {
        padding-top: 10px !important;
        padding-bottom: calc(40px + env(safe-area-inset-bottom, 0px)) !important;
        position: relative !important;
        z-index: 1 !important;
    }
    
    .wd-copyrights .reset-last-child {
        font-size: 10px !important;
        line-height: 1.5 !important;
        padding: 0 55px !important;                       /* فاصله ایمن ۵۵px از چپ و راست جهت دوری از ویجت چت */
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        gap: 3px !important;                             /* فاصله ملایم ۳px بین سطر اول و دوم */
        box-sizing: border-box !important;
    }

    /* سطر اول: نام فروشگاه میکا */
    .mika-copy-owner {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        white-space: nowrap !important;
    }

    /* حذف خط جداکننده (|) در موبایل */
    .mika-copy-sep {
        display: none !important;
    }

    /* سطر دوم: امضای توسعه‌دهنده پیکسیت */
    .mika-copy-dev {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        white-space: nowrap !important;
    }
}