:root {
	--wd-text-font: "Vazirmatn", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: "Vazirmatn", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Vazirmatn", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Vazirmatn", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Vazirmatn", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Vazirmatn", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 17px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(192,17,87);
	--wd-alternative-color: #fbbc34;
	--btn-default-font-family: "Vazirmatn", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 600;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-font-family: "Vazirmatn", Arial, Helvetica, sans-serif;
	--btn-accented-font-weight: 500;
	--btn-accented-bgcolor: rgb(192,17,87);
	--btn-accented-bgcolor-hover: rgb(183,0,61);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
.wd .product-label.onsale {
	background-color: rgb(192,17,87);
}
.wd .product-label.new {
	background-color: rgb(192,17,87);
}
.wd .product-label.featured {
	background-color: rgb(242,21,21);
}
.wd .product-label.out-of-stock {
	background-color: rgba(0,0,0,0.19);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-cat-brd-radius: 5px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: #0a0a0a;
}

/*-#1---------------------FontFace-ForChrome and Pointer Style-TOP-Priority---------------*/

/* ==========================================================================
   ۱. استایل سراسری رنگ نشانگر تایپ (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;
}

/* ==========================================================================
   ۳. اعمال سراسری فونت ارقام فارسی روی تمام فیلدهای عددی و مبالغ در کل سایت
   ========================================================================== */
input.qty,
.qty,
div.quantity input,
input[type="number"],
input[inputmode="numeric"],
.woocommerce-Price-amount,
.price .amount {
    font-family: 'IRANSansFaNum', 'Vazirmatn', sans-serif !important;
    -webkit-text-security: none !important;
}


/*-#1------------------Header-Style-And-Curve---------------*/
@media (min-width: 1025px) {
  .whb-column9 {
    background-color: #ffffff;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 85px;
    box-shadow: -1px 0 20px rgba(0, 0, 0, 0.15);
    margin-bottom: 0px;
		margin-left: 40px;  /* فاصله قوس منوی هدر از آیکون‌های اصلی هدر */

    /* اصلاحاتی که انجام دادیم */
    overflow: visible !important;
    position: static !important;
    z-index: 9 !important;
  }

  .whb-column8 {
    box-shadow:
      0 0px 0px 0px rgba(0, 0, 0, 0.07),
      0 20px 16px -15px rgba(0, 0, 0, 0.07);
    background-color: #fff !important;
    margin-bottom: 0px;

    /* اصلاحات */
    overflow: visible !important;
    position: static !important;
    z-index: 10 !important;
  }

  .whb-column8 *,
  .whb-column8::before,
  .whb-column8::after {
    box-shadow: none !important;
  }
	
/* هدف قرار دادن اختصاصی ستون منحنی هدر */
.whb-column.whb-column9 {
    position: relative !important;
    overflow: visible !important; /* برای اینکه سایه از کادر بیرون بزند و دیده شود */
}


/* ۲. تنظیمات دارک مد و درخشش صورتی اختصاصی برای قوس هدر (بدون تاثیر بر لوگو) */
html[data-wp-dark-mode-active] .whb-column9 {
    box-shadow: -15px 5px 30px rgba(192, 17, 87, 0.45) !important;
    border-left: 2px solid rgba(192, 17, 87, 0.6) !important;
}

	/* ۲. تنظیمات دارک مد و درخشش صورتی اختصاصی برای لوگو ) */
html[data-wp-dark-mode-active] .whb-column8 {
    box-shadow: 0 20px 16px -15px rgba(192, 17, 87, 0.45) !important;
}
}

/*---#2---------------- Main------Menu-----Items-------and------Divider-----------*/

#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; /* کنترل کامل با margin در آیتم‌ها */
}

#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;
}

/*---#3---------------------Logo-Ease-in-and-out------------------*/

.wd-main-logo img {
  display: inline-block;
  transition: transform 0.3s ease-in-out;
}

.wd-main-logo:hover img {
  transform: scale(1.15);
}

/*---#4-------------------Containers Style------------------*/


/*Class name chose inside Elementor Pro on the containers ooption,
cats-panel for right and slide-panel for large container*/


/* === Safe panels (no child z-index hacks) === */
.elementor-element.cats-panel,
.elementor-element.slide-panel{
  position: relative !important;
  isolation: isolate;                  /* یک استکینگ‌کانتکست امن بساز */
  background: none !important;
  overflow: hidden;
  border-radius: 18px;
  /* اگر مرز می‌خواهی این را باز کن: */
  /* border: 1px solid rgba(0,0,0,.06); */
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  padding: 20px;
  transition: transform .25s ease, box-shadow .25s ease;
}

/* لوگوی تزیینی، پشتِ محتوا */
.elementor-element.cats-panel::after{
  content: "";
  position: absolute;
  inset: 0;
  background: url('/wp-content/uploads/2025/08/Logo-ContainerBack.png') center/80% no-repeat;
  opacity: .32;
  pointer-events: none;
  z-index: -1;                         /* ← دیگر نیازی نیست به بچه‌ها z-index بدهیم */
}

/* هاور دسکتاپ */
.elementor-element.cats-panel:hover,
.elementor-element.slide-panel:hover{
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.12);
}

/* موبایل */
@media (max-width: 768px){
  .elementor-element.cats-panel,
  .elementor-element.slide-panel{
    padding: 15px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
    transform: none;
  }
  .elementor-element.cats-panel::after{
    background-size: 65%;
    opacity: .14;
  }
}


/*---#5-----------Right Container Menu---------------*/


/*---#6-----------Slider Container Menu--------------*/



/*---#7----------------Circle Categories------------------*/

/* ===== Mika Cats Grid (Updated Size & Gap) ===== */
.mika-cats {
  --mika-orange: #c01157; 
  --mika-text: #111;
  --mika-text-dark: #f1f1f1;
  --mika-ring: rgba(192,17,87,.35);
  direction: rtl;
}

/* کانتینر: چیدمان فلکس، وسط‌چین، چند ردیفه با فاصله کم */
.mika-cats .cat-circles{
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* کل ردیف‌ها وسط */
  column-gap: 40px;         /* فاصله افقی */
  row-gap: 8px;            /* فاصله عمودی */
  padding: 0;
  margin: 0 auto;
  text-align: center;
  direction: rtl;
}

/* هر آیتم دقیقاً به پهنای دایره */
.mika-cats .cat{
  width: 200px;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;   /* محتوا وسط */
  gap: 6px;              /* فاصله بین دایره و عنوان */
  text-decoration: none;
  outline: none;
}


/* دایره */
.mika-cats .thumb{
  width: 200px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  border: 2px solid var(--mika-orange);
  box-shadow: 0 8px 22px rgba(0,0,0,.12);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  margin: 0;            /* خنثی‌کردن margin پیش‌فرض figure */
}


.mika-cats .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1.001);
  transition: transform .35s ease;
}

.mika-cats .title {
  display: block;
  width: 100%;             /* تمام عرض آیتم */
  max-width: 300px;        /* دقیقاً اندازه دایره */
  margin: 10px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--mika-text);
  text-align: center;      /* متن وسط */
  word-wrap: break-word;   /* اگر کلمه خیلی بلند بود بشکند */
}


.mika-cats .cat:hover .thumb {
  transform: translateY(-3px) scale(1.03);
  box-shadow: 0 12px 28px var(--mika-ring);
  border-color: var(--mika-orange);
}
.mika-cats .cat:hover .thumb img {
  transform: scale(1.07);
}
.mika-cats .cat:hover .title {
  color: var(--mika-orange);
  transform: translateY(-1px);
}

.mika-cats .thumb::after {
  content: "";
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  box-shadow: 0 0 0 0 var(--mika-ring);
  opacity: 0;
  transition: opacity .25s ease, box-shadow .25s ease;
  pointer-events: none;
}
.mika-cats .cat:hover .thumb::after {
  opacity: 1;
  box-shadow: 0 0 0 6px var(--mika-ring);
}

/* رسپانسیو */
@media (max-width: 1024px){
  .mika-cats .cat-circles { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .mika-cats .thumb { width: 180px; }
}
@media (max-width: 767px){
  .mika-cats .cat-circles { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px 10px; }
  .mika-cats .thumb { width: 150px; }
  .mika-cats .title { font-size: 15px; }
}

.wp-dark-mode-active .mika-cats .title { color: var(--mika-text-dark); }
.wp-dark-mode-active .mika-cats .thumb {
  box-shadow: 0 8px 22px rgba(0,0,0,.35);
  border-color: rgba(255,255,255,.25);
}
.wp-dark-mode-active .mika-cats .cat:hover .title {
  color: var(--mika-orange);
}

/*---#8------------------Header Icons Count Font Style and Colors--------------------*/

/* انتخابگر مشترک برای هر دو آیکون جهت کاهش حجم کد */
.whb-row .wd-header-wishlist .wd-tools-count,
.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;
}

/* اطمینان از موقعیت نسبی والد برای جابجایی صحیح عدد */
.wd-tools-element .wd-tools-icon {
    position: relative !important;
}

/*---#9-------------------Header Tooltips-----------------------*/

/* ۱. تنظیم مرجع برای تمام المان‌های هدر */
.wd-header-search, .wd-header-wishlist, 
.wd-header-cart, .wd-header-my-account, .wp-darkmode {
    position: relative !important;
}

/* ۲. کد جامع برای تول‌تیپ با اصلاح فاصله و انیمیشن محو شونده */
.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: #EB157C !important;
    border: 1px solid #e1e1e1 !important;
    padding: 6px 14px;
    font-size: 14px;
    font-weight: 700;
    border-radius: 18px;
    white-space: nowrap;
    z-index: 99999;
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
    display: flex !important;
    pointer-events: none; /* جلوگیری از بلاک کردن کلیک توسط تول‌تیپ */
    
    /* انیمیشن محو شونده هوشمند: بعد از ۱.۵ ثانیه محو می‌شود */
    animation: fadeOutTooltip 0.3s forwards;
    animation-delay: 2s; 
}

/* ۳. اصلاح نمایش فلش (Arrow) بالای تول‌تیپ */
.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 #EB157C; /* رنگ هماهنگ با حاشیه */
    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;
    }
}

/*---#11----------------------Search Hover---------------------*/

/* ۱. پایداری کادر جستجو و حذف گپ (حل مشکل ناپدید شدن) */
.wd-search-dropdown.wd-dropdown {
    margin-top: 5 !important; /* حذف فاصله فیزیکی برای اتصال بهتر */
    padding: 8px !important; /* ایجاد پدینگ داخلی برای گردی بهتر */
    border-radius: 25px !important;
    border: 1px solid #e1e1e1 !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
}

/* ایجاد پل نامرئی برای اتصال موس از آیکون به کادر */
.wd-search-dropdown.wd-dropdown:before {
    content: "" !important;
    position: absolute;
    top: -30px !important; /* پوشش کامل گپ بین آیکون و کادر */
    left: 0;
    right: 0;
    height: 35px !important;
    z-index: -1;
}

/* ۱. بزرگ کردن آیکون ذره‌بین بدون نمایش متن‌های مخفی */
.wd-search-dropdown .searchsubmit {
    color: #C01157 !important;
    background: none !important;
    border: none !important;
}

/* افکت بزرگ‌نمایی ملایم هنگام هاور */
.wd-search-dropdown .searchsubmit:hover {
    transform: scale(1.15) !important;
}

/* ۳. گرد کردن فیلد ورودی و متن جستجو */
.wd-search-dropdown input[type="text"] {
    border-radius: 25px !important;
		font-size: 15px !important;
    border: 1px solid #eeeeee !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* ۴. هماهنگی رنگ ذره‌بین داخلی */
.wd-search-dropdown .searchsubmit:after {
    color: #C01157 !important;
    font-size: 18px !important;
}

/*---#12------------------Wocommerce Notice Colors-----------------------*/

/* ۱. اصلاح بدنه اصلی اعلان با پدینگ و چیدمان منعطف */
.woocommerce-message, 
.woocommerce-info, 
.woocommerce-error {
    display: flex !important;
    flex-direction: row !important; /* دکمه در راست، متن در چپ */
    align-items: center !important;
    justify-content: space-between !important;
    background-color: rgb(192, 17, 87) !important;
    color: #ffffff !important;
    padding: 15px 30px !important; /* افزایش فاصله متن از حاشیه کادر */
    border: none !important;
    border-radius: 15px !important;
    font-family: inherit !important;
    box-shadow: 0 4px 15px rgba(192, 17, 87, 0.2) !important;
    margin-bottom: 20px !important;
    min-height: 60px !important;
    position: relative !important;
}

/* ۲. اصلاح متن پیام و ایجاد فاصله از آیکون */
.woocommerce-message, 
.woocommerce-info, 
.woocommerce-error  {
    text-align: right !important; /* متن به صورت راست‌چین */
    line-height: 1.8 !important;
    flex-grow: 1 !important;
    padding-right: 45px !important; /* ایجاد فضا برای قرارگیری آیکون بدون تداخل با متن */
}

/* ۳. تنظیم دقیق جایگاه آیکون وودمارت */
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
    position: absolute !important;
    right: 20px !important; /* فیکس کردن آیکون در سمت راست متن */
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-family: "woodmart-font" !important; /* اطمینان از خواندن فونت آیکون قالب */
    font-size: 20px !important;
    margin: 0 !important;
    color: #fff !important;
    opacity: 0.9;
}

/* ۴. تنظیم دکمه در سمت راست کادر */
.woocommerce-message .button, 
.woocommerce-info .button {
    background-color: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
    border-radius: 25px !important;
    padding: 8px 18px !important;
    font-size: 13px !important;
    font-weight: bold !important;
    margin-right: 0 !important;
    margin-left: 15px !important;
    white-space: nowrap !important;
    order: 2 !important;
}

.woocommerce-message .button:hover {
    background-color: #ffffff !important;
    color: rgb(192, 17, 87) !important;
}

/*---#13----------------------Wocommerce Checkout Colors-----------------------*/


/* حذف قطعی پیام‌های خطای متنی زیر فیلدها در صفحه پرداخت */
.woocommerce-checkout .woocommerce-input-wrapper + .checkout-inline-error-message,
.woocommerce-checkout .woocommerce-input-wrapper + .wcf-field-required-error,
.woocommerce-checkout .woocommerce-error,
.woocommerce-checkout .show_if_empty_label {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* حذف کادر قرمز دور فیلدهای نامعتبر برای یکپارچگی با CartFlows */
.woocommerce-checkout .woocommerce-invalid input {
    border-color: #e1e1e1 !important;
}
/*---#14--------------------Navigation Product Style-----------------------*/



/*---#15----------------------Hot Menu Style----------------------*/

/* ۱. تنظیم ظرف اصلی برای توزیع متقارن محتوا */
.whb-header-bottom .wd-nav-main {
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
}

/* ۲. تنظیم پدینگ‌های اختصاصی برای خنثی کردن اثر عرض آیکون 🔥 */
.whb-header-bottom .HotProduct1 a,
.whb-header-bottom .HotProduct3 a {
    color: #C01157 !important;
    font-weight: 800 !important;
    font-size: 16px !important;
    /* ایجاد تعادل: ۳۰ پیکسل از سمت متن و ۲۰ پیکسل از سمت آیکون برای تساوی بصری */
    padding-left: 5px !important;
    padding-right: 1px !important; 
    transition: transform 0.3s ease !important;
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* ۲. تنظیم پدینگ‌های اختصاصی برای خنثی کردن اثر عرض آیکون 🔥 */
.whb-header-bottom .HotProduct2 a {
    color: #C01157 !important;
    font-weight: 800 !important;
    font-size: 16px !important;
    /* ایجاد تعادل: ۳۰ پیکسل از سمت متن و ۲۰ پیکسل از سمت آیکون برای تساوی بصری */
    padding-left: 45px !important;
    padding-right: 45px !important; 
    transition: transform 0.3s ease !important;
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* ۳. فیکس کردن جداکننده‌ها دقیقاً در نقطه میانی فضاها */
.whb-header-bottom .HotProduct2 {
    position: relative !important;
}

/* جداکننده سمت راست محصول ۲ (مرز با محصول ۱) */
.whb-header-bottom .HotProduct2:before {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 1.2px !important;
    height: 25px !important;
    background-color: #d1d1d1 !important;
    opacity: 0.8 !important;
}

/* جداکننده سمت چپ محصول ۲ (مرز با محصول ۳) */
.whb-header-bottom .HotProduct2:after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 1.2px !important;
    height: 25px !important;
    background-color: #d1d1d1 !important;
    opacity: 0.8 !important;
}

/* ۴. انیمیشن آتش متحرک */
.whb-header-bottom [class*="HotProduct"] a .nav-link-text:before {
    content: "🔥" !important;
    margin-left: 8px !important;
    display: inline-block !important;
    animation: hot-pulse 1.5s infinite ease-in-out !important;
}


/* اعمال سایه صورتی ملایم به متن در لحظه هاور */
.whb-header-bottom [class*="HotProduct"]:hover a {
    transform: scale(1.15) translateZ(0) !important;
    color: #f52079 !important; /* تغییر  رنگ برند به رنگ صورتی روشن */
    /* ایجاد افکت درخشندگی خاکستری ملایم دور متن */
 /* text-shadow: 0 0 4px #F2F2F2, 
                 0 0 15px #F2F2F2 !important;*/
	
	transition: all 0.4s ease-in-out !important;
}

/* اعمال درخشندگی به آیکون آتش همزمان با متن */
.whb-header-bottom [class*="HotProduct"]:hover a .nav-link-text:before {
    filter: drop-shadow(0 0 1px #D6D6D6, ) !important;
    transform: scale(1.15) !important;
}

@keyframes hot-pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

/*---#17------------------Dark Mode Icon Styles--------------------*/



/* جابجایی آیکون‌ها برای هماهنگی با منطق روشن/خاموش در فارسی */
.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;
}

/*---#18-----------------------Scroll To Top Button--------------------*/

/* Styles inside JS in Snippet Code */

/*---#19-------------------------Account Button Hover 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;
}

/*---#20-------------------------Bottom Header Shadow For Static and Scroll Mode--------------------*/

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


/*---#20-----------------------Product Page Rounding Corners for Main Pic and Thumbs--------------------*/

/* ۱. گرد کردن گوشه‌های عکس اصلی محصول */
.woocommerce-product-gallery .woocommerce-product-gallery__image img {
    border-radius: 20px !important; /* میزان گردی را اینجا کم یا زیاد کنید */
    overflow: hidden; /* تضمین برش خوردن گوشه‌ها */
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); /* یک سایه بسیار ملایم برای زیبایی بیشتر */
}

/* ۲. گرد کردن گوشه‌های عکس‌های کوچک (Thumbnails) */
.wd-gallery-thumb .wd-carousel-item img {
    border-radius: 15px !important; /* گردی کمتر برای عکس‌های کوچک */
    overflow: hidden;
}

/* ۳. (اختیاری) اگر دکمه‌های بزرگنمایی روی عکس هستند، آنها هم هماهنگ شوند */
.woocommerce-product-gallery .wd-action-btn {
    border-radius: 50% !important;
}

/*---#20------------------------Shop page Rounding Corners for Pic of Products---------------------*/

/* ۱. گرد کردن تصاویر در لیست محصولات (صفحه اصلی و فروشگاه) */
.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: transform 0.5s ease, border-radius 0.3s ease !important;
}

/* ۲. حفظ گردی لبه‌ها در حالت هاور (هنگامی که عکس دوم ظاهر می‌شود یا زوم می‌شود) */
.product-grid-item .product-wrapper:hover img,
.wd-hover-with-buttons .product-wrapper:hover .product-image-link img {
    border-radius: 20px !important;
}

/* ۳. گرد کردن لایه نگهدارنده عکس برای جلوگیری از بیرون زدگی لبه‌های تیز در هاور */
.product-element-top, 
.product-image-link,
.hover-img {
    border-radius: 20px !important;
    overflow: hidden !important;
    -webkit-mask-image: -webkit-radial-gradient(white, black); /* رفع باگ احتمالی گردی در مرورگرهای قدیمی */
}

/* ۴. گرد کردن تصاویر در صفحه تک‌محصول (برای یکپارچگی کل سایت) */
.woocommerce-product-gallery .woocommerce-product-gallery__image img {
    border-radius: 20px !important;
}

/* ۱. ایجاد درخشش صورتی ملایم دور هر محصول در حالت دارک مد */
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;
}

/* ۲. افزایش درخشش و برجستگی هنگام هاور (Hover) */
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); /* حرکت رو به بالای ملایم */

}

/*---#20------------------------------Second Address Hiding in Account Home Page ----------------------*/

/* حذف ستون دوم آدرس (آدرس ارسال) در صفحه حساب کاربری */
.woocommerce-Addresses .col-2.woocommerce-Address {
    display: none !important;
}

/* عریض کردن ستون اول برای پر کردن فضای خالی (اختیاری) */
.woocommerce-Addresses .col-1.woocommerce-Address {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

/*---#20--------------------------------Right Menu Style in Account Home Page ----------------------*/

/* ۱. کاهش فاصله کل منو از بالا */
.wd-my-account-sidebar .woocommerce-MyAccount-navigation {
    margin-top: -8px !important;
}

/* ۲. تنظیم فاصله بین گزینه‌های سایدبار */
.wd-my-account-sidebar .woocommerce-MyAccount-navigation-link {
    margin-bottom: 6px !important;
}

.wd-my-account-sidebar .woocommerce-MyAccount-navigation-link a {
    padding: 10px 18px !important;
    display: flex !important;
    align-items: center;
    font-size: 15px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease;
    border: none !important;
    border-radius: 20px 0 0 20px !important;
}

/* ۳. آیکون‌های اختصاصی سایدبار */
.wd-my-account-sidebar .woocommerce-MyAccount-navigation-link a:before {
    font-family: "woodmart-font" !important;
    margin-left: 12px;
    font-size: 18px;
    color: #C01157;
    display: inline-block;
    font-weight: normal;
}

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

/* ۴. استایل هاور و گزینه فعال سایدبار */
.wd-my-account-sidebar .woocommerce-MyAccount-navigation-link a:hover {
    background-color: rgba(192, 17, 87, 0.05) !important;
    color: #C01157 !important;
}

.wd-my-account-sidebar .woocommerce-MyAccount-navigation-link.is-active a {
    background-color: rgba(192, 17, 87, 0.1) !important;
    color: #C01157 !important;
    border-left: 5px solid #C01157 !important; 
}

/* ۵. بهینه‌سازی دکمه خروج سایدبار */
.wd-my-account-sidebar .woocommerce-MyAccount-navigation-link--customer-logout {
    border-top: 1px solid rgba(0,0,0,0.1) !important;
    margin-top: 8px !important; 
    padding-top: 8px !important; 
}

.wd-my-account-sidebar .woocommerce-MyAccount-navigation-link--customer-logout a {
    color: #e53935 !important;
    border-top: none !important; /* حذف خط احتمالی از هدر */
}

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

/* ۶. تنظیمات دارک مد اختصاصی سایدبار */
html[data-wp-dark-mode-active] .wd-my-account-sidebar .woocommerce-MyAccount-navigation-link:not(.is-active):not(.woocommerce-MyAccount-navigation-link--customer-logout) a {
    color: rgba(255, 255, 255, 0.7) !important;
}

html[data-wp-dark-mode-active] .wd-my-account-sidebar .woocommerce-MyAccount-navigation-link:not(.is-active):not(.woocommerce-MyAccount-navigation-link--customer-logout) a:before {
    color: rgba(192, 17, 87, 0.8) !important;
}

html[data-wp-dark-mode-active] .wd-my-account-sidebar .woocommerce-MyAccount-navigation-link--customer-logout {
    border-top: 1.5px solid rgba(255, 255, 255, 0.5) !important;
}

html[data-wp-dark-mode-active] .wd-my-account-sidebar .woocommerce-MyAccount-navigation-link--customer-logout a,
html[data-wp-dark-mode-active] .wd-my-account-sidebar .woocommerce-MyAccount-navigation-link--customer-logout a:before {
    color: #e53935 !important;
}

/*---#20-----------------------------Address Page Box Style---------------------*/

/* ۱. تنظیم فونت وزیر و حذف کجی نوشته‌ها */
.woocommerce-Address address {
    font-family: "Vazirmatn", sans-serif !important;
    font-style: normal !important;
    opacity: 0;
}
.woocommerce-Address address.mk-ready { opacity: 1; }

/* ۲. کانتینر اصلی درخشان (سایه صورتی در شب) */
.woocommerce-Address {
    background: #ffffff !important;
    border-radius: 20px !important;
    padding: 30px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
    border: 1px solid #eee !important;
    position: relative !important;
    transition: all 0.3s ease;
}

/* افکت درخشش صورتی مخصوص حالت شب */
html[data-wp-dark-mode-active] .woocommerce-Address {
    background: #111111 !important;
    border: 1px solid rgba(192, 17, 87, 0.3) !important;
    /* سایه صورتی با شدت متناسب */
    box-shadow: 0 0 25px rgba(192, 17, 87, 0.15) !important;
}

/* ۳. هدر کارت: عنوان در راست و خط دش ریز و پررنگ */
.woocommerce-Address-title {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 25px !important;
    padding-bottom: 20px !important;
    border-bottom: 1.5px dashed #aaa !important; /* دش ظریف‌تر اما پررنگ */
}

/* ۴. عنوان راست‌چین با آیکون f139 */
.woocommerce-Address-title h2 {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-size: 20px !important;
    font-family: "Vazirmatn", sans-serif !important;
    color: #222 !important;
    margin: 0 !important;
}

.woocommerce-Address-title h2::before {
    content: "\f139" !important;
    font-family: "woodmart-font" !important;
    color: #C01157 !important;
    font-size: 24px !important;
}

/* ۵. دکمه ویرایش (روبروی عنوان در هدر) */
.woocommerce-Address-title .edit {
    background-color: rgba(192, 17, 87, 0.08) !important;
    color: #C01157 !important;
    padding: 6px 16px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    border: 1px solid rgba(192, 17, 87, 0.1) !important;
    transition: 0.3s;
}

.woocommerce-Address-title .edit:hover {
    background-color: #C01157 !important;
    color: #fff !important;
}

/* ۶. استایل ردیف‌های داده‌ها */
.mk-row {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    margin-bottom: 12px !important;
    font-size: 17px !important;
    color: #444 !important;
    font-weight: 500 !important;
}

.mk-row i {
    color: #C01157 !important;
    width: 20px;
    text-align: center;
}

/* متمایز کردن ردیف نام (پررنگ‌تر و کمی درشت‌تر) */
.mk-row:first-child {
    font-weight: 800 !important; /* افزایش وزن فونت برای ضخیم شدن */
    font-size: 19px !important;   /* کمی درشت‌تر از سایر ردیف‌ها */
    color: #222 !important;       /* تیره تر برای تاکید بیشتر */
    margin-bottom: 18px !important; /* فاصله کمی بیشتر با ردیف موبایل */
}


/* آیکون خط آخر لوکیشن */
.mk-woodmart-icon::before {
    content: "\f139" !important;
    font-family: "woodmart-font" !important;
    font-size: 19px !important;
}

/* ۷. تنظیمات حالت شب (Dark Mode) */
html[data-wp-dark-mode-active] .woocommerce-Address { background: #111111 !important; }
html[data-wp-dark-mode-active] .woocommerce-Address-title h2 { color: #fff !important; }
html[data-wp-dark-mode-active] .mk-row { color: #ddd !important; }
/* در حالت شب برای نام از رنگ روشن‌تر استفاده شود */
html[data-wp-dark-mode-active] .mk-row:first-child {
    color: #ffffff !important;
}

/* اصلاح درهم‌ریختگی نسخه موبایل */
@media (max-width: 768px) {
    /* ۱. تغییر ساختار هدر کارت به حالت عمودی */
    .woocommerce-Address-title {
        flex-direction: column !important;
        align-items: flex-start !important; /* تراز کردن محتوا به سمت راست */
        gap: 15px !important;
        padding-bottom: 15px !important;
    }

    /* ۲. تنظیم عنوان برای اشغال کامل عرض */
    .woocommerce-Address-title h2 {
        font-size: 18px !important;
        justify-content: flex-start !important; /* تراز آیکون و متن به راست */
        width: 100% !important;
    }

    /* ۳. تنظیم دکمه ویرایش در سطر دوم */
    .woocommerce-Address-title .edit {
        position: relative !important; /* خارج کردن از حالت مطلق برای موبایل */
        top: auto !important;
        left: auto !important;
        right: 0 !important;
        margin-right: 0px !important; /* تراز شدن با متن عنوان (بعد از آیکون) */
        align-self: flex-start !important;
        display: inline-flex !important;
    }

    /* ۴. اصلاح ردیف‌های داده برای موبایل */
    .mk-row {
        font-size: 15px !important; /* کمی کوچک‌تر برای جا شدن در یک خط */
        gap: 10px !important;
    }
    
    .mk-name-row {
        font-size: 17px !important;
    }

    /* ۵. کانتینر اصلی کارت در موبایل */
    .woocommerce-Address {
        padding: 20px !important; /* کاهش پدینگ برای فضای بیشتر محتوا */
    }
}

/*---#20----------------------Address Edit Fields (My Account)----------------------*/

/* ۱. وسط‌چین کردن عنوان اصلی و افزودن آیکون لوکیشن */
.woocommerce-MyAccount-content form h2 {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
    margin: 0 auto 25px auto !important;
    font-size: 24px !important;
    font-weight: bold !important;
    color: #222 !important;
    gap: 10px !important;
    float: none !important;
}

.woocommerce-MyAccount-content form h2::before {
    content: "\f139" !important;
    font-family: "woodmart-font" !important;
    color: #C01157 !important;
    font-size: 26px !important;
    display: inline-block !important;
}

/* ۱. ایجاد کانتینر کارتی برای کل فرم */
.woocommerce-address-fields {
    background: #ffffff !important;
    padding: 25px !important;
    border-radius: 20px !important;
    border: 1px solid #eee !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.03) !important;
    margin-bottom: 30px !important;
    position: relative !important;
}

/* ۲. حالت شب (Dark Mode) */
html[data-wp-dark-mode-active] .woocommerce-address-fields {
    background: #111111 !important;
    border: 1px solid rgba(192, 17, 87, 0.3) !important;
    box-shadow: 0 0 25px rgba(192, 17, 87, 0.15) !important;
}

/* ۳. وسط‌چین کردن عنوان داخلی */
.woocommerce-address-fields h3 {
    text-align: center !important;
    width: 100% !important;
    display: block !important;
    margin-bottom: 30px !important;
    font-size: 22px !important;
    font-weight: bold !important;
    color: #222 !important;
}

/* ۴. ساختار گرید داخلی برای فیلدها */
.woocommerce-address-fields__field-wrapper {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px 20px !important;
    direction: rtl !important;
}

/* ۵. تنظیم فیلد آدرس تمام‌عرض */
#billing_address_1_field, .grid-item-full {
    grid-column: span 2 !important;
    width: 100% !important;
}

/* ۶. استایل عناوین (Labels) */
.woocommerce-address-fields label {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #222 !important; 
    margin-bottom: 6px !important;
    display: inline-block !important;
}

html[data-wp-dark-mode-active] .woocommerce-address-fields label {
    color: #efefef !important;
}

/* ۷. یکسان‌سازی استایل فیلدها و دراپ‌داون‌ها (استان و شهر) */
.woocommerce-address-fields input.input-text,
.woocommerce-address-fields select {
    height: 46px !important;
    border-radius: 12px !important;
    border: 1px solid #ccc !important;
    background-color: #fff !important;
    color: #333 !important;
    box-sizing: border-box !important;
    margin-top: 15px !important;
    display: block !important;
}

.woocommerce-address-fields .select2-container .select2-selection--single,
.woocommerce-address-fields .select2-container--default .select2-selection--single {
    height: 46px !important;
    border-radius: 12px !important;
    border: 1px solid #ccc !important;
    background-color: #fff !important;
    color: #333 !important;
    box-sizing: border-box !important;
    margin-top: 15px !important; /* هماهنگی کامل مارجین با اینپوت‌ها */
    display: flex !important;          
    align-items: center !important;     
    position: relative !important;
}

/* رفع مشکل عدم نمایش متن در دراپ‌داون شهر - اصلاح از block به flex برای پایداری هندسی */
.woocommerce-address-fields .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 46px !important; 
    padding-right: 15px !important;
    color: #333 !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
}

/* تنظیم فلش دراپ‌داون - هماهنگی مطلق با مارجین‌ها برای مهار پرش تاخیری */
.woocommerce-address-fields .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100% !important;        
    position: absolute !important;
    top: 0 !important;              
    left: 10px !important;
    right: auto !important;
    display: flex !important;
    align-items: center !important;
}

/* افکت فوکوس صورتی برای همه فیلدها */
.woocommerce-address-fields input.input-text:focus,
.woocommerce-address-fields .select2-container--default.select2-container--open .select2-selection--single,
.woocommerce-address-fields .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #C01157 !important;
    box-shadow: 0 0 0 3px rgba(192, 17, 87, 0.1) !important;
    outline: none !important;
}

.woocommerce-address-fields input::placeholder {
    color: #999 !important; 
    font-size: 13px !important;
}

/* اصلاح رنگ‌ها در دارک مود */
html[data-wp-dark-mode-active] .woocommerce-address-fields input,
html[data-wp-dark-mode-active] .woocommerce-address-fields .select2-container--default .select2-selection--single {
    background-color: #1a1a1a !important;
    border: 1px solid rgba(192, 17, 87, 0.4) !important;
    color: #fff !important;
}

html[data-wp-dark-mode-active] .woocommerce-address-fields .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff !important;
}

/* ۸. باکس پیش‌نمایش نهایی (Preview) */
#mikada-address-preview {
    grid-column: span 2 !important;
    background: rgba(192, 17, 87, 0.08) !important;
    border: 1px dashed #C01157 !important;
    padding: 20px !important;
    border-radius: 15px !important;
    margin: 10px 0 20px 0 !important;
}

#mikada-address-preview .receiver-row,
#mikada-address-preview .address-row {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    line-height: 1.6 !important;
}

#mikada-address-preview .receiver-row {
    font-size: 18px !important;
    font-weight: bold !important;
    margin-bottom: 10px !important;
    color: #333 !important;
}

