@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//kershagroup.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.3.8") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//kershagroup.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//kershagroup.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//kershagroup.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//kershagroup.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//kershagroup.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//kershagroup.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//kershagroup.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//kershagroup.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: IRANSansXFaNum;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: IRANSansXFaNum;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: IRANSansXFaNum;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: IRANSansXFaNum;
	--wd-widget-title-font: IRANSansXFaNum;
	--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: IRANSansXFaNum;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(245,166,35);
	--wd-alternative-color: rgb(212,137,26);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: #83b735;
	--btn-accented-bgcolor-hover: #74a32f;
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: rgb(245,166,35);
	--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: rgb(10,10,15);
	background-image: none;
}
html .wd-nav.wd-nav-main > li > a {
	font-size: 13px;
}
.page .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 8px;
}

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


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

@media (min-width: 1025px) {
	/* =====================================================
   KERSHA - DESKTOP HEADER FIX (ANTI-WRAP / STICKY SAFE)
   برای:
   WoodMart > Theme Settings > Custom CSS > Desktop
   هدف:
   - جلوگیری از دو خطی شدن منو هنگام اسکرول
   - جمع‌وجور شدن CTA ها در حالت sticky
   - حفظ ظاهر تمیز هدر در دسکتاپ
===================================================== */

@media (min-width: 1025px){

  /* ---------------------------------------
     0) شعار (اگر استفاده می‌کنی)
  --------------------------------------- */
  .karsha-slogan{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 7px 12px !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    white-space: nowrap !important;

    background: #F59E0B !important;
    color: #0A1128 !important;
    border-radius: 999px !important;
    box-shadow: 0 10px 26px rgba(245,158,11,.25) !important;
  }

  /* ---------------------------------------
     1) ردیف اصلی هدر
     هدر را مجبور می‌کنیم آیتم‌ها وسط‌چین بمانند
  --------------------------------------- */
  .whb-general-header-inner,
  .whb-flex-row.whb-general-header-inner{
    align-items: center !important;
    min-height: 78px !important;
  }

  /* ---------------------------------------
     2) ستون راست: CTA + Search
     جمع‌وجور و بدون کش آمدن
  --------------------------------------- */
  .whb-column.whb-col-right.whb-visible-lg{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
    min-width: 0 !important;
  }

  /* ---------------------------------------
     3) جلوگیری از فول‌ویدث شدن باکس تلفن‌ها
  --------------------------------------- */
  .whb-column.whb-col-right.whb-visible-lg .wd-header-text{
    display: inline-flex !important;
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    min-width: 0 !important;
  }

  /* ---------------------------------------
     4) استک عمودی دکمه‌های تماس
  --------------------------------------- */
  .whb-column.whb-col-right.whb-visible-lg .k-cta-vertical{
    display: inline-flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    align-items: flex-start !important;
    width: auto !important;
    max-width: 100% !important;
  }

  /* ---------------------------------------
     5) دکمه‌های CTA
     نسخه عادی دسکتاپ
  --------------------------------------- */
  .whb-column.whb-col-right.whb-visible-lg a.k-cta-btn{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    padding: 7px 14px !important;
    border-radius: 10px !important;

    font-weight: 900 !important;
    font-size: 13px !important;
    line-height: 1.05 !important;
    text-decoration: none !important;

    width: auto !important;
    max-width: 100% !important;
    min-width: 168px !important; /* قبلا 210 بود و جا را می‌گرفت */
    flex: 0 0 auto !important;

    direction: ltr !important;
    white-space: nowrap !important;

    transition: transform .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease !important;
  }

  /* رنگ‌ها */
  .whb-column.whb-col-right.whb-visible-lg a.k-cta-primary{
    background: #F59E0B !important;
    color: #0A1128 !important;
    box-shadow: 0 10px 22px rgba(245,158,11,.20) !important;
  }
  .whb-column.whb-col-right.whb-visible-lg a.k-cta-primary:hover{
    background: #FFB31A !important;
    transform: translateY(-2px) !important;
  }

  .whb-column.whb-col-right.whb-visible-lg a.k-cta-secondary{
    background: rgba(248,250,252,.08) !important;
    color: #F8FAFC !important;
    border: 1px solid rgba(248,250,252,.14) !important;
  }
  .whb-column.whb-col-right.whb-visible-lg a.k-cta-secondary:hover{
    background: rgba(245,158,11,.18) !important;
    border-color: rgba(245,158,11,.35) !important;
    transform: translateY(-2px) !important;
  }

  /* ---------------------------------------
     6) سرچ جمع‌وجور بماند
  --------------------------------------- */
  .whb-column.whb-col-right.whb-visible-lg .wd-header-search{
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  .whb-column.whb-col-right.whb-visible-lg .wd-header-search > a,
  .whb-column.whb-col-right.whb-visible-lg .wd-header-search .search-button{
    width: 40px !important;
    height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* ---------------------------------------
     7) آیتم‌های منوی اصلی: نگذار دو خطی شوند
  --------------------------------------- */
  .whb-column.whb-col-center.whb-visible-lg,
  .whb-column.whb-col-center.whb-visible-lg .wd-header-nav,
  .whb-column.whb-col-center.whb-visible-lg .item-level-0 > a{
    min-width: 0 !important;
  }

  .whb-column.whb-col-center.whb-visible-lg .item-level-0 > a{
    white-space: nowrap !important;
    font-size: 15px !important;
  }

  /* ---------------------------------------
     8) حالت STICKY
     وقتی اسکرول می‌کنی، هدر جمع می‌شود
     پس CTA ها باید جمع‌تر شوند تا منو دو خطی نشود
  --------------------------------------- */
  .whb-sticked .whb-column.whb-col-right.whb-visible-lg{
    gap: 10px !important;
  }

  .whb-sticked .whb-column.whb-col-right.whb-visible-lg .k-cta-vertical{
    gap: 4px !important;
  }

  .whb-sticked .whb-column.whb-col-right.whb-visible-lg a.k-cta-btn{
    padding: 5px 12px !important;
    font-size: 12px !important;
    min-width: 150px !important;
    border-radius: 9px !important;
  }

  .whb-sticked .whb-general-header-inner,
  .whb-sticked .whb-flex-row.whb-general-header-inner{
    min-height: 68px !important;
  }

  .whb-sticked .whb-column.whb-col-right.whb-visible-lg .wd-header-search > a,
  .whb-sticked .whb-column.whb-col-right.whb-visible-lg .wd-header-search .search-button{
    width: 36px !important;
    height: 36px !important;
  }

  /* ---------------------------------------
     9) اگر عرض مانیتور کمی محدود شد
     قبل از اینکه منو بشکند، کمی فشرده‌ترش کن
  --------------------------------------- */
  @media (max-width: 1360px){
    .whb-column.whb-col-right.whb-visible-lg{
      gap: 10px !important;
    }

    .whb-column.whb-col-right.whb-visible-lg a.k-cta-btn{
      min-width: 148px !important;
      padding: 6px 12px !important;
      font-size: 12px !important;
    }

    .whb-column.whb-col-center.whb-visible-lg .item-level-0 > a{
      font-size: 14px !important;
    }
  }
}
@media (min-width: 1025px){

  .site-logo img,
  .wd-logo img,
  .wd-main-logo img{
    max-height: 54px !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
    transition: max-height .2s ease !important;
  }

  .whb-sticked .site-logo img,
  .whb-sticked .wd-logo img,
  .whb-sticked .wd-main-logo img{
    max-height: 46px !important;
    width: auto !important;
    height: auto !important;
    transform: none !important;
  }
}

}

@media (max-width: 576px) {
	
/* ═══════════════════════════════════════════════════════════
   KERSHA MOBILE MENU — PREMIUM B2B EDITION
   WoodMart / WordPress / RTL / Right-Open
   ───────────────────────────────────────────────────────────
   طراحی: سرمه‌ای عمیق + کهربایی + یخی
   سبک: B2B لوکس صنعتی — سریع، سبک، بدون JS اضافه
═══════════════════════════════════════════════════════════ */

/* ── متغیرها ─────────────────────────────────────────────── */
:root {
  --k-ice:        #F8FAFC;
  --k-navy:       #0A1128;
  --k-navy-2:     #0D1630;
  --k-navy-3:     #111E3A;
  --k-navy-4:     #162341;
  --k-amber:      #F59E0B;
  --k-amber-2:    #FFB31A;
  --k-amber-dim:  rgba(245, 158, 11, .12);
  --k-amber-mid:  rgba(245, 158, 11, .28);
  --k-amber-glow: rgba(245, 158, 11, .08);
  --k-white-8:    rgba(248, 250, 252, .08);
  --k-white-12:   rgba(248, 250, 252, .12);
  --k-white-6:    rgba(248, 250, 252, .06);
  --k-overlay:    rgba(4, 8, 20, .82);
  --k-panel-w:    92vw;
  --k-radius:     22px;
  --k-radius-sm:  14px;
  --k-radius-xs:  10px;
  --k-transition: .26s cubic-bezier(.22, 1, .36, 1);
}

/* ── پایه RTL ────────────────────────────────────────────── */
@media (max-width: 1024px) {

  html[dir="rtl"] .mobile-nav,
  html[dir="rtl"] .mobile-nav * {
    direction: rtl !important;
    box-sizing: border-box !important;
    text-align: right !important;
  }

  /* ── حذف شعار قدیمی ───────────────────────────────────── */
  .karsha-slogan { display: none !important; }

  header.whb-header,
  .whb-header,
  .whb-sticked .whb-header,
  .whb-sticky-header { padding-bottom: 0 !important; }

  /* ── حذف جستجو از منو ────────────────────────────────── */
	  /* ── حذف جستجو از منو ────────────────────────────────── 
  html[dir="rtl"] .mobile-nav .searchform,
  html[dir="rtl"] .mobile-nav .wd-nav-search,
  html[dir="rtl"] .mobile-nav .wd-header-search,
  html[dir="rtl"] .mobile-nav .search-side-widget,
  html[dir="rtl"] .mobile-nav .widget_product_search,
  html[dir="rtl"] .mobile-nav form[role="search"] {
    display:     none !important;
    height:      0    !important;
    overflow:    hidden !important;
    margin:      0    !important;
    padding:     0    !important;
  }
  */
  /* ── حذف CTA داخل لیست ───────────────────────────────── */
  html[dir="rtl"] .mobile-nav .wd-nav-mobile li.k-mobile-cta,
  html[dir="rtl"] .mobile-nav .k-cta-mobile,
  html[dir="rtl"] .mobile-nav .mobile-menu-cta {
    display:  none !important;
    height:   0    !important;
    overflow: hidden !important;
    margin:   0    !important;
    padding:  0    !important;
  }

  /* ════════════════════════════════════════════════════════
     بک‌دراپ
  ════════════════════════════════════════════════════════ */
  html[dir="rtl"] .wd-side-hidden-overlay {
    background:     var(--k-overlay) !important;
    backdrop-filter: blur(6px) saturate(120%) !important;
    -webkit-backdrop-filter: blur(6px) saturate(120%) !important;
    z-index: 99990 !important;
    transition: opacity var(--k-transition) !important;
  }

  /* ════════════════════════════════════════════════════════
     پنل اصلی
  ════════════════════════════════════════════════════════ */
  html[dir="rtl"] .mobile-nav.wd-side-hidden-nav {
    position:   fixed    !important;
    top:        0        !important;
    right:      0        !important;
    left:       auto     !important;

    width:      var(--k-panel-w) !important;
    max-width:  var(--k-panel-w) !important;
    min-width:  280px    !important;
    height:     100dvh   !important;

    /* پس‌زمینه لایه‌ای با بافت ظریف */
    background:
      radial-gradient(ellipse 80% 50% at 50% -10%, rgba(245,158,11,.06) 0%, transparent 60%),
      linear-gradient(180deg, #0C1530 0%, #090f24 55%, #060c1e 100%) !important;
    color: var(--k-ice) !important;

    /* لبه چپ با خط کهربایی */
    border-right: none !important;
    border-left:  1.5px solid rgba(245,158,11,.22) !important;
    border-top-left-radius:    var(--k-radius) !important;
    border-bottom-left-radius: var(--k-radius) !important;
    border-top-right-radius:   0 !important;
    border-bottom-right-radius: 0 !important;

    box-shadow:
      -24px 0 60px rgba(4, 8, 20, .65),
      -1px  0 0   rgba(245,158,11,.08) !important;

    overflow:    hidden  !important;
    z-index:     99999   !important;
    will-change: transform, opacity !important;

    /* ══ پنهان: بیرون از صفحه سمت راست ══ */
    transform:      translateX(110%) !important;
    opacity:        0                !important;
    pointer-events: none             !important;
    transition:
      transform .34s cubic-bezier(.22, 1, .36, 1),
      opacity   .28s ease !important;
  }

  /* ══ باز شدن منو — همه حالت‌های ممکن WoodMart ══ */
  html[dir="rtl"] body.wd-nav-open          .mobile-nav.wd-side-hidden-nav,
  html[dir="rtl"] body.mobile-nav-open      .mobile-nav.wd-side-hidden-nav,
  html[dir="rtl"] .mobile-nav.wd-side-hidden-nav.wd-opened,
  html[dir="rtl"] .mobile-nav.wd-side-hidden-nav.opened,
  html[dir="rtl"] .mobile-nav.wd-side-hidden-nav.active,
  html[dir="rtl"] .mobile-nav.wd-side-hidden-nav[style*="display:block"],
  html[dir="rtl"] .mobile-nav.wd-side-hidden-nav[style*="display: block"],
  html[dir="rtl"] .mobile-nav.wd-side-hidden-nav[style*="opacity:1"],
  html[dir="rtl"] .mobile-nav.wd-side-hidden-nav[style*="opacity: 1"],
  html[dir="rtl"] .mobile-nav.wd-side-hidden-nav[style*="translateX(0"] {
    transform:      translateX(0) !important;
    opacity:        1             !important;
    pointer-events: auto          !important;
  }

  html[dir="rtl"] .mobile-nav.wd-side-hidden-nav.wd-left,
  html[dir="rtl"] .mobile-nav.wd-side-hidden-nav.wd-right {
    right: 0    !important;
    left:  auto !important;
  }

  /* ════════════════════════════════════════════════════════
     نوار بالای پنل — header ثابت با شعار
  ════════════════════════════════════════════════════════ */
  html[dir="rtl"] .mobile-nav .wd-nav-content,
  html[dir="rtl"] .mobile-nav .wd-scroll-content,
  html[dir="rtl"] .mobile-nav .wd-sidebar-content {
    height:    100dvh  !important;
    overflow-y: auto   !important;
    -webkit-overflow-scrolling: touch !important;
    background: transparent !important;
    padding-top:    0   !important;  /* شعار از ::before مدیریت می‌شه */
    padding-bottom: 88px !important;
    scroll-behavior: smooth !important;
  }

  /* ════════════════════════════════════════════════════════
     دکمه بستن
  ════════════════════════════════════════════════════════ */
  html[dir="rtl"] .mobile-nav .wd-close-side,
  html[dir="rtl"] .wd-close-side {
    position:   absolute !important;
    top:        16px     !important;
    left:       16px     !important;
    right:      auto     !important;
    z-index:    100100   !important;

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

    display:        inline-flex !important;
    align-items:    center      !important;
    justify-content: center     !important;

    border-radius: var(--k-radius-xs) !important;
    background:    rgba(255,255,255,.09) !important;
    border:        1px solid rgba(255,255,255,.18) !important;
    box-shadow:    0 4px 16px rgba(0,0,0,.22) !important;
    cursor:        pointer  !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    transition: background var(--k-transition), border-color var(--k-transition), transform var(--k-transition) !important;
  }

  html[dir="rtl"] .mobile-nav .wd-close-side:hover,
  html[dir="rtl"] .wd-close-side:hover {
    background:    var(--k-amber-dim)  !important;
    border-color:  var(--k-amber-mid)  !important;
    transform:     rotate(90deg) scale(1.08) !important;
  }

  /* خط ضربدر */
  html[dir="rtl"] .mobile-nav .wd-close-side::before,
  html[dir="rtl"] .mobile-nav .wd-close-side::after,
  html[dir="rtl"] .wd-close-side::before,
  html[dir="rtl"] .wd-close-side::after {
    content:       ""     !important;
    position:      absolute !important;
    width:         17px   !important;
    height:        1.5px  !important;
    background:    var(--k-ice) !important;
    border-radius: 2px    !important;
    transition:    background var(--k-transition) !important;
  }

  html[dir="rtl"] .mobile-nav .wd-close-side::before,
  html[dir="rtl"] .wd-close-side::before { transform: rotate(45deg)  !important; }
  html[dir="rtl"] .mobile-nav .wd-close-side::after,
  html[dir="rtl"] .wd-close-side::after  { transform: rotate(-45deg) !important; }

  html[dir="rtl"] .mobile-nav .wd-close-side:hover::before,
  html[dir="rtl"] .mobile-nav .wd-close-side:hover::after,
  html[dir="rtl"] .wd-close-side:hover::before,
  html[dir="rtl"] .wd-close-side:hover::after {
    background: var(--k-amber) !important;
  }

  /* ════════════════════════════════════════════════════════
     لیست منو + شعار کرشا (::before)
  ════════════════════════════════════════════════════════ */
  html[dir="rtl"] .mobile-nav .wd-nav-mobile {
    margin:     0        !important;
    padding:    0 0 8px  !important;
    list-style: none     !important;
    background: transparent !important;
  }

  /* شعار */
  html[dir="rtl"] .mobile-nav .wd-nav-mobile::before {
    content: "پاکیزگی ماندگار، پشتیبانی بی شمار";
    display:   block    !important;
    margin:    72px 14px 20px !important;
    padding:   10px 16px !important;

    border-radius: var(--k-radius-sm) !important;
    background:
      linear-gradient(135deg, rgba(245,158,11,.95) 0%, rgba(255,179,26,.90) 100%) !important;
    color:       var(--k-navy)  !important;
    font-size:   11.5px !important;
    font-weight: 900    !important;
    letter-spacing: .4px !important;
    line-height: 1.4    !important;
    text-align:  center !important;
    border:      1px solid rgba(245,158,11,.4) !important;
    box-shadow:
      0 8px 28px rgba(245,158,11,.18),
      0 0 0 1px rgba(255,220,80,.15) !important;
  }

  /* ── آیتم‌های اصلی ─────────────────────────────────────── */
  html[dir="rtl"] .mobile-nav .wd-nav-mobile > li {
    position:   relative    !important;
    margin:     0 14px 7px  !important;
    padding:    0           !important;
    list-style: none        !important;
    background: transparent !important;

    /* ورود تدریجی آیتم‌ها */
    animation: k-item-in .38s cubic-bezier(.22,1,.36,1) both !important;
  }

  @keyframes k-item-in {
    from { opacity: 0; transform: translateX(18px); }
    to   { opacity: 1; transform: translateX(0);    }
  }

  /* تأخیر پلکانی برای ۸ آیتم اول */
  html[dir="rtl"] .mobile-nav .wd-nav-mobile > li:nth-child(1) { animation-delay: .06s !important; }
  html[dir="rtl"] .mobile-nav .wd-nav-mobile > li:nth-child(2) { animation-delay: .11s !important; }
  html[dir="rtl"] .mobile-nav .wd-nav-mobile > li:nth-child(3) { animation-delay: .16s !important; }
  html[dir="rtl"] .mobile-nav .wd-nav-mobile > li:nth-child(4) { animation-delay: .21s !important; }
  html[dir="rtl"] .mobile-nav .wd-nav-mobile > li:nth-child(5) { animation-delay: .26s !important; }
  html[dir="rtl"] .mobile-nav .wd-nav-mobile > li:nth-child(6) { animation-delay: .30s !important; }
  html[dir="rtl"] .mobile-nav .wd-nav-mobile > li:nth-child(7) { animation-delay: .34s !important; }
  html[dir="rtl"] .mobile-nav .wd-nav-mobile > li:nth-child(8) { animation-delay: .37s !important; }

  /* ── لینک سطح اول ────────────────────────────────────── */
  html[dir="rtl"] .mobile-nav .wd-nav-mobile > li > a {
    display:         flex       !important;
    align-items:     center     !important;
    justify-content: flex-start !important;
    gap:             10px       !important;

    min-height:  56px  !important;
    padding:     0 18px !important;
    padding-left: 56px  !important;

    color:       var(--k-ice) !important;
    font-size:   15.5px       !important;
    font-weight: 700          !important;
    line-height: 1.35         !important;
    text-decoration: none     !important;
    letter-spacing: .1px      !important;

    background:    rgba(255,255,255,.04) !important;
    border:        1px solid var(--k-white-8) !important;
    border-radius: var(--k-radius-sm) !important;

    /* خط چپ به عنوان indicator — پنهان پیش‌فرض */
    border-right: 3px solid transparent !important;

    transition:
      background     var(--k-transition),
      border-color   var(--k-transition),
      color          var(--k-transition),
      box-shadow     var(--k-transition),
      border-right-color var(--k-transition) !important;

    position: relative !important;
    overflow: hidden   !important;
  }

  /* shimmer روی hover */
  html[dir="rtl"] .mobile-nav .wd-nav-mobile > li > a::before {
    content:  ""       !important;
    position: absolute !important;
    top:    0;  right: -60%;
    width:  45%; height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.04), transparent) !important;
    transform: skewX(-20deg) !important;
    transition: right .5s ease !important;
    pointer-events: none !important;
  }

  html[dir="rtl"] .mobile-nav .wd-nav-mobile > li > a:hover::before {
    right: 140% !important;
  }

  html[dir="rtl"] .mobile-nav .wd-nav-mobile > li > a:hover,
  html[dir="rtl"] .mobile-nav .wd-nav-mobile > li > a:focus {
    background:       rgba(245,158,11,.07) !important;
    border-color:     rgba(245,158,11,.22) !important;
    border-right-color: var(--k-amber)    !important;
    color:            #fff                !important;
    box-shadow:       0 4px 20px rgba(0,0,0,.14) !important;
  }

  /* صفحه جاری */
  html[dir="rtl"] .mobile-nav .wd-nav-mobile > li.current-menu-item > a,
  html[dir="rtl"] .mobile-nav .wd-nav-mobile > li.current-menu-ancestor > a,
  html[dir="rtl"] .mobile-nav .wd-nav-mobile > li.current_page_item > a,
  html[dir="rtl"] .mobile-nav .wd-nav-mobile > li.current_page_ancestor > a {
    background:       rgba(245,158,11,.09)  !important;
    border-color:     rgba(245,158,11,.26)  !important;
    border-right-color: var(--k-amber)      !important;
    color:            #fff                  !important;
    font-weight:      900                   !important;
  }

  /* ── محصولات کرشا (آیتم دوم) — برجسته ─────────────── */
  html[dir="rtl"] .mobile-nav .wd-nav-mobile > li:nth-child(2) > a {
    background:
      linear-gradient(135deg, rgba(245,158,11,.14) 0%, rgba(245,158,11,.06) 100%) !important;
    border-color:       rgba(245,158,11,.32)  !important;
    border-right-color: rgba(245,158,11,.6)   !important;
    box-shadow:
      0 8px 24px rgba(245,158,11,.10),
      inset 0 1px 0 rgba(255,220,80,.10) !important;
    color:       #fff  !important;
    font-weight: 900   !important;
  }

  html[dir="rtl"] .mobile-nav .wd-nav-mobile > li:nth-child(2) > a:hover {
    background:
      linear-gradient(135deg, rgba(245,158,11,.20) 0%, rgba(245,158,11,.10) 100%) !important;
    border-color:       rgba(245,158,11,.44)  !important;
    box-shadow:
      0 10px 30px rgba(245,158,11,.18) !important;
  }

  /* ── زیرمنو — opener ────────────────────────────────── */
  html[dir="rtl"] .mobile-nav .wd-nav-mobile li.menu-item-has-children,
  html[dir="rtl"] .mobile-nav .wd-nav-mobile li.page_item_has_children {
    position: relative !important;
  }

  html[dir="rtl"] .mobile-nav .wd-nav-mobile li.menu-item-has-children > a,
  html[dir="rtl"] .mobile-nav .wd-nav-mobile li.page_item_has_children > a {
    padding-left: 56px !important;
  }

  /* دکمه فلش باز‌کردن زیرمنو — سطح ۱ */
  html[dir="rtl"] .mobile-nav .wd-nav-mobile > li > .wd-nav-opener {
    position:   absolute !important;
    left:       10px     !important;
    right:      auto     !important;
    top:        50%      !important;
    transform:  translateY(-50%) !important;

    width:      34px     !important;
    height:     34px     !important;
    min-width:  34px     !important;
    min-height: 34px     !important;

    display:        inline-flex !important;
    align-items:    center      !important;
    justify-content: center     !important;
    z-index:     40     !important;
    cursor:      pointer !important;
    touch-action: manipulation !important;
    pointer-events: auto !important;

    border-radius: var(--k-radius-xs) !important;
    background:    var(--k-amber-dim) !important;
    border:        1px solid rgba(245,158,11,.36) !important;
    color:         var(--k-amber-2)   !important;
    transition:    all var(--k-transition) !important;
  }

  /* دکمه فلش — سطح ۲+ */
  html[dir="rtl"] .mobile-nav .wd-nav-mobile li > ul li > .wd-nav-opener,
  html[dir="rtl"] .mobile-nav .wd-nav-mobile li > .sub-menu li > .wd-nav-opener,
  html[dir="rtl"] .mobile-nav .wd-nav-mobile li > .children li > .wd-nav-opener {
    position:   absolute !important;
    left:       10px     !important;
    right:      auto     !important;
    top:        50%      !important;
    transform:  translateY(-50%) !important;
    width:      30px     !important;
    height:     30px     !important;
    min-width:  30px     !important;
    min-height: 30px     !important;
    display:        inline-flex !important;
    align-items:    center      !important;
    justify-content: center     !important;
    z-index:     40     !important;
    cursor:      pointer !important;
    pointer-events: auto !important;
    border-radius: var(--k-radius-xs) !important;
    background:    rgba(245,158,11,.08) !important;
    border:        1px solid rgba(245,158,11,.28) !important;
    color:         var(--k-amber-2) !important;
    transition:    all var(--k-transition) !important;
  }

  html[dir="rtl"] .mobile-nav .wd-nav-mobile .wd-nav-opener:hover {
    background:   rgba(245,158,11,.20) !important;
    border-color: rgba(255,179,26,.50) !important;
    transform:    translateY(-50%) scale(1.06) !important;
  }

  /* ══ آیکون اکاردیون: شوران (V) خالص CSS ══
     icon font قالب رو کاملاً override می‌کنیم    */
  html[dir="rtl"] .mobile-nav .wd-nav-mobile .wd-nav-opener::before,
  html[dir="rtl"] .mobile-nav .wd-nav-mobile .wd-nav-opener::after {
    content:       ""       !important;
    position:      absolute !important;
    top:           50%      !important;
    width:         8px      !important;
    height:        1.8px    !important;
    background:    currentColor !important;
    border-radius: 2px      !important;
    transition:    transform .22s cubic-bezier(.22,1,.36,1) !important;
    display:       block    !important;
    font-size:     0        !important; /* icon font رو خاموش کن */
  }

  /* خط چپ شوران ↓ */
  html[dir="rtl"] .mobile-nav .wd-nav-mobile .wd-nav-opener::before {
    left:      50%  !important;
    transform: translate(-85%, -50%) rotate(45deg) !important;
  }

  /* خط راست شوران ↓ */
  html[dir="rtl"] .mobile-nav .wd-nav-mobile .wd-nav-opener::after {
    left:      50%  !important;
    transform: translate(-15%, -50%) rotate(-45deg) !important;
  }

  /* opener فعال — شوران به بالا برمی‌گردد ↑ */
  html[dir="rtl"] .mobile-nav .wd-nav-mobile li.item-opened  > .wd-nav-opener,
  html[dir="rtl"] .mobile-nav .wd-nav-mobile li.opened        > .wd-nav-opener,
  html[dir="rtl"] .mobile-nav .wd-nav-mobile li.wd-opened     > .wd-nav-opener,
  html[dir="rtl"] .mobile-nav .wd-nav-mobile li.active        > .wd-nav-opener,
  html[dir="rtl"] .mobile-nav .wd-nav-mobile li.current-menu-ancestor > .wd-nav-opener {
    background:   var(--k-amber) !important;
    border-color: var(--k-amber) !important;
    color:        var(--k-navy)  !important;
    transform:    translateY(-50%) !important;
  }

  html[dir="rtl"] .mobile-nav .wd-nav-mobile li.item-opened  > .wd-nav-opener::before,
  html[dir="rtl"] .mobile-nav .wd-nav-mobile li.opened        > .wd-nav-opener::before,
  html[dir="rtl"] .mobile-nav .wd-nav-mobile li.wd-opened     > .wd-nav-opener::before,
  html[dir="rtl"] .mobile-nav .wd-nav-mobile li.active        > .wd-nav-opener::before,
  html[dir="rtl"] .mobile-nav .wd-nav-mobile li.current-menu-ancestor > .wd-nav-opener::before {
    transform: translate(-85%, -50%) rotate(-45deg) !important;
  }

  html[dir="rtl"] .mobile-nav .wd-nav-mobile li.item-opened  > .wd-nav-opener::after,
  html[dir="rtl"] .mobile-nav .wd-nav-mobile li.opened        > .wd-nav-opener::after,
  html[dir="rtl"] .mobile-nav .wd-nav-mobile li.wd-opened     > .wd-nav-opener::after,
  html[dir="rtl"] .mobile-nav .wd-nav-mobile li.active        > .wd-nav-opener::after,
  html[dir="rtl"] .mobile-nav .wd-nav-mobile li.current-menu-ancestor > .wd-nav-opener::after {
    transform: translate(-15%, -50%) rotate(45deg) !important;
  }

  /* ── زیرمنو — container ─────────────────────────────── */
  html[dir="rtl"] .mobile-nav .wd-nav-mobile li > ul,
  html[dir="rtl"] .mobile-nav .wd-nav-mobile li > .sub-menu,
  html[dir="rtl"] .mobile-nav .wd-nav-mobile li > .children {
    position:   relative  !important;
    right:      0         !important;
    left:       auto      !important;
    width:      100%      !important;
    margin:     5px 0 0   !important;
    padding:    0         !important;
    list-style: none      !important;
    transform:  none      !important;
    overflow:   hidden    !important;

    background:    rgba(255,255,255,.025) !important;
    border:        1px solid var(--k-white-8) !important;
    border-radius: var(--k-radius-sm) !important;
  }

  html[dir="rtl"] .mobile-nav .wd-nav-mobile li > ul > li,
  html[dir="rtl"] .mobile-nav .wd-nav-mobile li > .sub-menu > li,
  html[dir="rtl"] .mobile-nav .wd-nav-mobile li > .children > li {
    position:   relative    !important;
    margin:     0           !important;
    padding:    0           !important;
    list-style: none        !important;
    background: transparent !important;
  }

  /* ── لینک زیرمنو ────────────────────────────────────── */
  html[dir="rtl"] .mobile-nav .wd-nav-mobile li > ul > li > a,
  html[dir="rtl"] .mobile-nav .wd-nav-mobile li > .sub-menu > li > a,
  html[dir="rtl"] .mobile-nav .wd-nav-mobile li > .children > li > a {
    display:         flex       !important;
    align-items:     center     !important;
    justify-content: flex-start !important;

    min-height:  46px   !important;
    padding:     0 20px !important;
    padding-left: 52px  !important;

    color:       rgba(248,250,252,.82) !important;
    font-size:   13.5px                !important;
    font-weight: 600                   !important;
    line-height: 1.35                  !important;
    text-decoration: none              !important;

    background:  rgba(255,255,255,.018) !important;
    border:      0                      !important;
    border-bottom: 1px solid rgba(248,250,252,.055) !important;
    transition: background var(--k-transition), color var(--k-transition) !important;
    position:   relative !important;
  }

  html[dir="rtl"] .mobile-nav .wd-nav-mobile li > ul > li > a::before,
  html[dir="rtl"] .mobile-nav .wd-nav-mobile li > .sub-menu > li > a::before,
  html[dir="rtl"] .mobile-nav .wd-nav-mobile li > .children > li > a::before {
    content:   "◆"  !important;
    font-size: 5px   !important;
    color:     rgba(245,158,11,.45) !important;
    position:  absolute  !important;
    right:     20px      !important;
    top:       50%       !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
  }

  html[dir="rtl"] .mobile-nav .wd-nav-mobile li > ul > li:last-child > a,
  html[dir="rtl"] .mobile-nav .wd-nav-mobile li > .sub-menu > li:last-child > a,
  html[dir="rtl"] .mobile-nav .wd-nav-mobile li > .children > li:last-child > a {
    border-bottom: 0 !important;
  }

  html[dir="rtl"] .mobile-nav .wd-nav-mobile li > ul > li > a:hover,
  html[dir="rtl"] .mobile-nav .wd-nav-mobile li > .sub-menu > li > a:hover,
  html[dir="rtl"] .mobile-nav .wd-nav-mobile li > .children > li > a:hover {
    background:  rgba(245,158,11,.07) !important;
    color:       #fff                 !important;
  }

  html[dir="rtl"] .mobile-nav .wd-nav-mobile li > ul > li > a:hover::before,
  html[dir="rtl"] .mobile-nav .wd-nav-mobile li > .sub-menu > li > a:hover::before,
  html[dir="rtl"] .mobile-nav .wd-nav-mobile li > .children > li > a:hover::before {
    color: var(--k-amber) !important;
  }

  /* ── لایه سوم ───────────────────────────────────────── */
  html[dir="rtl"] .mobile-nav .wd-nav-mobile li > ul li > ul,
  html[dir="rtl"] .mobile-nav .wd-nav-mobile li > .sub-menu li > .sub-menu,
  html[dir="rtl"] .mobile-nav .wd-nav-mobile li > .children li > .children {
    background: rgba(255,255,255,.018) !important;
  }

  html[dir="rtl"] .mobile-nav .wd-nav-mobile li > ul li > ul > li > a,
  html[dir="rtl"] .mobile-nav .wd-nav-mobile li > .sub-menu li > .sub-menu > li > a,
  html[dir="rtl"] .mobile-nav .wd-nav-mobile li > .children li > .children > li > a {
    padding-right: 48px !important;
    font-size:     13px !important;
    color:         rgba(248,250,252,.72) !important;
  }

  /* ════════════════════════════════════════════════════════
     فوتر ثابت — دو دکمه تماس
  ════════════════════════════════════════════════════════ */
  html[dir="rtl"] .mobile-nav .mobile-bottom-cta,
  html[dir="rtl"] .mobile-nav .k-mobile-bottom-cta,
  html[dir="rtl"] .mobile-nav .k-menu-bottom-cta {
    position:   fixed   !important;
    right:      0       !important;
    left:       auto    !important;
    bottom:     0       !important;

    width:     var(--k-panel-w)  !important;
    max-width: var(--k-panel-w)  !important;
    min-width: 280px             !important;

    display:   flex  !important;
    gap:       8px   !important;
    padding:   10px 12px calc(10px + env(safe-area-inset-bottom)) !important;

    background:
      linear-gradient(0deg, rgba(6,10,22,.98) 60%, rgba(6,10,22,.82) 100%) !important;
    border-top: 1px solid rgba(255,255,255,.07) !important;
    box-shadow: 0 -12px 32px rgba(0,0,0,.28) !important;
    backdrop-filter: blur(10px) !important;
    z-index: 100001 !important;
  }

  html[dir="rtl"] .mobile-nav .mobile-bottom-cta a,
  html[dir="rtl"] .mobile-nav .k-mobile-bottom-cta a,
  html[dir="rtl"] .mobile-nav .k-menu-bottom-cta a {
    flex:       1 1 0   !important;
    min-height: 46px    !important;

    display:         flex   !important;
    align-items:     center !important;
    justify-content: center !important;
    gap:             7px    !important;

    border-radius: var(--k-radius-sm) !important;
    font-size:   14px  !important;
    font-weight: 900   !important;
    line-height: 1     !important;
    text-decoration: none !important;
    letter-spacing: .2px  !important;
    transition: transform var(--k-transition), box-shadow var(--k-transition) !important;
  }

  html[dir="rtl"] .mobile-nav .mobile-bottom-cta a:active,
  html[dir="rtl"] .mobile-nav .k-mobile-bottom-cta a:active,
  html[dir="rtl"] .mobile-nav .k-menu-bottom-cta a:active {
    transform: scale(.97) !important;
  }

  /* دکمه مشاوره */
  html[dir="rtl"] .mobile-nav .mobile-bottom-cta .phone1,
  html[dir="rtl"] .mobile-nav .k-mobile-bottom-cta .phone1,
  html[dir="rtl"] .mobile-nav .k-menu-bottom-cta .phone1,
  html[dir="rtl"] .mobile-nav .mobile-bottom-cta .phone-consult,
  html[dir="rtl"] .mobile-nav .k-mobile-bottom-cta .phone-consult,
  html[dir="rtl"] .mobile-nav .k-menu-bottom-cta .phone-consult {
    background:
      linear-gradient(135deg, #1c2d4a 0%, #1a2840 100%) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 16px rgba(0,0,0,.22) !important;
  }

  /* دکمه کارخانه — کهربایی */
  html[dir="rtl"] .mobile-nav .mobile-bottom-cta .phone2,
  html[dir="rtl"] .mobile-nav .k-mobile-bottom-cta .phone2,
  html[dir="rtl"] .mobile-nav .k-menu-bottom-cta .phone2,
  html[dir="rtl"] .mobile-nav .mobile-bottom-cta .phone-factory,
  html[dir="rtl"] .mobile-nav .k-mobile-bottom-cta .phone-factory,
  html[dir="rtl"] .mobile-nav .k-menu-bottom-cta .phone-factory {
    background:
      linear-gradient(135deg, var(--k-amber) 0%, var(--k-amber-2) 100%) !important;
    border: 1px solid rgba(255,220,80,.25) !important;
    color: var(--k-navy) !important;
    box-shadow:
      0 4px 18px rgba(245,158,11,.30),
      inset 0 1px 0 rgba(255,240,120,.20) !important;
  }

  /* ════════════════════════════════════════════════════════
     اسکرول‌بار ظریف
  ════════════════════════════════════════════════════════ */
  html[dir="rtl"] .mobile-nav .wd-nav-content::-webkit-scrollbar,
  html[dir="rtl"] .mobile-nav::-webkit-scrollbar { width: 4px !important; }

  html[dir="rtl"] .mobile-nav .wd-nav-content::-webkit-scrollbar-track,
  html[dir="rtl"] .mobile-nav::-webkit-scrollbar-track { background: transparent !important; }

  html[dir="rtl"] .mobile-nav .wd-nav-content::-webkit-scrollbar-thumb,
  html[dir="rtl"] .mobile-nav::-webkit-scrollbar-thumb {
    background:    rgba(245,158,11,.22) !important;
    border-radius: 999px !important;
  }

  html[dir="rtl"] .mobile-nav .wd-nav-content::-webkit-scrollbar-thumb:hover,
  html[dir="rtl"] .mobile-nav::-webkit-scrollbar-thumb:hover {
    background: rgba(245,158,11,.40) !important;
  }

  /* ════════════════════════════════════════════════════════
     موبایل‌های کوچک (زیر ۴۲۰px)
  ════════════════════════════════════════════════════════ */
  @media (max-width: 420px) {
    :root { --k-panel-w: 95vw; }

    html[dir="rtl"] .mobile-nav.wd-side-hidden-nav {
      border-top-left-radius:    18px !important;
      border-bottom-left-radius: 18px !important;
    }

    html[dir="rtl"] .mobile-nav .wd-nav-mobile::before {
      font-size: 11px !important;
      margin:    68px 12px 16px !important;
    }

    html[dir="rtl"] .mobile-nav .wd-nav-mobile > li {
      margin: 0 10px 6px !important;
    }

    html[dir="rtl"] .mobile-nav .wd-nav-mobile > li > a {
      font-size:  14.5px !important;
      min-height: 52px   !important;
    }
  }

}
/* ── End of Kersha Mobile Menu ─────────────────────────── */
}