#mikada-address-preview .address-row {
    font-size: 16px !important;
    color: #444 !important;
}

#mikada-address-preview i {
    color: #C01157 !important;
    font-size: 18px !important;
    width: 20px;
    text-align: center;
}

html[data-wp-dark-mode-active] #mikada-address-preview .receiver-row { color: #ffffff !important; }
html[data-wp-dark-mode-active] #mikada-address-preview .address-row { color: #efefef !important; }
html[data-wp-dark-mode-active] #mikada-address-preview { background: rgba(192, 17, 87, 0.15) !important; }

/* ۹. دکمه ذخیره بزرگ */
.woocommerce-address-fields button.button {
    grid-column: span 2 !important;
    width: 100% !important;
    background-color: #C01157 !important;
    height: 55px !important;
    font-size: 19px !important;
    border-radius: 12px !important;
    margin-top: 5px !important;
}

/* ۱۰. ریسپانسیو */
@media (max-width: 768px) {
    .woocommerce-address-fields { padding: 15px !important; border-radius: 15px !important; }
    .woocommerce-address-fields__field-wrapper { gap: 8px 10px !important; }
    #billing_address_1_field { grid-column: span 2 !important; }
    .woocommerce-address-fields label { font-size: 14px !important; }
    .woocommerce-address-fields h3 { font-size: 18px !important; }
}

/*---#20-------------------Dashboard Icons Style---------------------*/


/* ۱. حذف پیام‌های پیش‌فرض ووکامرس */
.woocommerce-account.woocommerce-dashboard .woocommerce-MyAccount-content > p {
    display: none !important;
}

/* ۲. بازطراحی بنر کپسولی (با قابلیت تنظیم فاصله آیکون و متن) */
.woocommerce-account.woocommerce-dashboard .woocommerce-MyAccount-content::before {
    content: "\f2bd  پـیـشخوان فـروشـگاه مــیـکـا" !important;
    font-family: "Font Awesome 7 Free", "Vazirmatn", sans-serif !important;
    font-weight: 900 !important;
    font-size: 18px !important;
    
    /* --- تنظیم فاصله بین آیکون و متن --- */
    word-spacing: 2px !important; 
    /* ------------------------------------ */
    
    color: #333 !important; 
    background-color: #ffffff !important;
    padding: 18px 45px !important;
    border-radius: 60px !important;
    border: none !important;
    box-shadow: 0 0px 0px rgba(0,0,0,0.03) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 15px !important;
    margin: 0 auto 12px auto !important;
    width: fit-content !important;
    order: -1 !important;
    transition: all 0.3s ease !important;
}

/* ۳. استایل باکس‌ها و آیکون‌های صورتی (بدون تغییر) */
html body .wd-my-account-links li a::before {
    font-family: "Font Awesome 7 Free" !important;
    font-weight: 900 !important;
    color: #C01157 !important; 
    opacity: 0.7 !important;
    font-size: 42px !important;
    margin-bottom: 15px !important;
    display: block !important;
    transition: all 0.4s ease !important;
}

html body .wd-my-account-links li a:hover::before {
    opacity: 1 !important;
    transform: scale(1.1) rotate(3deg) !important;
}

html body .wd-my-account-links li a {
    background: #fdfdfd !important;
    border: 1px solid rgba(192, 17, 87, 0.1) !important;
    border-radius: 25px !important;
    padding: 30px 15px !important;
    min-height: 160px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
}

html body .wd-my-account-links li a span.nav-link-text {
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #444 !important;
}

html body .wd-my-account-links li a:hover {
    background: #ffffff !important;
    border-color: #C01157 !important;
    transform: translateY(-5px) !important;
    box-shadow: 0 12px 30px rgba(192, 17, 87, 0.1) !important;
}

html body .wd-my-account-links li a:hover span.nav-link-text {
    color: #C01157 !important;
}

/* ۴. تنظیمات اختصاصی حالت شب (Dark Mode) - اصلاح متن سفید */
html[data-wp-dark-mode-active] body .wd-my-account-links li a {
    background: #1a1a1a !important;
    border-color: rgba(192, 17, 87, 0.3) !important;
    box-shadow: 0 5px 20px rgba(192, 17, 87, 0.25) !important;
}

html[data-wp-dark-mode-active] body .wd-my-account-links li a:hover {
    box-shadow: 0 0 25px rgba(192, 17, 87, 0.5) !important;
    border-color: #C01157 !important;
}

/* اصلاح نهایی بنر در شب: سفید درخشان و خوانا */
html[data-wp-dark-mode-active] body .woocommerce-account.woocommerce-dashboard .woocommerce-MyAccount-content::before {
    background: none !important;
    background-color: transparent !important;
    -webkit-text-fill-color: #ffffff !important;
    color: #ffffff !important;
    text-shadow: 0 0 10px rgba(192, 17, 87, 0.8) !important;
    border: none !important;
}

/* ۵. باکس خروج (قرمز شدن همه‌چیز - ثابت و عالی) */
html body .wd-my-account-links li.wd-my-acc-customer-logout a:hover {
    border-color: #ff3333 !important;
}
html body .wd-my-account-links li.wd-my-acc-customer-logout a:hover::before,
html body .wd-my-account-links li.wd-my-acc-customer-logout a:hover span.nav-link-text {
    color: #ff3333 !important;
}

/* ۶. حذف ریشه‌ای آیکون‌های وودمارت */
html body .wd-my-account-links li a .wd-nav-icon,
html body .wd-my-account-links li a i:not([class*="fa-"]),
html body .wd-my-account-links li a svg,
html body .wd-my-account-links li a img {
    display: none !important;
}

/* تعریف آیکون‌ها */
html body .wd-my-acc-orders a::before { content: "\f46c" !important; }
html body .wd-my-acc-downloads a::before { content: "\f381" !important; }
html body .wd-my-acc-edit-address a::before { content: "\f3c5" !important; }
html body .wd-my-acc-edit-account a::before { content: "\f4ff" !important; }
html body .wd-my-acc-wishlist a::before { content: "\f004" !important; }
html body .wd-my-acc-customer-logout a::before { content: "\f2f5" !important; }

/* ۹. اصلاح فشرده‌سازی بنر برای موبایل (تک‌خطی قطعی) */
@media (max-width: 768px) {
    html body .wd-my-account-links {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }

    html body .woocommerce-account.woocommerce-dashboard .woocommerce-MyAccount-content::before {
        /* ۱. کاهش محسوس سایز فونت */
        font-size: 13px !important; 
        
        /* ۲. فشرده‌سازی فاصله بین کلمات (منفی کردن فاصله) */
        word-spacing: -2px !important; 
        
        /* ۳. کاهش پدینگ کناری برای باز شدن فضا */
        padding: 10px 15px !important; 
        
        /* ۴. جلوگیری از هرگونه شکست خط */
        white-space: nowrap !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: center !important;
        align-items: center !important;
        
        /* ۵. تنظیم عرض برای استفاده از حداکثر فضا */
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin-bottom: 20px !important;
        letter-spacing: -0.2px !important; /* فشرده‌سازی حروف */
    }
}


/*---#20---------------------Account Details Edit Page----------------------------*/

	/* ---------------------------------------------------
   ------------------ Made By ACHTUNg ---------------
 ------------------Mehdi ----------------------------
	----------------------------------------------------- */
/*---#20------------------------Account Details Edit Page------------------------------*/

/* ۱. ایجاد کانتینر کارتی برای فرم ویرایش حساب */
.woocommerce-EditAccountForm {
    background: #ffffff !important;
    padding: 30px !important;
    border-radius: 20px !important;
    border: 1px solid #eee !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.03) !important;
    margin-bottom: 30px !important;
}

/* حالت شب (Dark Mode) */
html[data-wp-dark-mode-active] .woocommerce-EditAccountForm {
    background: #111111 !important;
    border: 1px solid rgba(192, 17, 87, 0.3) !important;
    box-shadow: 0 0 25px rgba(192, 17, 87, 0.15) !important;
}

/* ۲. مدیریت فیلد نام و نام خانوادگی */
.woocommerce-EditAccountForm p.form-row-first label {
    font-size: 0 !important;
}
.woocommerce-EditAccountForm p.form-row-first label::before {
    content: "نام و نام خانوادگی";
    font-size: 15px !important;
    font-weight: 600;
}

/* مخفی کردن فیلد اصلی نام خانوادگی */
.woocommerce-EditAccountForm p.form-row-last,
#account_last_name_field {
    display: none !important;
}

/* حذف خط فاصله clear بین فیلد اول و دوم برای قرارگیری در یک خط */
.woocommerce-EditAccountForm p.form-row-first + p.form-row-last + .clear {
    display: none !important;
}

/* 🌟 قرارگیری فیلد نام و فیلد نام نمایشی در یک ردیف (۵۰٪ هر کدام) */
.woocommerce-EditAccountForm p.form-row-first {
    width: 48.5% !important;
    float: right !important;
    clear: none !important;
    margin-bottom: 20px !important;
}

.woocommerce-EditAccountForm p:has(#account_display_name) {
    width: 48.5% !important;
    float: left !important;
    clear: none !important;
    margin-bottom: 20px !important;
}

/* فیلد ایمیل زیر آن‌ها به صورت تمام‌عرض */
.woocommerce-EditAccountForm p:has(#account_email) {
    clear: both !important;
    width: 100% !important;
}

/* ۳. استایل لیبل‌ها */
.woocommerce-EditAccountForm label {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #222 !important;
    margin-bottom: 8px !important;
    display: block !important;
}

html[data-wp-dark-mode-active] .woocommerce-EditAccountForm label {
    color: #efefef !important;
}

/* ۴. استایل فیلدهای ورودی (فونت وزیر، وزن ضخیم و تراز در مرکز) */
.woocommerce-EditAccountForm input.input-text {
    height: 48px !important;
    border-radius: 12px !important;
    border: 1px solid #ccc !important;
    background-color: #fff !important;
    color: #222 !important;
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-align: center !important; /* قرارگیری متن در مرکز فیلد */
    padding: 0 15px !important;
    transition: 0.3s;
}

.woocommerce-EditAccountForm input.input-text:focus {
    border-color: #C01157 !important;
    box-shadow: 0 0 8px rgba(192, 17, 87, 0.1) !important;
}

html[data-wp-dark-mode-active] .woocommerce-EditAccountForm input.input-text {
    background-color: #1a1a1a !important;
    border: 1px solid rgba(192, 17, 87, 0.4) !important;
    color: #fff !important;
}

/* ۵. باکس گذرواژه با گرادینت مدرن مشابه پیش‌نمایش آدرس */
.woocommerce-EditAccountForm fieldset {
    margin-top: 25px !important;
    padding: 16px 22px !important;
    border-radius: 16px !important;
    border: 1.5px solid rgba(192, 17, 87, 0.18) !important;
    background: linear-gradient(135deg, #ffffff 40%, rgba(192, 17, 87, 0.06) 100%) !important;
    box-shadow: 0 4px 18px rgba(192, 17, 87, 0.04) !important;
    transition: all 0.3s ease !important;
}

html[data-wp-dark-mode-active] .woocommerce-EditAccountForm fieldset {
    background: linear-gradient(135deg, #161616 40%, rgba(192, 17, 87, 0.15) 100%) !important;
    border-color: rgba(192, 17, 87, 0.35) !important;
    box-shadow: 0 0 20px rgba(192, 17, 87, 0.12) !important;
}

/* هدر آکاردئون با فلش بازشو در سمت چپ */
.woocommerce-EditAccountForm fieldset legend {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
    font-weight: 700 !important;
    color: #C01157 !important;
    font-size: 16px !important;
    cursor: pointer !important;
    user-select: none !important;
}

/* 🌟 فلش نشانگر آکاردئون با قابلیت چرخش */
.woocommerce-EditAccountForm fieldset legend::after {
    content: "" !important;
    display: inline-block !important;
    width: 8px !important;
    height: 8px !important;
    border-right: 2.5px solid #C01157 !important;
    border-bottom: 2.5px solid #C01157 !important;
    transform: rotate(45deg) !important; /* حالت فلش رو به پایین */
    transition: transform 0.3s ease !important;
    margin-left: 5px !important;
}

/* چرخش فلش رو به بالا هنگام باز شدن منو */
.woocommerce-EditAccountForm fieldset legend.is-open::after {
    transform: rotate(-135deg) !important;
}

/* ۶. دکمه ذخیره تغییرات و اسپینر لودینگ */
.woocommerce-EditAccountForm button.button {
    width: 100% !important;
    background-color: #C01157 !important;
    height: 52px !important;
    font-size: 17px !important;
    font-weight: bold !important;
    border-radius: 12px !important;
    margin-top: 25px !important;
    position: relative !important;
    transition: 0.3s !important;
}

.woocommerce-EditAccountForm button.button:hover {
    background-color: #a00e49 !important;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(192, 17, 87, 0.3) !important;
}

/* لودینگ چرخان دکمه */
.woocommerce-EditAccountForm button.button.mk-btn-loading {
    color: transparent !important;
    pointer-events: none !important;
}

.woocommerce-EditAccountForm button.button.mk-btn-loading::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 22px;
    height: 22px;
    margin: -11px 0 0 -11px;
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: mk-spin 0.7s infinite linear;
}

@keyframes mk-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* ==========================================================================
   ۱. بهینه‌سازی و تراز مرکز متن توضیحات نام نمایشی
   ========================================================================== */
.woocommerce-EditAccountForm span em {
    font-family: "Vazirmatn", sans-serif !important;
    font-style: normal !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    color: #666 !important;
    text-align: center !important; /* تراز کاملاً در مرکز */
    margin-top: 8px !important;
    display: block !important;
    line-height: 1.6 !important;
}

html[data-wp-dark-mode-active] .woocommerce-EditAccountForm span em {
    color: #a5a5a5 !important;
}


/* ==========================================================================
   ۲. فلش آیکونیک برجسته و مدرن (دایره‌ای با انیمیشن چرخش و تغییر رنگ)
   ========================================================================== */
.woocommerce-EditAccountForm fieldset legend::after {
    content: "" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    background-color: rgba(192, 17, 87, 0.08) !important;
    border: 1px solid rgba(192, 17, 87, 0.18) !important;
    /* آیکون وکتور SVG کاملاً واضح و باکیفیت */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='15' height='15' fill='%23C01157'%3E%3Cpath d='M11.9997 13.1714L16.9495 8.22168L18.3637 9.63589L11.9997 15.9999L5.63574 9.63589L7.04996 8.22168L11.9997 13.1714Z'%3E%3C/path%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* افکت هنگام باز شدن آکاردئون (چرخش ۱۸۰ درجه و پررنگ شدن پس‌زمینه فلش) */
.woocommerce-EditAccountForm fieldset legend.is-open::after {
    transform: rotate(180deg) !important;
    background-color: #C01157 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='15' height='15' fill='%23ffffff'%3E%3Cpath d='M11.9997 13.1714L16.9495 8.22168L18.3637 9.63589L11.9997 15.9999L5.63574 9.63589L7.04996 8.22168L11.9997 13.1714Z'%3E%3C/path%3E%3C/svg%3E") !important;
}

/* حالت شب برای فلش */
html[data-wp-dark-mode-active] .woocommerce-EditAccountForm fieldset legend::after {
    background-color: rgba(192, 17, 87, 0.2) !important;
    border-color: rgba(192, 17, 87, 0.4) !important;
}

/* ۸. بهینه‌سازی ریسپانسیو در موبایل */
@media (max-width: 768px) {
    .woocommerce-EditAccountForm {
        padding: 20px 15px !important;
    }
    
    /* تبدیل دو فیلد اول به حالت تمام‌عرض در موبایل */
    .woocommerce-EditAccountForm p.form-row-first,
    .woocommerce-EditAccountForm p:has(#account_display_name) {
        width: 100% !important;
        float: none !important;
    }

    .woocommerce-EditAccountForm fieldset {
        padding: 14px 16px !important;
    }
}

/*-------------Orders-List-------*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   بخش ۱: ساختار کلی و کارت سفارش (Desktop Grid Layout)
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ۱.۱. حذف کامل سربرگ جدول */
.woocommerce-orders-table thead {
    display: none !important;
}

.woocommerce-orders-table {
    display: block !important;
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    border-collapse: separate !important;
}

.woocommerce-orders-table tbody {
    display: block !important;
    width: 100% !important;
}

/* ۱.۲. کارت اصلی سفارش (تثبیت ۱۰۰٪ مختصات افقی و عمودی بدون لغزش) */
.woocommerce-orders-table tr.woocommerce-orders-table__row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    background: #ffffff !important;
    border-radius: 18px !important;
    border: 1px solid #e5e7eb !important;
    border-right-style: solid !important;
    border-right-width: 6px !important; /* نوار وضعیت لبه راست */
    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.03) !important;
    padding: 14px 16px !important;
    margin-bottom: 14px !important;
    gap: 8px !important;
    position: relative !important;
    
    /* تثبیت دقیق رندرینگ جهت رفع قطعی هرگونه لغزش افقی و عمودی */
    transform-origin: center center !important;
    transform: perspective(1000px) translate3d(0, 0, 0) scale(1) !important;
    -webkit-transform: perspective(1000px) translate3d(0, 0, 0) scale(1) !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    will-change: transform, box-shadow, border-color;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease, border-color 0.3s ease !important;
    z-index: 1;
}

/* رفع خطای شکست هندسی ساب‌پیکسل و لرزش فونت‌ها */
.woocommerce-orders-table tr.woocommerce-orders-table__row,
.woocommerce-orders-table tr.woocommerce-orders-table__row * {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: geometricPrecision !important;
}

/* ایزوله‌سازی تمام آیکون‌ها برای جلوگیری از جابجایی افقی موقع Scale */
.woocommerce-orders-table tr.woocommerce-orders-table__row::before,
.woocommerce-orders-table tr.woocommerce-orders-table__row::after,
.woocommerce-orders-table tr.woocommerce-orders-table__row a::before,
.woocommerce-orders-table tr.woocommerce-orders-table__row span::before {
    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
}

/* هاور کارت سفارش: بزرگ‌شدن متقارن، بدون لغزش افقی */
.woocommerce-orders-table tr.woocommerce-orders-table__row:hover {
    box-shadow: 0 20px 42px -10px rgba(0, 0, 0, 0.1) !important;
    transform: perspective(1000px) translate3d(0, 0, 0) scale(1.026) !important;
    border-color: rgba(192, 17, 87, 0.35) !important;
    border-right-color: #C01157 !important;
    z-index: 10 !important;
}

/* آیکون فلش (Chevron) در منتهی‌الیه چپ کارت */
.woocommerce-orders-table tr.woocommerce-orders-table__row::after {
    order: 7 !important;
    content: '';
    display: inline-block;
    width: 30px !important;
    height: 30px !important;
    border-radius: 50%;
    background-color: #f1f5f9;
    border: 1px solid #cbd5e1;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    -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='3'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center / 13px;
    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='3'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center / 13px;
    margin-right: 6px !important;
    margin-left: 0 !important;
    flex-shrink: 0 !important;
    transition: transform 0.28s cubic-bezier(0.34, 1.56, 0.64, 1), background-color 0.2s ease, box-shadow 0.28s ease !important;
}

.woocommerce-orders-table tr.woocommerce-orders-table__row:hover::after {
    background-color: #C01157;
    border-color: #C01157;
    box-shadow: 0 4px 14px rgba(192, 17, 87, 0.4);
    transform: translateX(-4px) scale(1.22) !important;
}

/* ۱.۳. ریست استایل سلول‌ها */
.woocommerce-orders-table td, 
.woocommerce-orders-table th.woocommerce-orders-table__cell {
    border: none !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   بخش ۲: نوار رنگی وضعیت سفارش در لبه راست کارت
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.woocommerce-orders-table tr.woocommerce-orders-table__row--status-cancelled,
.woocommerce-orders-table tr.woocommerce-orders-table__row--status-failed {
    border-right-color: #ef4444 !important;
}

.woocommerce-orders-table tr.woocommerce-orders-table__row--status-pending,
.woocommerce-orders-table tr.woocommerce-orders-table__row--status-on-hold {
    border-right-color: #f59e0b !important;
}

.woocommerce-orders-table tr.woocommerce-orders-table__row--status-processing {
    border-right-color: #0284c7 !important;
}

.woocommerce-orders-table tr.woocommerce-orders-table__row--status-completed {
    border-right-color: #10b981 !important;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   بخش ۳: ستون‌های شناختی (شماره سفارش، تاریخ، عکس‌ها)
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ۳.۱. شماره سفارش */
.woocommerce-orders-table__cell-order-number {
    order: 1;
    width: 72px !important;
    flex-shrink: 0;
}

.woocommerce-orders-table__cell-order-number a {
    background: transparent !important;
    border: none !important;
    color: #111827 !important;
    font-size: 14.5px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    transition: color 0.2s ease;
}

.woocommerce-orders-table__cell-order-number a::before {
    content: '';
    display: inline-block;
    width: 16px !important;
    height: 16px !important;
    background-color: #4b5563;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.2'%3E%3Cpath d='M4 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1 2 1V2l-2 1-2-1-2 1-2-1-2 1-2-1-2 1Z'/%3E%3Cline x1='8' y1='8' x2='16' y2='8'/%3E%3Cline x1='8' y1='12' x2='14' y2='12'/%3E%3C/svg%3E") no-repeat center / contain;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.2'%3E%3Cpath d='M4 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1 2 1V2l-2 1-2-1-2 1-2-1-2 1-2-1-2 1Z'/%3E%3Cline x1='8' y1='8' x2='16' y2='8'/%3E%3Cline x1='8' y1='12' x2='14' y2='12'/%3E%3C/svg%3E") no-repeat center / contain;
}

.woocommerce-orders-table tr.woocommerce-orders-table__row:hover .woocommerce-orders-table__cell-order-number a {
    color: #C01157 !important;
}

.woocommerce-orders-table tr.woocommerce-orders-table__row:hover .woocommerce-orders-table__cell-order-number a::before {
    background-color: #C01157;
}

/* ۳.۲. تاریخ ثبت سفارش (رفع کامل پنهان‌شدن و لغزش آیکون تقویم) */
.woocommerce-orders-table__cell-order-date {
    order: 2;
    width: 136px !important;      /* فضای کافی برای قرارگیری کامل آیکون و متن بدون برخورد به لبه */
    min-width: 136px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 30px !important;
    padding: 5px 10px !important;
    color: #334155 !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    white-space: nowrap;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    flex-shrink: 0 !important;
    overflow: visible !important; /* جلوگیری از برش لبه‌های آیکون توسط پس‌زمینه */
    box-sizing: border-box !important;
}

/* ایزوله‌سازی آیکون تقویم و جلوگیری از فشرده‌شدن آن */
.woocommerce-orders-table__cell-order-date::before {
    content: '';
    display: inline-block !important;
    width: 15px !important;
    height: 15px !important;
    flex-shrink: 0 !important;     /* جلوگیری از له شدن یا تغییر ابعاد آیکون */
    background-color: #C01157;
    -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'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E") no-repeat center / contain;
    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'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E") no-repeat center / contain;
    transform: translateZ(0) !important;
}

/* ۳.۳. تصاویر محصولات (رزرو ۲۰۸ پیکسل جهت رفع تداخل با قیمت) */
.woocommerce-orders-table__cell-order-thumbs {
    order: 3;
    flex: 0 0 208px !important;
    width: 208px !important;
    min-width: 208px !important;
    max-width: 208px !important;
    direction: rtl !important;
    justify-content: flex-start !important;
}

.custom-order-thumbs {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px !important;
    width: 100%;
    direction: rtl !important;
}

.custom-order-thumbs .thumb-item {
    width: 44px !important;
    height: 44px !important;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    transition: transform 0.2s ease;
}

.custom-order-thumbs .thumb-item:hover {
    transform: scale(1.05);
}

.custom-order-thumbs .thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* نشانگر اقلام بیشتر (+) */
.custom-order-thumbs .thumb-more {
    width: 44px !important;
    height: 44px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px !important;
    font-weight: 800;
    background: #f1f5f9;
    color: #475569;
    border-radius: 10px;
    border: 1px dashed #cbd5e1;
    flex-shrink: 0;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   بخش ۴: ستون قیمت (استایل پریمیوم و بدون تغییر مکان)
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.woocommerce-orders-table__cell-order-total {
    order: 4;
    flex-shrink: 0;
    background: #fff1f6 !important;
    border: 1px solid rgba(192, 17, 87, 0.18) !important;
    border-radius: 14px !important;
    padding: 6px 14px !important;
    font-size: 0 !important;
    white-space: nowrap;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 6px rgba(192, 17, 87, 0.04) !important;
}

.woocommerce-orders-table__cell-order-total .woocommerce-Price-amount {
    color: #C01157 !important;
    font-size: 16.5px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    direction: rtl !important;
    display: inline-block !important;
}

.woocommerce-orders-table__cell-order-total .woocommerce-Price-currencySymbol {
    color: #C01157 !important;
    font-size: 13px !important;
    margin-right: 3px !important;
    font-weight: 800 !important;
}

.woocommerce-orders-table__cell-order-total .order-count {
    display: none !important;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   بخش ۵: دکمه‌های عملیات و وضعیت سفارش
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ۵.۱. دکمه‌های عملیات */
.woocommerce-orders-table__cell-order-actions {
    order: 5;
    margin-right: auto !important;
    display: flex !important;
    gap: 6px !important;
    align-items: center !important;
    flex-shrink: 0;
}

.woocommerce-orders-table__cell-order-actions a.button {
    margin: 0 !important;
    transition: all 0.2s ease !important;
}

/* دکمه پرداخت */
.woocommerce-orders-table__cell-order-actions a.button.pay {
    border-radius: 50px !important;
    padding: 6px 11px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    background: #C01157 !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 3px 8px rgba(192, 17, 87, 0.25) !important;
}

.woocommerce-orders-table__cell-order-actions a.button.pay::before {
    content: '';
    display: inline-block;
    width: 13px !important;
    height: 13px !important;
    background-color: #ffffff;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.2'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cline x1='2' y1='10' x2='22' y2='10'/%3E%3C/svg%3E") no-repeat center / contain;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.2'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cline x1='2' y1='10' x2='22' y2='10'/%3E%3C/svg%3E") no-repeat center / contain;
}

.woocommerce-orders-table__cell-order-actions a.button.pay:hover {
    background: #9f0c47 !important;
    box-shadow: 0 5px 14px rgba(192, 17, 87, 0.35) !important;
}

/* دکمه لغو */
.woocommerce-orders-table__cell-order-actions a.button.cancel {
    border-radius: 50px !important;
    padding: 6px 11px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    background: #f8fafc !important;
    color: #475569 !important;
    border: 1px solid #cbd5e1 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
}

.woocommerce-orders-table__cell-order-actions a.button.cancel::before {
    content: '';
    display: inline-block;
    width: 11px !important;
    height: 11px !important;
    background-color: #64748b;
    -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.5'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E") no-repeat center / contain;
    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.5'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E") no-repeat center / contain;
}

.woocommerce-orders-table__cell-order-actions a.button.cancel:hover {
    border-color: #ef4444 !important;
    color: #ef4444 !important;
    background: #fef2f2 !important;
}

.woocommerce-orders-table__cell-order-actions a.button.cancel:hover::before {
    background-color: #ef4444;
}

/* دکمه آیکونی سفارش دوباره (تراز ۱۰۰٪ ریاضی در مرکز دایره) */
.woocommerce-orders-table__cell-order-actions a.button.order-again {
    position: relative !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    font-size: 0 !important;
    display: inline-block !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
    flex-shrink: 0 !important;
}

/* آیکون با مختصات مطلق در مرکز دقیق */
.woocommerce-orders-table__cell-order-actions a.button.order-again::before {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 14px !important;
    height: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: #64748b;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.3'%3E%3Cpath d='M21.5 2v6h-6M2.5 22v-6h6M2 11.5a10 10 0 0 1 18.8-4.3M22 12.5a10 10 0 0 1-18.8 4.2'/%3E%3C/svg%3E") no-repeat center / contain;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.3'%3E%3Cpath d='M21.5 2v6h-6M2.5 22v-6h6M2 11.5a10 10 0 0 1 18.8-4.3M22 12.5a10 10 0 0 1-18.8 4.2'/%3E%3C/svg%3E") no-repeat center / contain;
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), background-color 0.2s ease !important;
}

/* هاور دکمه سفارش دوباره: افکت جهش جذاب و چرخش آیکون */
.woocommerce-orders-table__cell-order-actions a.button.order-again:hover {
    background: #fff1f6 !important;
    border-color: rgba(192, 17, 87, 0.25) !important;
    box-shadow: 0 4px 12px rgba(192, 17, 87, 0.16) !important;
    transform: scale(1.08) !important;
}

.woocommerce-orders-table__cell-order-actions a.button.order-again:hover::before {
    background-color: #C01157;
    transform: translate(-50%, -50%) rotate(-180deg) !important;
}

/* تولتیپ (Tooltip) شناور بالای دکمه */
.woocommerce-orders-table__cell-order-actions a.button.order-again:hover::after {
    content: 'سفارش دوباره';
    position: absolute;
    bottom: calc(100% + 9px);
    left: 50%;
    transform: translateX(-50%);
    background: #0f172a;
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 6px;
    white-space: nowrap;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
    z-index: 100;
    pointer-events: none;
    line-height: 1.4;
}

/* اسپینر بارگذاری دکمه سفارش دوباره */
.woocommerce-orders-table__cell-order-actions a.button.order-again.loading {
    background: #9f0c47 !important;
    border-color: #9f0c47 !important;
}

.woocommerce-orders-table__cell-order-actions a.button.order-again.loading::before,
.woocommerce-orders-table__cell-order-actions a.button.order-again.loading::after {
    display: none !important;
}

.woocommerce-orders-table__cell-order-actions a.button.order-again .spinner-icon {
    position: absolute;
    top: calc(50% - 7px);
    left: calc(50% - 7px);
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: wc-order-spin 0.6s linear infinite;
}

@keyframes wc-order-spin {
    to { transform: rotate(360deg); }
}

/* ۵.۲. نشان وضعیت سفارش */
.woocommerce-orders-table__cell-order-status {
    order: 6;
    margin-right: 0 !important;
    margin-left: 0 !important;
    flex-shrink: 0;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px 14px !important;
    border-radius: 50px !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    white-space: nowrap;
    min-width: 100px !important;
    text-align: center !important;
}

/* پالت رنگی وضعیت‌ها */
.woocommerce-orders-table__row--status-cancelled .woocommerce-orders-table__cell-order-status,
.woocommerce-orders-table__row--status-failed .woocommerce-orders-table__cell-order-status {
    background-color: #fee2e2 !important;
    color: #b91c1c !important;
    border: 1px solid #fca5a5 !important;
}

.woocommerce-orders-table__row--status-pending .woocommerce-orders-table__cell-order-status,
.woocommerce-orders-table__row--status-on-hold .woocommerce-orders-table__cell-order-status {
    background-color: #fef3c7 !important;
    color: #b45309 !important;
    border: 1px solid #fcd34d !important;
}

.woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status {
    background-color: #e0f2fe !important;
    color: #0369a1 !important;
    border: 1px solid #7dd3fc !important;
}

.woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status {
    background-color: #dcfce7 !important;
    color: #15803d !important;
    border: 1px solid #86efac !important;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   بخش ۶: دکمه‌های صفحه‌بندی (قبلی و بعدی)
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.woocommerce-pagination {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    margin-top: 30px !important;
    padding-bottom: 20px !important;
}

.woocommerce-pagination a.woocommerce-button {
    background: #ffffff !important;
    color: #374151 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 50px !important;
    padding: 10px 24px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    transition: all 0.25s ease-in-out !important;
    text-decoration: none !important;
}

.woocommerce-pagination a.woocommerce-button:hover {
    background: #C01157 !important;
    color: #ffffff !important;
    border-color: #C01157 !important;
    box-shadow: 0 6px 16px rgba(192, 17, 87, 0.25) !important;
    transform: translateY(-2px);
}

.woocommerce-pagination a.woocommerce-Button--next::after,
.woocommerce-pagination a.woocommerce-button--next::after {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: currentColor;
    -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.5'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center / contain;
    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.5'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center / contain;
}

.woocommerce-pagination a.woocommerce-Button--previous::before,
.woocommerce-pagination a.woocommerce-button--previous::before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: currentColor;
    -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.5'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center / contain;
    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.5'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center / contain;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   بخش ۷: هماهنگی کامل حالت دارک‌مود (Dark Mode)
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

html[data-wp-dark-mode-active] .woocommerce-orders-table tr.woocommerce-orders-table__row {
    background: #18181b !important;
    border-color: #27272a !important;
    box-shadow: none !important;
}

html[data-wp-dark-mode-active] .woocommerce-orders-table tr.woocommerce-orders-table__row::after {
    background-color: #27272a;
    border-color: #3f3f46;
}

html[data-wp-dark-mode-active] .woocommerce-orders-table__cell-order-number a {
    color: #f4f4f5 !important;
}

html[data-wp-dark-mode-active] .woocommerce-orders-table__cell-order-number a::before {
    background-color: #a1a1aa !important;
}

html[data-wp-dark-mode-active] .woocommerce-orders-table__cell-order-date {
    background: #27272a !important;
    border-color: #3f3f46 !important;
    color: #cbd5e1 !important;
}

html[data-wp-dark-mode-active] .custom-order-thumbs .thumb-item {
    background: #27272a !important;
    border-color: #3f3f46 !important;
}

html[data-wp-dark-mode-active] .custom-order-thumbs .thumb-more {
    background: #27272a !important;
    border-color: #3f3f46 !important;
    color: #d4d4d8 !important;
}

html[data-wp-dark-mode-active] .woocommerce-orders-table__cell-order-total {
    background: rgba(192, 17, 87, 0.15) !important;
    border-color: rgba(192, 17, 87, 0.3) !important;
}

html[data-wp-dark-mode-active] .woocommerce-orders-table__cell-order-actions a.button.cancel {
    background: #27272a !important;
    border-color: #3f3f46 !important;
    color: #d4d4d8 !important;
}

html[data-wp-dark-mode-active] .woocommerce-orders-table__cell-order-actions a.button.order-again {
    background: #27272a !important;
    border-color: #3f3f46 !important;
}

html[data-wp-dark-mode-active] .woocommerce-orders-table__cell-order-actions a.button.order-again::before {
    background-color: #94a3b8;
}

html[data-wp-dark-mode-active] .woocommerce-orders-table__cell-order-actions a.button.order-again:hover {
    background: rgba(192, 17, 87, 0.18) !important;
    border-color: rgba(192, 17, 87, 0.35) !important;
}

html[data-wp-dark-mode-active] .woocommerce-orders-table__cell-order-actions a.button.order-again:hover::before {
    background-color: #f472b6;
}

html[data-wp-dark-mode-active] .woocommerce-pagination a.woocommerce-button {
    background: #27272a !important;
    border-color: #3f3f46 !important;
    color: #e4e4e7 !important;
    box-shadow: none !important;
}

html[data-wp-dark-mode-active] .woocommerce-pagination a.woocommerce-button:hover {
    background: #C01157 !important;
    color: #ffffff !important;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   بخش ۸: رسپانسیو و استایل‌های نسخه موبایل (Mobile Responsive)
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

@media (max-width: 768px) {

/* -------------------------------------------------------------
       ۱. منوی داشبورد در موبایل (حذف خطوط بین آیتم‌ها + کاهش فاصله تا کارت‌ها)
       ------------------------------------------------------------- */
    .woocommerce-MyAccount-navigation,
    .wd-my-account-sidebar {
        margin: 0 0 10px 0 !important; /* کاهش فاصله منو تا شروع کارت‌های سفارش */
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    /* حذف فاصله‌های بالای بخش محتوا/کارت‌ها */
    .woocommerce-MyAccount-content {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* عنوان MY ACCOUNT همراه با خط جداکننده زیر آن */
    .woocommerce-MyAccount-navigation > h4,
    .wd-my-account-sidebar > h4,
    .woocommerce-MyAccount-title,
    .wd-my-account-title,
    .woocommerce-MyAccount-navigation .title {
        display: block !important;
        text-align: center !important;
        font-size: 15px !important;
        font-weight: 800 !important;
        color: #1e293b !important;
        letter-spacing: 0.5px !important;
        margin: 0 auto 12px auto !important;
        padding-bottom: 12px !important;
        border-bottom: 1px solid #f1f5f9 !important; /* تنها خط جداکننده مجاز */
    }

    /* لیست گزینه‌ها */
    .woocommerce-MyAccount-navigation ul {
        display: flex !important;
        flex-direction: column !important;
        padding: 0 !important;
        margin: 0 !important;
        list-style: none !important;
        background: transparent !important;
        border: none !important;
    }

    /* حذف کامل تمام خطوط و بوردرهای بین گزینه‌ها */
    .woocommerce-MyAccount-navigation ul li {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;        /* حذف خطوط بین گزینه‌ها */
        border-bottom: none !important;
        border-top: none !important;
    }

    .woocommerce-MyAccount-navigation ul li::before,
    .woocommerce-MyAccount-navigation ul li::after {
        display: none !important;
        content: none !important;
    }

    /* ردیف‌های تمیز بدون خط جداکننده */
    .woocommerce-MyAccount-navigation ul li a {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        padding: 11px 14px !important;
        background: transparent !important;
        color: #334155 !important;
        font-size: 13.5px !important;
        font-weight: 700 !important;
        text-decoration: none !important;
        border: none !important;
        border-radius: 12px !important;
        box-shadow: none !important;
        transition: background-color 0.2s ease !important;
    }

    /* فلش راهنما در سمت چپ هر ردیف */
    .woocommerce-MyAccount-navigation ul li a::after {
        content: '' !important;
        display: inline-block !important;
        width: 14px !important;
        height: 14px !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.5'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%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.5'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center / contain !important;
        margin-right: auto !important;
    }

    /* تب فعال با کادر کپسولی تمیز (رفع نهایی زائده هلالی وودمارت) */
    .woocommerce-MyAccount-navigation ul li.is-active a,
    .woocommerce-MyAccount-navigation ul li[class*="--orders"] a {
        background: #fff1f6 !important;
        color: #C01157 !important;
        font-weight: 800 !important;
        border: none !important;
        border-radius: 12px !important;
        margin: 2px 0 !important;
    }

    .woocommerce-MyAccount-navigation ul li.is-active a::after,
    .woocommerce-MyAccount-navigation ul li[class*="--orders"] a::after {
        background-color: #C01157 !important;
    }
    
    /* -------------------------------------------------------------
       ۲. ساختار کارت سفارش (تراز دقیق شماره و تاریخ)
       ------------------------------------------------------------- */
    .woocommerce-orders-table tr.woocommerce-orders-table__row {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        /* شماره سفارش در راست و تاریخ در چپ */
        grid-template-areas:
            "number date"
            "status status"
            "thumbs thumbs"
            "total total"
            "actions actions" !important;
        align-items: center !important;
        padding: 16px !important;
        margin-bottom: 16px !important;
        border-radius: 18px !important;
        border: 1px solid #e5e7eb !important;
        
        /* نوار رنگی بالای کارت */
        border-right-width: 1px !important;
        border-right-style: solid !important;
        border-right-color: #e5e7eb !important;
        border-top-width: 5px !important;
        border-top-style: solid !important;
        
        gap: 8px !important;
        transform: none !important;
        box-shadow: 0 3px 12px rgba(0, 0, 0, 0.04) !important;
        transition: border-top-color 0.25s ease !important;
    }

    .woocommerce-orders-table tr.woocommerce-orders-table__row:hover {
        transform: none !important;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
        border-top-color: #C01157 !important;
    }

    /* رنگ نوار بالای کارت‌ها */
    .woocommerce-orders-table tr.woocommerce-orders-table__row--status-cancelled,
    .woocommerce-orders-table tr.woocommerce-orders-table__row--status-failed {
        border-top-color: #ef4444 !important;
    }

    .woocommerce-orders-table tr.woocommerce-orders-table__row--status-pending,
    .woocommerce-orders-table tr.woocommerce-orders-table__row--status-on-hold {
        border-top-color: #f59e0b !important;
    }

    .woocommerce-orders-table tr.woocommerce-orders-table__row--status-processing {
        border-top-color: #0284c7 !important;
    }

    .woocommerce-orders-table tr.woocommerce-orders-table__row--status-completed {
        border-top-color: #10b981 !important;
    }

    /* حذف برچسب‌های پیش‌فرض قالب */
    .woocommerce-orders-table td::before, 
    .woocommerce-orders-table th::before,
    .woocommerce-orders-table tr.woocommerce-orders-table__row::after {
        display: none !important;
        content: none !important;
    }


    /* -------------------------------------------------------------
       ۳. سطر اول: شماره سفارش (سمت راست) و تاریخ (سمت چپ)
       ------------------------------------------------------------- */
    .woocommerce-orders-table__cell-order-number {
        grid-area: number !important;
        justify-self: start !important; /* سمت راست در RTL */
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .woocommerce-orders-table__cell-order-number a {
        font-size: 16px !important;
        font-weight: 900 !important;
    }

    .woocommerce-orders-table__cell-order-date {
        grid-area: date !important;
        justify-self: end !important; /* سمت چپ در RTL */
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 30px !important;
        padding: 4px 10px !important;
        color: #475569 !important;
        font-size: 11px !important;
        font-weight: 700 !important;
    }

    .woocommerce-orders-table__cell-order-date::before {
        width: 13px !important;
        height: 13px !important;
    }


    /* -------------------------------------------------------------
       ۴. سطر دوم: وضعیت سفارش (مستقل در مرکز و بالای عکس‌ها)
       ------------------------------------------------------------- */
    .woocommerce-orders-table__cell-order-status {
        grid-area: status !important;
        justify-self: center !important;
        width: fit-content !important;
        margin: 4px auto 2px auto !important;
        padding: 5px 18px !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        border-radius: 50px !important;
        line-height: 1.4 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }


    /* -------------------------------------------------------------
       ۵. سطر سوم: تصاویر محصولات (مرکزچین)
       ------------------------------------------------------------- */
    .woocommerce-orders-table__cell-order-thumbs {
        grid-area: thumbs !important;
        justify-self: center !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 4px 0 8px 0 !important;
        padding: 0 !important;
        justify-content: center !important;
    }

    .custom-order-thumbs {
        gap: 8px !important;
        justify-content: center !important;
        width: 100%;
    }

    .custom-order-thumbs .thumb-item,
    .custom-order-thumbs .thumb-more {
        width: 44px !important;
        height: 44px !important;
        border-radius: 10px !important;
        flex-shrink: 0 !important;
    }


    /* -------------------------------------------------------------
       ۶. سطر چهارم: کادر قیمت (مرکزچین)
       ------------------------------------------------------------- */
    .woocommerce-orders-table__cell-order-total {
        grid-area: total !important;
        justify-self: stretch !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        background: #fff5f8 !important;
        border: 1px solid rgba(192, 17, 87, 0.15) !important;
        border-radius: 12px !important;
        padding: 8px 14px !important;
        margin: 2px 0 8px 0 !important;
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 6px !important;
        box-sizing: border-box !important;
    }

    .woocommerce-orders-table__cell-order-total::before {
        display: inline-block !important;
        content: 'مبلغ کل سفارش:' !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        color: #475569 !important;
    }

    .woocommerce-orders-table__cell-order-total .woocommerce-Price-amount {
        font-size: 16.5px !important;
        font-weight: 900 !important;
    }


    /* -------------------------------------------------------------
       ۷. سطر پنجم: دکمه‌های عملیات (پرداخت، لغو و سفارش دوباره)
       ------------------------------------------------------------- */
    .woocommerce-orders-table__cell-order-actions {
        grid-area: actions !important;
        justify-self: stretch !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 8px !important;
        flex-direction: row !important;
    }

    .woocommerce-orders-table__cell-order-actions a.button.pay,
    .woocommerce-orders-table__cell-order-actions a.button.cancel {
        flex: 1 !important;
        justify-content: center !important;
        padding: 9px 12px !important;
        font-size: 12px !important;
        border-radius: 50px !important;
    }

    /* دکمه سفارش دوباره */
    .woocommerce-orders-table__cell-order-actions a.button.order-again {
        width: auto !important;
        min-width: 160px !important;
        max-width: 240px !important;
        height: 38px !important;
        min-height: 38px !important;
        aspect-ratio: auto !important;
        border-radius: 50px !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        color: #C01157 !important;
        background: #fff1f6 !important;
        border: 1px solid rgba(192, 17, 87, 0.25) !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 7px !important;
        padding: 0 20px !important;
        margin: 0 auto !important;
        line-height: normal !important;
        white-space: nowrap !important;
        transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease !important;
        transform: none !important;
    }

    .woocommerce-orders-table__cell-order-actions a.button.order-again::before {
        position: static !important;
        transform: none !important;
        display: inline-block !important;
        background-color: #C01157 !important;
        width: 14px !important;
        height: 14px !important;
        margin: 0 !important;
        flex-shrink: 0 !important;
        transition: transform 0.35s ease, background-color 0.25s ease !important;
    }

    .woocommerce-orders-table__cell-order-actions a.button.order-again:hover {
        background: #C01157 !important;
        color: #ffffff !important;
        border-color: #C01157 !important;
        transform: none !important;
    }

    .woocommerce-orders-table__cell-order-actions a.button.order-again:hover::before {
        background-color: #ffffff !important;
        position: static !important;
        transform: rotate(-180deg) !important;
    }

    .woocommerce-orders-table__cell-order-actions a.button.order-again:hover::after {
        display: none !important;
    }


    /* -------------------------------------------------------------
       ۸. صفحه‌بندی در موبایل
       ------------------------------------------------------------- */
    .woocommerce-pagination {
        gap: 8px !important;
        margin-top: 20px !important;
    }

    .woocommerce-pagination a.woocommerce-button {
        padding: 8px 18px !important;
        font-size: 12px !important;
    }
}

/*---#20-------------------Order View - Ultimate Polished-------------------*/

/* ۱. استایل نوتیفیکیشن وضعیت سفارش */
.woocommerce-MyAccount-content > p:has(mark.order-number),
.mk-main-notice {
    display: block !important;
    text-align: center !important;
    background: rgba(192, 17, 87, 0.04) !important;
    padding: 25px 20px !important;
    border-radius: 20px !important;
    font-size: 18px !important;
    border: 1px dashed rgba(192, 17, 87, 0.25) !important;
    margin-bottom: 35px !important;
    line-height: 2 !important;
    color: #444 !important;
    position: relative !important;
}

.woocommerce-MyAccount-content > p:has(mark.order-number)::before,
.mk-main-notice::before {
    color: #C01157 !important;
    display: inline-block !important;
    margin-left: 8px !important;
    font-size: 24px !important;
    vertical-align: middle !important;
    line-height: 1 !important;
}

.woocommerce-MyAccount-content mark {
    background: transparent !important;
    color: #C01157 !important;
    font-weight: 900 !important;
}

html[data-wp-dark-mode-active] .woocommerce-MyAccount-content > p:has(mark.order-number),
html[data-wp-dark-mode-active] .mk-main-notice {
    background: #111111 !important;
    border: 1px solid rgba(192, 17, 87, 0.3) !important;
    box-shadow: 0 0 20px rgba(192, 17, 87, 0.2) !important;
    color: #eee !important;
}

/* ۲. تراز محصول و عکس */
.mk-order-product-wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    text-align: right !important;
}
.mk-product-img img { border-radius: 12px !important; border: 1px solid #eee !important; width: 75px !important; }

/* ۳. کارت‌های اصلی با درخشش شب */
.woocommerce-order-details, .woocommerce-column--billing-address {
    background: #fff !important;
    border-radius: 20px !important;
    border: 1px solid #eee !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
    margin-bottom: 35px !important;
    overflow: hidden !important;
}

html[data-wp-dark-mode-active] .woocommerce-order-details, 
html[data-wp-dark-mode-active] .woocommerce-column--billing-address {
    background: #111111 !important;
    border: 1px solid rgba(192, 17, 87, 0.3) !important;
    box-shadow: 0 0 25px rgba(192, 17, 87, 0.15) !important;
}

/* ۴. هدرهای کارت */
.woocommerce-order-details__title, 
.woocommerce-column--billing-address .woocommerce-column__title {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 20px !important;
    font-size: 20px !important;
    background: #fafafa !important;
    border-bottom: 1.5px dashed #eee !important;
    margin: 0 !important;
}
.woocommerce-order-details__title::before { content: "\f138" !important; font-family: "woodmart-font" !important; color: #C01157; font-size: 24px; }
.woocommerce-column--billing-address .woocommerce-column__title::before { content: "\f139" !important; font-family: "woodmart-font" !important; color: #C01157; font-size: 24px; }
html[data-wp-dark-mode-active] .woocommerce-order-details__title, 
html[data-wp-dark-mode-active] .woocommerce-column--billing-address .woocommerce-column__title { background: #1a1a1a !important; color: #fff !important; border-bottom-color: #333 !important; }

/* ۵. تراز جدول */
.shop_table.order_details { width: 100% !important; margin: 0 !important; border: none !important; }
.shop_table.order_details td, .shop_table.order_details th { padding: 20px 30px !important; }
.shop_table.order_details tfoot tr:first-child { display: none !important; }
.shop_table.order_details td.product-total, .shop_table.order_details tfoot td { display: table-cell !important; text-align: left !important; }
.shop_table.order_details tfoot td small.shipped_via { display: block !important; text-align: left !important; margin-top: 5px !important; color: #999 !important; }

/* ۶. فونت قیمت‌ها (اصلاح شده برای قیمت تخفیف خورده) */
/* قیمت نهایی و جدید: صورتی */
.woocommerce-Price-amount { 
    color: #C01157 !important; 
    font-weight: 800 !important; 
    font-size: 20px !important; 
}

/* قیمت قدیمی (تخفیف خورده): خاکستری و خط‌دار */
del .woocommerce-Price-amount {
    color: #b1b1b1 !important; /* خاکستری */
    font-size: 15px !important;
    font-weight: 400 !important;
    text-decoration: line-through !important; /* خط روی قیمت */
    margin-left: 10px;
}

.shop_table.order_details tfoot tr:last-child { background: rgba(192, 17, 87, 0.03) !important; }
.shop_table.order_details tfoot tr:last-child .woocommerce-Price-amount { font-size: 26px !important; }

/* ۷. باکس آدرس صورتحساب */
.woocommerce-customer-details address { padding: 30px !important; font-style: normal !important; border: none !important; }
.mk-row { display: flex !important; align-items: center !important; gap: 15px !important; margin-bottom: 15px !important; font-size: 17px !important; }
.mk-name-row { font-weight: 800 !important; font-size: 20px !important; color: #222 !important; margin-bottom: 18px !important; }
.mk-row i { color: #C01157 !important; width: 22px; text-align: center; font-size: 18px; }
.mk-woodmart-icon::before { content: "\f139" !important; font-family: "woodmart-font" !important; font-size: 20px !important; }

/* ۸. حذف موارد اضافی */
.woocommerce-column--shipping-address { display: none !important; }
html[data-wp-dark-mode-active] .mk-name-row { color: #fff !important; }

/* تنظیمات موبایل */
@media (max-width: 768px) {
    .woocommerce-MyAccount-content > p:has(mark.order-number), .mk-main-notice { font-size: 14px !important; padding: 10px 8px !important; line-height: 1.6 !important; }
    .woocommerce-MyAccount-content > p:has(mark.order-number)::before, .mk-main-notice::before { font-size: 18px !important; margin-left: 5px !important; }
    .woocommerce-customer-details address { padding: 20px 10px !important; }
    .mk-row { font-size: 14.5px !important; gap: 10px !important; }
    .mk-product-img { flex: 0 0 60px !important; }
    .mk-product-img img { width: 60px !important; }
    .shop_table.order_details { table-layout: fixed !important; width: 100% !important; margin: 0 !important; }
    .shop_table.order_details td, .shop_table.order_details th { padding: 15px 10px !important; }
    .woocommerce-order-details { overflow-x: hidden !important; }
    .shop_table.order_details td.product-total { width: 100px !important; padding-left: 10px !important; padding-right: 1px !important; white-space: nowrap !important; }
    .shop_table.order_details td.product-name { width: auto !important; padding-right: 8px !important; }
    .mk-order-product-wrapper { gap: 8px !important; width: 100% !important; }
    .mk-product-info { flex: 1 !important; white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; font-size: 13px !important; }
}

/*---#20--------------------MegaMenu (Final Precision Build)----------------------*/

/* ۱. اعمال رنگ خاکستری مینیمال به ستون محصولات (بدون تغییر) */
 .elementor-column.elementor-col-50, 
 .custom-middle-col {
    background-color: #f8f9fa !important;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

/* ۲. حذف المان‌های اضافه مگامنو */
 .product-grid-item .swatches-wrapper,
 .product-grid-item .wd-swatches-grid,
 .product-grid-item .wd-product-cats,
 .product-grid-item .wd-product-footer,
 .product-grid-item .wd-buttons,
 .product-grid-item .product-labels,
 .product-grid-item .price,
 .product-grid-item .star-rating,
 .product-grid-item .wd-add-btn-replace {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ۳. استایل عنوان محصول (نمایش کامل و نزدیکی به عکس) */
 .product-grid-item .wd-entities-title {
    font-size: 15px !important; 
    font-weight: 800 !important;
    color: #C01157 !important;
    margin: 5px 0 0 0 !important;
    text-align: center;
    /* اصلاح: حذف ellipsis برای نمایش کامل عنوان در صورت نیاز به دو خط */
    white-space: normal !important; 
    line-height: 1.2 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100% !important;
    transition: all 0.3s ease !important;
	 	padding-bottom: 8px !important;
}

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

/* خنثی‌سازی لایه‌های سیاه کننده وودمارت */
 .product-grid-item .product-element-top::before,
 .product-grid-item .product-element-top::after,
 .product-grid-item .product-image-link::before,
 .product-grid-item .product-image-link::after,
 .product-grid-item:hover .product-image-link::after,
 .product-grid-item .wd-quick-shop-2 {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
}

.product-grid-item {
    padding-left: 3px !important; /* فاصله سفید محور چپ کادر */
	    padding-right: 3px !important; /* فاصله سفید محور راست کادر */
	padding-top: 3px !important;
}

.product-grid-item:hover {
    background: #ffffff !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.07) !important; /* سایه نرم و محو */
    transform: translateY(-8px) !important; /* لیفت عمودی نرم */
    border-radius: 25px !important; /* گردی بیشتر در حالت هاور برای جذابیت */
}

 .product-grid-item:hover .product-image-link img {
    transform: scale(1.15) !important; 
}


/*---#21--------------------MegaMenu Nav-----------------------*/

/*---#21--------------------MegaMenu (Sidebar Tab Position)--------------------*/

/* ۱. تنظیم بدنه اصلی مگامنو */
.wd-dropdown-menu .elementor-container {
    position: relative !important;
}

/* ۲. هدایت قطعی تب‌ها به کانتینر اول (سمت راست) */
.wd-products-tabs .wd-nav-tabs-wrapper {
    position: absolute !important;
    /* هدایت به سمت راست کانتینر اول با استفاده از مقدار منفی */
    right: -280px !important; 
    top: 0 !important;
    width: 250px !important; /* عرض دقیق منوی سمت راست شما */
    border: none !important;
    z-index: 100 !important;
}

/* ۳. عمودی کردن لیست دسته‌بندی‌ها با استایل مدرن */
.wd-products-tabs .wd-nav-tabs {
    flex-direction: column !important;
    border: none !important;
}

.wd-products-tabs .wd-nav-tabs li {
    width: 100% !important;
    margin-bottom: 8px !important;
}

.wd-products-tabs .wd-nav-tabs li a {
    display: flex !important;
    flex-direction: row-reverse !important; /* آیکون راست، متن چپ */
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 14px 18px !important;
    background: #ffffff !important;
    border: 1px solid rgba(0,0,0,0.05) !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.02) !important;
    transition: all 0.3s ease !important;
}

/* ۴. استایل هاور و وضعیت فعال (صورتی برند میکا) */
.wd-products-tabs .wd-nav-tabs li.wd-active a,
.wd-products-tabs .wd-nav-tabs li:hover a {
    background: #ffffff !important;
    border-color: #C01157 !important;
    color: #C01157 !important;
    box-shadow: 0 8px 20px rgba(192, 17, 87, 0.1) !important;
    transform: translateX(-5px) !important;
}

/* نشانگر صورتی عمودی در لبه سمت محصولات */
.wd-products-tabs .wd-nav-tabs li.wd-active a::after {
    content: "";
    position: absolute;
    right: 0;
    top: 20%;
    height: 60%;
    width: 4px;
    background-color: #C01157;
    border-radius: 10px;
}

/* ۵. آزادسازی کامل کانتینر وسط برای محصولات */
.wd-products-tabs .wd-tab-content-wrapper {
    width: 100% !important;
    padding: 0 !important;
    background: transparent !important;
}


/*---#21------------------------Header Shop Arrow Style Fix----------------------*/

/* ==========================================================================
   نسخه ارتقایافته روتوش فلش مگامنو هدر - همگام با انیمیشن Ease-in-out سایت
   ========================================================================== */

/* ۱. ایجاد گپ امن و متوازن بین کلمه فروشگاه و فلش برای مهار کامل همپوشانی */
.wd-nav-main .woodmart-nav-link {
    gap: 7px !important; /* فاصله بهینه برای مهار انبساط فونت هنگام بولد شدن */
}

/* ۲. استایل ملایم، ظریف و مدرن فلش در حالت عادی (طبیعی و هماهنگ با هدر) */
.wd-nav-main .woodmart-nav-link::after {
    font-size: 9px !important; /* اندازه مینی‌مال و بسیار ظریف */
    font-weight: 400 !important;
    color: #64748b !important; /* رنگ طوسی مات و شیک در حالت عادی */
    opacity: 0.8 !important;
    
    /* 🌟 همگام‌سازی کامل با انیمیشن مورد نظر شما (Ease-in-out فوق‌روان) */
    transition: transform 0.3s ease-in-out, color 0.3s ease-in-out, opacity 0.3s ease-in-out !important;
    display: inline-block !important;
    transform-origin: center center !important; /* قفل کردن مرکز ثقل فلش برای چرخش متقارن */
}

/* ۳. استایل لوکس و تعاملی فلش هنگام هاور (هماهنگ با پالت رنگی برند شما) */
.wd-nav-main .menu-item:hover > .woodmart-nav-link::after {
    color: #C01157 !important; /* ست شدن قطعی با رنگ صورتی برند شما */
    opacity: 1 !important;
    
    /* 🌟 افکت موشن مدرن: چرخش ۱۸۰ درجه‌ای روان رو به بالا همزمان با باز شدن مگامنو */
    transform: rotate(180deg) !important; 
}

/* حالت شب (Dark Mode) برای رنگ فلش در حالت عادی */
html[data-wp-dark-mode-active] .wd-nav-main .woodmart-nav-link::after {
    color: #94a3b8 !important;
}
html[data-wp-dark-mode-active] .wd-nav-main .menu-item:hover > .woodmart-nav-link::after {
    color: #C01157 !important;
}



/*---#22--------------------Type Pointer Style----------------------*/

/*---#14--------------------Navigation Product Style-----------------------*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*---#20-----------------------Rounding Corners & Dark Glow--------------------*/

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

.wd-gallery-thumb .wd-carousel-item img {
    border-radius: 12px !important;
    overflow: hidden;
}

.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: transform 0.5s ease, border-radius 0.3s ease !important;
}

.product-element-top, 
.product-image-link,
.hover-img {
    border-radius: 20px !important;
    overflow: hidden !important;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}

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;
}

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);
}

/*---#21---------------------Product Page Core Styles--------------------*/

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

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

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

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

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

/* ۳. بج تخفیف گرد روی تصویر محصول */
.product-images .product-labels.labels-rounded .onsale {
    background-color: #C01157 !important;
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    min-width: 54px !important;
    min-height: 54px !important;
    box-shadow: 0 4px 12px rgba(192, 17, 87, 0.25) !important;
    border: 2px solid #ffffff !important;
}

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

/* استایل و وزن اعداد قیمت تخفیف‌خورده / اصلی */
.summary-inner .price > .woocommerce-Price-amount,
.summary-inner .price > .woocommerce-Price-amount bdi,
.summary-inner .price ins,
.summary-inner .price ins .woocommerce-Price-amount,
.summary-inner .price ins bdi,
.summary-inner .woocommerce-variation-price .price ins,
.summary-inner .woocommerce-variation-price .price ins .woocommerce-Price-amount,
.summary-inner .woocommerce-variation-price .price ins bdi {
    font-size: 28px !important;
    font-weight: 950 !important;
    color: #C01157 !important;
    font-family: "Vazirmatn", sans-serif !important;
    text-decoration: none !important;
    order: 1 !important;
    line-height: 1 !important;
}

/* واحد تومان در قیمت اصلی (فاصله طبیعی و بهینه بدون ایجاد گپ اضافی) */
.summary-inner .price .woocommerce-Price-currencySymbol,
.summary-inner .price ins .woocommerce-Price-currencySymbol,
.summary-inner .woocommerce-variation-price .price ins .woocommerce-Price-currencySymbol {
    font-size: 15px !important;
    font-weight: 750 !important;
    color: #C01157 !important;
    margin-right: 0px !important; /* حداقل کردن مارجین به دلیل وجود Space پیش‌فرض */
    margin-left: 0 !important;
    text-decoration: none !important;
    display: inline-block !important;
}

/* کانتینر قیمت خط‌خورده */
.summary-inner .price del,
.summary-inner .woocommerce-variation-price .price del {
    font-size: 14px !important;
    font-weight: 650 !important;
    color: #94a3b8 !important;
    font-family: "Vazirmatn", sans-serif !important;
    order: 2 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: baseline !important;
    direction: rtl !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

/* پرانتز باز */
.summary-inner .price del::before,
.summary-inner .woocommerce-variation-price .price del::before {
    content: "(" !important;
    color: #94a3b8 !important;
    font-weight: 650 !important;
    text-decoration: none !important;
    margin: 0 1px 0 0 !important;
    padding: 0 !important;
    display: inline !important;
}

/* قیمت قدیم با خط‌خوردگی پیوسته */
.summary-inner .price del .woocommerce-Price-amount,
.summary-inner .price del bdi,
.summary-inner .woocommerce-variation-price .price del .woocommerce-Price-amount,
.summary-inner .woocommerce-variation-price .price del bdi {
    font-size: 14px !important;
    font-weight: 650 !important;
    color: #94a3b8 !important;
    text-decoration: line-through !important;
    text-decoration-color: #94a3b8 !important;
    text-decoration-thickness: 1.2px !important;
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
}

/* واحد تومان داخل قیمت قدیم */
.summary-inner .price del .woocommerce-Price-currencySymbol,
.summary-inner .woocommerce-variation-price .price del .woocommerce-Price-currencySymbol {
    font-size: inherit !important;
    font-weight: inherit !important;
    color: inherit !important;
    text-decoration: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline !important;
}

/* پرانتز بسته */
.summary-inner .price del::after,
.summary-inner .woocommerce-variation-price .price del::after {
    content: ")" !important;
    color: #94a3b8 !important;
    font-weight: 650 !important;
    text-decoration: none !important;
    margin: 0 0 0 1px !important;
    padding: 0 !important;
    display: inline !important;
}

/* ۵. ساختار و چیدمان متغیرها (با فواصل عمودی متوازن و متقارن) */
.summary-inner form.variations_form table.variations {
    margin-bottom: 6px !important;
    width: 100% !important;
    border: none !important;
}

.summary-inner form.variations_form table.variations tr {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 5px !important; /* فاصله بهینه و نزدیک متغیرها به عنوان بالای خود */
    margin-bottom: 20px !important; /* فاصله استاندارد و متقارن ردیف‌ها از هم */
    border: none !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.summary-inner .wd-reset-var .reset_variations {
    font-size: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 38px !important;
    background: transparent !important;
    border: none !important;
    text-decoration: none !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    box-shadow: none !important;
}

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

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

/* ۶. تثبیت کامل کانتینر پیام‌ها و رفع ۱۰۰٪ لرزش و پرش عمودی (Anti-Jitter) */
.summary-inner .single_variation_wrap {
    margin: 0 !important;
    padding: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

.summary-inner form.cart .quantity .qty {
    width: 46px !important;
    height: 100% !important;
    border-radius: 0 !important;
    border-top: none !important;
    border-bottom: none !important;
    border-left: 1.5px solid #e2e8f0 !important;
    border-right: 1.5px solid #e2e8f0 !important;
    background: #ffffff !important;
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}

.summary-inner form.cart .single_add_to_cart_button {
    background-color: #C01157 !important;
    color: #ffffff !important;
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    height: 48px !important;
    padding: 0 38px !important;
    border-radius: 50px !important;
    border: none !important;
    box-shadow: 0 4px 14px rgba(192, 17, 87, 0.22) !important;
    cursor: pointer !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    margin: 0 !important;
}

.summary-inner form.cart .single_add_to_cart_button:hover {
    background-color: #a00b46 !important;
    box-shadow: 0 6px 20px rgba(192, 17, 87, 0.35) !important;
    transform: translateY(-1px) !important;
}

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

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

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

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

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

/*---#22---------------------Product Tabs Style--------------------*/
/* ==========================================================================
   طراحی تب‌های محصول منطبق بر دیزاین سیستم Firefox Photon + آیکون‌های متقارن
   ========================================================================== */

.product-tabs-wrapper {
    margin-top: 50px !important;
    padding-top: 0 !important;
    border: none !important;
    background: transparent !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 🌟 تنظیم دقیق فاصله انتهای محتوای تب‌ها و خط زیرین در دسکتاپ */
.product-tabs-wrapper .entry-content.woocommerce-Tabs-panel {
    font-family: "Vazirmatn", sans-serif !important;
    line-height: 1.95 !important;
    color: #2b2b2f !important;
    font-size: 14.5px !important;
    padding: 15px 0 0px 0 !important;
    margin-bottom: -15px !important;
}

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

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

/* 🌟 فشرده‌سازی فاصله بالای محصولات مشابه */
.related-and-upsells,
.container.related-and-upsells,
.product-tabs-wrapper + .container {
    position: relative !important;
    border-top: none !important;
    margin-top: 15px !important;
    padding-top: 15px !important;
}

/* تیتر «محصولات مشابه» و فاصله استاندارد تا کارت‌ها */
.related-products .slider-title,
.related-and-upsells .element-title,
.related-and-upsells .wd-el-title {
    color: #0f172a !important;
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 20px !important;
    font-weight: 850 !important;
    margin-bottom: 20px !important;
    text-align: right !important;
}

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

/*---#23----------------------Comments & Reviews Base Styles--------------------*/
/* ==========================================================================
   ساختار کادر نظرات و فرم ارسال نظر
   ========================================================================== */

.woocommerce-Reviews .commentlist.wd-grid-g,
.woocommerce-Reviews ol.commentlist {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 0 35px 0 !important;
}

.woocommerce-Reviews .commentlist li.review,
.woocommerce-Reviews .commentlist li {
    background: rgba(192, 17, 87, 0.015) !important;
    border: 1px solid rgba(192, 17, 87, 0.12) !important;
    border-radius: 16px !important;
    padding: 14px 12px !important;
    margin-bottom: 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    float: none !important;
    height: auto !important;
}

.woocommerce-Reviews .commentlist li:last-child {
    border: 1px solid rgba(192, 17, 87, 0.12) !important;
    margin-bottom: 0 !important;
}

.woocommerce-Reviews .comment_container {
    display: flex !important;
    align-items: flex-start !important;
    gap: 25px !important;
    direction: rtl !important;
    width: 100% !important;
}

.woocommerce-Reviews .comment_container img.avatar {
    width: 42px !important;
    height: 42px !important;
    max-height: 42px !important;
    max-width: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    margin: 0px 8px 0 0 !important;
    border: 2px solid #ffffff !important;
    object-fit: cover !important;
    flex-shrink: 0 !important;
    box-shadow: 0 3px 10px rgba(0,0,0,0.04) !important;
}

.woocommerce-Reviews .comment-text {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

.woocommerce-Reviews .comment-text .meta {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
}

.woocommerce-Reviews .comment-text .woocommerce-review__author {
    font-size: 14px !important;
    font-weight: 850 !important;
    color: #0f172a !important;
}

.woocommerce-Reviews .comment-text .woocommerce-review__published-date {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #C01157 !important;
    background: rgba(192, 17, 87, 0.05) !important;
    padding: 3px 12px !important;
    border-radius: 20px !important;
}

.woocommerce-Reviews .comment-text .woocommerce-review__dash { display: none !important; }
.woocommerce-Reviews .comment-text .star-rating { font-size: 10px !important; margin: 2px 0 !important; }
.woocommerce-Reviews .comment-text .description { font-size: 13px !important; color: #334155 !important; line-height: 1.6 !important; }

#commentform textarea {
    background-color: #fdfdfd !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 15px !important;
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 13px !important;
    color: #334155 !important;
    transition: all 0.25s ease !important;
}

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

#commentform #submit {
    background-color: #C01157 !important;
    color: #ffffff !important;
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    height: 44px !important;
    padding: 0 35px !important;
    border-radius: 30px !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(192, 17, 87, 0.15) !important;
    cursor: pointer !important;
}

/*---#24---------------------Related Products Card Base Styles---------------------*/

.product-grid-item.wd-product,
.owl-item .wd-product,
.wd-carousel-item .wd-product {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.wd-product .wd-product-wrapper {
    background-color: #ffffff !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02) !important;
    transition: all 0.3s ease-in-out !important;
}

/*---#25---------------------Footer Separator-----------------------*/

.wd-prefooter {
    border-top: none !important;
    border-bottom: 1px solid rgba(192, 17, 87, 0.12) !important;
    padding-bottom: 30px !important;
    margin-bottom: 0 !important;
}

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

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

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

    /* تیره‌تر بودن نام محصول در انتهای مسیر جهت تمایز و خوانایی بهتر در دسکتاپ */
    .single-breadcrumbs-wrapper .woocommerce-breadcrumb .breadcrumb-last,
    .single-breadcrumbs-wrapper .woocommerce-breadcrumb .last {
        color: #0f172a !important;
        font-weight: 700 !important;
    }
    
    /* دکمه ثبت نظر */
    #commentform #submit {
        float: left !important;
        margin-top: 15px !important;
    }

    /* ساختار ۲ ستونه نظرات در دسکتاپ */
    .woocommerce-Reviews,
    div#reviews.woocommerce-Reviews {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 0 !important;
        width: 100% !important;
        align-items: flex-start !important;
        direction: rtl !important;
    }

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

    .woocommerce-Reviews #review_form_wrapper {
        padding-left: 40px !important;
        padding-right: 0 !important;
        margin-top: 0 !important;
        border-left: 1px solid rgba(192, 17, 87, 0.12) !important;
        border-right: none !important;
    }

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

    .woocommerce-Reviews .wd-reviews-content {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    /* پدینگ تب‌ها و هاور محصولات مشابه در دسکتاپ */
    .product-tabs-wrapper,
    div.product-tabs-wrapper,
    .woocommerce-tabs,
    .tabs-layout-tabs {
        padding-bottom: 10px !important;
    }
    
    .related-products,
    .related.products,
    .container.related-and-upsells {
        margin-top: 15px !important;
    }

    .wd-product .wd-product-wrapper:hover {
        transform: translateY(-5px) !important;
        border-color: rgba(192, 17, 87, 0.18) !important;
        box-shadow: 0 12px 24px rgba(192, 17, 87, 0.06) !important;
    }
}

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

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

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

    .woocommerce-product-gallery .wd-nav-pagin .wd-nav-pagin-item span {
        display: block !important;
        width: 15px !important;
        height: 15px !important;
        background-color: #cbd5e1 !important;
        border: 1.5px solid transparent !important;
        border-radius: 50% !important;
        transition: all 0.25s ease !important;
        box-sizing: border-box !important;
    }

    .woocommerce-product-gallery .wd-nav-pagin .wd-nav-pagin-item.wd-active span {
        width: 16px !important;
        height: 16px !important;
        background-color: #f9f9f9c9 !important;
        border: 1.5px solid rgb(192, 17, 87) !important;
        border-radius: 10px !important;
    }

    .woocommerce-product-gallery .wd-gallery-thumb .wd-carousel {
        display: flex !important;
        justify-content: center !important;
        width: auto !important;
        max-width: 100% !important;
    }

    .woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-wrap {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 10px !important;
        width: auto !important;
        margin: 0 auto !important;
    }

    .woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item {
        width: 54px !important;
        height: 54px !important;
        min-width: 54px !important;
        max-width: 54px !important;
        flex: 0 0 54px !important;
        aspect-ratio: 1 / 1 !important;
        border-radius: 12px !important;
        border: 1.5px solid #e2e8f0 !important;
        background-color: #ffffff !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        padding: 0 !important;
        margin: 0 !important;
        top: 0 !important;
        float: none !important;
        cursor: pointer !important;
        pointer-events: auto !important;
        transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
    }

    .woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item img {
        width: 100% !important;
        height: 100% !important;
        aspect-ratio: 1 / 1 !important;
        object-fit: cover !important;
        object-position: center center !important;
        border-radius: 10px !important;
        border: none !important;
        display: block !important;
        margin: 0 !important;
        pointer-events: none !important;
        opacity: 0.6 !important;
        transition: opacity 0.2s ease !important;
    }

    .woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item:hover img {
        opacity: 0.85 !important;
    }

    .woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item.wd-thumb-active,
    .woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item.swiper-slide-thumb-active,
    .woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item.active-thumb,
    .woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item[class*="thumb-active"] {
        border-color: #C01157 !important;
        border-width: 2px !important;
        box-shadow: 0 2px 10px rgba(192, 17, 87, 0.28) !important;
        opacity: 1 !important;
    }

    .woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item.wd-thumb-active img,
    .woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item.swiper-slide-thumb-active img,
    .woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item.active-thumb img,
    .woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item[class*="thumb-active"] img {
        opacity: 1 !important;
        filter: none !important;
    }

    /* ب) چیدمان مسیر راهنما و دکمه‌های ناوبری */
    .single-breadcrumbs-wrapper .container {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
        width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        box-sizing: border-box !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .summary-inner form.variations_form {
        order: 5 !important;
        width: 100% !important;
        margin: 0 auto !important;
    }

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

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

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

    /* ردیف اصلی متغیرها */
    .summary-inner .wd-swatches-grid,
    .summary-inner .swatches-select,
    .summary-inner form.variations_form table.variations td.value {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        direction: rtl !important;
        margin: 0 auto !important;
        padding: 0 !important;
        position: relative !important;
    }

    .summary-inner .wd-swatches-product[data-id="pa_color"] {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 4px !important;
    }

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

    /* کانتینر گزینه‌های اندازه */
    .summary-inner .wd-swatches-product[data-id="pa_size"] {
        display: inline-flex !important;
        flex-wrap: nowrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 5px !important;
        margin: 0 !important;
        flex-shrink: 0 !important;
    }

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

    /* صفر کردن عرض کانتینر ضربدر (Width: 0) */
    .summary-inner .wd-reset-var,
    .summary-inner form.variations_form .wd-reset-var {
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        height: 31px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        flex-shrink: 0 !important;
        order: unset !important;
        clear: none !important;
        float: none !important;
        position: relative !important;
    }

    /* قرارگیری شناور و نزدیک دکمه ضربدر در کنار آخرین گزینه سایز */
    .summary-inner .reset_variations,
    .summary-inner .wd-reset-var .reset_variations,
    .summary-inner table.variations td.value .reset_variations,
    .summary-inner form.variations_form .reset_variations {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 18px !important;
        min-width: 18px !important;
        height: 31px !important;
        margin: 0 2px 0 0 !important;
        padding: 0 !important;
        flex-shrink: 0 !important;
        position: relative !important;
        cursor: pointer !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        text-decoration: none !important;
        font-size: 0 !important;
        line-height: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    .summary-inner .reset_variations::before,
    .summary-inner .wd-reset-var .reset_variations::before,
    .summary-inner form.variations_form .reset_variations::before {
        content: "✕" !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        color: #94a3b8 !important;
        display: inline-block !important;
        line-height: 1 !important;
        visibility: visible !important;
        transition: color 0.2s ease, transform 0.2s ease !important;
    }

    .summary-inner .reset_variations:hover::before,
    .summary-inner .wd-reset-var .reset_variations:hover::before {
        color: #C01157 !important;
        transform: scale(1.15) !important;
    }

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

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

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

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

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

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

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

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

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

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

    .summary-inner .product_meta {
        order: 8 !important;
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 2px !important;
        margin: 4px auto 0 auto !important;
        border-top: 1px solid #e2e8f0 !important;
        padding-top: 6px !important;
        width: 100% !important;
        font-size: 12.5px !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    
    /* د) نظرات در موبایل */
    .woocommerce-Reviews,
    div#reviews.woocommerce-Reviews {
        grid-template-columns: 1fr !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
    }
    
    .woocommerce-Reviews #review_form_wrapper {
        padding-left: 0 !important;
        padding-right: 0 !important;
        border-left: none !important;
        border-bottom: 1px solid rgba(192, 17, 87, 0.12) !important;
        padding-bottom: 18px !important;
        margin-bottom: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .woocommerce-Reviews #comments {
        padding-right: 0 !important;
        padding-left: 0 !important;
        padding-top: 0 !important;
        margin-top: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .woocommerce-Reviews .wd-reviews-heading {
        margin-top: 0px !important;
        margin-bottom: 12px !important;
        padding: 0 !important;
    }

    .woocommerce-Reviews .wd-reviews-tools,
    .woocommerce-Reviews .woocommerce-Reviews-title {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
    }

    .woocommerce-Reviews .commentlist.wd-grid-g,
    .woocommerce-Reviews ol.commentlist {
        padding: 0 0 10px 0 !important;
    }

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

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

    .woocommerce-Reviews .wd-reviews-content {
        padding-right: 0 !important;
        padding-left: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

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

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

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

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

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

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

/*---#23--------------------New Cart Page Block Style-----------------------*/

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    /* ۱. هدر جدول با تراز عمودی و افقی دقیق */
    .wc-block-cart-items__header {
        position: relative !important;  
        border-bottom: 1px solid #e2e8f0 !important;
        height: 52px !important;
    }

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

/* 🎯 ۱. کاهش فاصله بین تصویر و نام محصول */
    .wc-block-cart-items__header tr th.wc-block-cart-items__header-image,
    th.wc-block-cart-items__header-image {
        width: 115px !important; /* 👈 کاهش عرض ستون عکس جهت نزدیک شدن متن به عکس */
        padding-right: 25px !important;
        padding-left: 0 !important;
        text-align: center !important;
    }

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

/* 🎯 ۱. تراز دقیق کلمه «مجموع» در بالای ستون قیمت با فاصله یکسان ۲۵px از حاشیه چپ */
    .wc-block-cart-items__header tr th.wc-block-cart-items__header-total,
    th.wc-block-cart-items__header-total {
        width: 140px !important;
        padding-left: 8px !important; /* 👈 دقیقاً هم‌اندازه با فاصله ۲۵px عکس از حاشیه راست */
        padding-right: 0 !important;
        text-align: center !important;
        border-bottom: none !important;
    }

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

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

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

    td.wc-block-cart-item__image {
        width: 115px !important; /* 👈 کاهش عرض سلول عکس */
        padding: 16px 25px 16px 0 !important;
        text-align: center !important;
    }

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

    .wc-block-cart-item__image img,
    .wc-block-cart-line-items-block img,
    td.wc-block-cart-item__image img {
        width: 90px !important;  
        height: 90px !important; 
        max-width: 90px !important;
        max-height: 90px !important;
        border-radius: 14px !important;
        object-fit: cover !important;  
        display: block !important;
        margin: 0 auto !important;
        border: 1px solid #e2e8f0 !important;
    }
    
        td.wc-block-cart-item__product {
        padding-right: 15px !important; /* 👈 چسبیدن ملایم و استاندارد نام به عکس */
    }

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

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

    /* 🎯 ۲. فشرده‌سازی و کاهش فاصله عمودی بین خطوط نام، قیمت و ویژگی‌های کالا */
    .wc-block-cart-item__wrap {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: flex-start !important;
        gap: 1px !important; /* 👈 حداقل فاصله عمودی بین خطوط */
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* 🌟 نام محصول با رنگ سرخابی برند 🌟 */
    .wc-block-cart-item__name,
    .wc-block-components-product-name {
        font-family: "Vazirmatn", sans-serif !important;
        font-size: 16px !important;
        font-weight: 900 !important;
        color: #C01157 !important; /* 👈 رنگ سرخابی برند */
        margin: 0 0 2px 0 !important;
        line-height: 1.4 !important;
        text-decoration: none !important;
        transition: opacity 0.2s ease !important;
    }

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

    .wc-block-cart-item__prices {
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1.2 !important;
    }

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

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

    /* ۴. شمارنده تعداد و دکمه حذف */
    .wc-block-cart-item__product .wc-block-cart-item__quantity,
    div.wc-block-cart-item__quantity {
        display: flex !important;
        flex-direction: row !important;  
        align-items: center !important;
        justify-content: center !important;
        gap: 12px !important;
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
        position: absolute !important;
        top: 50% !important;
        left: 45.2% !important;  
        transform: translate(-50%, -50%) !important;  
        height: 38px !important;
        z-index: 5 !important;
    }

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

/* ۳. دکمه‌های مثبت و منفی با رفع مشکل گیر کردن هاور در لمس */
    .wc-block-components-quantity-selector__button,
    button.wc-block-components-quantity-selector__button {
        flex: 0 0 25px !important;
        width: 25px !important;
        height: 100% !important;
        font-size: 14.5px !important;
        font-weight: 700 !important;
        color: #C01157 !important;
        background: transparent !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: none !important;
        cursor: pointer !important;
        outline: none !important;
        -webkit-tap-highlight-color: transparent !important;
        transition: all 0.2s ease !important;
    }

    /* جلوگیری از ماندن رنگ پس‌زمینه بعد از لمس یا فوکوس */
    .wc-block-components-quantity-selector__button:focus,
    .wc-block-components-quantity-selector__button:focus-visible,
    button.wc-block-components-quantity-selector__button:focus {
        background-color: transparent !important;
        color: #C01157 !important;
        outline: none !important;
    }

    /* 🌟 هاور فقط برای موس (جلوگیری از قفل شدن در لمس موبایل) 🌟 */
    @media (hover: hover) and (pointer: fine) {
        .wc-block-components-quantity-selector__button:hover,
        button.wc-block-components-quantity-selector__button:hover {
            background-color: #C01157 !important;
            color: #ffffff !important;
        }
    }

    /* 🌟 افکت لمس آنی و خودکار بازگشت‌پذیر در موبایل 🌟 */
    .wc-block-components-quantity-selector__button:active,
    button.wc-block-components-quantity-selector__button:active {
        background-color: #C01157 !important;
        color: #ffffff !important;
        transform: scale(0.88) !important;
    }
    
    .wc-block-components-quantity-selector__input,
    input.wc-block-components-quantity-selector__input {
        font-family: "Vazirmatn", sans-serif !important;
        font-weight: 850 !important;
        font-size: 15px !important;
        color: #0f172a !important;
        background: transparent !important;
        border: none !important;
        flex: 1 !important;
        width: 100% !important;
        max-width: 46px !important; 
        text-align: center !important;
        padding: 0 !important;
        margin: 0 !important;
        font-variant-numeric: tabular-nums !important;
    }

    .wc-block-cart-item__quantity .wc-block-cart-item__remove-link,
    button.wc-block-cart-item__remove-link {
        margin: 0 !important;
        color: #94a3b8 !important;
        background: #f8fafc !important;  
        border: 1px solid #e2e8f0 !important;
        width: 34px !important;
        height: 34px !important;
        border-radius: 50% !important;  
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        transition: all 0.2s ease !important;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02) !important;
    }

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

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

    /* ۵. ستون قیمت نهایی کالا در جدول */
    td.wc-block-cart-item__total { 
        width: 150px !important;
        text-align: center !important; 
        vertical-align: middle !important; 
    padding: 20px 0 20px 0px !important; /* 👈 عدد 25px فاصله از حاشیه چپ است */    }

    .wc-block-cart-item__total-price-and-sale-badge-wrapper {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;  
        justify-content: center !important;
        margin: 0 auto !important;
        padding: 0 !important;
        height: 90px !important;  
        box-sizing: border-box !important;
    }

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

    /* 🎯 ۶. استپر نوار مراحل در دسکتاپ با فاصله استاندارد ۳۰px */
    #mikada-stepper-bar.mk-cart-page-stepper {
        width: 100% !important;
        max-width: 850px !important;
        margin: 0 auto 30px auto !important; /* 👈 فاصله بهینه ۳۰ پیکسل تا جدول */
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        direction: rtl !important;
        padding: 0 20px !important;
        box-sizing: border-box !important;
    }

    #mikada-stepper-bar.mk-cart-page-stepper .mk-step { 
        display: flex !important; 
        flex-direction: column !important; 
        align-items: center !important; 
        flex: 1 !important; 
        position: relative !important; 
        z-index: 2 !important; 
    }
    
    #mikada-stepper-bar.mk-cart-page-stepper .mk-icon { 
        width: 55px !important; 
        height: 55px !important; 
        border-radius: 50% !important; 
        background: #ffffff !important; 
        border: 2px solid #e2e8f0 !important; 
        display: flex !important; 
        align-items: center !important; 
        justify-content: center !important; 
        color: #ccc !important; 
        margin-bottom: 8px !important; 
        transition: all 0.3s ease !important; 
    }
    
    #mikada-stepper-bar.mk-cart-page-stepper .mk-icon svg { 
        width: 22px !important; 
        height: 22px !important; 
    }
    
    #mikada-stepper-bar.mk-cart-page-stepper .mk-label { 
        font-size: 14px !important; 
        font-weight: 700 !important; 
        color: #ccc !important; 
        font-family: "Vazirmatn", sans-serif !important; 
    }
    
    #mikada-stepper-bar.mk-cart-page-stepper .mk-step.active .mk-icon { 
        background: #C01157 !important; 
        border-color: #C01157 !important; 
        color: #ffffff !important; 
        transform: scale(1.1) !important; 
        box-shadow: 0 5px 15px rgba(192, 17, 87, 0.3) !important; 
    }
    
    #mikada-stepper-bar.mk-cart-page-stepper .mk-step.active .mk-label { 
        color: #C01157 !important; 
    }

    #mikada-stepper-bar.mk-cart-page-stepper .mk-line {
        height: 3px !important;
        background: #e2e8f0 !important;
        flex: 2 !important;
        margin-top: -30px !important;
        border-radius: 10px !important;
        margin-right: -25px !important;
        margin-left: -25px !important;
    }
    
    
    
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    #mikada-stepper-bar.mk-cart-page-stepper .mk-step {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        flex: 1 !important;
    }

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

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

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

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

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

    #mikada-stepper-bar.mk-cart-page-stepper .mk-line {
        height: 2.5px !important;
        background: #e2e8f0 !important;
        flex: 2 !important;
        margin-top: -24px !important;
        border-radius: 10px !important;
        margin-right: -15px !important;
        margin-left: -15px !important;
    }

/* ------------------------------------------------------------------------
       ۲. ساختار مینی‌مال جدول کالاها در موبایل (حذف نشان ذخیره و تک‌خطی شدن عنوان)
       ---------------------------------------------------------------------- */
    .wc-block-cart-items__header {
        display: none !important;
    }

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

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

    table.wc-block-cart-items td,
    table.wc-block-cart-items th,
    .wc-block-cart-items__row td {
        border: none !important;
        padding: 0 !important;
    }

    /* ❌ حذف قطعی برچسب ذخیره سود (Sale Badge) و قیمت خط‌خورده در جدول موبایل ❌ */
    .wc-block-cart-item__total .wc-block-components-product-badge,
    .wc-block-cart-item__total .wc-block-components-sale-badge,
    .wc-block-cart-items .wc-block-components-sale-badge,
    .wc-block-cart-items .wc-block-components-product-price__regular,
    .wc-block-cart-items del,
    .wc-block-components-product-badge {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        height: 0 !important;
        width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        overflow: hidden !important;
    }

    /* ردیف محصول با ارتفاع استاندارد و مرکزچین محتوا */
    table.wc-block-cart-items tbody tr.wc-block-cart-items__row,
    tr.wc-block-cart-items__row {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 100% !important;
        min-height: 114px !important;
        padding: 14px 14px !important;
        border: none !important;
        box-sizing: border-box !important;
        position: relative !important;
        background-color: #ffffff !important;
    }

    /* رنگ پس‌زمینه سطرهای زوج */
    table.wc-block-cart-items tbody tr.wc-block-cart-items__row:nth-child(even),
    tr.wc-block-cart-items__row:nth-child(even) {
        background-color: #f1f5f9 !important;
    }

    /* تصویر کالا با فاصله بهینه */
    td.wc-block-cart-item__image {
        width: 68px !important;
        height: 68px !important;
        flex: 0 0 68px !important;
        margin: 0 0 0 12px !important; /* 👈 فاصله متناسب از متن در حالت راست‌چین */
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        align-self: center !important;
    }

    td.wc-block-cart-item__image img {
        width: 68px !important;
        height: 68px !important;
        max-width: 68px !important;
        max-height: 68px !important;
        border-radius: 14px !important;
        object-fit: cover !important;
        border: 1px solid #e2e8f0 !important;
        display: block !important;
    }

    /* ستون مشخصات محصول: افزایش فضا جهت تک‌خطی ماندن عنوان */
    td.wc-block-cart-item__product {
        flex: 1 1 auto !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        align-self: center !important;
        text-align: right !important;
        max-width: calc(100% - 170px) !important; /* 👈 افزایش فضای عرض جهت جلوگیری از شکستن خط */
        overflow: hidden !important;
    }

    .wc-block-cart-item__wrap {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        gap: 3px !important;
        width: 100% !important;
        text-align: right !important;
    }

    /* نام کالا: یک‌دست و در یک خط بدون شکستن */
    body.woocommerce-cart table.wc-block-cart-items td.wc-block-cart-item__product .wc-block-components-product-name,
    .wc-block-cart-item__name {
        color: #C01157 !important;
        font-family: "Vazirmatn", sans-serif !important;
        font-size: 14px !important;
        font-weight: 900 !important;
        line-height: 1.35 !important;
        margin: 0 !important;
        text-decoration: none !important;
        white-space: nowrap !important; /* 👈 جلوگیری قطعی از شکستن متن به خط بعد */
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 100% !important;
        display: block !important;
    }

    /* قیمت واحد */
    .wc-block-cart-item__prices .wc-block-components-product-price__value {
        font-size: 12.5px !important;
        font-weight: 850 !important;
        color: #475569 !important;
        margin: 0 !important;
        white-space: nowrap !important;
    }

/* متغیرهای رنگ و اندازه با تراز افقی و عمودی بی‌نقص */
    .mk-attr-patched {
        margin-top: 3px !important;
    }

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

    .mk-cart-color-dot {
        display: inline-block !important;
        width: 15px !important;
        height: 15px !important;
        border-radius: 50% !important;
        margin: 0 !important;
        margin-bottom: 4px !important; /* 👈 بالا آمدن جزئی جهت تراز دقیق با خط وسط متن */
        vertical-align: middle !important;
        box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1), 0 2px 4px rgba(0,0,0,0.06) !important;
    }

    .mk-cart-color-dot + .mk-cart-size-tag::before {
        content: "|" !important;
        color: #cbd5e1 !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        margin: 0 6px !important;
        display: inline-block !important;
        vertical-align: middle !important;
        line-height: 1 !important;
    }

    .mk-cart-size-tag {
        font-family: "Vazirmatn", sans-serif !important;
        font-size: 12px !important;
        font-weight: 850 !important;
        color: #334155 !important;
        line-height: 1 !important;
        display: inline-flex !important;
        align-items: center !important;
        vertical-align: middle !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* ======================================================================
       ستون سمت چپ: قیمت کل و کپسول (تراز دقیق هم‌محور)
       ====================================================================== */

    /* ۱. قیمت نهایی: تراز دقیق در مرکز محور عمودی بالای کپسول */
    td.wc-block-cart-item__total {
        position: absolute !important;
        left: 12px !important;
        bottom: 53px !important; /* 👈 فاصله دقیق بالای کپسول */
        top: auto !important;
        width: 130px !important;  /* 👈 هم‌عرض با کپسول جهت تراز در یک محور */
        height: 24px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important; /* 👈 تراز وسط افقی حول محور مشترک */
        margin: 0 !important;
        padding: 0 !important;
        z-index: 5 !important;
    }

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

    .wc-block-cart-item__total .wc-block-components-product-price__value {
        font-size: 17px !important;
        font-weight: 950 !important;
        color: #C01157 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        letter-spacing: -0.2px !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}

/*---#23-----------------------Sidebar Style------------------------*/


/* ==========================================================================
   حذف ۱۰۰٪ قطعی کادر فوکوس و هایلایت لمسی کروم دور آیکون هدر
   ========================================================================== */
.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;
}

/* ۲. اسکرول‌بار اختصاصی سرخابی */
.cart-widget-side .shopping-cart-widget-body {
    scrollbar-width: thin;
    scrollbar-color: #C01157 #fdf2f7;
}

.cart-widget-side .shopping-cart-widget-body::-webkit-scrollbar {
    width: 5px;
}

.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 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-size: 17.5px !important;
    font-weight: 900 !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 !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;
}
/* 👈 فیلد عدد با فونت هاردکد شده فارسی برای حل قطعی کروم و سافاری */
.cart-widget-side div.quantity input.qty,
.cart-widget-side div.quantity .qty,
.summary-inner form.cart .quantity .qty,
.quantity input.qty {
    font-family: 'PixitNum-FaNum', sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !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;
    min-height: 28px !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;
    direction: rtl !important;
}


/* ۸. 🗑️ آیکون سطل زباله (تراز دقیق با محور ۵۷px) */
.cart-widget-side .woocommerce-mini-cart-item .remove {
    position: absolute !important;
    top: 57px !important; /* 👈 تراز دقیق روی خط افقی ۵۷px */
    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: -9999px !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 برای سطل زباله */
.cart-widget-side .woocommerce-mini-cart-item .remove::after {
    content: 'حذف محصول' !important;
    position: absolute !important;
    bottom: calc(100% + 6px) !important;
    left: 95% !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;
    padding: 3px 8px !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;
}

.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: mkQtySpin 0.6s linear infinite !important;
    z-index: 21 !important;
    box-sizing: border-box !important;
    display: block !important;
}

@keyframes mkQtySpin {
    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;
    color: #C01157 !important;
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    vertical-align: baseline !important;
    transform-origin: center center !important;
    backface-visibility: hidden !important; /* 👈 حذف پرش ساب‌پیکسل */
    will-change: transform, opacity !important;
    animation: mkPricePop 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

@keyframes mkPricePop {
    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: mkBtnSpin 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: mkBtnSpin 0.6s linear infinite !important;
    z-index: 10 !important;
    box-sizing: border-box !important;
    display: block !important;
}

@keyframes mkBtnSpin {
    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;
    border: none !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 */
    .cart-widget-side {
        --sheet-drag-y: 0px;
        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.38s cubic-bezier(0.16, 1, 0.3, 1) !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: 100000 !important;
    }

    .cart-widget-side.wd-opened {
        transform: translate3d(0, var(--sheet-drag-y, 0px), 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;
        height: auto !important;
        width: 100% !important;
    }

    .cart-widget-side .shopping-cart-widget-body {
        display: block !important;
        height: auto !important;
        max-height: calc(85vh - 200px) !important;
        overflow-y: auto !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; /* 👈 تراز دقیق روی خط افقی ۵۳px */
        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: -9999px !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: 14px 18px 18px 18px !important;
        background-color: #ffffff !important;
        border-top: 1px solid #e2e8f0 !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;
    }
}

/*---#23--------------------Login Page Style-Otino-Box------------------------*/

/* ==========================================================================
   رتوش فوق‌پیشرفته و مینی‌مال 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;
}

/*---#23-----------------------Checkout CSS-------------------*/

/* ==========================================================================
   بخش اول: استایل‌های پایه، تثبیت اسکرول و ساختار فرم (محدود به صفحه پرداخت)
   ========================================================================== */

/* 🌟 قفل فضای اسکرول از فریم صفر در ریشه صفحه برای حذف پرش عرضی لودر 🌟 */
html {
    scrollbar-gutter: stable !important;
}

body.woocommerce-checkout,
body.cartflows-step-type-checkout {
    overflow-x: hidden !important;
}

/* 🎨 ۱. اسکرول‌بار در فایرفاکس (فقط در صورت حضور کلاس‌های پرداخت) */
html:has(body.woocommerce-checkout),
html:has(body.cartflows-step-type-checkout),
body.woocommerce-checkout,
body.woocommerce-checkout select, 
body.woocommerce-checkout option, 
body.woocommerce-checkout .dropdown-menu, 
body.woocommerce-checkout .select2-results__options, 
body.woocommerce-checkout div, 
body.woocommerce-checkout ul {
    scrollbar-width: thin !important;
    scrollbar-color: #C01157 #f1f5f9 !important;
}

/* 🎨 ۲. استایل اسکرول‌بار اصلی مرورگر (کاملاً ایزوله در صفحه Checkout) */
html:has(body.woocommerce-checkout)::-webkit-scrollbar,
html:has(body.cartflows-step-type-checkout)::-webkit-scrollbar,
body.woocommerce-checkout::-webkit-scrollbar,
body.cartflows-step-type-checkout::-webkit-scrollbar {
    width: 12px !important;
    height: 10px !important;
}

    body.woocommerce-checkout .select2-results__options::-webkit-scrollbar,
    body.cartflows-step-type-checkout .select2-results__options::-webkit-scrollbar {
        display: block !important;
        width: 4px !important;
    }

    body.woocommerce-checkout .select2-results__options::-webkit-scrollbar-track,
    body.cartflows-step-type-checkout .select2-results__options::-webkit-scrollbar-track {
        background: #ffffff !important;
    }

    body.woocommerce-checkout .select2-results__options::-webkit-scrollbar-thumb,
    body.cartflows-step-type-checkout .select2-results__options::-webkit-scrollbar-thumb {
        background: #C01157 !important;
        border-radius: 4px !important;
    }

html:has(body.woocommerce-checkout)::-webkit-scrollbar-thumb:hover,
html:has(body.cartflows-step-type-checkout)::-webkit-scrollbar-thumb:hover,
body.woocommerce-checkout::-webkit-scrollbar-thumb:hover,
body.cartflows-step-type-checkout::-webkit-scrollbar-thumb:hover,
body.woocommerce-checkout *::-webkit-scrollbar-thumb:hover {
    background: #a30e49 !important;
}

html:has(body.woocommerce-checkout)::-webkit-scrollbar-thumb:active,
html:has(body.cartflows-step-type-checkout)::-webkit-scrollbar-thumb:active,
body.woocommerce-checkout::-webkit-scrollbar-thumb:active,
body.cartflows-step-type-checkout::-webkit-scrollbar-thumb:active,
body.woocommerce-checkout *::-webkit-scrollbar-thumb:active {
    background: #860a3b !important;
}

/* 🌟 مخفی‌سازی اولیه فرم تا زمان لود کامل داده‌ها (جلوگیری از پرش فیلدها) 🌟 */
html body form.checkout:not(.mk-ready), 
html body .wcf-embed-checkout-form:not(.mk-ready) { 
    opacity: 0 !important; 
    visibility: hidden !important; 
    transform: translateY(20px); 
} 
html body form.checkout.mk-ready, 
html body .wcf-embed-checkout-form.mk-ready { 
    opacity: 1 !important; 
    visibility: visible !important; 
    transform: translateY(0); 
    transition: opacity 0.8s ease-out, transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); 
} 

.cartflows-container .cartflows-primary, 
.wcf-embed-checkout-form-modern-checkout, 
.cartflows-container .elementor-widget-wrap, 
.elementor-section.elementor-section-boxed > .elementor-container, 
.entry-content { 
    background: transparent !important; 
    box-shadow: none !important; 
    border: none !important; 
    padding: 0 !important; 
    max-width: 100% !important; 
    width: 100% !important; 
} 

form.checkout, 
.wcf-embed-checkout-form { 
    background: #fff !important; 
    border-radius: 30px !important;  
    box-shadow: 0 20px 60px rgba(0,0,0,0.06) !important; 
    padding: 30px 40px 30px 40px !important;  
    width: 100% !important; 
    max-width: 850px !important;  
    display: flex !important; 
    flex-direction: column; 
    align-items: stretch !important;  
    margin: 0px auto 10px auto !important;
    border: 1px solid #f8f8f8 !important; 
    position: relative; 
    z-index: 5; 
    box-sizing: border-box !important; 
    min-height: auto !important; 
} 

.wcf-embed-checkout-form form.checkout { 
    box-shadow: none !important; 
    padding: 0 !important; 
    margin: 0 !important; 
    border: none !important; 
    width: 100% !important; 
    min-height: auto !important; 
} 

.woocommerce-billing-fields h3, 
.woocommerce-shipping-fields h3, 
.woocommerce-additional-fields h3, 
#order_review_heading, 
.wcf-embed-checkout-form > h3:not(.mk-dynamic-title), 
.wcf-embed-checkout-form > h2 { 
    display: none !important; 
} 

.mk-step-content { 
    width: 100% !important; 
    max-width: 100% !important; 
    padding: 0 !important; 
    margin: 0 auto !important;
    box-sizing: border-box; 
    display: flex; 
    flex-direction: column; 
    align-items: center !important; 
} 

.mk-fields-group { 
    width: 100% !important; 
    max-width: 600px !important; 
} 

.mk-inline-row { 
    display: flex; 
    gap: 15px; 
    width: 100%; 
    align-items: flex-start; 
    flex-wrap: nowrap !important; 
} 

.mk-inline-row .form-row { 
    flex: 0 0 calc(50% - 7.5px) !important; 
    width: calc(50% - 7.5px) !important; 
    max-width: calc(50% - 7.5px) !important; 
    margin-bottom: 0 !important; 
} 

.mk-inline-row .select2-container { 
    width: 100% !important; 
    max-width: 100% !important; 
} 

.select2-container .select2-selection--single .select2-selection__rendered { 
    line-height: 48px !important; 
    text-align: center; 
    display: block !important; 
    white-space: nowrap !important;  
    overflow: hidden !important; 
    text-overflow: ellipsis !important; 
    padding-left: 15px !important; 
    padding-right: 15px !important; 
} 

/* 👈 عنوان‌های اصلی (مشخصات پرداخت، نشانی ارسال، خلاصه سفارش) */
.mk-dynamic-title {  
    text-align: center !important; 
    color: #C01157 !important;  
    margin-top: 0 !important;  
    margin-bottom: 12px !important; /* ۱۲px تا لیبل + ۲۰px خود لیبل = ۳۲px تا لبه کپسول */
    width: 100% !important; 
    font-size: 20px !important; 
    line-height: 1.3 !important;
}  

/* 👈 اختصاصی عنوان خلاصه سفارش (چون لیبل ندارد، مستقیم ۳۲px تا جدول) */
#mk-step-3-review .mk-dynamic-title,
#mk-step-3-wrap > .mk-dynamic-title {
    margin-bottom: 22px !important; /* ۲۲px + ۱۰px فاصله جدول = ۳۲px دقیق تا هدر جدول */
}

/* 👈 عنوان روش ارسال در مرحله ۲ (مستقیم ۳۲px تا کپسول روش‌های ارسال) */
.mk-shipping-title { 
    margin-top: 40px !important; 
    margin-bottom: 20px !important; /* دقیقا ۳۲px فاصله سفید تا اولین کپسول ارسال */
} 

.wcf-embed-checkout-form .form-row { 
    width: 100% !important; 
    float: none !important; 
    margin: 0 0 14px 0 !important; 
    display: flex; 
    flex-direction: column; 
} 

/* 👈 تنظیم دقیق فاصله لیبل بالای کپسول‌ها تا عنوان و فیلد */
.wcf-embed-checkout-form label { 
    width: 100%; 
    text-align: right; 
    margin-top: 0 !important;
    margin-bottom: 6px !important; 
    margin-right: 25px; 
    font-weight: 700; 
    font-size: 13px; 
    color: #555; 
    line-height: 1.2 !important;
}

.woocommerce-invalid label, 
.form-row.woocommerce-invalid label { 
    color: #ff3b30 !important; 
} 

.wcf-embed-checkout-form input.input-text, 
.wcf-embed-checkout-form input[type="text"],
.wcf-embed-checkout-form input[type="tel"],
.wcf-embed-checkout-form input[type="email"],
.wcf-embed-checkout-form select, 
.wcf-embed-checkout-form textarea, 
.select2-container .select2-selection--single { 
    width: 100% !important; 
    border-radius: 50px !important; 
    padding: 10px 25px !important; 
    height: 50px !important;  
    border: 1px solid #eee !important; 
    text-align: center !important; 
    background: #fdfdfd !important; 
    font-family: "Vazirmatn", inherit !important; 
    font-size: 15px !important; 
    font-weight: 500 !important;  
    color: #222 !important; 
    transition: all 0.3s ease !important; 
    outline: none !important; 
} 

.wcf-embed-checkout-form input.input-text,
.wcf-embed-checkout-form textarea {
    --mk-ph-color: rgba(153, 153, 153, 1);
}

.wcf-embed-checkout-form input.input-text::placeholder, 
.wcf-embed-checkout-form textarea::placeholder { 
    color: var(--mk-ph-color) !important; 
    opacity: 1 !important; 
    transition: color 0.4s ease-in-out, opacity 0.4s ease-in-out !important; 
} 

.wcf-embed-checkout-form input.input-text::-webkit-input-placeholder, 
.wcf-embed-checkout-form textarea::-webkit-input-placeholder { 
    color: var(--mk-ph-color) !important; 
    opacity: 1 !important; 
    transition: color 0.4s ease-in-out, opacity 0.4s ease-in-out !important; 
} 

.wcf-embed-checkout-form input.input-text::-moz-placeholder, 
.wcf-embed-checkout-form textarea::-moz-placeholder { 
    color: var(--mk-ph-color) !important; 
    opacity: 1 !important; 
    transition: color 0.4s ease-in-out, opacity 0.4s ease-in-out !important; 
} 

.wcf-embed-checkout-form input.input-text:focus,
.wcf-embed-checkout-form textarea:focus {
    --mk-ph-color: rgba(153, 153, 153, 0);
}

.wcf-embed-checkout-form input.input-text:focus::placeholder, 
.wcf-embed-checkout-form textarea:focus::placeholder { 
    color: rgba(153, 153, 153, 0) !important; 
    opacity: 0 !important; 
} 

.wcf-embed-checkout-form input.input-text:focus::-webkit-input-placeholder, 
.wcf-embed-checkout-form textarea:focus::-webkit-input-placeholder { 
    color: rgba(153, 153, 153, 0) !important; 
    opacity: 0 !important; 
} 

.wcf-embed-checkout-form input.input-text:focus::-moz-placeholder, 
.wcf-embed-checkout-form textarea:focus::-moz-placeholder { 
    color: rgba(153, 153, 153, 0) !important; 
    opacity: 0 !important; 
}

.wcf-embed-checkout-form textarea#billing_address_1,
#billing_address_1 { 
    height: 80px !important; 
    min-height: 80px !important;
    border-radius: 50px !important;
    line-height: 1.6 !important; 
    padding-top: 15px !important; 
    resize: none !important; 
} 

.wcf-embed-checkout-form input.input-text:focus, 
.wcf-embed-checkout-form input[type="text"]:focus,
.wcf-embed-checkout-form input[type="tel"]:focus,
.wcf-embed-checkout-form input[type="email"]:focus,
.wcf-embed-checkout-form textarea:focus,
form.checkout input.input-text:focus,
form.checkout textarea:focus { 
    border-color: #C01157 !important; 
    background-color: #ffffff !important; 
    background: #ffffff !important; 
    box-shadow: 0 5px 20px rgba(192, 17, 87, 0.08) !important; 
    outline: none !important; 
} 

.mk-input-error { 
    border-color: #ff3b30 !important; 
    background-color: #fff8f8 !important; 
} 
.mk-step-content,
.mk-fields-group,
.mk-shipping-group {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ==========================================================================
   بخش دوم: منوی راهبری و Stepper (کاملاً بهینه‌شده و بدون لغزش)
   ========================================================================== */
#mikada-nav-box { 
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    gap: 12px; 
    margin-top: 25px; 
    width: 100%; 
    max-width: 100% !important; 
} 

.mk-action-btns { 
    display: flex; 
    gap: 15px; 
    width: 100%; 
    justify-content: center; 
    max-width: 600px; 
    margin-top: 10px !important; 
}  

#mk-btn-next, 
#mk-btn-prev { 
    border-radius: 50px; 
    border: none; 
    cursor: pointer; 
    height: 55px; 
    font-family: inherit; 
    transition: all 0.3s; 
    width: 100%; 
    font-size: 17px; 
} 

#mk-btn-next { 
    background: #C01157; 
    color: #fff; 
    flex: 2; 
    font-weight: 800; 
    box-shadow: 0 10px 25px rgba(192, 17, 87, 0.2); 
} 

#mk-btn-next:hover { 
    box-shadow: 0 15px 35px rgba(192, 17, 87, 0.35); 
    background: #a80f4c; 
    transform: translateY(-2px); 
} 

#mk-btn-prev { 
    background: #f8f8f8; 
    color: #777; 
    flex: 1; 
    display: none; 
    border: 1px solid #eee; 
    font-weight: bold; 
} 

.mk-link-btn { 
    color: #aaa; 
    text-decoration: none; 
    font-size: 13px; 
    margin-top: 5px; 
    border-bottom: 1px dashed transparent; 
    transition: 0.3s; 
} 

.mk-link-btn:hover { 
    color: #C01157; 
    border-color: #C01157; 
} 

#mikada-stepper-bar { 
    width: 100%; 
    display: flex; 
    align-items: center; 
    justify-content: space-between; 
    margin-bottom: 10px; 
    direction: rtl; 
    position: relative; 
    z-index: 2; 
} 

.mk-step { 
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    flex: 1; 
    position: relative; 
    z-index: 2; 
    cursor: pointer; 
    transition: all 0.2s ease; 
} 

/* 👈 🌟 استایل هاور دایره آیکون (بدون لغزش) 🌟 */
.mk-step:hover:not(.active) .mk-icon { 
    transform: translateZ(0) scale(1.08) !important; 
    border-color: #C01157 !important; 
    color: #C01157 !important; 
    background: #fff !important; 
    box-shadow: 0 5px 15px rgba(192, 17, 87, 0.25) !important; 
} 

.mk-line { 
    height: 3px; 
    background: #eee; 
    flex: 2; 
    margin-top: -30px; 
    border-radius: 10px; 
    transition: 0.3s; 
} 

.mk-line.green-line { 
    background: #4CAF50 !important; 
} 

/* 👈 🌟 دایره آیکون با شتاب‌دهنده سخت‌افزاری جهت تثبیت پیکسل‌ها 🌟 */
.mk-icon { 
    width: 55px; 
    height: 55px; 
    border-radius: 50%; 
    background: #fff; 
    border: 2px solid #eee; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    color: #ccc; 
    margin-bottom: 8px; 
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    transform: translateZ(0) scale(1) !important;
    will-change: transform;
} 

/* 👈 🌟 آیکون SVG داخلی با مرکزیت ثابت بدون پرش 🌟 */
.mk-icon svg { 
    width: 22px; 
    height: 22px; 
    transform: translateZ(0) !important;
    backface-visibility: hidden !important;
    pointer-events: none !important;
} 

.mk-label { 
    font-size: 13px; 
    font-weight: 700; 
    color: #ccc; 
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), color 0.3s ease !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    transform: translateZ(0) scale(1) !important;
    will-change: transform;
} 

.mk-step.active .mk-icon { 
    background: #C01157; 
    border-color: #C01157; 
    color: #fff; 
    transform: translateZ(0) scale(1.1) !important; 
    box-shadow: 0 5px 15px rgba(192, 17, 87, 0.3); 
} 

.mk-step.active .mk-label { 
    color: #C01157; 
} 

/* 👈 🌟 تغییر رنگ و Scale همزمان عنوان (Label) زیر آیکون در هاور 🌟 */
.mk-step:hover:not(.active) .mk-label {
    color: #C01157 !important;
    transform: translateZ(0) scale(1.05) !important;
}

.mk-step.passed .mk-icon { 
    background: #4CAF50; 
    border-color: #4CAF50; 
    color: #fff; 
} 

@keyframes mkShake { 
    0% { transform: translateX(0); } 
    25% { transform: translateX(-10px); } 
    50% { transform: translateX(10px); } 
    75% { transform: translateX(-10px); } 
    100% { transform: translateX(0); } 
} 

.mk-shake-anim { 
    animation: mkShake 0.4s ease-in-out !important; 
} 

/* 🌟 استایل مشکی شیشه‌ای و مینیمال Toast در دسکتاپ (مشابه صفحه محصول) 🌟 */
#mk-error-toast,
#mk-floating-toast { 
    position: fixed !important; 
    bottom: 35px !important; 
    left: 50% !important; 
    transform: translateX(-50%) translateY(25px) scale(0.96) !important; 
    z-index: 99999999 !important; 
    background: rgba(15, 23, 42, 0.94) !important; /* رنگ زمینه مشکی اسلیتی تیره */
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important; 
    border: 1px solid rgba(255, 255, 255, 0.08) !important; 
    padding: 12px 24px !important; 
    border-radius: 50px !important; 
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.28), 0 0 0 1px rgba(255, 255, 255, 0.08) !important; 
    display: inline-flex !important; 
    align-items: center !important; 
    gap: 10px !important; 
    max-width: 90vw !important;
    width: max-content !important;
    justify-content: center !important; 
    opacity: 0 !important; 
    visibility: hidden !important; 
    pointer-events: none !important;
    direction: rtl !important;
    font-family: "Vazirmatn", sans-serif !important; 
    box-sizing: border-box !important;
    transition: opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1), transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.4s !important; 
} 

#mk-error-toast.mk-toast-show,
#mk-floating-toast.mk-toast-show { 
    transform: translateX(-50%) translateY(0) scale(1) !important; 
    opacity: 1 !important; 
    visibility: visible !important; 
} 

/* آیکون مینیمال به رنگ رز تمشک بدون پس‌زمینه اضافی */
#mk-error-toast svg,
#mk-floating-toast svg { 
    width: 19px !important; 
    height: 19px !important; 
    min-width: 19px !important;
    color: #f43f5e !important;
    stroke: #f43f5e !important;
    stroke-width: 2.2 !important;
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    flex-shrink: 0 !important;
} 

/* متن سفید و کاملاً مرکزچین‌شده Toast */
.mk-err-text,
#mk-floating-toast span { 
    color: #ffffff !important;
    font-weight: 600 !important; 
    font-size: 13.5px !important; 
    line-height: 1.6 !important;
    white-space: normal !important; /* فعال‌سازی شکست خط استاندارد */
    text-align: center !important; /* مرکزچین شدن خط اول و دوم پیام خطا */
    letter-spacing: -0.2px !important;
    display: inline-block !important;
}

/* 👈 🌟 انیمیشن ورود شناور یک‌دست و پایدار بدون هیچ‌گونه پرش در انتهای حرکت 🌟 */
.mk-step-animate { 
    animation: mkSoftSlideUp 0.5s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; 
} 

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

/* ==========================================================================
   بخش سوم: جدول سفارش، کارت‌های محصول و پوشش دقیق لودینگ بر ردیف سوئیچ تخفیف
   ========================================================================== */
#mk-step-3-review { 
    width: 100%; 
    max-width: 600px; 
    margin: 0 auto; 
    position: relative !important;
} 

/* 👈 کانتینر والد جدول */
#mk-step-3-review .wd-table-wrapper {
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    width: 100% !important;
}

#mk-custom-coupon-wrapper {
    position: relative !important;
}

/* 🌟 حذف کامل عناصر BlockUI پیش‌فرض ووکامرس از ساختار داخلی جدول جهت مهار پرش 🌟 */
#mk-step-3-review table.shop_table > .blockUI,
#mk-step-3-review table.shop_table .blockUI.blockOverlay,
#mk-step-3-review table.shop_table .blockUI.blockMsg {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* 🌟 ۱. هاله شیشه‌ای مات و سفید روی جدول سفارش 🌟 */
#mk-step-3-review .wd-table-wrapper:has(table.processing)::before,
#mk-step-3-review .wd-table-wrapper:has(.blockUI)::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(255, 255, 255, 0.65) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    border-radius: 20px 20px 0 0 !important;
    z-index: 50 !important;
    pointer-events: none !important;
    animation: mkOverlayFadeIn 0.25s ease forwards !important;
}

/* 🌟 ۱-۱. پوشش مات فقط و فقط بر روی ردیف سوئیچ اهرمی (بدون پوشش پیام‌ها و فیلدها) 🌟 */
#mk-step-3-review .wd-table-wrapper:has(table.processing) ~ #mk-custom-coupon-wrapper::before,
#mk-step-3-review .wd-table-wrapper:has(.blockUI) ~ #mk-custom-coupon-wrapper::before,
#order_review:has(table.processing) #mk-custom-coupon-wrapper::before,
#order_review:has(.blockUI) #mk-custom-coupon-wrapper::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    width: 100% !important;
    height: 54px !important; /* 👈 محدود به ارتفاع ردیف سوئیچ */
    background: rgba(255, 255, 255, 0.65) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    border-radius: 0 0 20px 20px !important;
    z-index: 50 !important;
    pointer-events: none !important;
    animation: mkOverlayFadeIn 0.25s ease forwards !important;
}

/* 🌟 ۲. اسپینر چرخشی متحرک و شکیل در مرکز دقیق جدول 🌟 */
#mk-step-3-review .wd-table-wrapper:has(table.processing)::after,
#mk-step-3-review .wd-table-wrapper:has(.blockUI)::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 36px !important;
    height: 36px !important;
    border: 3.5px solid rgba(192, 17, 87, 0.15) !important;
    border-top-color: #C01157 !important;
    border-radius: 50% !important;
    animation: mkCenterSpin 0.75s linear infinite !important;
    box-shadow: 0 4px 15px rgba(192, 17, 87, 0.18) !important;
    box-sizing: border-box !important;
    z-index: 51 !important;
    pointer-events: none !important;
}

/* 👈 انیمیشن چرخش پیوسته با حفظ مرکزیت */
@keyframes mkCenterSpin {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}

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

#mk-step-3-review table.shop_table.processing {
    pointer-events: none !important;
}

/* 👈 قفل هندسه جدول و صفر کردن فاصله میان سطرهای بخش فوتر */
#mk-step-3-review table.shop_table { 
    border: none !important; 
    border-collapse: separate !important; 
    border-spacing: 0 0 !important; /* صفر کردن فاصله پیش‌فرض ۱۰px بین ردیف‌های جدول */
    background: transparent !important; 
    width: 100% !important; 
    min-height: auto !important;
    table-layout: fixed !important;
    margin: 0 !important;
    padding: 0 !important;
}  

#mk-step-3-review table.shop_table tbody tr {
    margin-bottom: 18px !important; /* حفظ فاصله ۱۰px فقط برای کارت‌های محصول */
}

#mk-step-3-review table.shop_table thead th { 
    background: #f8f8f8 !important; 
    border: none !important; 
    padding: 15px 18px !important; 
    color: #777; 
    font-size: 13px; 
    font-weight: 700; 
    height: 48px !important;
    box-sizing: border-box !important;
    vertical-align: middle !important;
} 

#mk-step-3-review table.shop_table thead th.product-name { 
    text-align: right; 
    border-radius: 0 15px 15px 0; 
    width: 50%; 
    padding-right: 35px !important; 
} 

#mk-step-3-review table.shop_table thead th.product-name::after { 
    content: "تعداد"; 
    position: absolute; 
    left: 50%; 
    transform: translateX(-50%); 
    width: 50px; 
    text-align: center; 
    color: #777; 
    pointer-events: none; 
} 

#mk-step-3-review table.shop_table thead th.product-total { 
    text-align: left; 
    border-radius: 15px 0 0 15px; 
    width: 50%; 
    padding-left: 55px !important; 
    font-size: 0 !important; 
    line-height: 0 !important; 
    color: transparent !important; 
} 

#mk-step-3-review table.shop_table thead th.product-total::after { 
    content: "قیمت"; 
    font-size: 13px !important; 
    line-height: 1.5 !important; 
    color: #777 !important; 
    display: block; 
    visibility: visible !important; 
} 

#mk-step-3-review table.shop_table tbody tr { 
    background: transparent !important; 
    box-shadow: none !important; 
    border-radius: 0; 
    height: 110px !important;
    min-height: 110px !important;
    max-height: 110px !important;
    box-sizing: border-box !important;
} 

/* 👈 مخفی‌سازی کامل تمام اجزای درون سلول‌های خام حین لودینگ Ajax جهت صفر کردن پرش */
#mk-step-3-review table.shop_table tbody td:not(.mk-new-cell) * {
    display: none !important;
}

#mk-step-3-review table.shop_table tbody tr:has(.mk-new-cell) td:not(.mk-new-cell) { 
    display: none !important; 
} 

#mk-step-3-review table.shop_table tbody td:not(.mk-new-cell) { 
    display: table-cell !important;
    visibility: hidden !important; 
    opacity: 0 !important;
    height: 110px !important;
    max-height: 110px !important;
    min-height: 110px !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    vertical-align: middle !important;
} 

/* 👈 ایجاد فاصله استاندارد و شناور در بالا و پایین کارت محصول */
#mk-step-3-review table.shop_table tbody td.mk-new-cell { 
    display: table-cell !important; 
    padding: 10px 0 14px 0 !important; /* ۱۰px فاصله از هدر جدول + ۱۴px فاصله تا ردیف مبالغ */
    margin: 0 !important; 
    border: none !important; 
    background: transparent !important; 
    width: 100% !important; 
    height: auto !important;
    box-sizing: border-box !important; 
    vertical-align: middle !important;
} 

.mk-order-card { 
    display: flex; 
    align-items: center; 
    background: #fff; 
    box-shadow: 0 5px 20px rgba(0,0,0,0.03); 
    border-radius: 15px; 
    border: 1px solid #f0f0f0; 
    padding: 15px 18px !important; 
    width: 100%; 
    margin: 0 !important; 
    box-sizing: border-box; 
    position: relative; 
    direction: rtl; 
    height: 110px !important;
    min-height: 110px !important;
    max-height: 110px !important;
}
.mk-card-product { 
    display: flex; 
    flex-direction: row; 
    align-items: center; 
    justify-content: flex-start; 
    gap: 15px; 
    width: 50%; 
    padding-left: 20px; 
    box-sizing: border-box; 
    text-align: right; 
} 
.mk-card-product img { 
    width: 75px !important; 
    height: auto; 
    border-radius: 10px; 
    object-fit: cover; 
    margin: 0 !important; 
    flex-shrink: 0; 
} 
.mk-card-meta { 
    display: flex; 
    flex-direction: column; 
    align-items: flex-start; 
    width: 100%; 
} 
.mk-card-meta .wcf-product-thumbnail { 
    display: none !important; 
} 
.mk-card-meta a, 
.mk-card-meta .wcf-product-name { 
    font-family: "Vazirmatn", sans-serif; 
    font-weight: 900 !important; 
    color: #C01157 !important; 
    text-decoration: none; 
    margin-bottom: 5px; 
    font-size: 15px; 
    line-height: 1.4; 
    display: block; 
    width: 100%; 
}

.mk-card-meta ul.variation, 
.mk-card-meta dl.variation { 
    margin: 0 !important; 
    padding: 0 !important; 
    list-style: none !important; 
    display: flex !important; 
    flex-direction: column !important; 
    align-items: flex-start; 
    width: 100%; 
} 
.mk-card-meta ul.variation li, 
.mk-card-meta dl.variation dd { 
    display: block !important; 
    margin: 0 !important; 
    font-size: 13px; 
    color: #666; 
    line-height: 1.6; 
    width: 100%; 
    text-align: right; 
} 
.mk-card-meta .item-variation-name, 
.mk-card-meta .item-variation-value, 
.mk-card-meta .item-variation-name p, 
.mk-card-meta .item-variation-value p { 
    display: inline-block !important; 
    margin: 0 !important; 
    vertical-align: middle; 
} 
.mk-card-meta .item-variation-name { 
    font-weight: normal; 
    color: #777; 
} 
.mk-card-meta .item-variation-value { 
    font-weight: bold; 
    color: #333; 
} 
.mk-card-qty { 
    position: absolute; 
    left: 50%; 
    transform: translateX(-50%); 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    z-index: 2; 
    pointer-events: none; 
} 
.mk-card-qty span { 
    width: 40px; 
    height: 40px; 
    line-height: 40px; 
    background: #eee; 
    border-radius: 50%; 
    font-size: 14px; 
    font-weight: 700; 
    color: #555; 
    text-align: center; 
    box-shadow: 0 4px 10px rgba(0,0,0,0.08); 
} 
.mk-card-price-value { 
    font-weight: 800; 
    color: #C01157; 
    font-size: 15px; 
} 
.mk-card-price { 
    width: 50%; 
    box-sizing: border-box; 
    text-align: left; 
}
/* ==========================================================================
   بخش چهارم (نسخه نهایی و ایزوله): منوی Dropdown، Select2 و فوکوس هماهنگ
   ========================================================================== */

/* ۱. استایل کلی تایپوگرافی و فونت Select2 فقط در صفحه پرداخت */
body.woocommerce-checkout .select2-container, 
body.woocommerce-checkout .select2-dropdown, 
body.woocommerce-checkout .select2-results__option, 
body.woocommerce-checkout .select2-selection__rendered,
body.woocommerce-checkout .select2-search__field,
body.cartflows-step-type-checkout .select2-container,
body.cartflows-step-type-checkout .select2-dropdown,
body.cartflows-step-type-checkout .select2-results__option,
body.cartflows-step-type-checkout .select2-selection__rendered,
body.cartflows-step-type-checkout .select2-search__field {
    font-family: "Vazirmatn", Tahoma, sans-serif !important;
    font-size: 16px !important;
}

/* ۲. تنظیم چیدمان دو ستونه فیلدهای استان و شهر در صفحه پرداخت */
body.woocommerce-checkout .mk-inline-row,
body.cartflows-step-type-checkout .mk-inline-row {
    display: flex !important;
    gap: 15px !important;
    width: 100% !important;
    align-items: flex-start !important;
    flex-wrap: nowrap !important;
}

body.woocommerce-checkout .mk-inline-row .form-row,
body.cartflows-step-type-checkout .mk-inline-row .form-row {
    flex: 0 0 calc(50% - 3px) !important;
    width: calc(50% - 3px) !important;
    max-width: calc(50% - 3px) !important;
    margin-bottom: 10px !important;
}

/* ۳. مدیریت طبیعی Z-Index (فقط در لحظه باز بودن منو بالاتر از فیلدهای زیرین قرار می‌گیرد) */
body.woocommerce-checkout #billing_state_field,
body.woocommerce-checkout #billing_city_field,
body.woocommerce-checkout #billing_state_field .woocommerce-input-wrapper,
body.woocommerce-checkout #billing_city_field .woocommerce-input-wrapper,
body.cartflows-step-type-checkout #billing_state_field,
body.cartflows-step-type-checkout #billing_city_field {
    z-index: auto !important;
    position: relative !important;
}

body.woocommerce-checkout .select2-container--open,
body.woocommerce-checkout .woocommerce-input-wrapper > .select2-container--open,
body.cartflows-step-type-checkout .select2-container--open,
body.cartflows-step-type-checkout .woocommerce-input-wrapper > .select2-container--open {
    z-index: 100 !important;
}

/* ۴. استایل متن انتخاب‌شده در کادر فیلد */
body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered,
body.cartflows-step-type-checkout .select2-container--default .select2-selection--single .select2-selection__rendered,
.wcf-embed-checkout-form .select2-container--default .select2-selection--single .select2-selection__rendered,
body.woocommerce-checkout #billing_state_field .select2-selection__rendered,
body.woocommerce-checkout #billing_city_field .select2-selection__rendered {
    font-weight: 800 !important;
    color: #1e293b !important;
}

/* ۵. رنگ آیتم انتخاب‌شده در لیست */
body.woocommerce-checkout .select2-container--default .select2-results__option--highlighted[aria-selected],
body.woocommerce-checkout .select2-container--default .select2-results__option[aria-selected="true"],
body.cartflows-step-type-checkout .select2-container--default .select2-results__option--highlighted[aria-selected],
body.cartflows-step-type-checkout .select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #C01157 !important; 
    color: #fff !important;
}

/* ۶. استایل کادر کشویی (Dropdown) در صفحه پرداخت بدون تغییر مختصات جاوااسکریپت */
body.woocommerce-checkout .select2-dropdown,
body.cartflows-step-type-checkout .select2-dropdown {
    border-radius: 16px !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.12) !important;
    background: #ffffff !important;
    margin-top: 5px !important;
    padding: 6px 0 !important;
    z-index: 101 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

body.woocommerce-checkout .select2-results,
body.cartflows-step-type-checkout .select2-results {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.woocommerce-checkout .select2-results__options,
body.cartflows-step-type-checkout .select2-results__options {
    max-height: 200px !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 2px 0 !important;
    margin: 0 !important;
    list-style: none !important;
    display: block !important;
}

body.woocommerce-checkout .select2-container--default .select2-results__option,
body.cartflows-step-type-checkout .select2-container--default .select2-results__option {
    padding: 7px 12px !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    color: #334155 !important;
    text-align: center !important;
    cursor: pointer !important;
    display: block !important;
    white-space: nowrap !important;
    line-height: 1.4 !important;
    transition: background-color 0.15s ease !important;
}

/* ۷. پیام «نتیجه‌ای یافت نشد» در جستجو */
body.woocommerce-checkout .select2-results__option--selectable.select2-results__message,
body.woocommerce-checkout .select2-results__option.select2-results__message,
body.cartflows-step-type-checkout .select2-results__option.select2-results__message {
    font-size: 0 !important;
    text-align: center !important;
    padding: 10px !important;
    color: transparent !important;
}

body.woocommerce-checkout .select2-results__option--selectable.select2-results__message::before,
body.woocommerce-checkout .select2-results__option.select2-results__message::before,
body.cartflows-step-type-checkout .select2-results__option.select2-results__message::before {
    content: "نتیجه‌ای یافت نشد" !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #ef4444 !important;
    font-family: "Vazirmatn", sans-serif !important;
    display: block !important;
}

/* ۸. کادر فیلد جستجوی داخلی Select2 با آیکون ذره‌بین */
body.woocommerce-checkout .select2-search--dropdown,
body.cartflows-step-type-checkout .select2-search--dropdown {
    padding: 0px 20px 2px 20px !important;
    margin-bottom: 5px !important;
    background: #ffffff !important;
    display: block !important;
    position: relative !important;
}

body.woocommerce-checkout .select2-search--dropdown::after,
body.cartflows-step-type-checkout .select2-search--dropdown::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 16px !important;
    height: 16px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgb(148,163,184)' stroke-width='2.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%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    pointer-events: none !important;
    z-index: 10 !important;
    opacity: 1 !important;
    transition: opacity 0.25s ease-in-out !important;
}

/* مخفی ماندن قطعی آیکون ذره‌بین در زمان هاور، فوکوس یا وجود هرگونه متن در فیلد */
body.woocommerce-checkout .select2-search--dropdown:hover::after,
body.woocommerce-checkout .select2-search--dropdown:focus-within::after,
body.woocommerce-checkout .select2-search--dropdown.mk-has-text::after,
body.cartflows-step-type-checkout .select2-search--dropdown:hover::after,
body.cartflows-step-type-checkout .select2-search--dropdown:focus-within::after,
body.cartflows-step-type-checkout .select2-search--dropdown.mk-has-text::after {
    opacity: 0 !important;
}

body.woocommerce-checkout .select2-search--dropdown input.select2-search__field,
body.cartflows-step-type-checkout .select2-search--dropdown input.select2-search__field {
    border: 1px solid #cbd5e1 !important;
    border-radius: 20px !important;
    padding: 4px 12px !important;
    height: 34px !important;
    outline: none !important;
    text-align: center !important;
    background-color: #f8fafc !important;
    background-image: none !important;
    transition: all 0.25s ease-in-out !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 1 !important;
}

body.woocommerce-checkout .select2-search--dropdown input.select2-search__field:focus,
body.cartflows-step-type-checkout .select2-search--dropdown input.select2-search__field:focus {
    border-color: #C01157 !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(192, 17, 87, 0.1) !important;
}

/* ۹. فلش دراپ‌داون */
body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow,
body.cartflows-step-type-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100% !important;
    top: 0 !important;
    bottom: 0 !important;
    transform: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow b,
body.cartflows-step-type-checkout .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #333 transparent transparent transparent !important;
    border-style: solid !important;
    border-width: 5px 4px 0 4px !important;
    height: 0 !important;
    left: auto !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important; 
    width: 0 !important;
}

body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow b::after,
body.cartflows-step-type-checkout .select2-container--default .select2-selection--single .select2-selection__arrow b::after {
    display: none !important;
}

/* ۱۰. کپسولی کردن فیلد ورودی Select2 در فرم CartFlows */
.wcf-embed-checkout-form .select2-container--default .select2-selection--single {
    display: flex !important;
    align-items: center !important;
    height: 50px !important;
    border-radius: 50px !important;
}

.wcf-embed-checkout-form .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 50px !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    text-align: center !important; 
    width: 100% !important;        
}

.wcf-embed-checkout-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    left: 20px !important;
    right: auto !important;
}

body.woocommerce-checkout .select2-container--default.select2-container--focus .select2-selection--single,
body.woocommerce-checkout .select2-container--default.select2-container--open .select2-selection--single,
body.cartflows-step-type-checkout .select2-container--default.select2-container--focus .select2-selection--single,
body.cartflows-step-type-checkout .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #C01157 !important;
    background: #fff !important;
    box-shadow: 0 5px 20px rgba(192, 17, 87, 0.08) !important;
    outline: none !important;
}

.wcf-embed-checkout-form {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 850px !important;
}

/* ==========================================================================
   بخش پنجم: روش‌های ارسال (صفر کردن مارجین بالا جهت تثبیت فاصله ۳۲px)
   ========================================================================== */
.mk-shipping-group,
.wcf-customer-shipping, 
.wcf-shipping-methods-wrapper,
.wcf-shipping-method-options { 
    width: 100% !important; 
    max-width: 600px !important; 
    border: none !important; 
    box-shadow: none !important; 
    outline: none !important;
    background: transparent !important;
    padding: 0 !important; 
    margin: 0 auto !important; 
} 

#mk-step-2-shipping h3:not(.mk-dynamic-title), 
.wcf-customer-shipping h3 { 
    display: none !important; 
} 

/* 👈 لیست روش‌های ارسال با مارجین بالای صفر جهت حفظ فاصله ۳۲px با عنوان */
#shipping_method,
ul#shipping_method { 
    list-style: none !important; 
    padding: 0 !important; 
    margin: 0 0 15px 0 !important; 
    display: grid !important; 
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important; 
    gap: 10px !important; 
    width: 100% !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
} 

#shipping_method li,
ul#shipping_method li { 
    background: #fdfdfd !important; 
    border: 1px solid #e2e8f0 !important; 
    border-radius: 14px !important; 
    padding: 0 14px !important; 
    display: flex !important; 
    align-items: center !important; 
    justify-content: space-between !important; 
    gap: 8px !important;  
    cursor: pointer !important; 
    margin: 0 !important; 
    box-sizing: border-box !important; 
    width: 100% !important; 
    position: relative !important;
    height: 48px !important;
    min-height: 48px !important;
    transition: all 0.25s ease !important;
} 

#shipping_method li:hover { 
    border-color: #cbd5e1 !important; 
    background: #ffffff !important; 
} 

#shipping_method li:has(input[type="radio"]:checked) { 
    border-color: #C01157 !important;  
    background: rgba(192, 17, 87, 0.03) !important;  
    box-shadow: 0 4px 12px rgba(192, 17, 87, 0.08) !important;  
} 

#shipping_method input[type="radio"] { 
    -webkit-appearance: none !important; 
    appearance: none !important;  
    width: 20px !important; 
    height: 20px !important; 
    min-width: 20px !important; 
    max-width: 20px !important; 
    min-height: 20px !important; 
    max-height: 20px !important; 
    border: 2px solid #cbd5e1 !important;  
    border-radius: 50% !important; 
    background: #ffffff !important; 
    cursor: pointer !important; 
    margin: 0 !important; 
    padding: 0 !important;
    flex-shrink: 0 !important;
    display: inline-flex !important; 
    align-items: center !important; 
    justify-content: center !important; 
    box-sizing: border-box !important;
    transition: all 0.25s ease !important;
} 

#shipping_method input[type="radio"]:checked { 
    border-color: #C01157 !important;  
    background: radial-gradient(circle, #C01157 45%, #ffffff 48%) !important; 
    box-shadow: 0 0 0 3px rgba(192, 17, 87, 0.15) !important;
} 

#shipping_method input[type="radio"]:checked::before { 
    display: none !important;
} 

#shipping_method li label { 
    font-size: 13px !important; 
    font-weight: 700 !important; 
    color: #334155 !important; 
    cursor: pointer !important; 
    display: flex !important; 
    justify-content: space-between !important; 
    width: 100% !important; 
    align-items: center !important; 
    margin: 0 !important; 
    white-space: nowrap !important;
} 

#shipping_method li label img,
#shipping_method img.mk-ship-logo-img,
.mk-ship-logo-img,
#shipping_method svg.mk-ship-icon,
.mk-ship-icon { 
    width: 22px !important; 
    height: 22px !important; 
    max-width: 22px !important; 
    max-height: 22px !important; 
    min-width: 22px !important; 
    min-height: 22px !important; 
    object-fit: contain !important; 
    margin-left: 6px !important; 
    border-radius: 4px !important;
    flex-shrink: 0 !important;
}


/* ==========================================================================
   بخش ششم: استایل روش‌های پرداخت (حذف پدینگ‌های مخفی ووکامرس جهت تقارن با روش ارسال)
   ========================================================================== */
#mk-step-3-payment,
#mk-step-3-payment #payment,
#payment,
.woocommerce-checkout #payment,
.woocommerce-checkout-payment,
#order_review #payment,
.wcf-embed-checkout-form #payment,
div.woocommerce-checkout-payment {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    display: flow-root !important;
}

/* 👈 صفر کردن کامل پدینگ و مارجین بالای لیست درگاه‌ها با بالاترین اولویت */
#payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods,
.woocommerce-checkout-payment ul.payment_methods,
ul.payment_methods {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 15px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

/* 🌟 👈 سیستم هوشمند و کاملاً خودکار CSS برای محاسبه ارتفاع دقیق هر تعداد درگاه 🌟 */
.woocommerce-checkout-payment ul.payment_methods:has(> li:nth-child(1):last-child) { min-height: 130px !important; }
.woocommerce-checkout-payment ul.payment_methods:has(> li:nth-child(2):last-child) { min-height: 202px !important; }
.woocommerce-checkout-payment ul.payment_methods:has(> li:nth-child(3):last-child) { min-height: 274px !important; }
.woocommerce-checkout-payment ul.payment_methods:has(> li:nth-child(4):last-child) { min-height: 346px !important; }
.woocommerce-checkout-payment ul.payment_methods:has(> li:nth-child(5):last-child) { min-height: 418px !important; }

/* 💎 استایل کارت پرداخت اصلی */
.woocommerce-checkout-payment ul.payment_methods li.wc_payment_method {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 18px !important;
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    display: block !important;
    box-shadow: none !important;
    transition: border-color 0.25s ease, background-color 0.25s ease !important;
}

.woocommerce-checkout-payment ul.payment_methods li.wc_payment_method:hover {
    border-color: #cbd5e1 !important;
}

/* 🌟 حالت انتخاب شده */
.woocommerce-checkout-payment ul.payment_methods li.wc_payment_method:has(input[type="radio"]:checked) {
    border-color: #C01157 !important;
    background: #fffbfa !important;
    box-shadow: none !important;
}

/* 🎯 کلیک‌پذیری ۱۰۰٪ کل کادر */
.woocommerce-checkout-payment ul.payment_methods li.wc_payment_method input[type="radio"] {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    cursor: pointer !important;
    margin: 0 !important;
    z-index: 10 !important;
}

/* 💎 ردیف عنوان با ارتفاع کاملاً قفل‌شده ۵۸ پیکسل */
.woocommerce-checkout-payment ul.payment_methods li.wc_payment_method > label {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    padding: 0 18px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    gap: 12px !important;
    direction: rtl !important;
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #1e293b !important;
    pointer-events: none !important;
    position: relative !important;
    border-bottom: 1px solid transparent !important;
    transition: border-color 0.25s ease !important;
}

.woocommerce-checkout-payment ul.payment_methods li.wc_payment_method:has(input[type="radio"]:checked) > label {
    border-bottom-color: rgba(192, 17, 87, 0.08) !important;
}

/* 🎨 نشانگر رادیویی */
.woocommerce-checkout-payment ul.payment_methods li.wc_payment_method > label::before {
    content: "" !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    border-radius: 50% !important;
    border: 2px solid #cbd5e1 !important;
    background-color: #ffffff !important;
    display: inline-flex !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s ease !important;
    flex-shrink: 0 !important;
    order: 0 !important;
    margin-left: 2px !important;
}

.woocommerce-checkout-payment ul.payment_methods li.wc_payment_method:has(input[type="radio"]:checked) > label::before {
    border-color: #C01157 !important;
    background: radial-gradient(circle, #C01157 50%, #ffffff 52%) !important;
    box-shadow: none !important;
}

/* 🖼️ لوگوی درگاه */
.woocommerce-checkout-payment ul.payment_methods li.wc_payment_method label img {
    max-height: 26px !important;
    width: auto !important;
    object-fit: contain !important;
    margin-right: auto !important;
    margin-left: 0 !important;
    border-radius: 6px !important;
    flex-shrink: 0 !important;
    order: 3 !important;
}

/* 📦 آیکون اختصاصی تحویل در محل */
.woocommerce-checkout-payment ul.payment_methods li.payment_method_cod label::after {
    content: "" !important;
    width: 26px !important;
    height: 26px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C01157' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z'/%3E%3Cpath d='m3.3 7 8.7 5 8.7-5'/%3E%3Cpath d='M12 22V12'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    margin-right: auto !important;
    margin-left: 0 !important;
    opacity: 0.85 !important;
    flex-shrink: 0 !important;
    order: 3 !important;
}

/* 📄 حالت بسته */
.woocommerce-checkout-payment div.payment_box {
    display: block !important;
    max-height: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    overflow: hidden !important;
    background: rgba(192, 17, 87, 0.03) !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    position: relative !important;
    transition: max-height 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease, visibility 0.25s !important;
}

/* 🌟 حالت باز */
.woocommerce-checkout-payment ul.payment_methods li.wc_payment_method:has(input[type="radio"]:checked) div.payment_box {
    max-height: 46px !important; 
    opacity: 1 !important;
    visibility: visible !important;
    transition: max-height 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.22s ease !important;
}

.woocommerce-checkout-payment div.payment_box::before,
.woocommerce-checkout-payment div.payment_box::after,
div.payment_box::before,
div.payment_box::after {
    display: none !important;
    content: none !important;
    border: none !important;
}

.woocommerce-checkout-payment div.payment_box p {
    padding: 12px 18px !important;
    margin: 0 !important;
    color: #9c0e46 !important;
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 22px !important;
    direction: rtl !important;
    text-align: center !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
}

/* ==========================================================================
   بخش هفتم: Overlay لودینگ و انیمیشن‌ها (انیمیشن ملایم تغییر رنگ متن لودر)
   ========================================================================== */
#mk-page-loader { 
    position: fixed !important; 
    top: 0 !important; 
    left: 0 !important; 
    right: 0 !important; 
    bottom: 0 !important; 
    width: 100% !important; 
    height: 100% !important; 
    background: #ffffff !important; 
    backdrop-filter: blur(10px) !important; 
    -webkit-backdrop-filter: blur(10px) !important; 
    z-index: 999999999 !important; 
    display: flex !important; 
    flex-direction: column !important; 
    align-items: center !important; 
    justify-content: center !important; 
    opacity: 1 !important; 
    visibility: visible !important; 
    box-sizing: border-box !important; 
    margin: 0 !important; 
    padding: 0 !important; 
    overflow: hidden !important; 
    transition: opacity 0.4s ease-out, visibility 0.4s !important; 
} 
#mk-page-loader.mk-fade-out { 
    opacity: 0 !important; 
    visibility: hidden !important; 
    pointer-events: none !important; 
} 
.mk-loader-content { 
    display: flex !important; 
    flex-direction: column !important; 
    align-items: center !important; 
    justify-content: center !important; 
    text-align: center !important; 
    margin: auto !important; 
    padding: 0 !important; 
    width: 100% !important; 
    max-width: 320px !important; 
    box-sizing: border-box !important; 
} 
.mk-brand-logo-img { 
    width: 130px !important; 
    height: auto !important; 
    min-height: 40px !important; 
    object-fit: contain !important; 
    margin: 0 auto 10px auto !important; 
    display: block !important; 
    filter: drop-shadow(0 4px 10px rgba(0,0,0,0.05)) !important; 
} 
.mk-brand-logo h2 { 
    color: #C01157 !important; 
    margin: 0 auto 18px auto !important; 
    font-family: "Vazirmatn", "IRANSans", sans-serif !important; 
    font-size: 22px !important; 
    font-weight: 800 !important; 
    letter-spacing: -0.5px !important; 
    text-align: center !important; 
} 
.mk-spinner { 
    width: 36px !important; 
    height: 36px !important; 
    border: 3.5px solid rgba(192, 17, 87, 0.12) !important; 
    border-top-color: #C01157 !important; 
    border-radius: 50% !important; 
    animation: mkLoaderSpin 0.75s linear infinite !important; 
    margin: 0 auto 14px auto !important; 
    box-sizing: border-box !important; 
    display: block !important; 
} 
@keyframes mkLoaderSpin { 
    0% { transform: rotate(0deg); } 
    100% { transform: rotate(360deg); } 
} 

/* 👈 🌟 انیمیشن تنفس رنگی ملایم بین خاکستری و رنگ برند (حذف رنگ ثابت جهت فعال شدن انیمیشن) 🌟 */
.mk-loading-text { 
    font-family: "Vazirmatn", "IRANSans", sans-serif !important; 
    font-size: 14px !important; 
    font-weight: 700 !important; 
    letter-spacing: 0 !important; 
    line-height: 1.6 !important; 
    direction: rtl !important; 
    text-align: center !important; 
    margin: 0 auto !important; 
    animation: mkTextPulse 1.8s ease-in-out infinite alternate !important; 
} 

@keyframes mkTextPulse { 
    0% { 
        color: #475569; 
        opacity: 0.75; 
    } 
    100% { 
        color: #C01157; 
        opacity: 1; 
    } 
}


/* ==========================================================================
   بخش هشتم: استایل ورودی تلفن و ایمیل
   ========================================================================== */
.woocommerce-input-wrapper { 
    position: relative !important; 
    display: block !important; 
    width: 100% !important; 
    z-index: 1 !important; 
}
#billing_phone { 
    font-family: "IRANSansX", "IRANSans", "Vazirmatn", sans-serif !important; 
    font-size: 18px !important; 
    font-weight: 700 !important; 
    transition: all 0.3s ease !important; 
    letter-spacing: 2px !important; 
    text-align: center !important; 
}
#billing_phone::placeholder { 
    color: #aaa !important; 
    font-size: 16px !important; 
    font-weight: 500 !important; 
    opacity: 0.8 !important; 
    letter-spacing: 1px !important; 
}
#billing_phone.mk-locked-phone { 
    background-color: #f8f9fa !important; 
    color: #9ca3af !important; 
    cursor: not-allowed !important; 
    border: 1px solid #e5e7eb !important; 
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.02) !important; 
}
#billing_email { 
    text-align: center !important; 
}
#mk-edit-phone-btn { 
    position: absolute !important; 
    left: 8px !important; 
    top: 50% !important; 
    transform: translateY(-50%) !important; 
    background: #fff !important; 
    border: 1px solid #e5e7eb !important; 
    color: #C01157 !important; 
    border-radius: 8px !important; 
    padding: 5px 12px !important; 
    display: flex !important; 
    align-items: center !important; 
    justify-content: center !important; 
    z-index: 100 !important; 
    transition: all 0.3s ease !important; 
    outline: none !important; 
    box-shadow: 0 2px 5px rgba(0,0,0,0.04) !important; 
    cursor: pointer !important; 
    gap: 6px !important;
}
#mk-edit-phone-btn:hover { 
    border-color: #C01157 !important; 
    background: #fff5f8 !important; 
}
#mk-edit-phone-btn .mk-btn-text { 
    font-family: "IRANSans", "Vazirmatn", sans-serif !important; 
    font-size: 13px !important; 
    font-weight: 700 !important; 
}

/* ==========================================================================
   بخش نهم: سوییچ اهرمی و کادر تخفیف (یکپارچه‌سازی خط جداکننده و حذف خط دوبل)
   ========================================================================== */
#mk-custom-coupon-wrapper {
    margin: 0px 0 18px 0 !important;
    padding-top: 14px !important; 
    padding-bottom: 14px !important; 
    border-top: 1px solid #e5e7eb !important; /* خط بالای کادر اصلی */
    border-bottom: 1px solid #e5e7eb !important; /* خط پایین کادر اصلی */
    width: 100% !important;
    box-sizing: border-box !important;
    display: block !important;
    direction: rtl !important;
}

/* 👈 کانتینر اصلی فرم تخفیف (فقط والد در حالت اولیه مخفی است و با اسلاید باز می‌شود) */
.mk-coupon-form-box {
    display: none;
    margin: 0 !important;
    padding-top: 8px !important; 
    padding-bottom: 0 !important; 
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 👈 ساختار درونی فیلد و دکمه (حذف خطوط جداکننده بدون تداخل با باز شدن اهرم) */
.wcf-custom-coupon-field,
#order_review .wcf-custom-coupon-field,
#wcf_custom_coupon_field {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 👈 صفر کردن کامل مارجین‌ها و ارتفاع ثابت سوئیچ */
#order_review .wcf-custom-coupon-field a#wcf_optimized_wcf_custom_coupon_field,
#wcf_custom_coupon_field a#wcf_optimized_wcf_custom_coupon_field,
a#wcf_optimized_wcf_custom_coupon_field {
    display: flex !important;
    justify-content: space-between !important; 
    align-items: center !important;
    width: 100% !important;
    direction: rtl !important;
    padding: 0 15px !important;
    margin: 0 !important;
    height: 26px !important;
    line-height: 26px !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
    font-family: "Vazirmatn", sans-serif !important; 
    font-size: 0px !important; 
    color: transparent !important;
}
.wcf-custom-coupon-field .wcf-coupon-col-1 {
    width: 68% !important;
    flex: 0 0 68% !important;
    margin: 0 !important;
}
.wcf-custom-coupon-field .wcf-coupon-col-2 {
    width: 30% !important;
    flex: 0 0 30% !important;
    margin: 0 !important;
}
.wcf-custom-coupon-field input#coupon_code {
    width: 100% !important;
    height: 48px !important;
    border-radius: 30px !important;
    border: 1px solid #e5e7eb !important;
    padding: 0 16px !important;
    text-align: center !important;
    font-family: "IRANSans", "Vazirmatn", sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #374151 !important;
    background: #fff !important;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.02) !important;
    box-sizing: border-box !important;
    direction: ltr !important;
}
.wcf-custom-coupon-field input#coupon_code:focus {
    border-color: #C01157 !important;
    box-shadow: 0 0 0 3px rgba(192, 17, 87, 0.1) !important;
    outline: none !important;
}
.wcf-custom-coupon-field button[name="apply_coupon"] {
    width: 100% !important;
    height: 48px !important;
    border-radius: 30px !important;
    background: #C01157 !important;
    color: #fff !important;
    border: none !important;
    font-family: "IRANSans", "Vazirmatn", sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    cursor: pointer !important;
    transition: background-color 0.25s ease, box-shadow 0.25s ease !important;
    box-shadow: 0 4px 12px rgba(192, 17, 87, 0.22) !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.wcf-custom-coupon-field button[name="apply_coupon"]:hover {
    background: #a00e48 !important;
}
#order_review .wcf-custom-coupon-field a#wcf_optimized_wcf_custom_coupon_field::before,
#wcf_custom_coupon_field a#wcf_optimized_wcf_custom_coupon_field::before,
a#wcf_optimized_wcf_custom_coupon_field::before {
    content: "کد تخفیف دارید؟" !important;
    display: inline-flex !important;
    align-items: center !important;
    order: 1 !important;
    font-family: "Vazirmatn", sans-serif !important; 
    font-size: 15px !important; 
    font-weight: 700 !important;
    color: #475569 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2310b981' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v2Z'/%3E%3Cpath d='M13 5v14'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    background-size: 18px 18px !important;
    padding-right: 24px !important;
    height: 25px !important;
    line-height: 24px !important;
    transition: all 0.25s ease !important;
}
#wcf_custom_coupon_field a#wcf_optimized_wcf_custom_coupon_field:not(.mk-open):hover::before,
a#wcf_optimized_wcf_custom_coupon_field:not(.mk-open):hover::before {
    color: #C01157 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C01157' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v2Z'/%3E%3Cpath d='M13 5v14'/%3E%3C/svg%3E") !important;
}
#wcf_custom_coupon_field a#wcf_optimized_wcf_custom_coupon_field .dashicons,
a#wcf_optimized_wcf_custom_coupon_field .dashicons {
    display: inline-block !important;
    text-indent: 0px !important; 
    position: relative !important;
    width: 44px !important;
    height: 24px !important;
    background-color: #cbd5e1 !important; 
    border-radius: 30px !important;
    transition: background-color 0.25s ease, box-shadow 0.25s ease !important;
    flex-shrink: 0 !important;
    order: 2 !important; 
    margin-right: auto !important;
}
#wcf_custom_coupon_field a#wcf_optimized_wcf_custom_coupon_field .dashicons::after,
a#wcf_optimized_wcf_custom_coupon_field .dashicons::after {
    content: "" !important;
    position: absolute !important;
    top: 3px !important;
    right: 3px !important; 
    width: 18px !important;
    height: 18px !important;
    background-color: #ffffff !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) !important;
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
#wcf_custom_coupon_field a#wcf_optimized_wcf_custom_coupon_field:not(.mk-open):hover .dashicons,
a#wcf_optimized_wcf_custom_coupon_field:not(.mk-open):hover .dashicons {
    background-color: #94a3b8 !important;
}
a#wcf_optimized_wcf_custom_coupon_field.mk-open::before {
    color: #C01157 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C01157' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v2Z'/%3E%3Cpath d='M13 5v14'/%3E%3C/svg%3E") !important;
}
a#wcf_optimized_wcf_custom_coupon_field.mk-open .dashicons {
    background-color: #C01157 !important; 
}
a#wcf_optimized_wcf_custom_coupon_field.mk-open .dashicons::after {
    transform: translateX(-20px) !important; 
}
a#wcf_optimized_wcf_custom_coupon_field.mk-open:hover::before {
    color: #a00e48 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a00e48' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v2Z'/%3E%3Cpath d='M13 5v14'/%3E%3C/svg%3E") !important;
}
a#wcf_optimized_wcf_custom_coupon_field.mk-open:hover .dashicons {
    background-color: #a00e48 !important;
    box-shadow: 0 0 0 4px rgba(192, 17, 87, 0.2) !important;
}
#wcf_custom_coupon_field a#wcf_optimized_wcf_custom_coupon_field::after,
a#wcf_optimized_wcf_custom_coupon_field::after {
    display: none !important;
}

/* ==========================================================================
   بخش دهم: ناتیفیکیشن‌ها و پیام‌ها (انیمیشن نرم ورود و خروج بدون فلیکر)
   ========================================================================== */
.wcf-custom-coupon-field .woocommerce-message.mk-notice-handled ~ .woocommerce-message,
.wcf-custom-coupon-field .woocommerce-error.mk-notice-handled ~ .woocommerce-error,
.wcf-custom-coupon-field .woocommerce-info.mk-notice-handled ~ .woocommerce-info {
    display: none !important;
}

.woocommerce-error:not(.mk-notice-handled),
.woocommerce-message:not(.mk-notice-handled),
.woocommerce-info:not(.mk-notice-handled) {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.woocommerce-error::before, .woocommerce-error::after,
.woocommerce-message::before, .woocommerce-message::after,
.woocommerce-info::before, .woocommerce-info::after {
    display: none !important;
    content: none !important;
}

/* 🌟 کادر اصلی اعلان‌ها با انیمیشن ورود کاملاً نرم، شناور و بدون فلیکر 🌟 */
.wcf-custom-coupon-field .woocommerce-error.mk-notice-handled,
.wcf-custom-coupon-field .woocommerce-message.mk-notice-handled,
.wcf-custom-coupon-field .woocommerce-info.mk-notice-handled {
    border-radius: 20px !important;
    padding: 12px 18px !important;
    margin: 0px 0 16px 0 !important;
    list-style: none !important;
    width: 100% !important;
    flex: 0 0 100% !important;
    order: -1 !important; 
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    visibility: visible !important;
    overflow: hidden !important;
    max-height: 120px !important;
    opacity: 0;
    transform: translateY(-8px);
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    will-change: opacity, transform, max-height, margin, padding;
    animation: mkSoftNoticeEnter 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
    transition: opacity 0.45s cubic-bezier(0.4, 0, 0.2, 1), 
                transform 0.45s cubic-bezier(0.4, 0, 0.2, 1), 
                max-height 0.45s cubic-bezier(0.4, 0, 0.2, 1), 
                margin 0.45s cubic-bezier(0.4, 0, 0.2, 1), 
                padding 0.45s cubic-bezier(0.4, 0, 0.2, 1), 
                border-width 0.45s ease !important;
}

/* 👈 انیمیشن ورود پیوسته و نرم بدون فلیکر */
@keyframes mkSoftNoticeEnter {
    0% {
        opacity: 0;
        transform: translateY(-8px) scale(0.98);
        max-height: 0;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
        max-height: 120px;
        padding: 12px 18px;
        margin: 8px 0 16px 0;
    }
}

/* 🌟 انیمیشن خروج و جمع شدن تدریجی کادر (بسیار نرم و بدون پرش ناگهانی) 🌟 */
.woocommerce-error.mk-notice-fade-out,
.woocommerce-message.mk-notice-handled.mk-notice-fade-out,
.woocommerce-info.mk-notice-handled.mk-notice-fade-out,
.mk-notice-fade-out {
    opacity: 0 !important;
    transform: translateY(-8px) scale(0.97) !important;
    max-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
    pointer-events: none !important;
}

/* 🔴 ۱. وضعیت خطا و کدهای تخفیف نامعتبر/منقضی */
.woocommerce-error.mk-notice-handled {
    background: #fff5f7 !important;
    border: 1.5px solid rgba(192, 17, 87, 0.25) !important;
    box-shadow: 0 4px 18px rgba(192, 17, 87, 0.06) !important;
}
.woocommerce-error.mk-notice-handled li { 
    color: #9c0e46 !important; 
}
.woocommerce-error.mk-notice-handled li::before {
    content: "!" !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    font-family: Arial, sans-serif !important;
    width: 22px !important;
    height: 22px !important;
    background: #C01157 !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: 10px !important;
    flex-shrink: 0 !important;
    box-shadow: 0 2px 6px rgba(192, 17, 87, 0.25) !important;
}

/* 🟢 ۲. وضعیت موفقیت در اعمال/حذف کد تخفیف */
.woocommerce-message.mk-notice-handled {
    background: #f0fdf4 !important;
    border: 1.5px solid rgba(16, 185, 129, 0.3) !important;
    box-shadow: 0 4px 18px rgba(16, 185, 129, 0.06) !important;
}
.woocommerce-message.mk-notice-handled li { 
    color: #065f46 !important; 
}
.woocommerce-message.mk-notice-handled li::before {
    content: "✔" !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    width: 22px !important;
    height: 22px !important;
    background: #10b981 !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: 10px !important;
    flex-shrink: 0 !important;
    box-shadow: 0 2px 6px rgba(16, 185, 129, 0.25) !important;
}

/* 🔵 ۳. وضعیت پیام‌های عمومی و اطلاع‌رسانی */
.woocommerce-info.mk-notice-handled {
    background: #f8fafc !important;
    border: 1.5px solid #cbd5e1 !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04) !important;
}
.woocommerce-info.mk-notice-handled li { 
    color: #334155 !important; 
}
.woocommerce-info.mk-notice-handled li::before {
    content: "ℹ" !important;
    font-size: 13px !important;
    font-weight: bold !important;
    width: 22px !important;
    height: 22px !important;
    background: #64748b !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: 10px !important;
    flex-shrink: 0 !important;
}

/* 🖋️ فونت و چینش متن اعلان‌ها */
.woocommerce-error.mk-notice-handled li,
.woocommerce-message.mk-notice-handled li,
.woocommerce-info.mk-notice-handled li {
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 750 !important;
    text-align: right !important;
    direction: rtl !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1.5 !important;
    background: transparent !important;
    width: 100% !important;
}

/* ==========================================================================
   بخش یازدهم: فواصل عمودی، تایپوگرافی هماهنگ و رنگ‌بندی هوشمند اقلام
   ========================================================================== */

/* 🌟 ۱. تعاریف پایه جدول، سطرها و سلول‌های فوتر 🌟 */
tr.cart-subtotal, 
tr.order-total, 
tr.shipping, 
tr.woocommerce-shipping-totals { 
    display: table-row !important; 
    visibility: visible !important; 
    opacity: 1 !important; 
} 

#mk-step-3-review table.shop_table tfoot th { 
    display: none !important; 
} 

#mk-step-3-review table.shop_table tfoot td { 
    display: table-cell !important; 
    width: 100% !important; 
    padding: 0 !important; 
    border: none !important; 
    box-sizing: border-box !important; 
    vertical-align: middle !important;
} 

/* 👈 فواصل عمودی کاملاً فشرده، استاندارد و متناسب */
.mk-footer-row-inner {
    display: flex !important;
    padding: 5px 18px !important; /* پدینگ استاندارد و بسیار فشرده ۵ پیکسل */
    flex-direction: row-reverse !important; 
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    direction: rtl !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    position: relative !important;
}

tr.cart-subtotal .mk-footer-row-inner {
    padding-top: 8px !important;
    padding-bottom: 4px !important;
}

/* 👈 متقارن‌سازی دقیق پدینگ سطر ارسال جهت تراز کامل خط افقی */
tr.shipping .mk-footer-row-inner,
tr.woocommerce-shipping-totals .mk-footer-row-inner {
    padding-top: 6px !important; /* پدینگ کاملاً متقارن ۶px بالا و پایین */
    padding-bottom: 6px !important;
    margin-bottom: 8px !important;
    min-height: 38px !important;
    height: 38px !important;
    box-sizing: border-box !important;
}

/* 🌟 ۲. ردیف مجموع پرداختی با تقارن دقیق و برابر در بالا و پایین 🌟 */
#mk-step-3-review table.shop_table tfoot tr.order-total td {
    border-top: 1px solid #e5e7eb !important; 
    border-bottom: none !important;
    padding: 0 !important;
    vertical-align: middle !important;
}

tr.order-total .mk-footer-row-inner {
    padding: 13px 18px 13px 18px !important; /* پدینگ کاملاً متقارن ۱۳px از خط بالا تا خط پایین */
    border: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
}

/* 🌟 ۳. کادر تخفیف اعمال‌شده 🌟 */
#mk-step-3-review table.shop_table tfoot tr.cart-discount td {
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

/* 👈 کاهش مارجین کادر تخفیف جهت حذف فضای سفید اضافی */
.mk-discount-custom-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    height: 36px !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(16, 185, 129, 0.28) !important;
    border-radius: 25px !important;
    padding: 0 16px !important;
    margin: 2px 0 !important; /* کاهش مارجین از 6px به 2px */
    box-sizing: border-box !important;
    box-shadow: 0 4px 18px rgba(16, 185, 129, 0.02) !important;
    direction: rtl !important;
    transition: opacity 0.3s ease !important;
}

.mk-discount-right {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    direction: rtl !important;
}

.mk-coupon-svg-icon {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    flex-shrink: 0 !important;
    color: #10b981 !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

.mk-discount-name {
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #475569 !important;
}

.mk-discount-right a.wcf-remove-coupon,
.mk-discount-right a.woocommerce-remove-coupon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    background-color: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 50% !important;
    text-decoration: none !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    color: transparent !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
    cursor: pointer !important;
    transform: none !important;
    transition: background-color 0.2s ease, border-color 0.2s ease !important;
}

.mk-discount-right a.wcf-remove-coupon::before,
.mk-discount-right a.woocommerce-remove-coupon::before {
    content: "" !important;
    width: 12px !important;
    height: 12px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    display: block !important;
    transform-origin: center center !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
    transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), background-image 0.2s ease !important;
    will-change: transform;
}

.mk-discount-right a.wcf-remove-coupon:hover,
.mk-discount-right a.woocommerce-remove-coupon:hover {
    background-color: #fee2e2 !important;
    border-color: #fca5a5 !important;
}

.mk-discount-right a.wcf-remove-coupon:hover::before,
.mk-discount-right a.woocommerce-remove-coupon:hover::before {
    transform: translate3d(0, 0, 0) scale(1.25) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ef4444' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E") !important;
}

.mk-discount-right a.wcf-remove-coupon.mk-loading,
.mk-discount-right a.woocommerce-remove-coupon.mk-loading {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    pointer-events: none !important;
}

.mk-discount-right a.wcf-remove-coupon.mk-loading::before,
.mk-discount-right a.woocommerce-remove-coupon.mk-loading::before {
    content: none !important;
    display: none !important;
}

.mk-remove-spinner {
    width: 12px !important;
    height: 12px !important;
    border: 2px solid rgba(239, 68, 68, 0.2) !important;
    border-top-color: #ef4444 !important;
    border-radius: 50% !important;
    animation: mkLoaderSpin 0.65s linear infinite !important;
    display: inline-block !important;
    box-sizing: border-box !important;
}

.mk-discount-left {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin-right: auto !important;
    margin-left: 0 !important;
}

.mk-discount-price .amount,
.mk-discount-price .woocommerce-Price-amount {
    color: #059669 !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    font-family: "Vazirmatn", sans-serif !important;
    direction: rtl !important;
}

/* ==========================================================================
   🎨 سیستم رنگ‌بندی و تایپوگرافی
   ========================================================================== */

/* 🌟 عناوین و مقادیر ردیف‌های فرعی (خاکستری تیره استاندارد) 🌟 */
.mk-subtotal-label {
    font-family: "Vazirmatn", sans-serif !important;
    font-weight: 700 !important; 
    color: #475569 !important; 
    font-size: 14.5px !important; 
    flex: 0 0 auto !important; 
    text-align: right !important;
}

.mk-shipping-label {
    font-family: "Vazirmatn", sans-serif !important;
    font-weight: 700 !important; 
    color: #475569 !important; 
    font-size: 14.5px !important; 
    flex: 0 0 auto !important; 
    text-align: right !important;
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
    height: 100% !important;
    margin: 0 !important;
}

.mk-subtotal-value,
.mk-subtotal-value .amount,
.mk-subtotal-value bdi,
tr.shipping td .woocommerce-Price-amount,
tr.woocommerce-shipping-totals td .woocommerce-Price-amount { 
    font-family: "Vazirmatn", sans-serif !important;
    font-weight: 700 !important; 
    color: #475569 !important; 
    font-size: 14.5px !important; 
    flex: 0 0 auto !important; 
    text-align: left !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
} 

.mk-shipping-value {
    font-family: "Vazirmatn", sans-serif !important;
    font-weight: 700 !important; 
    color: #475569 !important; 
    font-size: 14.5px !important; 
    flex: 0 0 auto !important; 
    text-align: left !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
    height: 100% !important;
}

.mk-shipping-value span:not([style*="color"]) {
    color: #475569 !important;
    font-weight: 700 !important;
}

.mk-shipping-value:not(:has(.amount)),
tr.shipping td span:not(.amount):not(.woocommerce-Price-amount),
tr.woocommerce-shipping-totals td span:not(.amount):not(.woocommerce-Price-amount) {
    padding-left: 0 !important;
}

/* 🌟 عنوان و مبلغ سطر مجموع نهایی 🌟 */
.mk-total-label { 
    font-family: "Vazirmatn", sans-serif !important;
    font-weight: 850 !important; 
    color: #C01157 !important; 
    font-size: 17.5px !important; 
    flex: 0 0 auto !important; 
    line-height: 1.4 !important;
} 

.mk-total-value,
.mk-total-value strong,
.mk-total-value .amount,
.mk-total-value bdi { 
    font-family: "Vazirmatn", sans-serif !important;
    font-weight: 900 !important; 
    color: #C01157 !important; 
    font-size: 21px !important; 
    flex: 0 0 auto !important; 
    line-height: 1.4 !important;
}

/* 🌟 ۴. بج روش ارسال با تراز افقی و عمودی دقیقاً هم‌راستا با متون اطراف 🌟 */
#mk-step-3-review .shipping-method-badge,
#mk-step-3-review .mk-shipping-badge,
#mk-step-3-review .wcf-shipping-method-badge,
#mk-step-3-review .mk-selected-shipping-badge,
#mk-step-3-review .mk-ship-method-box {
    position: absolute !important;
    right: 50% !important; 
    top: 50% !important; 
    transform: translate(50%, -50%) !important; /* قرارگیری در مرکز ثقل دقیق سطر */
    width: max-content !important; 
    font-size: 11.5px !important; 
    font-weight: 700 !important; 
    padding: 0 12px !important; 
    border-radius: 20px !important; 
    display: inline-flex !important; 
    align-items: center !important; 
    justify-content: center !important; 
    gap: 6px !important; 
    line-height: 26px !important; 
    margin: 0 !important; 
    height: 26px !important; 
    min-height: 26px !important; 
    max-height: 26px !important; 
    box-sizing: border-box !important; 
    border: 1px solid rgba(192, 17, 87, 0.18) !important; 
    background: rgba(192, 17, 87, 0.04) !important; 
    color: #C01157 !important; 
    pointer-events: none !important; 
    z-index: 5 !important; 
}

#mk-step-3-review .shipping-method-badge img,
#mk-step-3-review .mk-shipping-badge img,
#mk-step-3-review .wcf-shipping-method-badge img,
#mk-step-3-review .mk-selected-shipping-badge img,
#mk-step-3-review .shipping-method-badge svg,
#mk-step-3-review .mk-shipping-badge svg,
#mk-step-3-review .wcf-shipping-method-badge svg,
#mk-step-3-review .mk-selected-shipping-badge svg,
#mk-step-3-review .mk-ship-method-box img,
#mk-step-3-review .mk-ship-method-box svg {
    width: 14px !important; 
    height: 14px !important; 
    max-width: 14px !important; 
    max-height: 14px !important; 
    object-fit: contain !important; 
    margin: 0 !important; 
    flex-shrink: 0 !important; 
}

/* 🌟 ۵. بخش درگاه پرداخت و دکمه نهایی 🌟 */
#order_review, 
#mk-step-3-payment, 
#payment, 
.woocommerce-checkout-payment {    
    background: transparent !important;    
    border: none !important;    
    padding: 0 !important;    
    box-shadow: none !important;   
    border-radius: 0 !important;    
    margin: 0 !important; 
    position: relative !important;
} 

#mk-payment-title { 
    margin-top: 25px !important; 
    margin-bottom: 12px !important; 
    text-align: center !important; 
    color: #C01157 !important; 
    font-size: 20px !important; 
    line-height: 1.3 !important;
} 

#mk-step-3-payment { 
    width: 100%; 
    max-width: 600px; 
    margin: 0 auto !important; 
} 

#mk-step-3-notes { 
    width: 100% !important; 
    max-width: 600px !important; 
    margin: 25px auto 25px auto !important; 
} 

#mk-step-3-notes .woocommerce-additional-fields,
#mk-step-3-notes .woocommerce-additional-fields__field-wrapper { 
    width: 100% !important; 
} 

#order_comments_field { 
    width: 100% !important; 
    margin: 0 !important; 
    padding: 0 !important; 
} 

#order_comments { 
    width: 100% !important; 
    border-radius: 15px !important; 
    height: 150px !important; 
    resize: vertical !important; 
    box-sizing: border-box !important; 
} 

#order_review #payment .form-row.place-order,
.woocommerce-checkout-payment .form-row.place-order {
    display: flex !important; 
    flex-direction: column !important; 
    align-items: center !important; 
    width: 100% !important; 
    max-width: 600px !important; 
    margin: 25px auto 0 auto !important; 
    padding: 0 !important; 
} 

#place_order { 
    order: 1 !important; 
    width: 100% !important; 
    height: 60px !important; 
    border-radius: 50px !important; 
    background: #C01157 !important; 
    color: #ffffff !important; 
    font-size: 20px !important; 
    font-weight: 850 !important; 
    font-family: inherit !important; 
    box-shadow: 0 10px 25px rgba(192, 17, 87, 0.25) !important; 
    cursor: pointer !important; 
    border: none !important; 
    display: inline-flex !important; 
    align-items: center !important; 
    justify-content: center !important; 
    line-height: 1 !important; 
    transform: translateZ(0) !important; 
    backface-visibility: hidden !important; 
    -webkit-font-smoothing: antialiased !important; 
    transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), background-color 0.25s ease, box-shadow 0.25s ease !important; 
} 

#place_order:hover { 
    background: #a80f4c !important; 
    box-shadow: 0 15px 35px rgba(192, 17, 87, 0.38) !important; 
    transform: translate3d(0, -2px, 0) !important; 
} 

.woocommerce-privacy-policy-text, 
.woocommerce-terms-and-conditions-wrapper, 
.mk-privacy-box { 
    order: 2 !important; 
    text-align: center !important; 
    font-size: 11.5px !important; 
    color: #64748b !important; 
    margin: 10px auto 5px auto !important; 
    background: transparent !important; 
    border: none !important; 
    padding: 0 !important; 
    font-weight: 500 !important; 
    line-height: 1.6 !important; 
} 

.mk-privacy-box a { 
    color: #C01157 !important; 
    text-decoration: none !important; 
    font-weight: 700 !important; 
    border-bottom: 1px dashed rgba(192,17,87,0.3) !important; 
} 

.mk-privacy-box a:hover { 
    border-bottom-color: #C01157 !important; 
} 

.mk-link-btn { 
    color: #94a3b8 !important; 
    text-decoration: none !important; 
    font-size: 12.5px !important; 
    margin-top: 6px !important; 
    transition: color 0.25s ease !important; 
} 

.mk-link-btn:hover { 
    color: #C01157 !important; 
} 

#mikada-nav-box, 
.mk-privacy-box, 
#place_order:not(:hover), 
#mk-btn-next:not(:hover), 
#mk-btn-prev:not(:hover) { 
    transform: none; 
    backface-visibility: visible !important; 
}

/* ==========================================================================
   بخش دوازدهم: ترازبندی دقیق قیمت محصول (مرکزچین بودن قیمت قدیم با قیمت اصلی)
   ========================================================================== */
.mk-order-card .mk-card-price {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: auto !important;
    margin-left: 0 !important; 
    padding-left: 0 !important;
    width: auto !important;
    min-width: 100px !important; 
    text-align: center !important;
}
.mk-price-block {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important; /* 👈 قرارگیری قیمت قدیم دقیقاً در راستا و مرکز عمودی زیر قیمت نهایی */
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    gap: 3px !important;
    margin: 0 !important;
    direction: rtl !important;
}
.mk-price-block ins.mk-sale-price,
.mk-price-block ins.mk-sale-price .amount,
.mk-price-block ins.mk-sale-price bdi {
    color: #C01157 !important;
    font-size: 18px !important;
    font-weight: 850 !important;
    text-decoration: none !important;
    background: transparent !important;
    line-height: 1.2 !important;
    display: block !important;
    text-align: center !important;
}
.mk-old-price-wrap {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important; /* 👈 مرکزچین شدن عدد خط‌خورده و پرانتزها نسبت به قیمت اصلی */
    direction: rtl !important;
    gap: 0 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    margin: 0 auto !important;
}
.mk-price-block del.mk-regular-price,
.mk-price-block del.mk-regular-price .amount,
.mk-price-block del.mk-regular-price bdi {
    color: #9ca3af !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-decoration: line-through !important;
    opacity: 0.85 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.mk-old-price-wrap .mk-paren {
    color: #9ca3af !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    display: inline-block !important;
    opacity: 0.85 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ==========================================================================
   بخش ‌سیزدهم: استایل کارت اعلان خطای ووکامرس در بالای فرم پرداخت
   ========================================================================== */

.woocommerce-NoticeGroup-checkout {
    width: 100% !important;
    max-width: 600px !important;
    margin: 0 auto 20px auto !important;
    box-sizing: border-box !important;
    animation: mkSoftNoticeFade 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards !important;
}

.woocommerce-NoticeGroup-checkout ul.woocommerce-error {
    background: #fff5f7 !important;
    border: 1.5px solid rgba(192, 17, 87, 0.3) !important;
    border-radius: 20px !important;
    padding: 15px 20px !important;
    margin: 0 !important;
    list-style: none !important;
    box-shadow: 0 8px 25px rgba(192, 17, 87, 0.08) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    visibility: visible !important;
    opacity: 1 !important;
    direction: rtl !important;
    text-align: right !important;
}

.woocommerce-NoticeGroup-checkout ul.woocommerce-error li {
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #9c0e46 !important;
    line-height: 1.6 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.woocommerce-NoticeGroup-checkout ul.woocommerce-error li::before {
    content: "!" !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    width: 22px !important;
    height: 22px !important;
    background: #C01157 !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.woocommerce-NoticeGroup-checkout ul.woocommerce-error li a {
    color: #C01157 !important;
    text-decoration: none !important;
    font-weight: 800 !important;
}


/* ==========================================================================
   بخش چهاردهم: مدیا کوئری‌ها و بهینه‌سازی ریسپانسیو (موبایل)
   ========================================================================== */
@media(max-width: 768px) { 
    form.checkout, 
    .wcf-embed-checkout-form { 
        padding: 20px 20px 20px 20px !important; 
        margin: 25px auto 25px auto !important; 
        border-radius: 20px !important; 
        border: none !important; 
        min-height: auto !important; 
    } 
    #shipping_method, ul#shipping_method { 
        grid-template-columns: 1fr !important; 
    } 
    .mk-action-btns { 
        flex-direction: row-reverse; 
    } 
    #mk-btn-next { flex: 2; } 
    #mk-btn-prev { flex: 1; } 
    .mk-label { 
        font-size: 11px; 
        white-space: nowrap; 
    } 
    .mk-icon { 
        width: 40px; 
        height: 40px; 
    } 
    .mk-icon svg { width: 18px; } 
    .wcf-embed-checkout-form label { 
        text-align: center; 
        margin-right: 0; 
    } 
    #mikada-stepper-bar { 
        margin-bottom: 0px !important; 
        padding-bottom: 0 !important; 
    } 
    .mk-step-content { 
        margin-top: -65px !important; 
        padding-top: 0 !important; 
    } 
    .mk-dynamic-title { 
        margin-top: 0px !important; 
        margin-bottom: 20px !important; 
        padding-top: 0 !important; 
    } 
    .mk-shipping-title { 
        margin-top: 25px !important; 
        margin-bottom: 15px !important; 
    } 
    #mk-step-3-review table.shop_table thead { display: none; } 

    /* 🌟 آزادسازی ارتفاع جدول و سلول‌ها در موبایل جهت جلوگیری از تداخل و بیرون‌زدگی کارت 🌟 */
    #mk-step-3-review table.shop_table tbody tr {
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
    }

    #mk-step-3-review table.shop_table tbody td.mk-new-cell,
    #mk-step-3-review table.shop_table tbody td:not(.mk-new-cell) {
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
    }

    .mk-order-card { 
        flex-direction: column !important; 
        align-items: center !important; 
        text-align: center !important; 
        padding: 20px !important; 
        justify-content: center !important; 
        margin: 0 auto !important; 
        margin-top: 0px !important; 
        width: 100% !important; 
        height: auto !important; /* ارتفاع داینامیک در موبایل */
        min-height: auto !important;
        max-height: none !important;
        box-sizing: border-box !important; 
        overflow: visible !important;
    } 
    .mk-card-product { 
        width: 100% !important; 
        padding: 0 !important; 
        margin: 0 !important; 
        margin-bottom: 15px !important; 
        flex-direction: column !important; 
        justify-content: center !important; 
        align-items: center !important; 
    } 
    .mk-card-product img { 
        width: 110px !important; 
        height: auto !important;
        margin: 0 auto 5px auto !important; 
    } 
    .mk-card-meta { 
        width: 100% !important; 
        padding: 0 !important; 
        margin: 0 !important; 
        align-items: center !important; 
        text-align: center !important; 
    } 
    .mk-card-meta .wcf-product-image { 
        width: 100% !important; 
        display: block !important; 
    } 
    .mk-card-meta a, 
    .mk-card-meta .wcf-product-name { 
        text-align: center !important; 
        display: block !important; 
        width: 100% !important; 
        margin: 0 0 10px 0 !important; 
    } 
    .mk-card-meta ul.variation, 
    .mk-card-meta dl.variation { 
        align-items: center !important; 
        text-align: center !important; 
        width: 100% !important; 
        justify-content: center !important; 
        padding: 0 !important; 
        margin: 0 !important; 
    } 
    .mk-card-meta ul.variation li, 
    .mk-card-meta dl.variation dd { 
        text-align: center !important; 
        width: auto !important; 
        margin: 0 !important; 
    } 
    .mk-card-qty { 
        position: relative !important; 
        left: auto !important; 
        transform: none !important; 
        width: 100% !important; 
        margin-bottom: 10px !important; 
        display: flex !important; 
        justify-content: center !important; 
        align-items: center !important; 
    } 
    .mk-card-qty span { 
        width: 36px !important; 
        height: 36px !important; 
        line-height: 36px !important; 
        background: #eee !important; 
        border-radius: 50% !important; 
        font-size: 14px !important; 
        font-weight: 700 !important; 
        color: #555 !important; 
        text-align: center !important; 
        box-shadow: 0 4px 10px rgba(0,0,0,0.08) !important; 
        display: inline-block !important; 
    } 
    .mk-card-qty span::before { 
        content: none !important; 
    } 
    .mk-order-card .mk-card-price,
    .mk-card-price { 
        width: 100% !important; 
        max-width: 100% !important; 
        padding: 0 !important; 
        padding-top: 15px !important; 
        margin: 0 auto !important; 
        border-top: 1px dashed #eee !important; 
        display: flex !important; 
        flex-direction: column !important; 
        align-items: center !important; 
        justify-content: center !important; 
        text-align: center !important; 
        box-sizing: border-box !important; 
    } 
    .mk-card-price-value { 
        font-size: 20px !important; 
        font-weight: 900 !important; 
        width: 100% !important; 
        text-align: center !important; 
        display: block !important; 
    } 
    .mk-price-block { 
        width: 100% !important; 
        align-items: center !important; 
        justify-content: center !important; 
        text-align: center !important; 
        margin: 0 auto !important; 
    } 
    .mk-old-price-wrap { 
        justify-content: center !important; 
    } 
.mk-footer-row-inner,
    tr.order-total .mk-footer-row-inner { 
        padding: 12px 10px !important; /* یکپارچه‌سازی پدینگ تمامی سطرها در موبایل */
    }  

    .mk-subtotal-label, 
    .mk-shipping-label,
    .mk-total-label { 
        padding-right: 0 !important; /* تراز ستونی دقیق از لبه راست */
    } 

    .mk-subtotal-value, 
    .mk-shipping-value,
    .mk-total-value,
    tr.shipping td .woocommerce-Price-amount,
    tr.woocommerce-shipping-totals td .woocommerce-Price-amount { 
        padding-left: 0 !important; /* تراز ستونی دقیق از لبه چپ */
        margin-right: 0 !important; 
    } 

    .mk-total-label { 
        font-size: 16px !important; 
    } 
    .mk-total-value { 
        font-size: 16px !important; 
    }

    #mk-step-3-review .shipping-method-badge,
    #mk-step-3-review .mk-shipping-badge,
    #mk-step-3-review .wcf-shipping-method-badge,
    #mk-step-3-review .mk-selected-shipping-badge,
    #mk-step-3-review .mk-ship-method-box { 
        font-size: 10.5px !important; 
        padding: 2px 10px !important; 
        height: 28px !important; 
        min-height: 26px !important; 
        max-height: 28px !important; 
        width: max-content !important; 
    } 
    #mk-step-3-review .shipping-method-badge img,
    #mk-step-3-review .mk-shipping-badge img,
    #mk-step-3-review .wcf-shipping-method-badge img,
    #mk-step-3-review .mk-selected-shipping-badge img,
    #mk-step-3-review .shipping-method-badge svg,
    #mk-step-3-review .mk-shipping-badge svg,
    #mk-step-3-review .wcf-shipping-method-badge svg,
    #mk-step-3-review .mk-selected-shipping-badge svg,
    #mk-step-3-review .mk-ship-method-box img,
    #mk-step-3-review .mk-ship-method-box svg { 
        width: 12px !important; 
        height: 12px !important; 
        max-width: 12px !important; 
        max-height: 12px !important; 
    } 

    /* 📱 استایل و اصلاح کادر دراپ‌داون در موبایل */
    .select2-container, 
    .select2-dropdown, 
    .select2-results__options, 
    .mk-city-select, 
    .state_select { 
        font-family: "Vazirmatn", Tahoma, sans-serif !important; 
        font-size: 14px !important; 
    } 

    /* 👈 حذف قطعی فیلد جستجو در موبایل با اولویت بالا */
    body.woocommerce-checkout .select2-search--dropdown,
    body.cartflows-step-type-checkout .select2-search--dropdown,
    .select2-search--dropdown { 
        display: none !important; 
    } 

    /* 👈 هماهنگی دقیق پهنای منو و اتصال لب‌به‌لب به زیر کپسول */
    body.woocommerce-checkout .select2-dropdown,
    body.cartflows-step-type-checkout .select2-dropdown {
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }

    body.woocommerce-checkout .select2-dropdown--below,
    body.cartflows-step-type-checkout .select2-dropdown--below {
        margin-top: 0px !important; 
    }

    body.woocommerce-checkout .select2-dropdown--above,
    body.cartflows-step-type-checkout .select2-dropdown--above {
        margin-top: 0px !important;
    }

    body.woocommerce-checkout .select2-results__options::-webkit-scrollbar,
    body.cartflows-step-type-checkout .select2-results__options::-webkit-scrollbar {
        display: block !important;
        width: 4px !important;
    }

    /* مسیر و پس‌زمینه اسکرول کاملاً سفید یکدست */
    body.woocommerce-checkout .select2-results__options::-webkit-scrollbar-track,
    body.cartflows-step-type-checkout .select2-results__options::-webkit-scrollbar-track {
        background: #ffffff !important;
    }

    body.woocommerce-checkout .select2-results__options::-webkit-scrollbar-thumb,
    body.cartflows-step-type-checkout .select2-results__options::-webkit-scrollbar-thumb {
        background: #C01157 !important;
        border-radius: 4px !important;
    }

    body.woocommerce-checkout .select2-results__options::-webkit-scrollbar-thumb:hover,
    body.cartflows-step-type-checkout .select2-results__options::-webkit-scrollbar-thumb:hover {
        background: #9f0e48 !important;
    }

    /* 👈 رفع انحراف به چپ نام‌های طولانی و ایجاد ۲ پیکسل فاصله امن متقارن میان کادر رنگی و اسکرول */
    body.woocommerce-checkout .select2-container--default .select2-results__option,
    body.cartflows-step-type-checkout .select2-container--default .select2-results__option,
    body.woocommerce-checkout .select2-results__option,
    body.cartflows-step-type-checkout .select2-results__option,
    .select2-container--default .select2-results__option { 
        padding: 6px 2px !important; 
        margin: 2px 6px !important; 
        border-radius: 6px !important; 
        font-size: 13.8px !important; 
        font-weight: 600 !important;
        text-align: center !important;
        letter-spacing: -0.25px !important; 
        white-space: nowrap !important;
        line-height: 1.4 !important;
        display: block !important;
        width: calc(100% - 12px) !important; 
        box-sizing: border-box !important;
    }

    .wcf-embed-checkout-form .form-row-first, 
    .wcf-embed-checkout-form .form-row-last { 
        margin-bottom: 10px !important; 
    } 

    /* 👈 صفر کردن کامل پدینگ کپسول اصلی با بالاترین اولویت */
    body.woocommerce-checkout #billing_state_field .select2-container--default .select2-selection--single,
    body.woocommerce-checkout #billing_city_field .select2-container--default .select2-selection--single,
    body.cartflows-step-type-checkout #billing_state_field .select2-container--default .select2-selection--single,
    body.cartflows-step-type-checkout #billing_city_field .select2-container--default .select2-selection--single,
    .wcf-embed-checkout-form .select2-container--default .select2-selection--single,
    div.mk-inline-row .select2-selection--single { 
        height: 48px !important; 
        padding: 0 !important; 
        margin: 0 !important;
        position: relative !important;
        box-sizing: border-box !important;
    } 

    /* 👈 تراز صددرصدی عنوان بالای فیلد در مرکز ستون */
    div.mk-inline-row label {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        margin: 0 0 7px 0 !important;
        padding: 0 !important;
    }

    /* 👈 ابعاد فیلدها و تراز عمود با فیلد آدرس */
    body.woocommerce-checkout div.mk-inline-row,
    body.cartflows-step-type-checkout div.mk-inline-row,
    div.mk-inline-row { 
        display: flex !important; 
        justify-content: space-between !important; 
        align-items: flex-start !important; 
        width: 100% !important; 
        padding: 0 8px !important; 
        box-sizing: border-box !important;
        gap: 6px !important; 
        margin-bottom: 16px !important; 
    } 

    body.woocommerce-checkout div.mk-inline-row #billing_state_field, 
    body.woocommerce-checkout div.mk-inline-row #billing_city_field,
    body.cartflows-step-type-checkout div.mk-inline-row #billing_state_field,
    body.cartflows-step-type-checkout div.mk-inline-row #billing_city_field,
    div.mk-inline-row #billing_state_field,
    div.mk-inline-row #billing_city_field,
    div.mk-inline-row .form-row { 
        flex: 1 1 calc(50% - 3px) !important; 
        width: calc(50% - 3px) !important; 
        max-width: calc(50% - 3px) !important; 
        min-width: calc(50% - 3px) !important; 
        float: none !important; 
        clear: none !important; 
        margin: 0 !important; 
        padding: 0 !important; 
    } 

    body.woocommerce-checkout .mk-inline-row .select2-container, 
    body.cartflows-step-type-checkout .mk-inline-row .select2-container, 
    body.woocommerce-checkout .mk-inline-row .woocommerce-input-wrapper,
    body.cartflows-step-type-checkout .mk-inline-row .woocommerce-input-wrapper,
    div.mk-inline-row .select2-container, 
    div.mk-inline-row .select2-selection--single,
    div.mk-inline-row span.select2 { 
        width: 100% !important; 
        min-width: 100% !important; 
        max-width: 100% !important; 
        display: block !important;
        box-sizing: border-box !important; 
    } 

    /* 👈 موازنه‌سازی بصری (Optical Alignment) جهت تراز دقیق عمودی با عنوان بالای فیلد */
    body.woocommerce-checkout #billing_state_field .select2-container--default .select2-selection--single .select2-selection__rendered, 
    body.woocommerce-checkout #billing_city_field .select2-container--default .select2-selection--single .select2-selection__rendered,
    body.cartflows-step-type-checkout #billing_state_field .select2-container--default .select2-selection--single .select2-selection__rendered,
    body.cartflows-step-type-checkout #billing_city_field .select2-container--default .select2-selection--single .select2-selection__rendered,
    #billing_state_field .select2-selection__rendered,
    #billing_city_field .select2-selection__rendered { 
        display: block !important;
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
        font-size: 15px !important; 
        font-weight: 950 !important; 
        color: #1e293b !important; 
        text-align: center !important;
        line-height: 48px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 26px !important; 
        padding-right: 18px !important; 
        box-sizing: border-box !important;
        text-overflow: ellipsis !important; 
        white-space: nowrap !important; 
        overflow: hidden !important; 
    } 

    /* 👈 فلش در موقعیت استاندارد، شیک و بدون تداخل با متن */
    body.woocommerce-checkout .mk-inline-row .select2-container--default .select2-selection--single .select2-selection__arrow,
    body.cartflows-step-type-checkout .mk-inline-row .select2-container--default .select2-selection--single .select2-selection__arrow,
    div.mk-inline-row .select2-selection__arrow { 
        left: 8px !important; 
        right: auto !important;
        width: 10px !important; 
    } 

    /* 👈 اسکرول‌بار با پس‌زمینه سفید اختصاصی */
    body.woocommerce-checkout .select2-results__options,
    body.cartflows-step-type-checkout .select2-results__options {
        padding: 0 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        scrollbar-width: thin !important;
        scrollbar-color: #C01157 #ffffff !important;
        -ms-overflow-style: auto !important;
    }

    /* 📱 استایل روش‌های پرداخت در موبایل */
    .woocommerce-checkout-payment ul.payment_methods li.wc_payment_method {
        overflow: hidden !important;
        box-sizing: border-box !important;
        box-shadow: none !important;
        transform: none !important;
    }

    .woocommerce-checkout-payment ul.payment_methods li.wc_payment_method > label {
        flex-direction: row !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        left: auto !important;
        border-bottom: 1px solid transparent !important;
    }

    .woocommerce-checkout-payment ul.payment_methods li.wc_payment_method:has(input[type="radio"]:checked) > label {
        border-bottom-color: rgba(192, 17, 87, 0.08) !important;
    }

    .woocommerce-checkout-payment ul.payment_methods li.wc_payment_method label img,
    .woocommerce-checkout-payment ul.payment_methods li.payment_method_cod label::after {
        margin-right: auto !important;
        margin-left: 0 !important;
    }

    .woocommerce-checkout-payment div.payment_box {
        border: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .woocommerce-checkout-payment div.payment_box p {
        text-align: center !important; 
        font-size: 13px !important; 
        line-height: 22px !important; 
        padding: 12px 14px !important; 
        margin: 0 !important; 
    }

    /* 📱 🌟 تنظیم دقیق فواصل دکمه پرداخت و حریم خصوصی در موبایل 🌟 */
    #order_review #payment .form-row.place-order,
    .woocommerce-checkout-payment .form-row.place-order {
        margin: 20px auto 0 auto !important; 
        width: 100% !important;
        padding: 0 !important;
    }

    #place_order {
        order: 1 !important;
        width: 100% !important;
        height: 56px !important;
        font-size: 18px !important;
        margin: 0 !important;
    }

    .woocommerce-privacy-policy-text,
    .woocommerce-terms-and-conditions-wrapper,
    .mk-privacy-box { 
        order: 2 !important;
        text-align: center !important; 
        font-size: 11px !important; 
        color: #64748b !important; 
        margin: 8px auto 0 auto !important; 
        padding: 0 !important;
        line-height: 1.5 !important;
        display: block !important;
    } 

    .mk-privacy-box a { 
        display: inline-block !important; 
        margin-top: 0 !important; 
    }
	
    /* 📱 🌟 استایل مشکی شیشه‌ای و فشرده Toast در موبایل (مشابه صفحه محصول) 🌟 */
    #mk-error-toast,
    #mk-floating-toast { 
        bottom: 30px !important; 
        width: max-content !important; 
        max-width: calc(100% - 24px) !important; 
        padding: 8px 18px !important; 
        border-radius: 40px !important; 
        background: rgba(15, 23, 42, 0.94) !important;
        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important;
        border: 1px solid rgba(255, 255, 255, 0.1) !important;
        gap: 8px !important; 
        box-shadow: 0 12px 35px rgba(0, 0, 0, 0.35) !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    } 

    #mk-error-toast svg,
    #mk-floating-toast svg,
    #mk-error-toast .mk-err-icon { 
        width: 17px !important; 
        height: 17px !important; 
        min-width: 17px !important; 
        min-height: 17px !important; 
        color: #f43f5e !important;
        stroke: #f43f5e !important;
        stroke-width: 2.2 !important;
        background: transparent !important;
        padding: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        flex-shrink: 0 !important;
    } 

    .mk-toast-br {
        display: block !important;
        content: "" !important;
        margin-top: 2px !important;
    }

    .mk-err-text,
    #mk-error-toast span,
    #mk-floating-toast span { 
        color: #ffffff !important;
        font-weight: 600 !important; 
        font-size: 12px !important; 
        line-height: 1.45 !important;
        white-space: normal !important;
        text-align: center !important;
        display: inline-block !important;
        letter-spacing: -0.2px !important;
    }
}

/*---#23-----------------------ًRegular Price Lines Fix-----------------------*/


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

/* بازگردانی نمایش خود کلمه تومان بدون هیچ استایل اضافه */
.summary-inner .price del .woocommerce-Price-currencySymbol {
    display: inline !important;
    text-decoration: none !important;
    border: none !important;
}

/* ۲. اعمال فقط یک خط استاندارد و یکدست روی کل عبارت (عدد + تومان با هم) */
.summary-inner .price del,
.product-image-summary .price del {
    display: inline-block !important;
    text-decoration: line-through !important;
    text-decoration-thickness: 1px !important;
    text-decoration-color: #94a3b8 !important;
    color: #94a3b8 !important;
}

/* قطع ارث‌بری خط از تگ‌های تو در تو */
.summary-inner .price del bdi,
.summary-inner .price del .amount {
    text-decoration: inherit !important;
}


/*---#23--------------------Thank You Page------------------------*/

/* ==========================================================================
   Thank You Page - Master Theme Matching CSS (Full Final Version)
   ========================================================================== */

/* ==========================================================================
   ریست ساختار کانتینرها (منحصراً محدود به صفحه تشکر از خرید)
   ========================================================================== */
body.woocommerce-order-received .cartflows-container,
body.woocommerce-order-received .cartflows-primary,
.wcf-thankyou-wrap,
.wcf-thankyou-wrap .cartflows-container,
.wcf-thankyou-wrap .cartflows-primary,
.woocommerce-order.wcf-legacy-tq-layout {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}


.mk-thankyou-wrap {
    width: 100% !important;
    max-width: 850px !important;
    margin: 30px auto 50px auto !important;
    padding: 0 15px !important;
    direction: rtl !important;
    text-align: right !important;
    box-sizing: border-box !important;
    font-family: "Vazirmatn", "IRANSansX", "IRANSans", sans-serif !important;
}

/* ساختار کارت‌های سفید */
.mk-card,
.mk-order-engine-box ul.woocommerce-order-overview,
.mk-order-engine-box .woocommerce-order-details,
.mk-order-engine-box .woocommerce-customer-details {
    background: #ffffff !important;
    border-radius: 30px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid #f8f8f8 !important;
    padding: 30px 35px !important;
    margin-bottom: 22px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* --------------------------------------------------------------------------
   بخش دوم: پیام تایید و آیکون موفقیت (Hero Box)
   -------------------------------------------------------------------------- */
.mk-hero-box {
    text-align: center !important;
    padding: 40px 25px !important;
}
.mk-hero-icon-wrap {
    width: 70px !important;
    height: 70px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.15) 0%, rgba(16, 185, 129, 0.05) 100%) !important;
    color: #10b981 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 18px !important;
    box-shadow: 0 10px 25px rgba(16, 185, 129, 0.18) !important;
}
.mk-hero-icon-wrap svg {
    width: 34px !important;
    height: 34px !important;
}
.mk-hero-title {
    font-size: 24px !important;
    font-weight: 850 !important;
    color: #1e293b !important;
    margin: 0 0 10px 0 !important;
}
.mk-hero-desc {
    font-size: 14.5px !important;
    color: #64748b !important;
    margin: 0 !important;
    line-height: 1.6 !important;
}

/* --------------------------------------------------------------------------
   بخش سوم: استپر مراحل مرسوله (Stepper Box)
   -------------------------------------------------------------------------- */
.mk-stepper-box {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 24px 20px !important;
}
.mk-step-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
    z-index: 2 !important;
    flex: 0 0 auto !important;
    text-align: center !important;
}
.mk-step-badge {
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    background: #f1f5f9 !important;
    border: 2px solid #cbd5e1 !important;
    color: #94a3b8 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    position: relative !important;
}
.mk-step-badge svg {
    width: 20px !important;
    height: 20px !important;
    stroke: currentColor !important;
    fill: none !important;
}
.mk-step-txt {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #64748b !important;
    white-space: nowrap !important;
}
.mk-step-line {
    flex: 1 !important;
    height: 3px !important;
    background: #e2e8f0 !important;
    margin: -25px 12px 0 12px !important;
    border-radius: 10px !important;
    min-width: 20px !important;
}

.mk-step-item.passed .mk-step-badge {
    background: #10b981 !important;
    border-color: #10b981 !important;
    color: #ffffff !important;
}
.mk-step-item.passed .mk-step-txt {
    color: #10b981 !important;
}
.mk-step-line.passed {
    background: #10b981 !important;
}

.mk-step-item.active .mk-step-badge {
    background: #C01157 !important;
    border: 2px solid #C01157 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(192, 17, 87, 0.25) !important;
    transform: scale(1.08) !important;
}
.mk-step-item.active .mk-step-badge::after {
    content: "" !important;
    position: absolute !important;
    top: -6px !important;
    left: -6px !important;
    right: -6px !important;
    bottom: -6px !important;
    border-radius: 50% !important;
    border: 2px dashed #C01157 !important;
    animation: mkRotateDashed 8s linear infinite !important;
    pointer-events: none !important;
}
@keyframes mkRotateDashed {
    to { transform: rotate(360deg); }
}
.mk-step-item.active .mk-step-txt {
    color: #C01157 !important;
    font-weight: 850 !important;
}

/* --------------------------------------------------------------------------
   بخش چهارم: نوار یکپارچه و آیکون‌دار اطلاعات سفارش (Integrated Meta Bar)
   -------------------------------------------------------------------------- */
.mk-order-engine-box .woocommerce-notice,
.mk-order-engine-box .woocommerce-thankyou-order-received,
.mk-order-engine-box > .wcf-thankyou-wrap > .woocommerce-order > p {
    display: none !important;
}

.mk-order-engine-box ul.woocommerce-order-overview {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 22px 10px !important;
    margin: 0 0 22px 0 !important;
    list-style: none !important;
    box-sizing: border-box !important;
}

.mk-order-engine-box ul.woocommerce-order-overview li {
    flex: 1 1 0 !important;
    text-align: center !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 4px !important;
    font-size: 13.5px !important; /* فونت بزرگ‌تر و متناسب با آیکون */
    color: #64748b !important;
    font-weight: 750 !important;
    line-height: 20px !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    position: relative !important;
    box-sizing: border-box !important;
}

.mk-order-engine-box ul.woocommerce-order-overview li.woocommerce-order-overview__order {
    flex: 0.85 1 0 !important;
}

.mk-order-engine-box ul.woocommerce-order-overview li.woocommerce-order-overview__date {
    flex: 1.45 1 0 !important; /* اختصاص فضای بازتر به تاریخ و ساعت */
}

.mk-order-engine-box ul.woocommerce-order-overview li.woocommerce-order-overview__email {
    flex: 1.15 1 0 !important;
}

.mk-order-engine-box ul.woocommerce-order-overview li.woocommerce-order-overview__total {
    flex: 1.1 1 0 !important;
}

.mk-order-engine-box ul.woocommerce-order-overview li.woocommerce-order-overview__payment-method {
    flex: 1.05 1 0 !important;
}

/* خطوط جداکننده عمودی متقارن */
.mk-order-engine-box ul.woocommerce-order-overview li:not(:last-child)::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    height: 38px !important;
    width: 1px !important;
    background: #f1f5f9 !important;
}

.mk-order-engine-box ul.woocommerce-order-overview li::before {
    content: "" !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block !important;
    vertical-align: -2.5px !important;
    margin-left: 3.5px !important; /* کاهش فاصله افقی بین آیکون و عنوان */
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

.mk-order-engine-box ul.woocommerce-order-overview li.woocommerce-order-overview__order::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C01157' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'%3E%3C/path%3E%3Cpolyline points='14 2 14 8 20 8'%3E%3C/polyline%3E%3Cline x1='16' y1='13' x2='8' y2='13'%3E%3C/line%3E%3Cline x1='16' y1='17' x2='8' y2='17'%3E%3C/line%3E%3Cpolyline points='10 9 9 9 8 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
}

.mk-order-engine-box ul.woocommerce-order-overview li.woocommerce-order-overview__date::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E") !important;
}

.mk-order-engine-box ul.woocommerce-order-overview li.woocommerce-order-overview__email::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'%3E%3C/path%3E%3Cpolyline points='22,6 12,13 2,6'%3E%3C/polyline%3E%3C/svg%3E") !important;
}

.mk-order-engine-box ul.woocommerce-order-overview li.woocommerce-order-overview__total::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C01157' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'%3E%3C/path%3E%3Cline x1='7' y1='7' x2='7.01' y2='7'%3E%3C/line%3E%3C/svg%3E") !important;
}

.mk-order-engine-box ul.woocommerce-order-overview li.woocommerce-order-overview__payment-method::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='4' width='22' height='16' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='1' y1='10' x2='23' y2='10'%3E%3C/line%3E%3C/svg%3E") !important;
}

/* مقادیر زیر عنوان‌ها روی خط افقی متقارن */
.mk-order-engine-box ul.woocommerce-order-overview li strong {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 28px !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    color: #1e293b !important;
    margin-top: 8px !important;
    line-height: 1 !important;
}

.mk-order-engine-box ul.woocommerce-order-overview li.woocommerce-order-overview__order strong {
    color: #C01157 !important;
    font-size: 20px !important;
    font-weight: 900 !important;
}

.mk-order-engine-box ul.woocommerce-order-overview li.woocommerce-order-overview__date strong {
    font-size: 13px !important;
    white-space: nowrap !important; /* تثبیت تاریخ و ساعت در یک خط بدون شکستگی */
    direction: rtl !important;
}

.mk-order-engine-box ul.woocommerce-order-overview li.woocommerce-order-overview__total strong {
    color: #C01157 !important;
    font-size: 17.5px !important;
    font-weight: 900 !important;
}

.mk-order-engine-box ul.woocommerce-order-overview li.woocommerce-order-overview__email strong {
    font-size: 12px !important;
    white-space: nowrap !important;
    direction: ltr !important;
    letter-spacing: -0.2px !important;
}

/* ==========================================================================
   بخش پنجم: جدول محصولات و فوتر مالی
   ========================================================================== */

/* ۱. باکس عنوان «جزییات سفارش» */
.mk-order-engine-box .woocommerce-order-details__title {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 20px !important;
    padding: 16px 20px !important;
    color: #C01157 !important;
    font-size: 18.5px !important;
    font-weight: 850 !important;
    margin: 0 0 10px 0 !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important;
}

.mk-order-engine-box .woocommerce-order-details__title::before {
    content: "" !important;
    width: 22px !important;
    height: 22px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C01157' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'%3E%3C/path%3E%3Cpolyline points='14 2 14 8 20 8'%3E%3C/polyline%3E%3Cline x1='16' y1='13' x2='8' y2='13'%3E%3C/line%3E%3Cline x1='16' y1='17' x2='8' y2='17'%3E%3C/line%3E%3Cpolyline points='10 9 9 9 8 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    display: inline-block !important;
}

/* ۲. ساختار جدول */
.mk-order-engine-box table.shop_table {
    border: none !important;
    border-collapse: separate !important;
    border-spacing: 0 12px !important;
    background: transparent !important;
    width: 100% !important;
    margin: 0 !important;
}

.mk-order-engine-box .woocommerce-order-details {
    padding-bottom: 20px !important;
}

/* ۳. سربرگ جدول */
.mk-order-engine-box table.shop_table thead th {
    background: #f8f8f8 !important;
    border: none !important;
    padding: 14px 18px !important;
    color: #777 !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    position: relative !important;
}

/* تراز عنوان «محصول» دقیقاً بالای مرکز عکس */
.mk-order-engine-box table.shop_table thead th.product-name {
    text-align: right !important;
    border-radius: 0 15px 15px 0 !important;
    width: 50% !important;
    padding-right: 36px !important; /* قرارگیری دقیق در بالای مرکز تصویر کالا */
    position: relative !important;
}

.mk-order-engine-box table.shop_table thead th.product-name::after {
    content: "تعداد" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 60px !important;
    text-align: center !important;
    color: #777 !important;
    pointer-events: none !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    z-index: 2 !important;
}

.mk-order-engine-box table.shop_table thead th.product-total {
    text-align: left !important;
    border-radius: 15px 0 0 15px !important;
    width: 50% !important;
    padding-left: 20px !important; /* تراز با حاشیه ۲۰ پیکسلی سمت چپ */
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
}
.mk-order-engine-box table.shop_table thead th.product-total::after {
    content: "قیمت" !important;
    font-size: 13.5px !important;
    line-height: 1.5 !important;
    padding-left: 40px !important;
    color: #777 !important;
    display: block !important;
    visibility: visible !important;
}

/* ۴. کارت‌های محصول */
.mk-order-engine-box table.shop_table tbody tr.order_item {
    background: transparent !important;
    border: none !important;
    filter: drop-shadow(0 4px 14px rgba(0, 0, 0, 0.04)) !important;
    position: relative !important;
}

.mk-order-engine-box table.shop_table tbody td.product-name {
    background: #ffffff !important;
    border-radius: 0 18px 18px 0 !important;
    border: 1px solid #f0f0f0 !important;
    border-left: none !important;
    padding: 14px 20px !important; /* فاصله ۲۰ پیکسل تصویر از لبه راست */
    width: 50% !important;
    box-sizing: border-box !important;
    vertical-align: middle !important;
}

.mk-order-engine-box table.shop_table tbody td.product-name > ul.wc-item-meta {
    display: none !important;
}

.mk-order-engine-box table.shop_table tbody td.product-total {
    background: #ffffff !important;
    border-radius: 18px 0 0 18px !important;
    border: 1px solid #f0f0f0 !important;
    border-right: none !important;
    padding: 14px 20px !important; /* فاصله ۲۰ پیکسل قیمت از لبه چپ دقیقاً برابر با سمت راست */
    width: 50% !important;
    box-sizing: border-box !important;
    text-align: left !important;
    vertical-align: middle !important;
}

.mk-order-engine-box table.shop_table tbody td.product-total .amount,
.mk-order-engine-box table.shop_table tbody td.product-total bdi {
    font-weight: 850 !important;
    color: #C01157 !important;
    font-size: 16.5px !important;
}

/* ساختار تصویر و متغیرها */
.mk-table-prod-wrap {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 14px !important;
    width: 100% !important;
}

.mk-thankyou-prod-thumb {
    width: 68px !important;
    height: 68px !important;
    min-width: 68px !important;
    border-radius: 12px !important;
    object-fit: cover !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    border: 1px solid #f1f5f9 !important;
}

.mk-table-prod-info {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 3px !important;
}

.mk-table-prod-info a,
.mk-prod-title-text a,
.mk-prod-title-text {
    font-family: "Vazirmatn", sans-serif !important;
    font-weight: 850 !important;
    color: #C01157 !important;
    text-decoration: none !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    display: block !important;
}

.mk-table-prod-info ul.wc-item-meta {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2px !important;
    margin: 3px 0 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.mk-table-prod-info ul.wc-item-meta li {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin: 0 !important;
    font-size: 12px !important;
    color: #64748b !important;
    line-height: 1.3 !important;
}

.mk-table-prod-info ul.wc-item-meta strong.wc-item-meta-label {
    font-weight: 600 !important;
    color: #94a3b8 !important;
}

.mk-table-prod-info ul.wc-item-meta p {
    font-weight: 800 !important;
    color: #334155 !important;
    margin: 0 !important;
    display: inline-block !important;
}

/* دایره تعداد در مرکز افقی کارت */
.mk-order-engine-box table.shop_table tbody td.product-name strong.product-quantity {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 38px !important;
    height: 38px !important;
    line-height: 38px !important;
    background: #f1f5f9 !important;
    border-radius: 50% !important;
    font-size: 13.5px !important;
    font-weight: 850 !important;
    color: #334155 !important;
    text-align: center !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05) !important;
    z-index: 2 !important;
    display: inline-block !important;
    border: 1px solid #e2e8f0 !important;
}

/* ۵. فوتر مالی و ردیف هزینه ارسال */
.mk-order-engine-box table.shop_table tfoot tr {
    position: relative !important;
}

.mk-order-engine-box table.shop_table tfoot tr th {
    padding: 14px 20px !important;
    font-size: 14.5px !important;
    color: #475569 !important;
    font-weight: 700 !important;
    text-align: right !important;
    border: none !important;
}
.mk-order-engine-box table.shop_table tfoot tr td {
    padding: 14px 20px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #1e293b !important;
    text-align: left !important;
    border: none !important;
}

.mk-order-engine-box table.shop_table tfoot tr:nth-child(2) th {
    font-size: 0 !important;
    color: transparent !important;
}
.mk-order-engine-box table.shop_table tfoot tr:nth-child(2) th::after {
    content: "هزینه ارسال:" !important;
    font-size: 16px !important;
    color: #C01157 !important;
    font-weight: 850 !important;
    display: block !important;
    visibility: visible !important;
}
.mk-order-engine-box table.shop_table tfoot tr:nth-child(2) td {
    color: #C01157 !important;
    font-size: 17px !important;
    font-weight: 850 !important;
}
.mk-order-engine-box table.shop_table tfoot tr:nth-child(2) td .amount {
    color: #C01157 !important;
    font-size: 17.5px !important;
    font-weight: 850 !important;
}

.mk-tq-ship-badge {
    position: absolute !important;
    right: 50% !important;
    top: 50% !important;
    transform: translate(50%, -50%) !important;
    background: rgba(192, 17, 87, 0.04) !important;
    border: 1px solid rgba(192, 17, 87, 0.18) !important;
    border-radius: 20px !important;
    padding: 4px 14px !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    color: #C01157 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    white-space: nowrap !important;
    z-index: 2 !important;
}

.mk-tq-cost-badge {
    font-size: 14.5px !important;
    font-weight: 850 !important;
    padding: 4px 12px !important;
    border-radius: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
}
.mk-tq-cost-badge.paskeraye {
    color: #b45309 !important;
    background: #fef3c7 !important;
}
.mk-tq-cost-badge.free {
    color: #15803d !important;
    background: #dcfce7 !important;
}

.mk-order-engine-box table.shop_table tfoot tr:nth-last-child(2) th {
    font-size: 0 !important;
    color: transparent !important;
    border-top: 1.5px solid #f1f5f9 !important;
    padding-top: 18px !important;
}
.mk-order-engine-box table.shop_table tfoot tr:nth-last-child(2) th::after {
    content: "مبلغ پرداختی شما:" !important;
    font-size: 18px !important;
    color: #C01157 !important;
    font-weight: 850 !important;
    display: block !important;
    visibility: visible !important;
}

.mk-order-engine-box table.shop_table tfoot tr:nth-last-child(2) td {
    border-top: 1.5px solid #f1f5f9 !important;
    color: #C01157 !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    padding-top: 18px !important;
}

.mk-order-engine-box table.shop_table tfoot tr:last-child {
    background: transparent !important;
    box-shadow: none !important;
}
.mk-order-engine-box table.shop_table tfoot tr:last-child th {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-left: none !important;
    border-radius: 0 18px 18px 0 !important;
    font-size: 14.5px !important;
    color: #475569 !important;
    font-weight: 800 !important;
    padding: 16px 22px !important;
}
.mk-order-engine-box table.shop_table tfoot tr:last-child td {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-right: none !important;
    border-radius: 18px 0 0 18px !important;
    font-size: 15px !important;
    color: #0f172a !important;
    font-weight: 850 !important;
    padding: 16px 22px !important;
}

/* ==========================================================================
   استایل دکمه دانلود فاکتور در گوشه عنوان جزییات سفارش
   ========================================================================== */
.mk-order-engine-box .woocommerce-order-details__title {
    position: relative !important;
}

.mk-invoice-btn {
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #475569 !important;
    padding: 6px 14px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
}

.mk-invoice-btn svg {
    width: 16px !important;
    height: 16px !important;
    stroke: #C01157 !important;
    flex-shrink: 0 !important;
}

.mk-invoice-btn:hover {
    background: #f8fafc !important;
    color: #C01157 !important;
    border-color: #cbd5e1 !important;
    transform: translateY(-50%) scale(1.03) !important;
}

/* --------------------------------------------------------------------------
   بخش ششم: نشانی ارسال و مشخصات خریدار (Customer Addresses)
   -------------------------------------------------------------------------- */

/* ۱. کانتینر سفید اصلی */
.mk-order-engine-box .woocommerce-customer-details {
    background: #ffffff !important;
    border-radius: 30px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid #f8f8f8 !important;
    padding: 30px 35px !important;
    margin-bottom: 22px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* ۲. باز کردن کامل ستون اول و حذف گرید ۲ ستونه */
.mk-order-engine-box .woocommerce-customer-details .woocommerce-columns,
.mk-order-engine-box .woocommerce-customer-details .woocommerce-columns--2,
.mk-order-engine-box .woocommerce-customer-details .woocommerce-columns--addresses,
.mk-order-engine-box .woocommerce-customer-details .col2-set {
    display: block !important;
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ۳. کارت یکپارچه نشانی */
.mk-order-engine-box .woocommerce-customer-details .woocommerce-column--billing-address,
.mk-order-engine-box .woocommerce-customer-details .woocommerce-column--1,
.mk-order-engine-box .woocommerce-customer-details .col-1 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, .07) !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* مخفی‌سازی ستون دوم */
.mk-order-engine-box .woocommerce-customer-details .woocommerce-column--shipping-address,
.mk-order-engine-box .woocommerce-customer-details .woocommerce-column--2,
.mk-order-engine-box .woocommerce-customer-details .col-2 {
    display: none !important;
}

/* ۴. هدر نشانی ارسال */
.mk-order-engine-box .woocommerce-column--billing-address .woocommerce-column__title {
    background: #f9f9f9 !important;
    border: none !important;
    border-bottom: 1px solid #e2e8f0 !important;
    border-radius: 0 !important;
    padding: 14px 20px !important;
    margin: 0 !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    box-shadow: none !important;
    font-size: 0 !important;
    line-height: 1 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.mk-order-engine-box .woocommerce-column--billing-address .woocommerce-column__title::before {
    content: "" !important;
    width: 20px !important;
    height: 20px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C01157' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'%3E%3C/path%3E%3Ccircle cx='12' cy='10' r='3'%3E%3C/circle%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    display: inline-block !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    transform: translateY(-2.5px) !important;
}

.mk-order-engine-box .woocommerce-column--billing-address .woocommerce-column__title::after {
    content: "نشانی ارسال" !important;
    font-size: 17.5px !important;
    font-weight: 850 !important;
    color: #C01157 !important;
    display: inline-block !important;
    line-height: 1 !important;
    margin: 0 !important;
    visibility: visible !important;
}

/* ۵. بدنه نشانی */
.mk-order-engine-box .woocommerce-customer-details address {
    background: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 22px 24px !important;
    font-style: normal !important;
    text-align: right !important;
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
}

/* ۶. ردیف‌های ۵ گانه مشخصات خریدار و رنگ‌بندی UI/UX */
.mk-addr-structured-wrap {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
}

.mk-addr-row {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 14.5px !important;
    line-height: 1.6 !important;
}

/* تراز آیکون نشانی از بالای سطر اول */
.mk-addr-row:nth-child(2) {
    align-items: flex-start !important;
}
.mk-addr-row:nth-child(2) .mk-row-icon {
    margin-top: 3.5px !important;
}

/* رنگ ملایم و مدرن برای عناوین بر اساس UI/UX */
.mk-row-label {
    color: #64748b !important;
    font-weight: 750 !important;
    white-space: nowrap !important;
}

/* رنگ عمیق، خوانا و باکنتراست برای مقادیر */
.mk-row-value {
    color: #0f172a !important;
    font-weight: 850 !important;
}

/* اعمال فونت PixitNum روی شماره تماس، ایمیل و عدد کد پستی */
.mk-ltr-val,
.mk-row-postcode .mk-row-value {
    direction: ltr !important;
    font-family: PixitNum, sans-serif !important;
    font-weight: 700 !important;
    display: inline-block !important;
}

.mk-ltr-val {
    direction: ltr !important;
    font-family: PixitNum !important;
    font-weight: 700 !important;
}

/* ۷. آیکون‌های ردیف‌ها */
.mk-row-icon {
    width: 18px !important;
    height: 18px !important;
    flex-shrink: 0 !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

.mk-icon-user {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C01157' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='12' cy='7' r='4'%3E%3C/circle%3E%3C/svg%3E") !important;
}

.mk-icon-loc {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C01157' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'%3E%3C/path%3E%3Ccircle cx='12' cy='10' r='3'%3E%3C/circle%3E%3C/svg%3E") !important;
}

.mk-icon-post {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C01157' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v3'%3E%3C/path%3E%3Cpath d='M21 16v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-3'%3E%3C/path%3E%3Cpath d='M4 12h16'%3E%3C/path%3E%3C/svg%3E") !important;
}

.mk-icon-phone {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C01157' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3E%3C/path%3E%3C/svg%3E") !important;
}

.mk-icon-email {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C01157' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'%3E%3C/path%3E%3Cpolyline points='22,6 12,13 2,6'%3E%3C/polyline%3E%3C/svg%3E") !important;
}


/* --------------------------------------------------------------------------
   بخش هفتم: کارت پشتیبانی و لینک بازگشت (Support Card & Home Link)
   -------------------------------------------------------------------------- */
.mk-footer-support-box {
    text-align: center !important;
}
.mk-support-title {
    font-size: 18px !important;
    font-weight: 850 !important;
    color: #1e293b !important;
    margin: 0 0 6px 0 !important;
}
.mk-support-desc {
    font-size: 13px !important;
    color: #64748b !important;
    margin: 0 0 20px 0 !important;
    white-space: nowrap !important; /* تثبیت متن در یک خط */
}
.mk-support-btn-group {
    display: flex !important;
    gap: 12px !important;
    justify-content: center !important;
    margin-bottom: 20px !important;
}
.mk-btn-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    height: 50px !important;
    padding: 0 26px !important;
    border-radius: 50px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
}

/* ۱. دکمه واتس‌اپ + آیکون اختصاصی */
.mk-btn-brand {
    background: #C01157 !important;
    color: #ffffff !important;
    box-shadow: 0 10px 25px rgba(192, 17, 87, 0.25) !important;
}
.mk-btn-brand::before {
    content: "" !important;
    width: 20px !important;
    height: 20px !important;
    display: inline-block !important;
    flex-shrink: 0 !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z'%3E%3C/path%3E%3C/svg%3E") !important;
}
.mk-btn-brand:hover {
    background: #a80f4c !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 14px 30px rgba(192, 17, 87, 0.35) !important;
}

/* ۲. دکمه تماس تلفنی + آیکون تلفن هماهنگ */
.mk-btn-secondary {
    background: #f8fafc !important;
    color: #334155 !important;
    border: 1px solid #cbd5e1 !important;
}
.mk-btn-secondary::before {
    content: "" !important;
    width: 18px !important;
    height: 18px !important;
    display: inline-block !important;
    flex-shrink: 0 !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3E%3C/path%3E%3C/svg%3E") !important;
}
.mk-btn-secondary:hover {
    background: #e2e8f0 !important;
    transform: translateY(-2px) !important;
}

.mk-shipping-alert {
    background: rgba(192, 17, 87, 0.04) !important;
    border: 1px dashed rgba(192, 17, 87, 0.25) !important;
    border-radius: 20px !important;
    padding: 12px 18px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #C01157 !important;
    line-height: 1.6 !important;
}

.mk-back-home-wrap {
    text-align: center !important;
    margin-top: 15px !important;
}
.mk-back-link {
    color: #94a3b8 !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border-bottom: 1px dashed transparent !important;
    transition: all 0.25s ease !important;
}
.mk-back-link:hover {
    color: #C01157 !important;
    border-bottom-color: #C01157 !important;
}


/* ==========================================================================
   بخش هشتم: استایل‌های اختصاصی ریسپانسیو (Responsive & Mobile Rules)
   ========================================================================== */

/* 📱 ۱. بهینه‌سازی تبلت (زیر 991 پیکسل) */
@media (max-width: 991px) {
    .mk-order-engine-box ul.woocommerce-order-overview {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px !important;
        padding: 22px !important;
    }
    .mk-order-engine-box ul.woocommerce-order-overview li:not(:last-child)::after {
        display: none !important;
    }
}

/* 📱 ۲. بهینه‌سازی موبایل (زیر 768 پیکسل) */
@media (max-width: 768px) {
    .mk-thankyou-wrap {
        margin: 15px auto 40px auto !important;
        padding: 0 10px !important;
    }
    .mk-card,
    .mk-order-engine-box ul.woocommerce-order-overview,
    .mk-order-engine-box .woocommerce-order-details,
    .mk-order-engine-box .woocommerce-customer-details {
        padding: 20px 16px !important;
        border-radius: 22px !important;
    }
    
    /* ۱. باکس پیام تشکر */
    .mk-hero-box {
        padding: 30px 15px !important;
    }

    .mk-hero-title {
        font-size: 21px !important;
        margin-bottom: 8px !important;
        text-align: center !important;
    }

    .mk-hero-desc {
        font-size: 0 !important;
        line-height: 0 !important;
        margin: 0 auto !important;
        text-align: center !important;
    }
    
    .mk-hero-desc::after {
        content: "سفارش شما با موفقیت ثبت شد\Aو هم‌اکنون در مرحله پردازش و آماده‌سازی قرار دارد." !important;
        white-space: pre-line !important;
        display: block !important;
        font-size: 13.5px !important;
        line-height: 1.85 !important;
        color: #64748b !important;
        text-align: center !important;
    }
    
    /* ۲. استپر مراحل سفارش */
    .mk-stepper-box {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        padding: 20px 6px !important;
    }
    .mk-step-item {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        text-align: center !important;
        flex: 0 0 52px !important;
        width: 52px !important;
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;
        gap: 0 !important;
    }
    .mk-step-badge {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
        margin: 0 auto 8px auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .mk-step-badge svg {
        width: 16px !important;
        height: 16px !important;
        display: block !important;
        margin: auto !important;
    }
    .mk-step-txt {
        font-size: 9.5px !important;
        line-height: 1.4 !important;
        white-space: nowrap !important;
        text-align: center !important;
        width: max-content !important;
        max-width: none !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        margin: 0 -20px !important;
        position: static !important;
        transform: none !important;
        left: auto !important;
        right: auto !important;
    }
    .mk-step-line {
        flex: 1 1 0% !important;
        height: 2.5px !important;
        margin: 17px 4px 0 5px !important;
        min-width: 12px !important;
    }

    /* ۳. نوار اطلاعات سفارش */
    .mk-order-engine-box ul.woocommerce-order-overview {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px 12px !important;
        padding: 16px 14px 20px 14px !important;
        align-items: center !important;
    }
    .mk-order-engine-box ul.woocommerce-order-overview li {
        padding: 0 4px !important;
        text-align: center !important;
        position: relative !important;
    }
    .mk-order-engine-box ul.woocommerce-order-overview li strong {
        font-size: 13.5px !important;
    }

    .mk-order-engine-box ul.woocommerce-order-overview li.woocommerce-order-overview__order {
        grid-column: 1 / -1 !important;
        order: 1 !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        padding: 0 0 16px 0 !important;
        border-bottom: 1px solid #f1f5f9 !important;
    }
    .mk-order-engine-box ul.woocommerce-order-overview li.woocommerce-order-overview__order::before {
        font-size: 15px !important;
        font-weight: 800 !important;
        background-size: 18px 18px !important;
        padding-right: 24px !important;
    }
    .mk-order-engine-box ul.woocommerce-order-overview li.woocommerce-order-overview__order strong {
        display: inline-block !important;
        font-size: 26px !important;
        font-weight: 900 !important;
        margin: 0 !important;
        height: auto !important;
        line-height: 1 !important;
    }

    .mk-order-engine-box ul.woocommerce-order-overview li.woocommerce-order-overview__total {
        order: 2 !important;
    }
    .mk-order-engine-box ul.woocommerce-order-overview li.woocommerce-order-overview__date {
        order: 3 !important;
    }
    .mk-order-engine-box ul.woocommerce-order-overview li.woocommerce-order-overview__payment-method {
        order: 4 !important;
    }
    .mk-order-engine-box ul.woocommerce-order-overview li.woocommerce-order-overview__email {
        order: 5 !important;
    }

    .mk-order-engine-box ul.woocommerce-order-overview li.woocommerce-order-overview__total::after,
    .mk-order-engine-box ul.woocommerce-order-overview li.woocommerce-order-overview__payment-method::after {
        content: "" !important;
        position: absolute !important;
        left: -6px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        height: 32px !important;
        width: 1px !important;
        background: #f1f5f9 !important;
        display: block !important;
    }

    /* ۴. دکمه دانلود فاکتور */
    .mk-invoice-btn {
        padding: 8px !important;
        border-radius: 50% !important;
        left: 10px !important;
    }
    .mk-invoice-btn .mk-invoice-text {
        display: none !important;
    }
    .mk-invoice-btn svg {
        width: 17px !important;
        height: 17px !important;
    }

    /* ۵. بهینه‌سازی کامل کارت‌های محصول */
    .mk-order-engine-box table.shop_table {
        display: block !important;
        width: 100% !important;
        border: none !important;
    }
    .mk-order-engine-box table.shop_table thead {
        display: none !important;
        border: none !important;
    }
    .mk-order-engine-box table.shop_table tbody {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        width: 100% !important;
        border: none !important;
        margin-top: 10px !important;
    }

    .mk-order-engine-box table.shop_table tbody tr.order_item {
        display: flex !important;
        flex-direction: column !important;
        background: #ffffff !important;
        border: 1px solid #f0f0f0 !important;
        border-radius: 18px !important;
        padding: 14px !important;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
        position: relative !important;
        box-sizing: border-box !important;
        width: 100% !important;
    }
    
    .mk-order-engine-box table.shop_table tbody td.product-name {
        display: block !important;
        width: 100% !important;
        border: none !important;
        padding: 0 !important;
        background: transparent !important;
    }
    
    .mk-table-prod-wrap {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 12px !important;
        width: 100% !important;
    }
    
    .mk-thankyou-prod-thumb,
    .mk-table-prod-wrap img {
        width: 62px !important;
        height: 62px !important;
        min-width: 62px !important;
        border-radius: 12px !important;
        object-fit: cover !important;
        margin: 0 !important;
        flex-shrink: 0 !important;
    }
    
    .mk-table-prod-info {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        text-align: right !important;
        flex: 1 !important;
        gap: 3px !important;
    }
    
    .mk-table-prod-info a,
    .mk-prod-title-text a,
    .mk-prod-title-text {
        text-align: right !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        line-height: 1.4 !important;
    }
    
    .mk-table-prod-info ul.wc-item-meta {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 2px !important;
        margin: 2px 0 0 0 !important;
        padding: 0 !important;
    }
    
    .mk-table-prod-info ul.wc-item-meta li {
        text-align: right !important;
        font-size: 11.5px !important;
        line-height: 1.3 !important;
    }
    
    /* نشان دایره‌ای تعداد */
    .mk-order-engine-box table.shop_table tbody td.product-name strong.product-quantity {
        position: absolute !important;
        left: 14px !important;
        top: 45px !important;
        transform: translateY(-50%) !important;
        width: 28px !important;
        height: 28px !important;
        line-height: 28px !important;
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 50% !important;
        font-size: 12px !important;
        font-weight: 850 !important;
        color: #334155 !important;
        text-align: center !important;
        margin: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* نوار قیمت محصول */
    .mk-order-engine-box table.shop_table tbody td.product-total {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 82% !important;
        border: none !important;
        border-top: 1px dashed #f1f5f9 !important;
        padding: 10px 0 0 0 !important;
        margin: 10px auto 0 auto !important;
        background: transparent !important;
        box-sizing: border-box !important;
    }
    .mk-order-engine-box table.shop_table tbody td.product-total .amount,
    .mk-order-engine-box table.shop_table tbody td.product-total bdi {
        font-size: 15.5px !important;
        font-weight: 900 !important;
        color: #C01157 !important;
        text-align: center !important;
    }

    /* ۶. بهینه‌سازی ردیف‌های فوتر مالی در موبایل */
    .mk-order-engine-box table.shop_table tfoot {
        display: block !important;
        width: 100% !important;
        margin-top: 15px !important;
        border: none !important;
    }
    
    .mk-order-engine-box table.shop_table tfoot tr {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
        padding: 8px 4px !important;
        box-sizing: border-box !important;
        position: relative !important;
        border: none !important;
    }

    .mk-order-engine-box table.shop_table tfoot tr th {
        padding: 0 !important;
        font-size: 13px !important;
        font-weight: 750 !important;
        color: #475569 !important;
        text-align: right !important;
        white-space: nowrap !important;
        border: none !important;
    }

    .mk-order-engine-box table.shop_table tfoot tr td {
        padding: 0 !important;
        font-size: 13.5px !important;
        font-weight: 800 !important;
        text-align: left !important;
        white-space: nowrap !important;
        border: none !important;
    }

    /* ردیف هزینه ارسال با بج روش ارسال کاملاً در مرکز افقی کل سطر */
    .mk-order-engine-box table.shop_table tfoot tr:nth-child(2) {
        position: relative !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
        padding: 8px 4px !important;
    }
    .mk-order-engine-box table.shop_table tfoot tr:nth-child(2) th::after {
        font-size: 13px !important;
        font-weight: 800 !important;
    }
    .mk-order-engine-box table.shop_table tfoot tr:nth-child(2) td {
        position: static !important;
        font-size: 13px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
    }
    .mk-tq-ship-badge {
        position: absolute !important;
        right: 50% !important;
        left: auto !important;
        top: 50% !important;
        transform: translate(50%, -50%) !important;
        background: rgba(192, 17, 87, 0.05) !important;
        border: 1px solid rgba(192, 17, 87, 0.22) !important;
        border-radius: 20px !important;
        padding: 3px 10px !important;
        font-size: 11px !important;
        font-weight: 750 !important;
        color: #C01157 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
        width: auto !important;
        min-width: max-content !important;
        white-space: nowrap !important;
        box-sizing: border-box !important;
        z-index: 2 !important;
    }
    .mk-tq-ship-badge svg {
        width: 14px !important;
        height: 14px !important;
        flex-shrink: 0 !important;
    }
    .mk-tq-cost-badge,
    .mk-order-engine-box table.shop_table tfoot tr:nth-child(2) td .amount {
        font-size: 11.5px !important;
        padding: 3px 9px !important;
        font-weight: 800 !important;
        border-radius: 8px !important;
        display: inline-flex !important;
        margin: 0 !important;
        white-space: nowrap !important;
    }

    /* ردیف مبلغ پرداختی */
    .mk-order-engine-box table.shop_table tfoot tr:nth-last-child(2) {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
        border: none !important;
        border-top: 1px solid #f1f5f9 !important;
        padding: 12px 4px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    .mk-order-engine-box table.shop_table tfoot tr:nth-last-child(2) th {
        border: none !important;
        padding: 0 !important;
    }
    .mk-order-engine-box table.shop_table tfoot tr:nth-last-child(2) th::after {
        content: "مبلغ پرداختی شما:" !important;
        font-size: 15.5px !important;
        font-weight: 850 !important;
        color: #C01157 !important;
    }
    .mk-order-engine-box table.shop_table tfoot tr:nth-last-child(2) td {
        border: none !important;
        padding: 0 !important;
        color: #C01157 !important;
        font-size: 19.5px !important;
        font-weight: 900 !important;
    }

    /* ردیف روش پرداخت */
    .mk-order-engine-box table.shop_table tfoot tr:last-child {
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 14px !important;
        padding: 12px 14px !important;
        margin: 0 !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .mk-order-engine-box table.shop_table tfoot tr:last-child th {
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        font-size: 12.5px !important;
        font-weight: 750 !important;
        color: #64748b !important;
    }
    .mk-order-engine-box table.shop_table tfoot tr:last-child td {
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        font-size: 12.5px !important;
        font-weight: 850 !important;
        color: #0f172a !important;
        text-align: left !important;
    }

    /* ۷. بهینه‌سازی اختصاصی بخش مشخصات و نشانی در موبایل */
    .mk-order-engine-box .woocommerce-customer-details address {
        padding: 16px 14px !important;
    }
    .mk-addr-structured-wrap {
        gap: 12px !important;
    }
    .mk-addr-row {
        gap: 6px !important;
        font-size: 13.5px !important;
    }
    .mk-row-icon {
        width: 16px !important;
        height: 16px !important;
    }
    .mk-row-label {
        font-size: 13px !important;
    }
    .mk-row-value {
        font-size: 13.5px !important;
    }
    /* تراز یکدست و Justify متن نشانی در موبایل */
    .mk-addr-row:nth-child(2) .mk-row-value {
        text-align: justify !important;
        text-justify: inter-word !important;
        line-height: 1.7 !important;
        display: inline-block !important;
        flex: 1 !important;
    }

    /* ۸. دکمه‌های پشتیبانی در موبایل */
    .mk-support-btn-group {
        flex-direction: column !important;
    }
    .mk-btn-action {
        width: 100% !important;
    }
}