/*
 * ToyKind Angel — سفارشی‌سازی‌های اختصاصی پروژه (TKA Custom Layer)
 * ------------------------------------------------------------------
 * این فایل «لایهٔ آخر» CSS قالب است و همیشه بعد از demo/main/responsive
 * بارگذاری می‌شود (enqueue در functions.php با اولویت ۳۰).
 * همهٔ قوانین با !important هستند تا روی لایه‌های پایین‌تر بچربند.
 *
 * فهرست:
 *   ۱) سکشن «پیشنهادهای شگفت‌انگیز» — بازطراحی موبایل
 *   ۲) اصلاحات عمومی — خدمات، فلش‌ها، تایمر، آیکن‌های هدر
 *   ۳) منوی پایین موبایل (لینک + دکمهٔ دسته‌بندی‌ها)
 *   ۴) صفحه محصول — موبایل (نوار بالا، گالری، قیمت، کارت‌ها، مشابه‌ها)
 *   ۵) صفحه محصول — دسکتاپ (رفع سرریز + مطابق طرح)
 *   ۶) محصول متغیر — چیپ‌های رنگ/سایز + فرم
 *   ۷) صفحهٔ اول — دسکتاپ مطابق طرح
 *   ۸) گرید دسته‌بندی‌های اصلی صفحهٔ اول
 *   ۹) نوار زیردسته‌ها در صفحهٔ دسته‌بندی ووکامرس
 */

/* ==========================================================
   ۱) سکشن «پیشنهادهای شگفت‌انگیز» — هم‌تراز با طرح موبایل
   ========================================================== */

/* ۱-۱) رفع باگ جهت قیمت در همهٔ عرض‌ها: «تومان» سمت چپِ مبلغ */
section.offer .pcard__price, .plist__track .pcard__price, .tka-pgrid .pcard__price{
  direction:rtl !important;
}

/* ۱-۲) بازطراحی مطابق طرح — فقط موبایل */
@media (max-width:767.98px){

  /* کانتینر سکشن */
  section.offer{
    position:relative !important;
    margin:16px 12px 0 !important;
    padding:12px 12px 36px !important;
    border-radius:16px !important;
    background:#00261f !important;
    box-shadow:0 2px 8px rgba(0,0,0,.18) !important;
  }

  /* هدر: عنوان + تایمر با خط جداکننده */
  section.offer .offer__head{
    padding:0 0 10px !important;
    margin-bottom:12px !important;
    border-bottom:1px solid rgba(255,255,255,.1) !important;
  }
  section.offer .offer__title{
    font-size:12px !important;
    font-weight:800 !important;
    color:#fff !important;
  }
  section.offer .offer__title .ic{
    font-size:16px !important;
    color:#fde047 !important;
  }
  section.offer .timer{gap:4px !important;}
  section.offer .timer__label{
    font-size:9px !important;
    color:rgba(255,255,255,.7) !important;
    opacity:1 !important;
  }
  section.offer .timer__digits{
    direction:rtl !important; /* ترتیب فارسی: ساعت سمت راست */
    gap:2px !important;
    font-size:11px !important;
  }
  section.offer .timer__digits b{
    min-width:22px !important;
    height:auto !important;
    padding:2px 4px !important;
    border-radius:4px !important;
    background:rgba(0,0,0,.4) !important;
    color:#fff !important;
    font-size:11px !important;
    font-weight:700 !important;
  }
  section.offer .timer__digits i{
    color:rgba(255,255,255,.7) !important;
  }

  /* ریل کارت‌ها */
  section.offer .offer__track{
    gap:10px !important;
    padding:0 !important;
  }

  /* کارت: کادر سفید ۱۵۰ پیکسلی */
  section.offer .pcard-wrap, .plist__track .pcard-wrap, .tka-pgrid .pcard-wrap{
    flex:0 0 150px !important;
    width:150px !important;
    display:flex !important;
    flex-direction:column !important;
    padding:10px !important;
    border-radius:12px !important;
    box-shadow:0 1px 2px rgba(0,0,0,.08) !important;
  }
  section.offer .pcard-wrap:hover, .plist__track .pcard-wrap:hover, .tka-pgrid .pcard-wrap:hover{transform:none !important;}
  section.offer .pcard, .plist__track .pcard, .tka-pgrid .pcard{
    flex:1 1 auto !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:space-between !important;
    padding:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  section.offer .pcard:hover, .plist__track .pcard:hover, .tka-pgrid .pcard:hover{transform:none !important; box-shadow:none !important;}

  /* بج تخفیف: قرص قرمز بالا-راست */
  section.offer .pcard__off, .plist__track .pcard__off, .tka-pgrid .pcard__off{
    top:8px !important;
    right:8px !important;
    left:auto !important;
    background:#dc2626 !important;
    font-size:10px !important;
    padding:2px 6px !important;
    border-radius:999px !important;
    z-index:3 !important;
  }
  /* چیپ جشنواره: تنها در بالا، زیر بج اگر بج هست */
  section.offer .pcard__festival, .plist__track .pcard__festival, .tka-pgrid .pcard__festival{
    top:8px !important;
    right:8px !important;
    background:#004e41 !important;
    font-size:8px !important;
    font-weight:600 !important;
    padding:2px 4px !important;
    border-radius:4px !important;
    box-shadow:none !important;
  }
  section.offer .pcard__off + .pcard__festival, .plist__track .pcard__off + .pcard__festival, .tka-pgrid .pcard__off + .pcard__festival{
    top:30px !important;
  }

  /* تصویر مربع */
  section.offer .pcard__media, .plist__track .pcard__media, .tka-pgrid .pcard__media{
    border-radius:8px !important;
    margin-bottom:8px !important;
  }

  /* نام محصول: دو خط ثابت برای تراز کارت‌ها */
  section.offer .pcard__name, .plist__track .pcard__name, .tka-pgrid .pcard__name{
    font-size:11px !important;
    font-weight:700 !important;
    color:#111827 !important;
    line-height:1.45 !important;
    height:32px !important;
    min-height:0 !important;
    margin:0 !important;
  }

  /* قیمت‌ها: مبلغ راست، «تومان» چپ */
  section.offer .pcard__prices, .plist__track .pcard__prices, .tka-pgrid .pcard__prices{
    padding:0 !important; /* حذف padding-left:44px */
    margin-top:0 !important;
  }
  section.offer .pcard__old, .plist__track .pcard__old, .tka-pgrid .pcard__old{
    font-size:10px !important;
    color:#9ca3af !important;
    min-height:13px !important;
  }
  section.offer .pcard__price, .plist__track .pcard__price, .tka-pgrid .pcard__price{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    direction:rtl !important;
  }
  section.offer .pcard__price span, .plist__track .pcard__price span, .tka-pgrid .pcard__price span{
    font-size:12px !important;
    font-weight:900 !important;
    color:#111827 !important;
  }
  section.offer .pcard__price small, .plist__track .pcard__price small, .tka-pgrid .pcard__price small{
    font-size:9px !important;
    font-weight:400 !important;
    color:#6b7280 !important;
  }

  /* دکمه: فول‌عرض داخل کارت */
  section.offer .pcard__atc, .plist__track .pcard__atc, .tka-pgrid .pcard__atc{
    position:static !important;
    flex:0 0 auto !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    min-width:0 !important;
    margin-top:8px !important;
    padding:6px 8px !important;
    border-radius:8px !important;
    background:#004e41 !important;
    color:#fff !important;
    font-size:11px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    box-shadow:none !important;
    white-space:nowrap !important;
  }
  section.offer .pcard__atc .ic, .plist__track .pcard__atc .ic, .tka-pgrid .pcard__atc .ic{width:16px !important; height:16px !important;}
  section.offer .pcard__atc:hover, .plist__track .pcard__atc:hover, .tka-pgrid .pcard__atc:hover{background:#00382e !important; transform:none !important;}
  section.offer .pcard__atc.added, .plist__track .pcard__atc.added, .tka-pgrid .pcard__atc.added{background:#22a06b !important;}
  /* دکمهٔ آیکنی محصولات ساده: متن «خرید» مثل طرح */
  section.offer .pcard__atc.add_to_cart_button::after, .plist__track .pcard__atc.add_to_cart_button::after, .tka-pgrid .pcard__atc.add_to_cart_button::after{
    content:"خرید";
    font-size:11px;
    font-weight:700;
  }

  /* فلش‌های ناوبری: داخل سکشن، پایین-چپ، محو */
  section.offer > .tka-rail{
    position:absolute !important;
    bottom:6px !important;
    /* v0.26.0 (ممیزی): هدف لمسی ۳۲px — قبلاً ۱۶×۱۶ بود */
    width:32px !important;
    height:32px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:transparent !important;
    box-shadow:none !important;
    color:rgba(255,255,255,.5) !important;
    z-index:5 !important;
  }
  section.offer > .tka-rail .ic{
    font-size:16px !important;
    width:16px !important;
    height:16px !important;
  }
  section.offer > .tka-rail--next{left:12px !important; right:auto !important;}
  section.offer > .tka-rail--prev{left:34px !important; right:auto !important;}
  section.offer > .tka-rail--prev .ic{transform:rotate(180deg) !important;}
}

/* ==========================================================
   ۲) اصلاحات عمومی — خدمات، فلش‌ها، تایمر، آیکن‌های هدر
   ========================================================== */

/* ۲-۱) فاصله باکس‌های خدمات تا فوتر */
main > .usps{
  margin-bottom:16px !important;
}

/* ۲-۲) تایمر در «جدیدترین» و «پرفروش‌ترین‌ها» نباید باشد */
section.tka-railsec:not(.offer) .timer{
  display:none !important;
}

/* ۲-۳) چسبیدگی کارت اول سمت راست: اسکرول پدینگ را رعایت کند */
section.tka-railsec:not(.offer) .plist__track{
  scroll-padding-inline-start:16px !important;
}

/* ۲-۴) آیکن‌های هدر مثل طرح: دکمهٔ دایره صورتی + آیکن واضح + بج گوشه */
header a.icon-btn[href*="wishlist"],
header button.icon-btn[data-tka-drawer="minicart"]{
  background:#f2f7f6 !important;
  border:1px solid #e6f0ee !important;
  border-radius:999px !important;
  color:#004e41 !important;
}
header a.icon-btn[href*="wishlist"]:hover,
header button.icon-btn[data-tka-drawer="minicart"]:hover{
  background:#e6f0ee !important;
  color:#00382e !important;
}
header a.icon-btn[href*="wishlist"] .ic,
header button.icon-btn[data-tka-drawer="minicart"] .ic{
  width:20px !important;
  height:20px !important;
  color:#004e41 !important;
}
header .icon-btn .badge-count,
header .icon-btn .tka-fav-badge{
  top:-4px !important;
  left:auto !important;
  right:-4px !important;
  min-width:16px !important;
  height:16px !important;
  padding:0 4px !important;
  border-radius:999px !important;
  background:#1b6b5d !important;
  color:#fff !important;
  font-size:9px !important;
  z-index:2 !important;
}
/* بج «۰» مخفی، واقعاً مخفی بماند */
header .icon-btn .tka-fav-badge[hidden]{
  display:none !important;
}

/* ۲-۵) فلش‌های اسلایدرها: بزرگ، قابل کلیک، جهت‌های مقابل (موبایل و تبلت) */
@media (max-width:1023.98px){
  section.tka-railsec:not(.offer) > .tka-rail{
    width:34px !important;
    height:34px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:10px 0 0 8px !important;
    border-radius:50% !important;
    background:#f4f4f5 !important;
    color:#3f3f46 !important;
  }
  section.tka-railsec:not(.offer) > .tka-rail .ic{
    width:18px !important;
    height:18px !important;
    font-size:18px !important;
  }
  section.tka-railsec:not(.offer) > .tka-rail--prev .ic{
    transform:rotate(180deg) !important;
  }
}

/* ==========================================================
   ۳) منوی پایین موبایل — ارتفاع، فاصله از لبه، آیکن دسته‌بندی‌ها
   (آیتم دسته‌بندی‌ها دو شکل دارد: لینک و دکمهٔ دراور — هر دو پوشش داده شده)
   ========================================================== */
.bottomnav{
  height:73px !important;
  padding-top:1px !important;
  padding-bottom:calc(12px + env(safe-area-inset-bottom, 0px)) !important;
}
.bottomnav a[href$="/shop/"] .ic,
.bottomnav a[href$="/categories/"] .ic,
.bottomnav button[data-tka-drawer="cats"] .ic{display:none !important;}
.bottomnav a[href$="/shop/"]::before,
.bottomnav a[href$="/categories/"]::before,
.bottomnav button[data-tka-drawer="cats"]::before{
  content:"";
  display:block;
  width:20px;
  height:20px;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.75 6A2.25 2.25 0 016 3.75h2.25A2.25 2.25 0 0110.5 6v2.25a2.25 2.25 0 01-2.25 2.25H6a2.25 2.25 0 01-2.25-2.25V6zM3.75 15.75A2.25 2.25 0 016 13.5h2.25a2.25 2.25 0 012.25 2.25V18a2.25 2.25 0 01-2.25 2.25H6A2.25 2.25 0 013.75 18v-2.25zM13.5 6a2.25 2.25 0 012.25-2.25H18A2.25 2.25 0 0120.25 6v2.25A2.25 2.25 0 0118 10.5h-2.25a2.25 2.25 0 01-2.25-2.25V6zM13.5 15.75a2.25 2.25 0 012.25-2.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-2.25A2.25 2.25 0 0113.5 18v-2.25z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.75 6A2.25 2.25 0 016 3.75h2.25A2.25 2.25 0 0110.5 6v2.25a2.25 2.25 0 01-2.25 2.25H6a2.25 2.25 0 01-2.25-2.25V6zM3.75 15.75A2.25 2.25 0 016 13.5h2.25a2.25 2.25 0 012.25 2.25V18a2.25 2.25 0 01-2.25 2.25H6A2.25 2.25 0 013.75 18v-2.25zM13.5 6a2.25 2.25 0 012.25-2.25H18A2.25 2.25 0 0120.25 6v2.25A2.25 2.25 0 0118 10.5h-2.25a2.25 2.25 0 01-2.25-2.25V6zM13.5 15.75a2.25 2.25 0 012.25-2.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-2.25A2.25 2.25 0 0113.5 18v-2.25z'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* ==========================================================
   ۴) صفحهٔ محصول — باگ «تومان برعکس» + طرح موبایل
   ========================================================== */

/* ۴-۱) باگ جهت قیمت (همهٔ عرض‌ها) */
.pricebox__now{
  direction:rtl !important;
}

/* ۴-۲) طرح موبایل */
@media (max-width:767.98px){

  body.single-product{
    padding-bottom:150px !important; /* جای نوار خرید ثابت + منو */
  }

  /* v0.25.0: pdp__bar از DOM حذف شد — قواعدش برداشته شد.
     هدر چسبان سایت + بردکرامب جای آن را می‌گیرند. */

  /* بردکرامب و عنوان */
  .breadcrumb{font-size:10px !important; color:#6b7280 !important;}
  .breadcrumb a{color:#6b7280 !important;}
  .pdp__title{
    font-size:18px !important;
    font-weight:700 !important;
    color:#111827 !important;
    line-height:1.5 !important;
  }

  /* گالری: تصویر مربع + نوار بندانگشتی — v0.23.0: contain به‌جای cover (بدون زوم) */
  .gallery__slide{aspect-ratio:1 / 1 !important;}
  .gallery__slide img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    background:#f9fafb;
  }
  .gallery__thumbs{
    background:#fff !important;
    padding:10px 12px !important;
    border-bottom:1px solid #f3f4f6 !important;
  }
  .gallery__thumbs button{
    width:56px !important;
    height:56px !important;
    border-radius:12px !important;
    overflow:hidden;
  }

  /* قیمت + ردیف تعداد/دکمه (محصول ساده) */
  .pricebox__now b{
    font-size:16px !important;
    font-weight:800 !important;
    color:#111827 !important;
  }
  .pricebox__now small{
    font-size:11px !important;
    font-weight:400 !important;
    color:#6b7280 !important;
  }
  form.cart{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    padding:12px 16px !important;
  }
  .tka-qty-box{
    height:44px !important;
    border:1px solid #d1d5db !important;
    border-radius:12px !important;
    background:#fff !important;
  }
  form.cart .single_add_to_cart_button,
  form.cart .button{
    flex:1 1 auto !important;
    height:44px !important;
    border:none !important;
    border-radius:12px !important;
    background:#004e41 !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:700 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
  }

  /* نوار خرید ثابت پایین (بالای منو) */
  .pdp__cta{
    bottom:calc(73px + env(safe-area-inset-bottom, 0px)) !important; /* بالای bottomnav */
    background:rgba(255,255,255,.95) !important;
    backdrop-filter:blur(8px);
    border-top:1px solid #f3f4f6 !important;
    box-shadow:0 -4px 16px rgba(0,0,0,.06) !important;
  }
  .pdp__cta .p b{
    font-size:16px !important;
    font-weight:800 !important;
    color:#111827 !important;
  }
  .pdp__cta .btn-primary{
    background:#004e41 !important;
    color:#fff !important;
    border-radius:12px !important;
    font-weight:700 !important;
    padding:10px 12px !important;
    font-size:12.5px !important;
    width:auto !important; /* btn-primary پایه width:100% دارد — در نوار باید اندازهٔ متن باشد */
    white-space:nowrap !important;
    flex:none !important;
  }
  .pdp__cta{gap:8px !important}
  /* گوشی‌های باریک: قیمت جمع‌وجورتر تا دکمه جا شود */
  @media (max-width:400px){
    .pdp__cta .p small{display:none}
    .pdp__cta .p b{font-size:14px !important}
  }

  /* کارت‌های محتوا: توضیحات / مشخصات / دیدگاه‌ها */
  .pdp-sec__card{
    background:#fff !important;
    border:1px solid #f3f4f6 !important;
    border-radius:16px !important;
    padding:16px !important;
    box-shadow:0 1px 2px rgba(0,0,0,.05) !important;
  }
  .pdp-sec__title{
    font-size:12px !important;
    font-weight:700 !important;
    color:#111827 !important;
  }
  .pdp-sec__title .ic{
    font-size:16px !important;
    color:#00382e !important;
  }
  .pdp-specs tr{border-bottom:1px solid #f3f4f6 !important;}
  .pdp-specs th{
    color:#9ca3af !important;
    font-weight:400 !important;
    width:33% !important;
  }
  .pdp-specs td{
    color:#111827 !important;
    font-weight:500 !important;
  }

  /* فرم دیدگاه */
  #review_form input[type="text"],
  #review_form input[type="email"],
  #review_form textarea{
    border:1px solid #e5e7eb !important;
    border-radius:12px !important;
    font-size:12px !important;
  }
  #review_form input[type="submit"]{
    width:100% !important;
    background:#00382e !important;
    color:#fff !important;
    border:none !important;
    border-radius:12px !important;
    font-weight:700 !important;
    padding:10px !important;
  }
  /* برای محصولات متغیر: سلکت‌ها قرصی شوند */
  .variations select{
    border:1px solid #d1d5db !important;
    border-radius:999px !important;
    padding:8px 14px !important;
    background:#fff !important;
    font-size:12px !important;
  }

  /* محصولات مشابه: هم‌سبک کارت‌های شگفت‌انگیز */
  .tka-related .plist__track{
    gap:10px !important;
    scroll-padding-inline-start:16px !important;
  }
  .tka-related .pcard-wrap{
    flex:0 0 150px !important;
    width:150px !important;
    display:flex !important;
    flex-direction:column !important;
    padding:10px !important;
    border-radius:12px !important;
  }
  .tka-related .pcard{
    flex:1 1 auto !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:space-between !important;
    padding:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  .tka-related .pcard__off{
    top:8px !important; right:8px !important; left:auto !important;
    background:#dc2626 !important;
    font-size:10px !important; padding:2px 6px !important;
    border-radius:999px !important;
  }
  .tka-related .pcard__festival{
    top:8px !important; right:8px !important;
    background:#004e41 !important;
    font-size:8px !important; padding:2px 4px !important;
    border-radius:4px !important;
  }
  .tka-related .pcard__off + .pcard__festival{top:30px !important;}
  .tka-related .pcard__media{border-radius:8px !important; margin-bottom:8px !important;}
  .tka-related .pcard__name{
    font-size:11px !important; font-weight:700 !important;
    color:#111827 !important; height:32px !important; margin:0 !important;
  }
  .tka-related .pcard__prices{padding:0 !important; margin:0 !important;}
  .tka-related .pcard__old{font-size:10px !important; color:#9ca3af !important;}
  .tka-related .pcard__price{
    display:flex !important; align-items:center !important;
    justify-content:space-between !important; direction:rtl !important;
  }
  .tka-related .pcard__price span{font-size:12px !important; font-weight:900 !important; color:#111827 !important;}
  .tka-related .pcard__price small{font-size:9px !important; color:#6b7280 !important;}
  .tka-related .pcard__atc{
    position:static !important; width:100% !important; margin-top:8px !important;
    height:auto !important; min-height:0 !important; min-width:0 !important;
    padding:6px 8px !important; border-radius:8px !important;
    background:#004e41 !important; color:#fff !important;
    font-size:11px !important; font-weight:700 !important;
    display:flex !important; align-items:center !important; justify-content:center !important;
  }
  .tka-related > .tka-rail{
    width:34px !important; height:34px !important;
    display:inline-flex !important; align-items:center !important; justify-content:center !important;
    margin:10px 0 0 8px !important; border-radius:50% !important;
    background:#f4f4f5 !important; color:#3f3f46 !important;
  }
  .tka-related > .tka-rail .ic{width:18px !important; height:18px !important;}
  .tka-related > .tka-rail--prev .ic{transform:rotate(180deg) !important;}

  /* گالری: فول‌بلید (v0.25.0: pdp__bar حذف شد) */
  .gallery{margin-inline:-16px !important;}
}

/* ==========================================================
   ۵) صفحهٔ محصول — دسکتاپ (رفع سرریز + مطابق طرح)
   ========================================================== */
@media (min-width:768px){

  /* کانتینر: حداکثر ۱۳۲۰ + وسط‌چین — رفع سرریز ۱۸۹۳px */
  .tka-pdp-main{
    max-width:1360px !important;
    width:100% !important;
    margin-inline:auto !important;
    padding-inline:24px !important;
    box-sizing:border-box !important;
  }
  .tka-pdp-cols{
    grid-template-columns:minmax(0, 5fr) minmax(0, 7fr) !important;
    gap:40px !important;
    align-items:start !important;
    max-width:100% !important;
  }
  .tka-pdp-cols > *{min-width:0 !important; max-width:100% !important;}

  /* نوار تب‌ها: فول‌بلید با محتوای هم‌تراز کانتینر (v0.25.0: pdp__bar حذف شد) */
  .pdp__tabs{
    width:auto !important;
    margin-inline:calc(50% - 50vw) !important;
    padding-inline:max(24px, calc(50vw - 656px)) !important;
    top:57px !important;
    background:#fff !important;
    border-bottom:1px solid #f3f4f6 !important;
  }
  .pdp__tabs a{
    display:inline-block !important;
    font-size:12px !important;
    font-weight:600 !important;
    color:#6b7280 !important;
    padding:12px 2px !important;
    border-bottom:2px solid transparent !important;
  }
  .pdp__tabs a:hover{color:#111827 !important;}
  .pdp__tabs .on, .pdp__tabs [aria-current]{
    color:#111827 !important;
    border-color:#004e41 !important;
  }

  /* گالری: تصویر لوکس ۵۲۰px پرکننده + قاب گردگوشه */
  .gallery{top:104px !important;}
  .gallery__slide{
    height:520px !important;
    border-radius:18px !important;
    border:1px solid #eef2f6 !important;
    background:#fafbfc !important;
    overflow:hidden;
    box-shadow:0 4px 20px rgba(0,0,0,0.03);
  }
  .gallery__slide img{width:100% !important; height:100% !important; object-fit:cover !important;}
  .gallery__thumbs{gap:10px !important; margin-top:12px !important;}
  .gallery__thumbs button{
    width:70px !important;
    height:70px !important;
    border-radius:12px !important;
    border:2px solid transparent !important;
    overflow:hidden;
    transition:all .2s ease;
  }
  .gallery__thumbs button.on{
    border-color:#004e41 !important;
    box-shadow:0 2px 10px rgba(0,78,65,0.25) !important;
  }

  /* عنوان و کارت قیمت */
  .pdp__title{font-size:24px !important; font-weight:900 !important; color:#0f172a !important; line-height:1.5 !important;}
  .pricebox{
    background:#ffffff !important;
    border:1px solid #eef2f6 !important;
    border-radius:18px !important;
    padding:22px !important;
    box-shadow:0 4px 20px rgba(0,0,0,0.03) !important;
  }
  .pricebox__now .woocommerce-Price-amount{font-size:20px !important;}

  /* دکمهٔ افزودن به سبد */
  form.cart .single_add_to_cart_button,
  form.cart .button{
    background:linear-gradient(135deg, #004e41 0%, #00382e 100%) !important;
    color:#fff !important;
    border:none !important;
    border-radius:12px !important;
    min-height:48px !important;
    font-size:14px !important;
    font-weight:800 !important;
    box-shadow:0 6px 18px rgba(0,78,65,.28) !important;
    transition:all .2s ease !important;
  }
  form.cart .single_add_to_cart_button:hover{
    transform:translateY(-1px) !important;
    box-shadow:0 8px 22px rgba(0,78,65,.35) !important;
  }

  /* جدول مشخصات: خط‌کشی + ردیف‌های یک‌درمیان */
  .pdp-specs{
    width:100% !important;
    border:1px solid #e5e7eb !important;
    border-radius:12px !important;
    overflow:hidden;
  }
  .pdp-specs tr:nth-child(odd){background:#fafafa !important;}
  .pdp-specs th, .pdp-specs td{padding:12px 16px !important;}

  /* دیدگاه‌ها */
  .pdp-sec--reviews .pdp-sec__card{background:#fafafa !important; border-color:#e5e7eb !important;}
  #review_form input[type="text"],
  #review_form input[type="email"],
  #review_form textarea{
    background:#fff !important;
    border:1px solid #d1d5db !important;
    border-radius:12px !important;
    padding:10px 12px !important;
  }
  #review_form input[type="submit"]{
    background:#004e41 !important;
    color:#fff !important;
    border:none !important;
    border-radius:12px !important;
    font-weight:700 !important;
  }

  /* محصولات مشابه: از اسلایدر به گرید ۴ ستونه */
  .tka-related .plist__track{
    display:grid !important;
    grid-template-columns:repeat(4, minmax(0,1fr)) !important;
    gap:24px !important;
    overflow:visible !important;
    padding:8px 0 0 !important;
  }
  .tka-related > .tka-rail{display:none !important;}
  .tka-related .pcard-wrap{
    width:auto !important;
    flex:none !important;
    display:flex !important;
    flex-direction:column !important;
    padding:12px !important;
    border-radius:16px !important;
    border:1px solid #e5e7eb !important;
    background:#fff !important;
  }
  .tka-related .pcard{
    flex:1 1 auto !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:space-between !important;
    padding:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  .tka-related .pcard__media{
    border-radius:12px !important;
    aspect-ratio:1 / 1 !important;
    margin-bottom:10px !important;
  }
  .tka-related .pcard__off{
    top:10px !important; right:10px !important; left:auto !important;
    background:#ef4444 !important;
    border-radius:6px !important;
    font-size:11px !important;
  }
  .tka-related .pcard__festival{
    top:10px !important; right:10px !important;
    background:#f59e0b !important;
    border-radius:6px !important;
    font-size:10px !important;
  }
  .tka-related .pcard__off + .pcard__festival{top:38px !important;}
  .tka-related .pcard__prices{
    display:flex !important;
    flex-direction:row-reverse !important;
    align-items:baseline !important;
    gap:8px !important;
    margin:0 !important;
    padding:0 !important;
  }
  .tka-related .pcard__old{min-height:0 !important;}
  .tka-related .pcard__price{
    display:flex !important;
    align-items:baseline !important;
    gap:4px !important;
    direction:rtl !important;
  }
  .tka-related .pcard__price span{font-size:14px !important; font-weight:800 !important; color:#111827 !important;}
  .tka-related .pcard__price small{font-size:10px !important; color:#6b7280 !important;}
  .tka-related .pcard__atc{
    position:static !important;
    width:100% !important;
    margin-top:10px !important;
    height:auto !important;
    min-height:0 !important;
    min-width:0 !important;
    padding:8px !important;
    border-radius:12px !important;
    background:#004e41 !important;
    color:#fff !important;
    font-size:12px !important;
    font-weight:700 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
}

/* ==========================================================
   ۶) محصول متغیر — چیپ‌های رنگ/سایز + فرم
   ========================================================== */

/* ۶-۱) جدول واریشن‌ها: چیدمان عمودی ساده */
.variations, .variations tbody, .variations tr,
.variations th, .variations td{
  display:block !important;
  width:auto !important;
  border:none !important;
  background:none !important;
  padding:0 !important;
  margin:0 !important;
}
.variations th{margin-bottom:8px !important;}
.variations .label label{
  font-size:12px !important;
  font-weight:600 !important;
  color:#374151 !important;
}
.tka-chips{display:flex !important; flex-wrap:wrap !important; gap:8px !important;}
.tka-chip{
  border:1px solid #e5e7eb !important;
  border-radius:8px !important;
  background:#fff !important;
  color:#374151 !important;
  font-size:12px !important;
  font-weight:500 !important;
  padding:8px 18px !important;
}
.tka-chip[aria-selected="true"], .tka-chip.on{
  border-color:#004e41 !important;
  background:#faf5ff !important;
  color:#00382e !important;
  font-weight:700 !important;
}
.variations .reset_variations{
  font-size:11px !important;
  color:#9ca3af !important;
  margin-inline-start:8px !important;
}

/* ۶-۲) قیمت رنج محصولات متغیر */
.pricebox__now .woocommerce-Price-amount{
  font-size:15px !important;
  font-weight:800 !important;
  color:#111827 !important;
}
.pricebox__now .woocommerce-Price-currencySymbol{
  font-size:11px !important;
  font-weight:400 !important;
  color:#6b7280 !important;
  margin-inline-start:3px;
}

/* ۶-۳) فرم متغیرها: عمودی — قانون form.cart{flex} قبلی را خنثی می‌کند */
form.variations_form.cart{
  display:block !important;
  padding:0 !important;
  margin-top:10px !important;
}
form.variations_form.cart .single_variation_wrap{margin-top:14px !important;}
form.variations_form.cart .woocommerce-variation-add-to-cart{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  margin-top:16px !important;
}
form.variations_form.cart .tka-qty-box{flex:0 0 auto !important; height:48px !important;}
form.variations_form.cart .single_add_to_cart_button{
  flex:1 1 auto !important;
  min-height:48px !important;
  border:none !important;
  border-radius:12px !important;
  background:linear-gradient(135deg, #004e41 0%, #00382e 100%) !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:800 !important;
  box-shadow:0 6px 18px rgba(0,78,65,.28) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  cursor:pointer !important;
  transition:all .2s ease !important;
}
form.variations_form.cart .single_add_to_cart_button:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 8px 22px rgba(0,78,65,.35) !important;
}
form.variations_form.cart .single_add_to_cart_button.disabled,
form.variations_form.cart .single_add_to_cart_button:disabled{
  opacity: 0.95 !important;
  background: #f1f5f9 !important;
  color: #64748b !important;
  border: 1.5px dashed #cbd5e1 !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
  transform: none !important;
}

/* ==========================================================
   ۷) صفحهٔ اول — دسکتاپ مطابق طرح (فقط body.home)
   ========================================================== */
@media (min-width:768px){

  /* هیرو: داخل کانتینر و گردگوشه */
  body.home .hero{
    max-width:1360px !important;
    margin:16px auto !important;
    border-radius:16px !important;
    overflow:visible !important;
  }
  /* v0.22.5: track overflow-x:auto (نه hidden) تا scrollTo کار کند */
  body.home .hero .hero__track{
    overflow-x:auto !important;
    scroll-snap-type:x mandatory !important;
    border-radius:16px !important;
    scrollbar-width:none !important;
  }
  body.home .hero .hero__track::-webkit-scrollbar{display:none !important}

  /* سرصفحهٔ سکشن‌ها: خط زیرین مثل طرح */
  body.home .section__head{
    border-bottom:1px solid #e5e7eb !important;
    padding-bottom:12px !important;
    margin-bottom:16px !important;
  }
  body.home .section__title{font-size:16px !important; font-weight:800 !important; color:#1f2937 !important;}
  body.home .section__title .ic{color:#004e41 !important; font-size:18px !important;}
  body.home .section__more{font-size:12px !important; font-weight:700 !important; color:#004e41 !important;}

  /* دسته‌بندی‌ها: ردیف لوکس و مینیمال استوری در دسکتاپ */
  body.home .stories{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    gap:20px !important;
    overflow:visible !important;
    padding:16px 20px !important;
    background:#ffffff !important;
    border:1px solid #eef2f6 !important;
    border-radius:20px !important;
    max-width:1360px !important;
    margin:12px auto 0 !important;
    box-shadow:0 2px 12px rgba(0,78,65,.03) !important;
  }
  body.home .story{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:8px !important;
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    border-radius:0 !important;
    padding:0 !important;
    width:78px !important;
    min-width:78px !important;
    max-width:78px !important;
    text-align:center !important;
    cursor:pointer !important;
    transition:transform .2s ease !important;
  }
  body.home .story:hover{
    transform:translateY(-3px) !important;
  }
  body.home .story__img{
    width:66px !important;
    height:66px !important;
    border-radius:50% !important;
    overflow:hidden !important;
    padding:2px !important;
    background:linear-gradient(135deg, #004e41 0%, #10b981 100%) !important;
    box-shadow:0 4px 12px rgba(0,78,65,.18) !important;
    transition:all .25s ease !important;
  }
  body.home .story:hover .story__img{
    box-shadow:0 6px 18px rgba(0,78,65,.32) !important;
    transform:scale(1.04) !important;
  }
  body.home .story__img img{
    width:100% !important;
    height:100% !important;
    border-radius:50% !important;
    object-fit:cover !important;
    background:#004e41 !important;
    display:block !important;
  }
  body.home .story__label{
    font-size:12px !important;
    font-weight:700 !important;
    color:#1e293b !important;
    line-height:1.4 !important;
    white-space:normal !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
    max-width:100% !important;
    transition:color .2s ease !important;
  }
  body.home .story:hover .story__label{
    color:#004e41 !important;
  }

  /* شگفت‌انگیز: کانتینر گرد + گرید ۵ ستونه */
  body.home section.offer{
    max-width:1360px !important;
    margin:24px auto !important;
    border-radius:24px !important;
    padding:0 !important;
  }
  body.home .offer__head{
    padding:16px 24px 12px !important;
    border-bottom:1px solid rgba(255,255,255,.15) !important;
  }
  body.home .offer__title{font-size:18px !important; font-weight:900 !important;}
  body.home .offer__title .ic{color:#fde047 !important; font-size:20px !important;}
  body.home .offer__track{
    display:grid !important;
    grid-template-columns:repeat(5, minmax(0,1fr)) !important;
    gap:16px !important;
    padding:16px 24px 24px !important;
    overflow:visible !important;
  }

  /* جدیدترین/پرفروش‌ترین: داخل کانتینر + گرید ۵ ستونه */
  body.home .plist__track{
    display:grid !important;
    grid-template-columns:repeat(5, minmax(0,1fr)) !important;
    gap:16px !important;
    max-width:1360px !important;
    margin-inline:auto !important;
    padding:8px 24px !important;
    overflow:visible !important;
  }

  /* کارت‌های هر سه سکشن: مثل طرح */
  body.home .offer__track .pcard-wrap,
  body.home .plist__track .pcard-wrap{
    width:auto !important;
    flex:none !important;
    display:flex !important;
    flex-direction:column !important;
    padding:12px !important;
    border-radius:16px !important;
    box-shadow:0 1px 3px rgba(0,0,0,.07) !important;
  }
  body.home .offer__track .pcard,
  body.home .plist__track .pcard{
    flex:1 1 auto !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:space-between !important;
    padding:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  body.home .pcard__off{
    top:10px !important; right:10px !important; left:auto !important;
    background:#ef4444 !important;
    font-size:11px !important; padding:2px 8px !important;
    border-radius:999px !important;
  }
  body.home .pcard__festival{
    top:10px !important; right:10px !important;
    background:#f59e0b !important;
    font-size:9px !important; padding:2px 6px !important;
    border-radius:6px !important;
  }
  body.home .pcard__off + .pcard__festival{top:32px !important;}
  body.home .pcard__media{border-radius:10px !important; margin-bottom:8px !important;}
  body.home .pcard__name{
    font-size:12px !important;
    font-weight:700 !important;
    color:#1f2937 !important;
    line-height:1.6 !important;
    height:40px !important;
    min-height:0 !important;
    margin:0 !important;
  }
  body.home .pcard__prices{
    margin:8px 0 0 !important;
    padding:0 !important;
    align-items:flex-start !important;
    text-align:left !important;
  }
  body.home .pcard__old{font-size:11px !important; color:#9ca3af !important; min-height:14px !important;}
  body.home .pcard__price{
    display:flex !important;
    align-items:baseline !important;
    gap:4px !important;
    direction:rtl !important;
    justify-content:flex-start !important;
  }
  body.home .pcard__price span{font-size:14px !important; font-weight:900 !important; color:#004e41 !important;}
  body.home .pcard__price small{font-size:10px !important; font-weight:400 !important; color:#6b7280 !important;}
  body.home .pcard__atc{
    position:static !important;
    width:100% !important;
    margin-top:10px !important;
    height:auto !important;
    min-height:0 !important;
    min-width:0 !important;
    padding:8px !important;
    border-radius:12px !important;
    background:#004e41 !important;
    color:#fff !important;
    font-size:12px !important;
    font-weight:700 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
  }
  body.home .pcard__atc:hover{background:#00382e !important; transform:none !important;}
  body.home .pcard:hover, body.home .pcard-wrap:hover{transform:none !important;}
  body.home .pcard__atc.add_to_cart_button::after{content:"خرید"; font-size:12px; font-weight:700;}

  /* فلش‌های اسلایدر در حالت گرید بی‌معنا هستند */
  body.home main section > .tka-rail{display:none !important;}
  body.home .offer__track .morecard,
  body.home .plist__track .morecard{display:none !important;}

  /* برندها: گرید ۶ ستونه با رنگ‌های ثابت مثل طرح */
  body.home .brands{
    display:grid !important;
    grid-template-columns:repeat(6, minmax(0,1fr)) !important;
    gap:16px !important;
    max-width:1360px !important;
    margin:24px auto !important;
    padding:0 24px !important;
  }
  body.home .brand{
    width:auto !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:8px !important;
    background:#fff !important;
    border:1px solid #f3f4f6 !important;
    border-radius:16px !important;
    padding:14px 8px !important;
  }
  body.home .brand__img{
    width:64px !important;
    height:64px !important;
    border-radius:999px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:900 !important;
  }
  /* v0.24.0 (نیاز #۴): پس‌زمینهٔ تصادفیِ رنگی برندها حذف شد.
   * مونوگرام‌ها رنگ برند قالب (primary) دارند و لوگوی واقعی
   * بدون هیچ رنگ پس‌زمینه‌ای نمایش داده می‌شود. */
  body.home .brand > span:last-child{font-size:12px !important; font-weight:600 !important; color:#374151 !important;}

  /* سه کارت اعتماد */
  body.home .usps{
    max-width:1360px !important;
    margin:24px auto !important;
    padding:0 24px !important;
  }
  body.home .usp{
    background:#fff !important;
    border:1px solid #f3f4f6 !important;
    border-radius:16px !important;
    padding:18px 20px !important;
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
  }
  body.home .usp .ic{font-size:26px !important; color:#004e41 !important;}
  body.home .usp b{display:block; font-size:13px !important; font-weight:800 !important; color:#111827 !important;}
  body.home .usp small{display:block; margin-top:4px; font-size:11px !important; color:#6b7280 !important;}
}

/* ==========================================================
   ۸) گرید دسته‌بندی‌های اصلی صفحهٔ اول (طراحی لوکس زیورآلات)
   ========================================================== */
.tka-catgrid-sec{
  margin:28px 12px 0;
}
.tka-catgrid-sec .section__head{
  margin-bottom:16px !important;
}
.tka-catgrid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:12px;
}
.tka-catgrid__item{
  background:#ffffff !important;
  border:1px solid #eef2f6 !important;
  border-radius:18px !important;
  padding:14px 8px 12px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:8px !important;
  text-align:center !important;
  box-shadow:0 2px 10px rgba(0,78,65,.03) !important;
  transition:all .25s ease !important;
}
.tka-catgrid__item:hover{
  border-color:#004e41 !important;
  transform:translateY(-3px) !important;
  box-shadow:0 8px 22px rgba(0,78,65,.1) !important;
}
.tka-catgrid__img{
  width:72px !important;
  height:72px !important;
  border-radius:16px !important;
  background:#004e41 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  box-shadow:0 4px 14px rgba(0,78,65,.18) !important;
  border:2px solid #e6f0ee !important;
  transition:transform .25s ease !important;
}
.tka-catgrid__item:hover .tka-catgrid__img{
  transform:scale(1.05) !important;
  border-color:#004e41 !important;
}
.tka-catgrid__img img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  padding:0 !important;
  display:block !important;
}
.tka-catgrid__img .ic{font-size:30px; color:#ffffff;}
.tka-catgrid__label{
  font-size:12.5px !important;
  font-weight:700 !important;
  color:#1e293b !important;
  line-height:1.4 !important;
  margin-top:2px !important;
}
.tka-catgrid__item:hover .tka-catgrid__label{
  color:#004e41 !important;
}
@media (min-width:768px){
  .tka-catgrid-sec{max-width:1360px; margin:36px auto 0; padding:0 24px;}
  .tka-catgrid{grid-template-columns:repeat(6, minmax(0,1fr)); gap:16px;}
  .tka-catgrid__img{width:82px !important; height:82px !important;}
}

/* ==========================================================
   ۹) نوار زیردسته‌ها — طراحی پیل‌های لوکس و افقی
   ========================================================== */
.tka-subcats{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  overflow-x:auto !important;
  padding:8px 0 16px !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
  scroll-snap-type:x proximity !important;
}
.tka-subcats::-webkit-scrollbar{display:none;}
.tka-subcat{
  flex:0 0 auto !important;
  display:inline-flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:8px !important;
  background:#ffffff !important;
  border:1.5px solid #e2e8f0 !important;
  border-radius:99px !important;
  padding:5px 14px 5px 6px !important;
  min-width:auto !important;
  text-align:right !important;
  text-decoration:none !important;
  scroll-snap-align:start !important;
  box-shadow:0 2px 6px rgba(0,0,0,.02) !important;
  transition:all .2s ease !important;
}
.tka-subcat:hover{
  border-color:#004e41 !important;
  background:#f0fdf4 !important;
  transform:translateY(-1px) !important;
}
.tka-subcat__img{
  width:32px !important;
  height:32px !important;
  border-radius:50% !important;
  background:#004e41 !important;
  border:1.5px solid #004e41 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  flex-shrink:0 !important;
}
.tka-subcat__img img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  padding:0 !important;
  display:block !important;
}
.tka-subcat__img .ic{font-size:16px; color:#ffffff;}
.tka-subcat__label{
  font-size:12.5px !important;
  font-weight:700 !important;
  color:#334155 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}
.tka-subcat.on{
  border-color:#004e41 !important;
  background:#e6f0ee !important;
  box-shadow:0 2px 8px rgba(0,78,65,.15) !important;
}
.tka-subcat.on .tka-subcat__label{
  font-weight:800 !important;
  color:#004e41 !important;
}

/* ==========================================================
   ۱۰) استوری‌های اینستاگرامی — نوار دایره‌ای + نمایشگر تمام‌صفحه
   (پست‌تایپ tka_story — منطق: assets/js/ig-stories.js)
   ========================================================== */

/* نوار دایره‌ای بالای صفحه */
.tka-igbar{
  display:flex;
  gap:14px;
  overflow-x:auto;
  padding:12px 16px;
  background:#fff;
  border-bottom:1px solid #f3f4f6;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.tka-igbar::-webkit-scrollbar{display:none;}
.tka-igbar__item{
  flex:0 0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  background:none;
  border:none;
  padding:0;
  cursor:pointer;
  font-family:inherit;
}
.tka-igbar__ring{
  width:60px;
  height:60px;
  border-radius:50%;
  padding:3px;
  background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);
  display:grid;
  place-items:center;
  transition:transform .15s;
}
.tka-igbar__item:hover .tka-igbar__ring{transform:scale(1.05);}
.tka-igbar__item.seen .tka-igbar__ring{background:#dbdbdb;}
.tka-igbar__ring img{
  width:100%;
  height:100%;
  border-radius:50%;
  object-fit:cover;
  border:2.5px solid #fff;
  display:block;
}
.tka-igbar__name{
  font-size:11px;
  color:#374151;
  max-width:66px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* نمایشگر تمام‌صفحه */
body.tka-ig-lock{overflow:hidden !important;}
.tka-igview{
  position:fixed;
  inset:0;
  z-index:99999;
  background:rgba(0,0,0,.92);
  display:flex;
  align-items:center;
  justify-content:center;
}
.tka-igview[hidden]{display:none;}
.tka-igview__backdrop{position:absolute; inset:0;}
.tka-igview__card{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  max-width:420px;
  background:#000;
  overflow:hidden;
}
@media (min-width:481px){
  .tka-igview__card{
    height:min(92vh, 860px);
    border-radius:12px;
    box-shadow:0 12px 48px rgba(0,0,0,.5);
  }
}
.tka-igview__img{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
}
.tka-igview__img img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  -webkit-user-select:none;
  user-select:none;
}
/* پروگرس‌بار: یک سگمنت به ازای هر استوری */
.tka-igview__progress{
  position:absolute;
  top:8px;
  left:8px;
  right:8px;
  display:flex;
  gap:3px;
  z-index:3;
  direction:rtl;
}
.tka-igview__seg{
  flex:1 1 0;
  height:3px;
  border-radius:99px;
  background:rgba(255,255,255,.35);
  overflow:hidden;
}
.tka-igview__seg > i{
  display:block;
  height:100%;
  width:100%;
  background:#fff;
  transform:scaleX(0);
  transform-origin:right center;
}
.tka-igview__seg.done > i{transform:scaleX(1);}
/* هدر: آواتار دایره‌ای + اسم + بستن */
.tka-igview__head{
  position:absolute;
  top:18px;
  left:8px;
  right:8px;
  display:flex;
  align-items:center;
  gap:10px;
  z-index:3;
}
.tka-igview__ava{
  width:34px;
  height:34px;
  border-radius:50%;
  object-fit:cover;
  border:1.5px solid rgba(255,255,255,.9);
}
.tka-igview__name{color:#fff; font-size:13px; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tka-igview__time{color:rgba(255,255,255,.75); font-size:11px; margin-inline-start:auto; flex:0 0 auto;}
.tka-igview__close{
  background:none;
  border:none;
  color:#fff;
  font-size:20px;
  line-height:1;
  cursor:pointer;
  padding:4px 8px;
  flex:0 0 auto;
}
/* نواحی ضربه: راست = قبلی، چپ = بعدی (آینهٔ اینستاگرام در RTL) */
.tka-igview__zone{
  position:absolute;
  top:0;
  bottom:0;
  z-index:2;
  background:none;
  border:none;
  cursor:pointer;
}
.tka-igview__zone--next{left:0; width:62%;}
.tka-igview__zone--prev{right:0; width:38%;}

/* v0.22.7: دکمهٔ «باز کردن لینک» در نمایشگر استوری */
.tka-igview__link{
  position:absolute;
  bottom:20px;
  left:50%;
  transform:translateX(-50%);
  z-index:5;
  display:flex;
  align-items:center;
  gap:6px;
  padding:10px 24px;
  border-radius:99px;
  background:rgba(255,255,255,.95);
  color:var(--primary);
  font-size:13px;
  font-weight:700;
  text-decoration:none;
  box-shadow:0 2px 12px rgba(0,0,0,.2);
  transition:background .15s,color .15s;
}
.tka-igview__link:hover{
  background:var(--primary);
  color:#fff;
}
.tka-igview__link .ic{
  font-size:16px;
}

/* ==========================================================
   v0.22.0 — هم‌ترازی هدر/اسلایدر/بنرها + اصلاحات قیمت و فوتر
   ========================================================== */

/* ---------- ۱) هم‌تراز کردن هدر، منو، اسلایدر، بنرها در دسکتاپ ---------- */
@media (min-width:768px){
  .header{
    padding-left:max(24px,calc((100vw - 1320px) / 2)) !important;
    padding-right:max(24px,calc((100vw - 1320px) / 2)) !important;
  }
  .promo-strip,
  .topstrip{
    padding-left:max(24px,calc((100vw - 1320px) / 2)) !important;
    padding-right:max(24px,calc((100vw - 1320px) / 2)) !important;
  }
  .hero{
    margin-left:max(24px,calc((100vw - 1320px) / 2)) !important;
    margin-right:max(24px,calc((100vw - 1320px) / 2)) !important;
  }
  .banners{
    margin-left:max(24px,calc((100vw - 1320px) / 2)) !important;
    margin-right:max(24px,calc((100vw - 1320px) / 2)) !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .stories{
    margin-left:max(24px,calc((100vw - 1320px) / 2)) !important;
    margin-right:max(24px,calc((100vw - 1320px) / 2)) !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .brands{
    margin-left:max(24px,calc((100vw - 1320px) / 2)) !important;
    margin-right:max(24px,calc((100vw - 1320px) / 2)) !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
}

/* ---------- ۲) اسلایدر hero: رفع کشیدگی + crop از وسط ---------- */
@media (min-width:768px){
  .hero__slide{
    aspect-ratio:4/1 !important;
    height:auto !important;
    max-height:420px;
  }
  .hero__slide img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center !important;
  }
}
.hero__slide img{
  object-position:center center !important;
}

/* ---------- ۳) بنر بالای هدر (topstrip): تمام‌عرض در دسکتاپ ---------- */
@media (min-width:768px){
  .topstrip{
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .topstrip img{
    width:100%;
    max-height:170px;
    object-fit:cover;
    object-position:center;
  }
}

/* ---------- ۴) بنرهای ۴ تایی: ارتفاع کمتر در دسکتاپ ---------- */
@media (min-width:768px){
  .banner{
    aspect-ratio:3/1 !important;
    max-height:200px;
  }
  .banner img{
    object-position:center center;
  }
}
@media (min-width:1100px){
  .banner{
    aspect-ratio:4/1 !important;
    max-height:160px;
  }
}

/* ---------- ۵) اصلاح نمایش قیمت در کارت محصول ----------
 * v0.22.3: استایل کارت جشنواره (section 2 بالا) اکنون برای همه
 * کارت‌ها اعمال می‌شود. این بخش فقط nowrap + ellipsis اضافه می‌کند
 * تا قیمت از کارت بیرون نزند. */
.pcard__price,
.pcard__price span,
.pcard__old{
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.pcard__prices{
  min-width:0 !important;
  overflow:hidden !important;
}
.pcard,
.pcard-wrap{
  min-width:0 !important;
  overflow:hidden !important;
}
.pcard__name{
  -webkit-line-clamp:2 !important;
  line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  word-break:break-word !important;
  overflow-wrap:break-word !important;
}

/* موبایل: همه کارت‌های ریل همان عرض ۱۵۰px کارت جشنواره را دارند */
@media (max-width:767px){
  .plist__track .pcard-wrap,
  .tka-pgrid .pcard-wrap{
    flex:0 0 150px !important;
    width:150px !important;
  }
  .plist__track .pcard,
  .tka-pgrid .pcard{
    padding:8px !important;
  }
}

/* ---------- ۶) فوتر موبایل: شبکه‌های اجتماعی (v0.26.0: فقط آیکون — استایل پایه main.css) ---------- */
@media (max-width:767px){
  .footer__social{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-top:12px;
  }
  .footer__col{
    display:block !important;
  }
}

/* ---------- ۷) فلش‌های اسلایدر hero (دسکتاپ) ---------- */
.hero{
  position:relative;
  overflow:visible !important;
}
/* v0.22.5: track همیشه overflow-x:auto + scroll-snap (هم موبایل هم دسکتاپ).
 * transform حذف شد چون در RTL جهت اشتباه داشت. */
.hero__track{
  overflow-x:auto !important;
  scroll-snap-type:x mandatory !important;
  scrollbar-width:none !important;
}
.hero__track::-webkit-scrollbar{display:none !important}
.hero__arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:10;
  width:44px;
  height:44px;
  border:none;
  border-radius:50%;
  background:rgba(255,255,255,.9);
  color:var(--gray-800);
  display:none; /* در موبایل پنهان */
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:0 2px 8px rgba(0,0,0,.15);
  transition:background .15s,color .15s,opacity .15s;
}
.hero__arrow .ic{
  font-size:22px;
}
.hero__arrow:hover{
  background:var(--primary);
  color:#fff;
}
.hero__arrow--prev{
  right:12px; /* RTL: قبلی = راست */
}
.hero__arrow--next{
  left:12px; /* RTL: بعدی = چپ */
}
@media (min-width:768px){
  .hero__arrow{
    display:flex;
  }
}

/* ---------- ۸) بنرهای ۴ تایی: بدون فضای خالی ---------- */
/* v0.22.2: ارتفاع بنر از aspect-rature به ارتفاع ثابت تغییر کرد
 * تا فضای خالی زیر تصویر نباشد. تصویر ۱۰۰٪ ارتفاع را پر می‌کند. */
@media (max-width:767px){
  .banner{
    aspect-ratio:auto !important;
    height:90px !important;
  }
  .banner img{
    width:100%;
    height:100% !important;
    object-fit:cover;
    object-position:center;
  }
}
@media (min-width:768px){
  .banner{
    aspect-ratio:auto !important;
    height:160px !important;
  }
  .banner img{
    width:100%;
    height:100% !important;
    object-fit:cover;
    object-position:center;
  }
}

/* ---------- ۹) استوری‌ها: تراز با هدر در مانیتورهای واید ---------- */
@media (min-width:768px){
  .tka-igbar{
    padding-left:max(24px,calc((100vw - 1320px) / 2)) !important;
    padding-right:max(24px,calc((100vw - 1320px) / 2)) !important;
  }
  .stories{
    padding-left:max(24px,calc((100vw - 1320px) / 2)) !important;
    padding-right:max(24px,calc((100vw - 1320px) / 2)) !important;
  }
}

/* ---------- ۱۰) بنر بالای هدر (topstrip): ارتفاع طبیعی تصویر ---------- */
/* v0.24.0: height ثابت ۱۰۰px + cover بنر را قیچی می‌کرد؛ حالا نسبت واقعی */
@media (min-width:768px){
  .topstrip img{
    width:100%;
    height:auto !important;
    max-height:140px !important;
    object-fit:contain !important;
    object-position:center;
  }
}

/* ---------- ۱۱) صفحه محصول موبایل: bottomnav hidden + دکمه افزودن به سبد ثابت ---------- */
/* v0.22.3: در موبایل، صفحه محصول bottomnav ندارد؛ به‌جای آن نوار چسبان
 * پایین دکمهٔ «افزودن به سبد خرید» نشان می‌دهد. دکمهٔ افزودن به سبد
 * درون صفحه هم hidden می‌شود تا فقط نوار چسبان استفاده شود. */
@media (max-width:767px){
  /* v0.24.0 (نیاز #۵ + بازخورد دوم): منوی پایین (bottomnav) در صفحهٔ محصول
     هم مثل بقیهٔ صفحات نمایش داده می‌شود؛ فاصلهٔ پایین بدنه = منو + نوار خرید. */
  body.single-product .app--padded{
    padding-bottom:calc(73px + 84px + env(safe-area-inset-bottom, 0px)) !important;
  }
  body.single-product{
    padding-bottom:0 !important;
  }
  body.single-product .gallery{margin-top:0 !important}
  body.single-product .gallery__thumbs{
    padding:8px 12px 10px !important;
    border-bottom:0 !important;
  }
  /* v0.24.0 (نیاز #۸): در موبایل فرم خرید محصول سادهٔ داخل صفحه کلاً مخفی است؛
     نوار چسبان پایین (قیمت + تعداد + دکمه) تنها نقطهٔ خرید است.
     محصول متغیر: فرم انتخاب ویژگی‌ها با دکمهٔ خودش می‌ماند (تنها دکمهٔ واقعی). */
  body.single-product form.cart:not(.variations_form){
    display:none !important;
  }
}
/* v0.25.0 — در دسکتاپ هم نوار چسبان خرید نمایش داده می‌شود.
 * دلیل: از v0.25 دکمهٔ خرید داخل pricebox حذف شده (تک‌دکمه‌ای، نیاز #۸)،
 * پس تنها کنترل خرید صفحه — موبایل و دسکتاپ — نوار چسبان است.
 * استایل دسکتاپ: تمام‌عرض با محتوای هم‌تراز ظرف ۱۳۲۰. */
@media (min-width:768px){
  .pdp__cta{
    display:flex !important;
    max-width:none !important;
    bottom:0 !important;
    left:0;right:0;
    padding:10px max(24px, calc(50vw - 656px)) !important;
    background:rgba(255,255,255,.97) !important;
    backdrop-filter:blur(8px);
    border-top:1px solid #e9e9ef !important;
    box-shadow:0 -6px 24px rgba(0,0,0,.07) !important;
    gap:16px !important;
  }
  .pdp__cta .p{flex:none}
  .pdp__cta .p b{font-size:18px !important}
  .pdp__cta__qty{margin-inline-start:auto !important}
  .pdp__cta .btn-primary{
    background:var(--primary,#004e41) !important;
    color:#fff !important;
    border-radius:12px !important;
    font-weight:700 !important;
    padding:10px 34px !important;
    font-size:13.5px !important;
    min-height:44px;
    width:auto !important;
    white-space:nowrap !important;
    flex:none !important;
    margin-inline-start:8px !important;
  }
  /* جای نوار چسبان در انتهای بدنهٔ PDP */
  body.single-product{padding-bottom:96px !important}
}

/* ---------- ۱۲) اسلایدر: اطمینان از نمایش همه تصاویر ---------- */
/* v0.22.3: تصاویر اسلایدر باید همیشه visible باشند، حتی وقتی با transform
 * جابجا می‌شوند. */
.hero__slide{
  overflow:visible !important;
}
.hero__slide img{
  opacity:1 !important;
}

/* ==========================================================
   v0.23.0 — اصلاحات ۱۶‌گانه
   ========================================================== */

/* ---------- ۱۳) بستن سبد خرید در دسکتاپ ---------- */
/* اطمینان از کار کردن close button و backdrop در دسکتاپ */
.tka-drawer__close{
  cursor:pointer !important;
  z-index:20 !important;
  position:relative !important;
}
.tka-drawer__backdrop{
  cursor:pointer !important;
}

/* ---------- ۱۴) چک‌اوت: آیکون درگاه‌ها + تیک شرایط + مخفی کردن فیلدها ---------- */
/* آیکون‌های درگاه پرداخت کوچک‌تر (هم‌قدِ ردیف درگاه) */
.woocommerce-checkout .payment_methods li img,
.wc_payment_method img{
  max-width:56px !important;
  max-height:22px !important;
  width:auto !important;
  height:auto !important;
  display:inline-block !important;
  vertical-align:middle !important;
  margin:0 4px !important;
}
/* v0.24.0: قانون نامعتبر checked:expression() حذف شد — تیک خودکار شرایط
   از JS (wc.js) مدیریت می‌شود: بار اول + بعد از هر refresh آجاکسی چک‌اوت
   (رویداد updated_checkout) دوباره تیک می‌خورد.
   فیلد ایمیل و کشور: مخفی — و سمت PHP هم اختیاری شده‌اند
   (inc/wc-pages-fix.php) تا ووکامرس خطای required ندهد. */
.woocommerce-checkout #billing_email_field,
.woocommerce-checkout #billing_country_field,
.tka-field-hidden{
  display:none !important;
}

/* ---------- ۱۵) علامت منفی در سبد خرید ---------- */
.tka-qty-btn .ic{
  font-size:18px;
}

/* ---------- ۲) بهبود تایپوگرافی و خوانایی (الگو: فروشگاه‌های مطرح ایرانی) ---------- */
body{
  font-size:15px !important;
  line-height:1.9 !important;
}
.tka-site-main p,
.pdp-sec p,
.tka-category-description p{
  font-size:14.5px !important;
  line-height:2 !important;
  color:#374151 !important;
}
/* توضیحات محصول و محتوای صفحات: بزرگ‌تر و هوادارتر (مرجع: 15px/2.5) */
.pdp-sec .desc,
.tka-entry{
  font-size:15px !important;
  line-height:2.2 !important;
  color:#303030 !important;
}
.pdp-sec .desc p{margin:0 0 10px}
.pdp__summary{
  font-size:13px !important;
  line-height:2 !important;
  color:#4b5563 !important;
}
.pdp__title{
  font-size:20px !important;
  line-height:1.6 !important;
}
.pdp-sec__title{
  font-size:16px !important;
}
h1,h2,h3{
  line-height:1.4 !important;
}

/* ---------- ۷+۸) کنترل تعداد در نوار چسبان پایین (+/− داخل نوار) ---------- */
.pdp__cta__qty{
  display:flex;
  align-items:center;
  flex:none;
}
.pdp__cta__qty .tka-qty-box{
  display:inline-flex !important;
  align-items:center !important;
  border:1px solid #e5e7eb !important;
  border-radius:10px !important;
  background:#fff !important;
  overflow:hidden;
}
.pdp__cta__qty .tka-qty-btn{
  width:34px !important;
  height:40px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#f9fafb !important;
  color:#374151 !important;
  border:0 !important;
  cursor:pointer !important;
}
.pdp__cta__qty .tka-qty-btn:first-child{border-inline-end:1px solid #e5e7eb !important}
.pdp__cta__qty .tka-qty-btn:last-child{border-inline-start:1px solid #e5e7eb !important}
.pdp__cta__qty .tka-qty-btn .ic{width:14px;height:14px;font-size:14px}
.pdp__cta__qty input.qty{
  width:40px !important;
  height:40px !important;
  border:0 !important;
  text-align:center !important;
  font-size:15px !important;
  font-weight:700 !important;
  color:#111827 !important;
  background:#fff !important;
  -moz-appearance:textfield;
  appearance:textfield;
}
.pdp__cta__qty input.qty::-webkit-inner-spin-button,
.pdp__cta__qty input.qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}

/* ---------- ۱۲) بنرها/تصاویر: بدون بزرگ‌نمایی و بدون برش ---------- */
/* v0.24.0: aspect-ratio ثابت + object-fit:cover باعث برش/زوم تصویر بود.
   حالا هر بنر از نسبت واقعی تصویر خودش استفاده می‌کند (width:100% و
   height:auto) — هیچ تصویری کشیده یا بریده نمی‌شود. */
@media (max-width:767px){
  .banner{
    height:auto !important;
    aspect-ratio:auto !important;
  }
  .banner img{
    width:100% !important;
    height:auto !important;
    object-fit:fill !important;
  }
  .topstrip img{
    height:auto !important;
    max-height:140px !important;
    object-fit:contain !important;
  }
}
@media (min-width:768px){
  .banner{
    height:auto !important;
    aspect-ratio:auto !important;
    max-height:none !important;
  }
  .banner img{
    width:100% !important;
    height:auto !important;
    object-fit:fill !important;
  }
  .topstrip img{
    height:auto !important;
    max-height:140px !important;
    object-fit:contain !important;
  }
}

/* ---------- ۹) گالری: بندانگشتی با اسکرول افقی ---------- */
/* v0.24.0: justify-content:center در RTL وقتی ریل overflow می‌شد،
   چند بندانگشتیِ اول از دسترس خارج می‌شد (قیچی دوطرفه) — flex-start */
.gallery__thumbs{
  overflow-x:auto !important;
  flex-wrap:nowrap !important;
  justify-content:flex-start !important;
  scrollbar-width:thin !important;
  -webkit-overflow-scrolling:touch !important;
  scroll-padding-inline:4px;
}
.gallery__thumbs::-webkit-scrollbar{
  height:4px !important;
}
.gallery__thumbs::-webkit-scrollbar-thumb{
  background:var(--gray-300,#d4d4d8) !important;
  border-radius:99px !important;
}
.gallery__thumbs button{
  flex-shrink:0 !important;
}

/* ---------- ۱۱) بردکرامب در صفحه محصول ---------- */
.pdp__breadcrumb{
  font-size:12px;
  color:var(--gray-500);
  margin-bottom:12px;
  display:flex;
  align-items:center;
  gap:4px;
  flex-wrap:wrap;
}
.pdp__breadcrumb a{
  color:var(--gray-600);
  text-decoration:none;
}
.pdp__breadcrumb a:hover{
  color:var(--primary);
}
.pdp__breadcrumb span{
  color:var(--gray-400);
  margin:0 2px;
}

/* ---------- ۳) گالری: تصویر همیشه کامل داخل قاب (بدون برش/زوم) ---------- */
/* v0.24.0: ریشهٔ باگ «تصویر بزرگ‌شده/بریده» — اسلاید grid با place-items:center
   است و height:100% روی تصویر در برابر ردیف grid (auto) حل می‌شود ⇒ جعبهٔ
   تصویر ۷۴۰px داخل اسلاید ۵۲۰px و برش با overflow:hidden.
   تصویر را position:absolute می‌کنیم تا جعبه‌اش دقیقاً = اسلاید باشد و
   object-fit:contain کل عکس را بدون برش جا می‌دهد (موبایل و دسکتاپ). */
.gallery__slide{
  overflow:hidden;
}
.gallery__slide img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:contain !important;
}

/* ---------- ۹) برند محصول در PDP ---------- */
.pdp__brand-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:12px;
  text-decoration:none;
  color:var(--gray-700);
  font-weight:600;
  font-size:13px;
}
.pdp__brand-link:hover{
  color:var(--primary);
}
.pdp__brand-logo{
  width:32px;
  height:32px;
  object-fit:contain;
  border-radius:6px;
  border:1px solid var(--gray-200);
}

/* ==========================================================
   v0.24.0 — تکمیلی
   ========================================================== */

/* دکمهٔ بستن دراورها = علامت ×
 * v0.24.0: آیکون plus با چرخش ۴۵ درجه به ضربدر تبدیل می‌شد.
 * v0.29.0 (بازخورد کاربر): مارک‌آپ PHP الان خودش مسیر «×» واقعی دارد؛
 * چرخش ۴۵ درجهِ قبلی، همان × را به + برمی‌گرداند! پس چرخش حذف شد و
 * آیکون دکمهٔ بستن در همهٔ دراورها × نمایش داده می‌شود. */
.tka-drawer__close .ic{
  transform:none;
}

/* نشان «ناموجود» روی کارت محصول (نیاز #۱) */
.pcard-wrap{position:relative}
.pcard__oos{
  position:absolute;top:8px;inset-inline-end:8px;z-index:3;
  background:#6b7280;color:#fff;font-size:10px;font-weight:700;
  padding:3px 8px;border-radius:99px;line-height:1.6;
}

/* تایم‌لاین مراحل خرید روی صفحهٔ سبد (هم‌سبک چیپ‌های چک‌اوت) */
.tka-cart__steps{
  display:flex;align-items:center;gap:6px;flex-wrap:wrap;
  margin:0 0 14px;
}
.tka-cart__steps .tka-co__step{font-size:11px}

/* استپر تعداد در فرم خرید PDP — درست در موبایل و دسکتاپ (نیاز #۷) */
form.cart .tka-qty-box,
form.variations_form.cart .tka-qty-box{
  display:inline-flex !important;
  align-items:center !important;
  border:1px solid #d1d5db !important;
  border-radius:12px !important;
  background:#fff !important;
  overflow:hidden;
  height:44px;
}
form.cart .tka-qty-btn{
  width:38px !important;
  height:42px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#f9fafb !important;
  color:#374151 !important;
  border:0 !important;
  cursor:pointer !important;
}
form.cart .tka-qty-btn:first-child{border-inline-end:1px solid #e5e7eb !important}
form.cart .tka-qty-btn:last-child{border-inline-start:1px solid #e5e7eb !important}
form.cart .tka-qty-btn .ic{width:14px;height:14px}
form.cart input.qty{
  width:44px !important;
  height:42px !important;
  border:0 !important;
  text-align:center !important;
  font-size:15px !important;
  font-weight:700 !important;
  color:#111827 !important;
  background:#fff !important;
  -moz-appearance:textfield;
  appearance:textfield;
}
form.cart input.qty::-webkit-inner-spin-button,
form.cart input.qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}

/* =========================================================
   v0.25.0 — هم‌رنگ‌سازی صفحهٔ ورود/ثبت‌نام OTP (افزونهٔ UMS)
   با رنگ قالب. افزونه سبک inline با !important تزریق می‌کند
   (#2ed4f5 آبی فیروزه‌ای)؛ با پیشوند body class و !important
   برمی‌گردانیمش به بنفش قالب.
   ========================================================= */
.body-ums-login .ums-login-submit-button,
.body-ums-login .ums-login-submit-otp-button,
.body-ums-login #login-submit-otp,
.body-ums-login #otp-submit{
  background:var(--primary,#004e41) !important;
  color:#fff !important;
  border-radius:12px !important;
  font-weight:700 !important;
}
.body-ums-login .ums-login-submit-button:hover,
.body-ums-login .ums-login-submit-otp-button:hover{filter:brightness(1.06)}
.body-ums-login .ums-button-google-login{
  background:rgba(0,78,65,.12) !important;
  border:1px solid rgba(0,78,65,.25) !important;
}
.body-ums-login .ums-button-google-login a,
.body-ums-login #register-btn,
.body-ums-login .ums-footer-login-link,
.body-ums-login .resend-otp{
  color:var(--primary,#004e41) !important;
}
.body-ums-login .umss-form-control{
  border-radius:12px !important;
  border:1.5px solid #e5e5ea !important;
  background:#f7f7f9 !important;
  transition:border-color .15s, box-shadow .15s;
}
.body-ums-login .umss-form-control:focus{
  outline:none !important;
  border-color:var(--primary,#004e41) !important;
  box-shadow:0 0 0 3px rgba(0,78,65,.14) !important;
  background:#fff !important;
}
.body-ums-login .otp-input-ums-field{
  border-radius:10px !important;
  border:1.5px solid #e5e5ea !important;
}
.body-ums-login .otp-input-ums-field:focus{
  outline:none !important;
  border-color:var(--primary,#004e41) !important;
  box-shadow:0 0 0 3px rgba(0,78,65,.14) !important;
}
.body-ums-login .ums-content-login-form{border-radius:18px !important}

/* ==========================================================
   v0.25.1 — ریزبهینه‌سازی‌های ممیزی UI
   ========================================================== */

/* ۱) نشان ناموجود خواناتر (۱۰→۱۱px) */
.pcard__oos{font-size:11px;padding:3px 10px}

/* ۲) ویجت‌های خالی سایدبار فروشگاه (مثل block-12) کارت سفید خالی رندر
   می‌کردند — مخفی می‌شوند تا ستون فیلترها تمیز بماند */
.tka-filters .widget:empty,
.tka-filters section.widget:empty{display:none !important}

/* ۳) لینک‌های فوتر: هدف لمسی ۴۴px (ممیزی موبایل) */
.footer__cols li a{
  display:inline-block;
  padding:6px 0;
  min-height:32px;
}
@media (max-width:767px){
  .footer__cols li a{min-height:36px}
}
.section__more{padding:8px 0;min-height:36px}

/* ۴) شماره تماس فوتر: جهت LTR تا ارقام به‌هم نریزند (bidi) */
.footer__cols a.num{
  direction:ltr;
  unicode-bidi:isolate;
  display:inline-block;
  letter-spacing:.5px;
}

/* ==========================================================
   ==========================================================
   بخش ۲ — novak-ui-fixes.css v2.3.0 (ادغام کامل — v0.27.0، نیاز ۸)
   ==========================================================
   ==========================================================
 * novak-ui-fixes.css
 * استايل‌هاي اصلاحي جامع رابط کاربري - فروشگاه اسباب‌بازي فرشته مهربون
 * وب‌سايت: https://toykindangel.com/newsite/
 * نسخه: 2.3.0
 * تاريخ: 2026-10-23
 *
 * محل استفاده: این کل فایل عیناً در انتهای custom.css قالب ادغام شد
 * (همان لایه‌ای که همیشه آخر بارگذاری می‌شود) تا پس از حذف محتوای
 * «CSS اضافي» سفارشی‌ساز، همهٔ اصلاحات سر جای خود بمانند.
 *
 * changelog 2.3.0:
 *  - FIX A: ميني‌کارت (سبد کناري) — حذف دکمه «تسويه حساب» + دکمه «مشاهده سبد» با رنگ اصلي سايت
 *  - FIX B: تب‌هاي عمودي دسته‌بندي (ريال آيکن‌ها) — ارتفاع کمتر آيتم‌ها در موبائيل و دسکتاپ
 *  - FIX C: موبائيل صفحه محصول — فشرده‌سازي 3 باکس (گارانتي/موجودي، روش‌هاي ارسال، مزايا)
 *  - FIX D: صفحه محصول — هم‌سبک‌سازي بخش‌هاي توضيحات/مشخصات/ديدگاه‌ها/محصولات مشابه با ظاهر کارتي
 *  - رفع يک حرف خراب قديمي: جداکننده مراحل سبد خريد از "?" به "←"
 */

 *  - رفع يک حرف خراب قديمي: جداکننده مراحل سبد خريد از "?" به "←"
 */

/* =====================================================================
   ?. هدر (Header) — دقيقاً طبق کدهاي اختصاصي شما
   ===================================================================== */

/**
 * FIX 1-A: Sticky header overlaps content on scroll
 */
.app > main,
.tka-wc-page {
  scroll-margin-top: var(--header-h, 60px);
}

/**
 * FIX 1-B: Header z-index conflict with WooCommerce overlays
 */
.header {
  z-index: 200;
}

/**
 * FIX 1-C: Logo alt text visible when image fails to load
 */
.logo img {
  font-size: 0;
  color: transparent;
}

/**
 * FIX 1-D: Search box placeholder text direction on RTL
 */
.searchbox input[type="search"],
.searchbox input[type="text"] {
  direction: rtl;
  text-align: right;
}

/**
 * FIX 1-E: Admin-bar offset for non-sticky header position
 */
body.admin-bar .skip-link {
  top: -48px;
}

/* ?-?) دسکتاپ عريض: لوگو | منو | جستجو | علاقه‌مندي | حساب | سبد — يک رديف */
@media (min-width: 1200px) {
  body .header {
    grid-template-columns: auto minmax(0, 1fr) minmax(200px, 300px) auto auto auto;
    column-gap: var(--sp-s, .75rem);
    padding-block: 8px;
  }
  body .header .header__nav {
    grid-column: 2;
    grid-row: 1;
    margin-top: 0;
    border-top: 0;
    min-width: 0;
  }
  body .header .header__menu {
    flex-wrap: nowrap;
    padding: 0;
    gap: 0;
  }
  body .header .header__menu > li > a {
    padding: 8px 10px;
    font-size: 13px;
  }
  body .header .header__cats-btn {
    padding: 8px 14px;
    font-size: 13px;
  }
  body .header .header__search {
    grid-column: 3;
    grid-row: 1;
  }
  body .header .header__search .searchbox {
    height: 40px;
  }
  body .header .header__row .icon-btn:nth-last-child(3) { grid-column: 4; grid-row: 1; }
  body .header .header__row .icon-btn:nth-last-child(2) { grid-column: 5; grid-row: 1; }
  body .header .header__row .icon-btn:last-child { grid-column: 6; grid-row: 1; }
}

/* ?-?) تبلت و دسکتاپ کوچک: همان دو رديف، ولي کم‌ارتفاع‌تر */
@media (min-width: 768px) and (max-width: 1199.98px) {
  body .header {
    padding-block: 8px;
  }
  body .header .header__nav {
    margin-top: 6px;
  }
  body .header .header__menu {
    padding: 2px 0;
  }
  body .header .header__menu > li > a {
    padding: 6px 12px;
  }
  body .header .header__search .searchbox {
    height: 40px;
  }
}


/* =====================================================================
   ?. منوي اصلي و دراورها (Menu & Drawers)
   ===================================================================== */

@media (min-width: 768px) {
  .header__menu > li:first-child > .sub-menu,
  .header__menu > li:nth-child(2) > .sub-menu {
    right: auto;
    left: 0;
  }
  .header__menu .sub-menu a {
    min-height: 44px;
    display: flex;
    align-items: center;
  }
}

.tka-drawer__close {
  color: var(--gray-700);
}

.bottomnav a.active,
.bottomnav a[aria-current="page"] {
  color: var(--primary) !important;
  position: relative;
}
.bottomnav a.active::after,
.bottomnav a[aria-current="page"]::after {
  content: "";
  position: absolute;
  bottom: -2px;
  right: 50%;
  transform: translateX(50%);
  width: 24px;
  height: 3px;
  background: var(--primary);
  border-radius: 2px 2px 0 0;
}

.tka-drawer .cpanel {
  padding-bottom: 40px;
}


/* =====================================================================
   ?. کارت‌هاي محصول (Product Cards)
   ===================================================================== */

.woocommerce .price,
.woocommerce-Price-amount,
.amount {
  direction: rtl;
  unicode-bidi: embed;
}

.pcard__atc[disabled],
.pcard__atc.disabled {
  opacity: 0.45 !important;
  pointer-events: none !important;
  filter: grayscale(30%);
}

.pcard__name {
  overflow-wrap: break-word;
  word-break: break-word;
}

@media (hover: none) {
  .pcard:hover,
  .pcard-wrap:hover {
    transform: none !important;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06) !important;
  }
}

.pcard__off {
  direction: ltr;
  unicode-bidi: embed;
}

.tka-pgrid {
  gap: 10px 8px;
}

@media (max-width: 767.98px) {
  body .tka-pgrid .pcard-wrap {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
  }
}

.tka-pgrid .pcard-wrap .pcard:hover,
.tka-wishlist__grid .pcard-wrap .pcard:hover {
  transform: none;
  box-shadow: none;
}

@media (min-width: 768px) {
  .tka-pgrid .pcard__name {
    line-height: 1.6;
    min-height: 3.2em;
  }
}

html body .pcard-wrap .pcard__old {
  color: #6b7280 !important;
}

.pcard-wrap a:focus-visible {
  outline: 2px solid var(--primary, #004e41);
  outline-offset: -2px;
  border-radius: inherit;
}
.pcard-wrap .pcard__atc:focus-visible {
  outline: 2px solid var(--gray-900, #212121);
  outline-offset: 2px;
}


/* =====================================================================
   ?. صفحه جزئيات محصول (PDP)
   ===================================================================== */

.gallery__thumbs button.active,
.gallery__thumbs button[aria-selected="true"] {
  outline: 2px solid var(--primary) !important;
  outline-offset: 2px;
}

.woocommerce-breadcrumb .sep {
  display: none;
}

#review_form_wrapper label,
.woocommerce-Reviews .comment-form label {
  display: block;
  text-align: right;
}

.woocommerce-product-rating .star-rating,
#respond .stars a,
.comment-form-rating .stars {
  direction: rtl;
  unicode-bidi: embed;
}

.tka-varform .variations select {
  direction: rtl;
  background-position: left 10px center !important;
  padding-left: 30px;
  padding-right: 10px;
}

.pdp__cta {
  padding-bottom: max(0px, env(safe-area-inset-bottom, 0px));
}

.tka-entry-content ul,
.tka-entry-content ol,
.entry-content ul,
.entry-content ol,
.woocommerce-Tabs-panel ul,
.woocommerce-Tabs-panel ol {
  padding-right: 20px;
  padding-left: 0;
}

.woocommerce-tabs .tabs {
  overflow-x: auto;
  white-space: nowrap;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.woocommerce-tabs .tabs::-webkit-scrollbar {
  display: none;
}
.woocommerce-tabs .tabs li {
  display: inline-block;
}

@media (min-width: 768px) {
  body.single-product form.cart:not(.variations_form) .single_add_to_cart_button {
    background: var(--primary, #004e41) !important;
  }
  body.single-product form.cart:not(.variations_form) .single_add_to_cart_button:hover {
    background: var(--primary-dark, #00382e) !important;
  }
}

@media (min-width: 1024px) {
  .tka-pdp-main > .pdp__tabs {
    position: static !important;
    background: transparent !important;
    border-bottom: none !important;
    margin: 8px auto 14px !important;
  }
  .pdp__tabs-in {
    padding: 4px 10px !important;
    background: var(--gray-50, #f8f9fa) !important;
    border-radius: 30px !important;
    border: 1px solid var(--gray-200, #eaedf1) !important;
    width: fit-content !important;
  }
}


/* =====================================================================
   ?. سبد خريد جامع و رفع قطعي مشکل تغيير روش ارسال (Cart & AJAX Fix)
   ===================================================================== */

/**
 * ?-?. نوار مراحل سه‌مرحله‌اي خريد (Shopping Stepper)
 */
.tka-cart__steps,
.tka-co__steps {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 0 auto 20px !important;
  padding: 10px 18px !important;
  background: #ffffff !important;
  border: 1px solid var(--gray-200, #eaedf1) !important;
  border-radius: 14px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
  max-width: 580px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.tka-cart__steps .tka-co__step,
.tka-co__steps .tka-co__step {
  display: inline-flex !important;
  align-items: center !important;
  padding: 6px 14px !important;
  border-radius: 20px !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: var(--gray-500, #888899) !important;
  background: var(--gray-100, #f2f3f7) !important;
  white-space: nowrap !important;
}

.tka-cart__steps .tka-co__step.tka-co__step--on,
.tka-co__steps .tka-co__step.tka-co__step--on {
  background: var(--primary, #004e41) !important;
  color: #ffffff !important;
  box-shadow: 0 3px 10px rgba(0, 78, 65, 0.3) !important;
}

.tka-cart__steps .tka-co__step:not(:last-child)::after,
.tka-co__steps .tka-co__step:not(:last-child)::after {
  content: "←" !important; /* UTF-8 — جداکننده مراحل (قبلاً به‌صورت "?" خراب شده بود) */
  margin-right: 8px !important;
  font-size: 12px !important;
  color: var(--gray-400, #bbbbcc) !important;
}
.tka-cart__steps .tka-co__step.tka-co__step--on::after,
.tka-co__steps .tka-co__step.tka-co__step--on::after {
  color: rgba(255, 255, 255, 0.8) !important;
}

/**
 * ?-?. گريد پايدار دو ستونه سبد خريد (فقط روي خود .tka-cart)
 */
@media (min-width: 768px) {
  .tka-cart {
    display: grid !important;
    grid-template-columns: 1.6fr 1fr !important;
    gap: 20px !important;
    align-items: start !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    width: 100% !important;
  }

  .tka-cart > .tka-cart__steps {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
  }

  .tka-cart > .tka-cart__form {
    grid-column: 1 !important;
    grid-row: 2 !important;
    margin: 0 !important;
    width: 100% !important;
  }

  .tka-cart > .tka-coupon {
    grid-column: 1 !important;
    grid-row: 3 !important;
    margin: 14px 0 0 !important;
  }

  /* تثبيت ستون جمع کل در هر دو حالت: قبل و بعد از AJAX */
  .tka-cart > .tka-totals,
  .tka-cart > .cart_totals,
  .tka-cart > div.cart_totals,
  .tka-cart > .cart-collaterals {
    grid-column: 2 !important;
    grid-row: 2 / span 2 !important;
    position: sticky !important;
    top: 75px !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
}

/**
 * ?-?. استايل کامل کارت فاکتور / جمع کل (هميشه با پدينگ و عرض استاندارد)
 */
.tka-totals__card,
.tka-cart > .cart_totals,
.tka-cart > div.cart_totals {
  background: #ffffff !important;
  border-radius: 16px !important;
  border: 1px solid var(--gray-200, #eaedf1) !important;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.04) !important;
  padding: 18px !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

.tka-totals__title,
.tka-cart .cart_totals h2 {
  font-size: 15.5px !important;
  font-weight: 800 !important;
  color: var(--gray-900, #222) !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid var(--gray-100, #f0f0f5) !important;
  margin: 0 0 12px 0 !important;
}

/* جدول جمع کل ووکامرس بعد از AJAX */
.tka-cart .cart_totals table.shop_table {
  width: 100% !important;
  border-collapse: collapse !important;
  border: none !important;
  margin: 0 0 12px 0 !important;
  background: transparent !important;
}
.tka-cart .cart_totals table.shop_table tr {
  border-bottom: 1px dashed var(--gray-200, #eaedf1) !important;
  display: table-row !important;
}
.tka-cart .cart_totals table.shop_table tr.order-total {
  border-top: 1px solid var(--gray-200, #eaedf1) !important;
  border-bottom: none !important;
}
.tka-cart .cart_totals table.shop_table th {
  padding: 8px 0 !important;
  border: none !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--gray-700, #555) !important;
  text-align: right !important;
}
.tka-cart .cart_totals table.shop_table td {
  padding: 8px 0 !important;
  border: none !important;
  font-size: 13px !important;
  text-align: left !important;
  color: var(--gray-900, #222) !important;
}
.tka-cart .cart_totals table.shop_table tr.order-total th {
  padding-top: 12px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}
.tka-cart .cart_totals table.shop_table tr.order-total td {
  padding-top: 12px !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  color: var(--primary, #004e41) !important;
}

/**
 * ?-?. رديف مرسوله و گزينه‌هاي ارسال (Shipping Cards)
 * بدون بيرون‌زدگي، با چيدمان کارتي تميز براي هر دو حالت
 */
.tka-cart tr.woocommerce-shipping-totals {
  display: block !important;
  width: 100% !important;
  border-bottom: 1px dashed var(--gray-200, #eaedf1) !important;
  padding: 6px 0 !important;
}
.tka-cart tr.woocommerce-shipping-totals th {
  display: block !important;
  width: 100% !important;
  text-align: right !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: var(--gray-700, #666) !important;
  padding: 0 0 6px 0 !important;
}
.tka-cart tr.woocommerce-shipping-totals td {
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
  text-align: right !important;
}

.tka-cart ul#shipping_method {
  list-style: none !important;
  padding: 0 !important;
  margin: 4px 0 8px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  width: 100% !important;
}

.tka-cart ul#shipping_method li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  padding: 10px 12px !important;
  border: 1px solid var(--gray-200, #eaedf1) !important;
  border-radius: 12px !important;
  background: var(--gray-50, #f9fafc) !important;
  margin: 0 !important;
  transition: all 0.15s ease !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

.tka-cart ul#shipping_method li:hover {
  border-color: var(--primary-medium, #1b6b5d) !important;
  background: #ffffff !important;
}

.tka-cart ul#shipping_method li:has(input:checked),
.tka-cart ul#shipping_method li.is-selected {
  border-color: var(--primary, #004e41) !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 1px var(--primary, #004e41), 0 2px 6px rgba(0, 78, 65, 0.1) !important;
}

.tka-cart ul#shipping_method li input[type="radio"] {
  width: 16px !important;
  height: 16px !important;
  margin-top: 3px !important;
  margin-left: 4px !important;
  margin-right: 0 !important;
  accent-color: var(--primary, #004e41) !important;
  flex-shrink: 0 !important;
  cursor: pointer !important;
}

.tka-cart ul#shipping_method li label {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--gray-800, #333) !important;
  line-height: 1.6 !important;
  text-align: right !important;
  cursor: pointer !important;
  flex: 1 1 auto !important;
}

.tka-cart .woocommerce-shipping-destination {
  font-size: 11.5px !important;
  color: var(--gray-600, #777) !important;
  margin: 4px 0 !important;
  text-align: right !important;
}

/* دکمه تسويه حساب سبد خريد */
.tka-cart .tka-totals__cta,
.tka-cart .wc-proceed-to-checkout .checkout-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: 100% !important;
  height: 46px !important;
  border-radius: 12px !important;
  font-size: 14.5px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  background: var(--primary, #004e41) !important;
  box-shadow: 0 4px 14px rgba(0, 78, 65, 0.3) !important;
  text-decoration: none !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  margin-top: 14px !important;
  box-sizing: border-box !important;
}
.tka-cart .tka-totals__cta:hover,
.tka-cart .wc-proceed-to-checkout .checkout-button:hover {
  background: var(--primary-dark, #00382e) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(0, 78, 65, 0.4) !important;
  color: #ffffff !important;
}

/**
 * ?-?. اصلاحات فيلدهاي سبد و دکمه به‌روزرساني
 */
.woocommerce-cart table.shop_table .product-name,
.tka-cart__name {
  overflow-wrap: break-word;
  word-break: break-word;
  max-width: 200px;
}

.woocommerce-cart .quantity input[type="number"]::-webkit-outer-spin-button,
.woocommerce-cart .quantity input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}
.woocommerce-cart .quantity input[type="number"] {
  -moz-appearance: textfield !important;
  appearance: textfield !important;
}

.woocommerce-cart .woocommerce-error,
.woocommerce-cart .woocommerce-message,
.woocommerce-cart .woocommerce-info {
  text-align: right;
  direction: rtl;
  border-right: 4px solid var(--primary);
  border-left: none;
  padding-right: 16px;
  padding-left: 12px;
}

.woocommerce-cart table.shop_table .product-remove a,
.tka-cart__remove {
  min-width: 44px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.woocommerce-cart .return-to-shop {
  text-align: center;
}
.woocommerce-cart .return-to-shop .wc-backward {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

@media (min-width: 1024px) {
  body.woocommerce-cart .woocommerce-cart-form table.shop_table .product-thumbnail {
    width: 84px;
  }
  body.woocommerce-cart .woocommerce-cart-form table.shop_table .product-thumbnail img {
    width: 64px;
    height: 64px;
  }
  body.woocommerce-cart .woocommerce-cart-form table.shop_table .product-name a {
    font-size: 13.5px;
  }
  body.woocommerce-cart .woocommerce-cart-form table.shop_table .product-quantity {
    width: 128px;
  }
  body.woocommerce-cart .woocommerce-cart-form table.shop_table .product-quantity input.qty {
    width: 36px;
    min-height: 30px;
  }
  body.woocommerce-cart .woocommerce-cart-form table.shop_table .tka-step {
    width: 30px;
    height: 30px;
  }
  body.woocommerce-cart .woocommerce-cart-form table.shop_table .product-subtotal {
    width: 130px;
  }
  body.woocommerce-cart .woocommerce-cart-form table.shop_table .product-subtotal .amount {
    font-size: 13px;
    letter-spacing: 0;
  }
  body.woocommerce-cart table.shop_table.cart_totals td .amount {
    font-size: 13px;
  }
}


/* =====================================================================
   ?. مراحل تسويه حساب (Checkout)
   ===================================================================== */

.woocommerce-checkout label {
  text-align: right;
  display: block;
}

.select2-container .select2-selection,
.select2-container .select2-dropdown,
.select2-container .select2-results__option {
  direction: rtl;
  text-align: right;
}

.select2-search--dropdown .select2-search__field {
  direction: rtl;
  text-align: right;
}

.woocommerce-checkout #order_review .product-total,
.woocommerce-checkout #order_review th,
.woocommerce-checkout #order_review td {
  text-align: right;
}

.woocommerce-checkout #payment ul.payment_methods li label {
  padding-right: 28px;
  padding-left: 0;
  display: block;
}
.woocommerce-checkout #payment ul.payment_methods li input[type="radio"] {
  position: absolute;
  right: 0;
  left: auto;
  margin-right: 0;
}
.woocommerce-checkout #payment ul.payment_methods li {
  position: relative;
}

.woocommerce-checkout .woocommerce-NoticeGroup .woocommerce-error,
.woocommerce-checkout .woocommerce-NoticeGroup .woocommerce-message {
  text-align: right;
  direction: rtl;
  border-right: 4px solid var(--primary);
  border-left: none;
  padding-right: 16px;
  padding-left: 12px;
}

@media (max-width: 767.98px) {
  .woocommerce-checkout #place_order {
    width: 100% !important;
  }
}


/* =====================================================================
   ?. حساب کاربري (My Account)
   ===================================================================== */

.woocommerce-MyAccount-navigation ul {
  flex-wrap: wrap !important;
}
.woocommerce-MyAccount-navigation ul li a {
  white-space: nowrap;
  min-height: 44px;
  display: flex;
  align-items: center;
}

.woocommerce-account .woocommerce-orders-table th,
.woocommerce-account .woocommerce-orders-table td {
  text-align: right;
}

.woocommerce-account .woocommerce-address-fields label,
.woocommerce-account .woocommerce-EditAccountForm label {
  text-align: right;
  display: block;
}

.woocommerce-account:not(.body-ums-login-theme-8) .woocommerce-MyAccount-content {
  padding: 16px;
}

.woocommerce-account .woocommerce-password-strength {
  text-align: right;
}


/* =====================================================================
   ?. واکنش‌گرايي — تبلت (max-width: 768px)
   ===================================================================== */

@media (max-width: 768px) {
  .hero__slide .slide-title,
  .hero__slide h2,
  .hero__slide h1 {
    font-size: clamp(14px, 4vw, 22px);
    line-height: 1.5;
    overflow-wrap: break-word;
    word-break: break-word;
  }

  .usps {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: var(--sp-s) !important;
  }

  .woocommerce-ordering select {
    max-width: 100%;
    direction: rtl;
    text-align: right;
  }

  .tka-drawer--minicart {
    width: min(400px, 94vw) !important;
  }

  .tka-drawer {
    width: min(92vw, 880px);
  }

  .woocommerce-checkout .form-row-first,
  .woocommerce-checkout .form-row-last {
    width: 100% !important;
    float: none !important;
    clear: both;
  }

  .woocommerce-cart table.shop_table .product-price {
    font-size: 12px;
  }

  .footer__cols {
    grid-template-columns: 1fr 1fr !important;
  }
}


/* =====================================================================
   ?. واکنش‌گرايي — موبايل (max-width: 480px)
   ===================================================================== */

@media (max-width: 480px) {
  .tka-breadcrumbs ol {
    flex-wrap: wrap;
    gap: 0;
  }

  .tka-pgrid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .pcard__price,
  .tka-pgrid .pcard__price {
    font-size: 11px !important;
  }
  .pcard__price span {
    font-size: 11px !important;
  }

  section.offer .timer__digits {
    flex-wrap: nowrap !important;
    overflow: hidden;
  }

  .footer__social {
    justify-content: center;
  }

  .woocommerce-error,
  .woocommerce-message,
  .woocommerce-info {
    list-style: none;
    padding-right: 12px;
    padding-left: 12px;
    direction: rtl;
    text-align: right;
  }
  .woocommerce-error li,
  .woocommerce-message li,
  .woocommerce-info li {
    list-style: none;
    margin: 0;
  }

  .woocommerce-MyAccount-navigation ul li {
    width: 100%;
  }
  .woocommerce-MyAccount-navigation ul li a {
    border-radius: var(--r-md) !important;
    padding: 10px 14px !important;
  }

  .woocommerce-checkout .form-row {
    width: 100% !important;
    float: none !important;
  }

  .pdp__title {
    font-size: 16px !important;
    overflow-wrap: break-word;
    word-break: break-word;
  }

  .tka-cart__name {
    -webkit-line-clamp: 2;
    max-width: 100%;
  }

  .tka-cart__steps,
  .tka-co__steps {
    padding: 6px 10px !important;
    gap: 4px !important;
  }
  .tka-cart__steps .tka-co__step,
  .tka-co__steps .tka-co__step {
    padding: 4px 8px !important;
    font-size: 10px !important;
  }
  .tka-cart__steps .tka-co__step:not(:last-child)::after,
  .tka-co__steps .tka-co__step:not(:last-child)::after {
    margin-right: 4px !important;
    font-size: 10px !important;
  }
}


/* =====================================================================
   ??. ترميم‌هاي تکميلي (مونوگرام و بنر اختياري)
   ===================================================================== */

@media (min-width: 768px) {
  .brand__img--mono {
    width: 42px;
    height: 42px;
    font-size: 18px;
  }
}


/* =====================================================================
   ?. افزوده‌هاي نسخه 2.3.0 (Novak UI Fixes — ادامه همين فايل، هيچ چيزي حذف نشده)
   =====================================================================
   FIX A | ميني‌کارت (سبد کناري): حذف «تسويه حساب» + «مشاهده سبد» با رنگ اصلي سايت
   FIX B | تب‌هاي عمودي دسته‌بندي (ريال آيکن‌ها): ارتفاع کمتر آيتم‌ها در موبايل و دسکتاپ
   FIX C | موبايل صفحه محصول: فشرده‌سازي 3 باکس (گارانتي/موجودي، روش ارسال، مزايا)
   FIX D | صفحه محصول: هم‌سبک‌سازي کارت بخش‌ها (توضيحات / مشخصات / ديدگاه‌ها / محصولات مشابه)
   ===================================================================== */


/* ---------------------------------------------------------------------
   FIX A — ميني‌کارت (سبد خريد کناري)
   دکمه «تسويه حساب» مخفي مي‌شود و فقط «مشاهده سبد» با رنگ اصلي سايت
   (بنفش قالب) به‌صورت دکمه اصلي نمايش داده مي‌شود.
   نکته: سلکتور محدود به .tka-minicart__actions است تا دکمه
   «رفتن به فروشگاه» در حالت سبد خالي حذف نشود.
   --------------------------------------------------------------------- */

.tka-minicart__actions .tka-minicart__cta {
  display: none !important;
}

.tka-minicart__actions .tka-minicart__ghost {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 44px !important;
  background: var(--primary, #004e41) !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: var(--r-xl, 12px) !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(0, 78, 65, 0.28) !important;
  transition: filter 0.15s ease, transform 0.12s ease !important;
}

.tka-minicart__actions .tka-minicart__ghost:hover {
  background: var(--primary-dark, #00382e) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

.tka-minicart__actions .tka-minicart__ghost:active {
  transform: translateY(0) !important;
}


/* ---------------------------------------------------------------------
   FIX B — تب‌هاي عمودي دسته‌بندي (ريال آيکن‌ها)
   شامل: دراور دسته‌بندي‌ها (دکمه «دسته‌بندي» هدر) + صفحه دسته‌بندي‌ها.
   v0.28.0 (بازخورد مشتری) — کاهش قبلی بيش از حد بود: ارتفاع 64px و
   آيکن 24px فاصله تب‌ها را خيلی کم کرده بود. حالا «فقط کمی کمتر از
   حالت اوليه»: موبایل 92→80px و آيکن 40→34px، دراور دسکتاپ
   60→54px و آيکن 36→30px. فونت به اندازه اصلی (12px) برگشت.
   --------------------------------------------------------------------- */

/* موبايل و حالت پايه (ريال عمودي با آيکن بالاي متن) */
.crail__item {
  height: 80px !important;
  padding: 6px 5px !important;
  gap: 6px !important;
  font-size: 12px !important;
  line-height: 16px !important;
}

.crail__ico {
  width: 34px !important;
  height: 34px !important;
}

.crail__item.on::after {
  top: 10px;
  bottom: 10px;
}

/* دسکتاپ: دراور دسته‌بندي‌ها (ردیف‌هاي افقي) — کمی کوتاه‌تر از 60px */
@media (min-width: 768px) {
  .tka-drawer .crail__item {
    min-height: 54px !important;
    height: auto !important;
    padding: 7px 12px !important;
    gap: 10px !important;
    font-size: 12px !important;
    line-height: 16px !important;
  }
  .tka-drawer .crail__item .crail__ico {
    width: 30px !important;
    height: 30px !important;
  }
  .tka-drawer .crail__item.on::after {
    top: 7px;
    bottom: 7px;
  }
}

/* دسکتاپ: صفحه دسته‌بندي‌ها (ريال عمودي پهن‌تر) — هم‌ارتفاع موبايل */
@media (min-width: 1024px) {
  .cpage .crail__item {
    height: 80px !important;
    padding: 6px 6px !important;
  }
  .cpage .crail__ico {
    width: 34px !important;
    height: 34px !important;
  }
}


/* ---------------------------------------------------------------------
   FIX C — موبايل صفحه محصول: فشرده‌سازي 3 باکس خلاصه
   (1) گارانتي و موجودي (sellerbox) — (2) روش‌هاي ارسال (shipmethods)
   (3) مزايا (usps) به‌جاي دو رديف کارت بلند، يک رديف باريک سه‌ستونه
   --------------------------------------------------------------------- */

@media (max-width: 767.98px) {

  /* 1) گارانتي و موجودي */
  body.single-product .sellerbox {
    margin-top: 10px !important;
    padding: 8px 12px !important;
    gap: 4px !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    border: 1px solid var(--gray-100, #f0f0f5) !important;
    background: #ffffff !important;
  }
  body.single-product .sellerbox__row {
    font-size: 11.5px !important;
    gap: 8px !important;
    line-height: 1.8 !important;
  }
  body.single-product .sellerbox__row .ic {
    font-size: 15px !important;
  }

  /* 2) روش‌هاي ارسال */
  body.single-product .shipmethods {
    gap: 6px !important;
    margin-top: 10px !important;
  }
  body.single-product .shipmethod {
    padding: 8px 12px !important;
    border-radius: 12px !important;
    gap: 8px !important;
    box-shadow: none !important;
    border: 1px solid var(--gray-100, #f0f0f5) !important;
    background: #ffffff !important;
  }
  body.single-product .shipmethod .ic {
    font-size: 17px !important;
    margin-top: 1px !important;
  }
  body.single-product .shipmethod b {
    font-size: 11.5px !important;
  }
  body.single-product .shipmethod small {
    font-size: 10px !important;
    line-height: 1.6 !important;
  }

  /* 3) مزايا — فقط در صفحه محصول؛ يک رديف کم‌ارتفاع سه‌ستونه
     (صفحه اصلي همان حالت دوستونه قبلي خودش را نگه مي‌دارد) */
  body.single-product .usps {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 6px !important;
    margin-top: 12px !important;
    padding: 0 !important;
  }
  body.single-product .usp {
    padding: 8px 4px !important;
    border-radius: 12px !important;
    gap: 4px !important;
    box-shadow: none !important;
    border: 1px solid var(--gray-100, #f0f0f5) !important;
    background: #ffffff !important;
  }
  body.single-product .usp .ic {
    font-size: 18px !important;
  }
  body.single-product .usp b {
    font-size: 9.5px !important;
    font-weight: 700 !important;
    line-height: 1.55 !important;
  }
  body.single-product .usp small {
    font-size: 9px !important;
    line-height: 1.5 !important;
  }
}


/* ---------------------------------------------------------------------
   FIX D — صفحه محصول: هم‌سبک‌سازي بخش‌ها با ظاهر «کادر ديدگاه‌ها»
   توضيحات / مشخصات / ديدگاه‌ها / محصولات مشابه — کارت يکدست با
   حاشيه نرم، عنوان با آيکن چيپ‌شده و خط جداکننده نقطه‌چين
   --------------------------------------------------------------------- */

/* 1) کارت مشترک همه سکشن‌ها */
body.single-product .pdp-sec__card {
  border: 1px solid var(--gray-100, #f0f0f5) !important;
  border-radius: 16px !important;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.045) !important;
}

/* 2) هدر سکشن‌ها: خط جداکننده + عنوان يکدست */
body.single-product .pdp-sec__head {
  padding-bottom: 10px !important;
  border-bottom: 1px dashed var(--gray-200, #eaedf1) !important;
  margin-bottom: 12px !important;
}

body.single-product .pdp-sec__title {
  font-size: 14px !important;
  font-weight: 800 !important;
}

/* آيکن عنوان داخل يک چيپ صورتي نرم */
body.single-product .pdp-sec__title .ic {
  width: 26px !important;
  height: 26px !important;
  padding: 5px !important;
  box-sizing: border-box !important;
  background: var(--primary-light, #e6f0ee) !important;
  border-radius: 8px !important;
  color: var(--primary-dark, #00382e) !important;
}

/* 3) جدول مشخصات — رديف‌هاي قرصي هم‌سبک کارت‌هاي ديدگاه */
.pdp-specs {
  border-collapse: separate !important;
  border-spacing: 0 6px !important;
  margin-top: -6px !important;
}

.pdp-specs th,
.pdp-specs td {
  border-bottom: 0 !important;
}

.pdp-specs th {
  background: var(--primary-light, #e6f0ee) !important;
  color: var(--primary-dark, #00382e) !important;
  font-weight: 700 !important;
  /* RTL: ستون کليد سمت راست است */
  border-radius: 0 10px 10px 0 !important;
}

.pdp-specs td {
  background: var(--gray-50, #f7f7f9) !important;
  border-radius: 10px 0 0 10px !important;
}

/* 4) ديدگاه‌ها: جداکننده نقطه‌چين بين فهرست ديدگاه‌ها و فرم ثبت */
body.single-product #reviews #review_form_wrapper {
  border-top: 1px dashed var(--gray-200, #eaedf1) !important;
  padding-top: 14px !important;
}

/* 5) محصولات مشابه — کارت يکدست با سکشن‌هاي بالا */
body.single-product .tka-related {
  background: #ffffff !important;
  border: 1px solid var(--gray-100, #f0f0f5) !important;
  border-radius: 16px !important;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.045) !important;
  margin: 12px var(--pad, 16px) 0 !important;
  padding: 14px 12px 10px !important;
  box-sizing: border-box !important;
}

body.single-product .tka-related .section__head {
  padding: 0 2px 10px !important;
  border-bottom: 1px dashed var(--gray-200, #eaedf1) !important;
  margin-bottom: 12px !important;
}

body.single-product .tka-related .section__title {
  font-size: 14px !important;
  font-weight: 800 !important;
}

body.single-product .tka-related .section__title .ic {
  width: 26px !important;
  height: 26px !important;
  font-size: 16px !important;
  padding: 5px !important;
  box-sizing: border-box !important;
  background: var(--primary-light, #e6f0ee) !important;
  border-radius: 8px !important;
  color: var(--primary-dark, #00382e) !important;
}

/* اسلايدر موبايل داخل کارت: پدينگ تکراري حذف شود */
body.single-product .tka-related .plist__track {
  padding: 2px 2px 4px !important;
}

/* دسکتاپ: کارت وسط‌چين با عرض 1320 — هم‌تراز کارت‌هاي سکشن */
@media (min-width: 1024px) {
  body.single-product .tka-related {
    max-width: 1320px !important;
    margin: 16px auto 0 !important;
    padding: 16px 18px 12px !important;
  }
  body.single-product .tka-related .plist__track {
    padding: 4px 2px 2px !important;
  }
}

/* انتهاي افزوده‌هاي نسخه 2.3.0 */

/* ==========================================================
   ==========================================================
   بخش ۳ — v0.27.0 (هشت نیاز جدید)
   ==========================================================
   ==========================================================

   محتوا:
   ۱) بهبود کارت محصول در همهٔ بخش‌ها (نیاز ۱)
   ۲) استایل سکشن «خرید بر اساس سن» (نیاز ۳)
   ۳) تصویر کوچک «همه دسته‌ها» در استوری‌ها (نیاز ۴)
   ۴) استایل ویجت حرفه‌ای فیلتر محصولات (نیاز ۷)
*/

/* ----------------------------------------------------------
   ۳-۱) بهبود کارت محصول — همهٔ بخش‌ها (نیاز ۱)
   ---------------------------------------------------------- */

/* ردیف قیمت: مبلغ و «تومان» چسبیده به هم، سمت راست (RTL) —
 * قبلاً space-between بود و «تومان» پرت به سمت چپ کارت می‌افتاد. */
section.offer .pcard__price,
.plist__track .pcard__price,
.tka-pgrid .pcard__price,
.tka-wishlist__grid .pcard__price,
.tka-related .pcard__price{
  direction:rtl !important;
  justify-content:flex-start !important;
  gap:3px !important;
}

/* جبران جای سطر خالی قیمت قدیم: وقتی تخفیفی نیست سطر ۱۳~۱۴ پیکسلی
 * مرده حذف می‌شود تا فاصلهٔ بزرگ بین نام و قیمت (دقیقاً مشکل
 * اسکرین‌شات کارت لگو) از بین برود. */
.pcard__old:empty{
  display:none !important;
  min-height:0 !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
}

/* جایگزینی فضای مرده با ریتم درست: بلاک قیمت همیشه در پایین کارت
 * می‌چسبد (margin-top:auto پایهٔ دمو) و فقط فاصلهٔ منطقی می‌گیرد. */
section.offer .pcard__prices,
.plist__track .pcard__prices,
.tka-pgrid .pcard__prices,
.tka-related .pcard__prices{
  margin-top:auto !important;
  padding-top:6px !important;
}

/* دکمهٔ خرید: هدف لمسی بزرگ‌تر (دسترسی‌پذیری ≥۳۴px)، ریتم یکنواخت */
@media (max-width:767.98px){
  section.offer .pcard__atc, .plist__track .pcard__atc,
  .tka-pgrid .pcard__atc, .tka-related .pcard__atc{
    min-height:34px !important;
    padding:7px 8px !important;
    font-size:12px !important;
    border-radius:10px !important;
  }
  section.offer .pcard__atc .ic, .plist__track .pcard__atc .ic,
  .tka-pgrid .pcard__atc .ic, .tka-related .pcard__atc .ic{
    width:17px !important; height:17px !important;
  }
  section.offer .pcard__atc.add_to_cart_button::after,
  .plist__track .pcard__atc.add_to_cart_button::after,
  .tka-pgrid .pcard__atc.add_to_cart_button::after,
  .tka-related .pcard__atc.add_to_cart_button::after{
    font-size:12px !important;
  }
  body.home .pcard__atc.add_to_cart_button::after{font-size:12px !important;}
}

/* دسکتاپ: پیل «خرید» هم‌سبک موبایل (بدون آیکن شناور روی قیمت) */
@media (min-width:768px){
  body.home .offer__track .pcard__atc,
  body.home .plist__track .pcard__atc{
    min-height:36px !important;
  }
  /* آرشیو (tka-pgrid): دکمه همیشه پیل تمام‌عرض پایین کارت */
  .tka-pgrid .pcard__atc{
    position:static !important;
    width:100% !important;
    min-height:36px !important;
    margin-top:8px !important;
    padding:8px 10px !important;
    border-radius:10px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    font-size:12.5px !important;
    font-weight:700 !important;
    color:#fff !important;
  }
  .tka-pgrid .pcard__atc .ic{width:18px !important;height:18px !important}
  .tka-pgrid .pcard__atc.add_to_cart_button::after{content:"خرید";font-size:12.5px;font-weight:700;}
  .tka-pgrid .pcard__atc:hover{transform:none !important;}
  .tka-pgrid .pcard-wrap .pcard{padding-bottom:0 !important;}
  .tka-pgrid .pcard-wrap .pcard__prices{padding-left:0 !important;}
}

/* هاور یکنواخت کارت در آرشیو و ریل‌ها (حالت‌دهی ظریف) */
.tka-pgrid .pcard-wrap{transition:box-shadow .18s ease,transform .18s ease}
.tka-pgrid .pcard-wrap:hover{box-shadow:0 10px 26px rgba(0,0,0,.12)}

/* کارت ناموجود: تصویر خاکستری، بدون دکمهٔ فریبنده — کلاس از PHP
 * (pcard-wrap--oos) و نشان «ناموجود» که از قبل داریم. */
.pcard-wrap--oos .pcard__media img{
  filter:grayscale(1);
  opacity:.55;
}
.pcard-wrap--oos .pcard__media .ph{opacity:.6}
.pcard-wrap--oos .pcard__name{color:#6b7280 !important;}
.pcard-wrap--oos .pcard__price span{color:#6b7280 !important;}
.pcard-wrap--oos .pcard__atc--choose{
  background:#e5e7eb !important;
  color:#4b5563 !important;
  cursor:default;
}

/* نشان تخفیف: سایهٔ ظریف برای خوانایی روی تصویر روشن */
.pcard__off{box-shadow:0 2px 6px rgba(220,38,38,.35) !important;}

/* چیپ «خرید قسطی» هم‌تراز قیمت‌ها، بدون فشار به ردیف قیمت */
.pcard__bnpl{margin-top:5px !important;}

/* ----------------------------------------------------------
   ۳-۲) سکشن «خرید بر اساس سن» (نیاز ۳) — استایل دو ظاهر غیر tiles
   (ظاهر tiles دقیقاً از .tka-catgrid استفاده می‌کند و CSS اضافه
   نمی‌خواهد؛ فقط عنوان سکشن فاصلهٔ بالای خودش را می‌گیرد)
   ---------------------------------------------------------- */
.tka-agegrid-sec{margin-top:8px !important;}
.tka-agegrid--circles{
  display:flex !important;
  gap:14px !important;
  overflow-x:auto !important;
  padding:4px var(--pad,16px) 12px !important;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x proximity;
}
.tka-agegrid--circles::-webkit-scrollbar{display:none}
.tka-agegrid__circle{
  flex:0 0 auto !important;
  width:88px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:6px !important;
  scroll-snap-align:start;
}
.tka-agegrid__img{
  width:88px !important;height:88px !important;
  display:grid !important;place-items:center !important;
  border-radius:50% !important;
  overflow:hidden !important;
  background:var(--primary-light,#e6f0ee) !important;
  border:2px solid #fff;
  box-shadow:0 0 0 2px var(--primary-light,#e6f0ee),0 2px 8px rgba(0,0,0,.06);
}
.tka-agegrid__img img{width:100%;height:100%;object-fit:cover}
.tka-agegrid__img .ic{font-size:30px;color:var(--primary)}
.tka-agegrid__label{
  font-size:11px !important;font-weight:700 !important;color:var(--gray-800,#3f3f46) !important;
  text-align:center !important;line-height:1.5;
}
.tka-agegrid__circle:hover .tka-agegrid__label{color:var(--primary)}
.tka-agegrid--chips{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  padding:4px var(--pad,16px) 8px !important;
}
.tka-agegrid__chip{
  display:inline-flex !important;align-items:center !important;
  height:38px !important;
  padding:0 16px !important;
  border-radius:999px !important;
  background:var(--primary-light,#e6f0ee) !important;
  color:var(--primary,#004e41) !important;
  font-size:12.5px !important;font-weight:700 !important;
  border:1px solid transparent;
  transition:background .15s ease,border-color .15s ease;
}
.tka-agegrid__chip:hover{background:#e6f0ee !important;border-color:rgba(0,78,65,.2);}

/* دسکتاپ: ظاهر کاشی‌ای خرید بر اساس سن — هم‌عرض با سکشن دسته‌بندی‌ها */
@media (min-width:768px){
  .tka-agegrid--circles{justify-content:center;overflow:visible;padding:8px 24px 12px !important;}
  .tka-agegrid--chips{justify-content:center;padding:8px 24px !important;}
  .tka-agegrid.tka-agegrid--tiles{max-width:1360px;margin-inline:auto;padding:8px 24px;}
}

/* ----------------------------------------------------------
   ۳-۳) استوری «همه دسته‌ها» با تصویر اختصاصی (نیاز ۴)
   ---------------------------------------------------------- */
.story__img--allcats{
  display:grid;
  place-items:center;
  background:var(--primary-light,#e6f0ee);
  overflow:hidden;
}
.story__img--allcats img{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* ----------------------------------------------------------
   ۳-۴) ویجت حرفه‌ای فیلتر محصولات (نیاز ۷) — سبک مرجع دیجی‌کالا
   ---------------------------------------------------------- */
.tka-pfilter-widget{padding:0 !important;overflow:hidden;}
.tka-pfilter{font-size:12px;color:var(--gray-800,#3f3f46)}
.tka-pfilter__sec{border-bottom:1px solid var(--gray-100,#f4f4f5)}
.tka-pfilter__sec:last-child{border-bottom:0}
.tka-pfilter__head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:6px;
  padding:12px 14px !important;
  margin:0 !important;
  font-size:12.5px !important;
  font-weight:800 !important;
  color:var(--gray-900,#18181b) !important;
  cursor:pointer !important;
  list-style:none !important;
  background:none !important;
  border:0 !important;
}
.tka-pfilter__head::-webkit-details-marker{display:none}
.tka-pfilter__head .tka-pfilter__chev{
  width:14px;height:14px;
  color:var(--gray-400,#a1a1aa);
  transition:transform .2s ease;
}
.tka-pfilter__sec[open] .tka-pfilter__chev{transform:rotate(-90deg)}
.tka-pfilter__body{padding:2px 14px 12px !important}

/* لیست ترم‌ها */
.tka-pfilter__list{
  max-height:248px;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  margin:0 -4px;
  padding:0 4px;
}
.tka-pfilter__list::-webkit-scrollbar{width:4px}
.tka-pfilter__list::-webkit-scrollbar-thumb{background:var(--gray-200,#e4e4e7);border-radius:99px}

.tka-pfilter__item{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:8px 10px !important;
  margin:0 0 2px !important;
  border-radius:10px !important;
  font-size:12px !important;
  font-weight:600 !important;
  color:var(--gray-700,#52525b) !important;
  background:none !important;
  border:0 !important;
  transition:background .12s ease,color .12s ease;
}
.tka-pfilter__item:hover{background:var(--gray-50,#fafafa) !important;color:var(--gray-900,#18181b) !important}
.tka-pfilter__item.on{background:var(--primary-light,#e6f0ee) !important;color:var(--primary,#004e41) !important;font-weight:800 !important}
.tka-pfilter__name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tka-pfilter__count{
  flex:none;
  font-size:10px !important;
  color:var(--gray-400,#a1a1aa) !important;
  background:var(--gray-100,#f4f4f5);
  border-radius:99px;
  padding:1px 7px;
}
.tka-pfilter__item.on .tka-pfilter__count{background:#e6f0ee;color:var(--primary,#004e41) !important}
/* چک‌باکس سفارشی */
.tka-pfilter__check{
  flex:none;
  width:17px;height:17px;
  display:grid;place-items:center;
  border:1.5px solid var(--gray-300,#d4d4d8);
  border-radius:5px;
  background:#fff;
  color:transparent;
  transition:background .12s ease,border-color .12s ease,color .12s ease;
}
.tka-pfilter__check .ic{width:11px;height:11px}
.tka-pfilter__item.on .tka-pfilter__check{background:var(--primary,#004e41);border-color:var(--primary,#004e41);color:#fff}

/* فرم قیمت */
.tka-pfilter__priceform{margin:0}
.tka-pfilter__price{display:flex;align-items:center;gap:8px}
.tka-pfilter__price input{
  width:100%;min-width:0;
  height:38px;
  text-align:center;
  border:1px solid var(--gray-300,#d4d4d8) !important;
  border-radius:10px !important;
  background:#fff !important;
  font:inherit !important;
  font-size:12px !important;
  color:var(--gray-900,#18181b);
}
.tka-pfilter__price input:focus{border-color:var(--primary,#004e41) !important;outline:none;box-shadow:0 0 0 3px rgba(0,78,65,.12)}
.tka-pfilter__dash{flex:none;font-size:11px;color:var(--gray-400,#a1a1aa)}
.tka-pfilter__apply{
  display:block;
  width:100%;
  height:38px;
  margin-top:8px;
  border:0;
  border-radius:10px;
  background:var(--primary-light,#e6f0ee);
  color:var(--primary,#004e41);
  font:inherit;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  transition:background .15s ease;
}
.tka-pfilter__apply:hover{background:#e6f0ee}

/* چیپ‌های «فیلترهای فعال» */
.tka-pfilter__active{padding:10px 14px 12px;border-bottom:1px solid var(--gray-100,#f4f4f5);background:var(--gray-50,#fafafa)}
.tka-pfilter__active-t{display:block;font-size:11px;font-weight:800;color:var(--gray-500,#71717a);margin-bottom:8px}
.tka-pfilter__chips{display:flex;flex-wrap:wrap;gap:6px}
.tka-pfilter__chip{
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  height:28px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  background:#fff !important;
  border:1px solid var(--gray-200,#e4e4e7) !important;
  color:var(--gray-700,#52525b) !important;
  font-size:11px !important;
  font-weight:700 !important;
  box-shadow:none !important;
}
.tka-pfilter__chip .ic{width:10px;height:10px;transform:rotate(45deg);color:var(--gray-400,#a1a1aa)}
.tka-pfilter__chip:hover{border-color:var(--error,#cc1d33) !important;color:var(--error,#cc1d33) !important}
.tka-pfilter__chip:hover .ic{color:var(--error,#cc1d33)}

/* سایدبار دسکتاپ: عرض مناسب و چسبان (بدون تغییر موبایل) */
@media (min-width:1024px){
  .tka-pfilter-widget{margin:0 !important;}
}

/* ==========================================================
   v0.29.0 — بنر بالا، فلش ریل‌ها، آیکون بستن دراور، نوار مرتب‌سازی موبایل
   ========================================================== */

/* ---------- ۱) بنر بالای هدر (topstrip): سایز منطقی در موبایل و دسکتاپ ---------- */
/* بازخورد کاربر: در موبایل ارتفاع بنر خیلی کم می‌شد و در دسکتاپ هم درست
 * دیده نمی‌شد. قبلاً فقط height:auto/max-height بود؛ بنرهای پهن‌ونازک به
 * یک نوار چند پیکسلی سقوط می‌کردند. حالا:
 *  - موبایل: حداقل ۶۴px ارتفاع (با object-fit:cover برش مرکزی — بنر همیشه
 *    قابل دیدن است، هر نسبت تصویری که داشته باشد)
 *  - دسکتاپ: نسبت طبیعی تصویر تا سقف ۱۸۰px (بنر باریکِ دسکتاپی بدون زوم
 *    نمایش داده می‌شود؛ بنر بلند هم از ۱۸۰px بیشتر نشود) */
@media (max-width:767.98px){
  .topstrip img{
    width:100% !important;
    height:auto !important;
    min-height:64px !important;
    max-height:120px !important;
    object-fit:cover !important;
    object-position:center !important;
    display:block !important;
  }
}
@media (min-width:768px){
  .topstrip img{
    width:100% !important;
    height:auto !important;
    max-height:180px !important;
    object-fit:cover !important;
    object-position:center !important;
    display:block !important;
  }
}

/* ---------- ۲) فلش‌های ناوبری ریل‌ها: کلاً حذف ---------- */
/* بازخورد کاربر: دکمه‌های چپ/راست زیر بخش‌های صفحهٔ خانه لازم نیستند —
 * اسلایدها با اسکرول لمسی (موبایل) و چرخ موس (دسکتاپ) عوض می‌شوند و
 * آیکون‌هایشان هم جهت درست نداشت. تزریق JS هم در main.js v0.29.0 حذف شد؛
 * این قاعده فقط محض اطمینان است (اگر JS کش‌شدهٔ قدیمی هنوز دکمه‌ای
 * ساخته باشد، باز هم دیده نشود). فلش‌های اسلایدر هیرو (hero__arrow)
 * دست‌نخورده‌اند. */
.tka-rail{ display:none !important; }
.tka-railsec > .tka-rail{ display:none !important; }

/* ---------- ۳) نوار مرتب‌سازی آرشیو در موبایل: همه‌چیز خوانا و قابل‌کلیک ---------- */
/* بازخورد کاربر: شمارندهٔ «نمایش ۱ تا ۱۶ از ۷۱۱ محصول» کنار چیپ‌های
 * پرفروش‌ترین/جدیدترین/… له می‌شد و به «...» تبدیل می‌شد — نه خوانده
 * می‌شد نه قابل کلیک بود. حالا در موبایل:
 *  - نوار wrap می‌شود (چیپ‌ها در چند ردیف — همه قابل دیدن و کلیک)
 *  - شمارنده یک ردیف کامل خودش را می‌گیرد و کامل خوانده می‌شود
 * (دسکتاپ از قبل wrap بود — responsive.css) */
@media (max-width:767.98px){
  .tka-sortbar{
    flex-wrap:wrap !important;
    overflow:visible !important;
    row-gap:6px;
  }
  .tka-sortbar__item{
    flex:0 0 auto !important;
  }
  .tka-sortbar__count{
    flex:0 0 100% !important;
    max-width:100%;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    text-align:right;
    padding:2px 2px 0 !important;
  }
}

/* ==========================================================
   استوری‌ها — پلاگین Storyman (شورت‌کد [storyman])
   نوار سفید بالای صفحه، هم‌سبک نوار قدیمی tka-igbar (بخش ۱۰)
   ========================================================== */
.tka-storyman-strip{
  background:#fff;
  border-bottom:1px solid #f3f4f6;
  padding:12px 16px;
}
.tka-storyman-strip .storyman-track{
  padding:0;
}

/* تراز با هدر در مانیتورهای واید — مثل نوار قبلی */
@media (min-width:768px){
  .tka-storyman-strip{
    padding-left:max(24px,calc((100vw - 1320px) / 2)) !important;
    padding-right:max(24px,calc((100vw - 1320px) / 2)) !important;
  }
}

/* ==========================================================
   فیکس UI کارت محصول — آرشیو (tka-pgrid) و ریل‌ها
   ۱) تراز عمودی: همهٔ دکمه‌های «خرید» هر ردیف یک‌خط می‌شن
   ۲) دکمهٔ خرید زیباتر (گرادیان + سایه + هاور لطیف)
   ۳) عنوان دوخطهٔ ثابت + فونت خواناتر دسکتاپ
   ۴) پلیس‌هولدر تمیزتر + زوم ملایم تصویر در هاور
   ========================================================== */

/* ---------- ۱) تراز کارت‌ها ---------- */
/* wrap ستونی می‌شود؛ pcard فضای مازاد را پر می‌کند و قیمت‌ها
   با margin-top:auto همیشه ته کارت می‌نشینند → دکمه‌ها تراز */
.pcard-wrap{
  display:flex !important;
  flex-direction:column !important;
}
.pcard-wrap .pcard{
  flex:1 1 auto !important;      /* خنثی‌کردن flex-basis:132px دمو */
  display:flex !important;       /* main.css بلوکش کرده بود؛ برقراری فلکس دمو */
  flex-direction:column !important;
}
.pcard-wrap .pcard__prices{
  margin-top:auto !important;
  padding-top:6px !important;
}
.pcard__name{
  min-height:3em !important;     /* دقیقاً دو خط با line-height:1.5 */
}

/* ==========================================================
   طراحی اختصاصی و لوکس کارت محصول (Elmana Jewelry Product Card)
   ========================================================== */

/* ۱. استایل کلی کارت */
.pcard-wrap {
  border: 1px solid #eef2f6 !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  padding: 10px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
  transition: transform .22s cubic-bezier(0.2, 0, 0, 1), box-shadow .22s ease, border-color .22s ease !important;
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  overflow: hidden !important;
}
.pcard-wrap:hover {
  transform: translateY(-3px) !important;
  border-color: #cbd5e1 !important;
  box-shadow: 0 10px 24px rgba(0, 78, 65, 0.08) !important;
}
.pcard-wrap .pcard {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  padding-bottom: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  text-decoration: none !important;
}

/* ۲. کادر تصویر و نشان‌ها */
.pcard__media {
  border-radius: 10px !important;
  overflow: hidden !important;
  aspect-ratio: 1 / 1 !important;
  position: relative !important;
  background: #f8fafc !important;
  margin-bottom: 6px !important;
}
.pcard__media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform .35s ease !important;
}
.pcard-wrap:hover .pcard__media img {
  transform: scale(1.05) !important;
}

/* نشان نقره ۹۲۵ */
.pcard__badge-silver {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  z-index: 3 !important;
  background: rgba(0, 78, 65, 0.9) !important;
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  padding: 3px 8px !important;
  border-radius: 6px !important;
  letter-spacing: 0.3px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
  backdrop-filter: blur(4px) !important;
  pointer-events: none !important;
}

/* نشان تخفیف */
.pcard__off {
  position: absolute !important;
  top: 8px !important;
  left: 8px !important;
  z-index: 3 !important;
  background: #dc2626 !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  padding: 2px 7px !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 6px rgba(220, 38, 38, 0.25) !important;
  pointer-events: none !important;
}

/* ۳. ردیف مشخصات و رنگ‌ها */
.pcard__meta-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px !important;
  margin-top: 4px !important;
  margin-bottom: 4px !important;
  min-height: 22px !important;
}
.pcard__swatches {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}
.pcard__swatch {
  display: inline-block !important;
  width: 12px !important;
  height: 12px !important;
  border-radius: 50% !important;
  border: 1.5px solid #ffffff !important;
  box-shadow: 0 0 0 1px #cbd5e1 !important;
  flex: none !important;
  transition: transform .15s ease !important;
}
.pcard__swatch:hover {
  transform: scale(1.3) !important;
  box-shadow: 0 0 0 1px #004e41 !important;
}
.pcard__swatch-more {
  font-size: 9.5px !important;
  font-weight: 800 !important;
  color: #64748b !important;
  margin-right: 2px !important;
}
.pcard__feat-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  font-size: 9.5px !important;
  font-weight: 700 !important;
  color: #004e41 !important;
  background: #e6f0ee !important;
  padding: 2px 6px !important;
  border-radius: 6px !important;
  white-space: nowrap !important;
  margin-right: auto !important;
}
.pcard__feat-chip .ic {
  width: 11px !important;
  height: 11px !important;
  color: #004e41 !important;
}

/* ۴. عنوان محصول */
.pcard__name {
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: #1e293b !important;
  line-height: 1.5 !important;
  min-height: 38px !important;
  margin: 2px 0 6px 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-align: right !important;
}

/* ۵. ردیف قیمت */
.pcard__prices {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  margin-top: auto !important;
  padding-top: 4px !important;
  padding-left: 0 !important;
  direction: rtl !important;
}
.pcard__old {
  font-size: 11px !important;
  color: #94a3b8 !important;
  text-decoration: line-through !important;
  min-height: 14px !important;
}
.pcard__price {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 3px !important;
  direction: rtl !important;
  margin-right: auto !important;
}
.pcard__price-from {
  font-size: 11px !important;
  color: #64748b !important;
  font-weight: 600 !important;
  margin-left: 2px !important;
}
.pcard__price span {
  font-size: 14px !important;
  font-weight: 900 !important;
  color: #004e41 !important;
}
.pcard__price small {
  font-size: 10px !important;
  font-weight: 500 !important;
  color: #64748b !important;
  margin-right: 2px !important;
}

/* ۶. دکمه‌های خرید لوکس */
.pcard-wrap a.pcard__atc {
  position: static !important;
  width: 100% !important;
  min-height: 38px !important;
  margin-top: 8px !important;
  padding: 8px 12px !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all .2s ease !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}
.pcard-wrap a.pcard__atc .ic {
  width: 16px !important;
  height: 16px !important;
  flex: none !important;
}
.pcard-wrap a.pcard__atc.add_to_cart_button::after,
section.offer .pcard__atc.add_to_cart_button::after,
.plist__track .pcard__atc.add_to_cart_button::after,
.tka-pgrid .pcard__atc.add_to_cart_button::after,
body.home .pcard__atc.add_to_cart_button::after {
  content: none !important;
}

/* محصولات ساده: دکمه زمردی */
.pcard-wrap a.pcard__atc.pcard__atc--simple,
.pcard-wrap a.pcard__atc.add_to_cart_button {
  background: #004e41 !important;
  color: #ffffff !important;
  border: 1.5px solid #004e41 !important;
  box-shadow: 0 3px 8px rgba(0, 78, 65, 0.16) !important;
}
.pcard-wrap a.pcard__atc.pcard__atc--simple:hover,
.pcard-wrap a.pcard__atc.add_to_cart_button:hover {
  background: #00382e !important;
  border-color: #00382e !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 14px rgba(0, 78, 65, 0.25) !important;
}

/* محصولات متغیر: دکمه ویژه انتخاب مدل */
.pcard-wrap a.pcard__atc.pcard__atc--choose {
  background: #e6f0ee !important;
  color: #004e41 !important;
  border: 1.5px solid #004e41 !important;
  box-shadow: none !important;
}
.pcard-wrap a.pcard__atc.pcard__atc--choose:hover {
  background: #004e41 !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(0, 78, 65, 0.2) !important;
}
.pcard__atc-arrow {
  width: 14px !important;
  height: 14px !important;
  transition: transform .2s ease !important;
}
.pcard-wrap a.pcard__atc.pcard__atc--choose:hover .pcard__atc-arrow {
  transform: translateX(-3px) !important;
}

/* وضعیت اضافه شده به سبد */
.pcard-wrap a.pcard__atc.added {
  background: #189356 !important;
  border-color: #189356 !important;
  color: #ffffff !important;
  box-shadow: 0 3px 8px rgba(24, 147, 86, 0.2) !important;
}
.pcard-wrap a.pcard__atc.added:hover {
  background: #189356 !important;
}

/* ---------- ۳) فونت خواناتر دسکتاپ ---------- */
@media (min-width:768px){
  .tka-pgrid .pcard__name{
    font-size:13px !important;
    line-height:1.5 !important;
  }
  .tka-pgrid .pcard__price{
    font-size:15px !important;
  }
  .tka-pgrid .pcard__price small{
    font-size:11px !important;
  }
  .tka-pgrid .pcard__old{
    font-size:12px !important;
  }
}

/* ---------- ۴) پلیس‌هولدر و تصویر ---------- */
.pcard__media{
  background:#f8fafc !important;
}
.pcard__media .ph{
  color:#cbd5e1 !important;
}
.pcard__media img{
  transition:transform .25s ease !important;
}
.pcard-wrap:hover .pcard__media img{
  transform:scale(1.04) !important;
}

/* ==========================================================
   صفحهٔ ورود/عضویت (پلاگین UMS) — وسط‌چین کردن لوگو
   قانون سراسری demo.css:53 «img{display:block}» باعث می‌شود
   text-align:center روی لوگو بی‌اثر شود؛ با مارجین خودکار
   (مستقل از جهت RTL/LTR) دقیقاً وسط می‌نشیند.
   ========================================================== */
body.ums-login-register-body .ums-wrapper-form .logo-theme img {
	display: block !important;
	margin-inline: auto !important;
}


/* ==========================================================
   ال‌مانا گالری (Elmana Gallery) — استایل‌های اختصاصی و پالت لوکس نقره
   Primary Brand Color: #004e41 (سبز زمردی تیره)
   Accent: #c5a059 (طلایی ملایم) / #e6f0ee (نقره‌ای روشن)
   ========================================================== */

:root {
  --primary: #004e41 !important;
  --primary-light: #e6f0ee !important;
  --primary-medium: #1b6b5d !important;
  --primary-dark: #00382e !important;
  --primary-darkest: #00261f !important;
  --accent-gold: #c5a059 !important;
}

/* نوار اطلاع‌رسانی بالای سایت */
.promo-strip {
  background: #00382e !important;
  color: #f1f5f9 !important;
  font-weight: 500 !important;
  letter-spacing: .2px;
}
.promo-strip .ic {
  color: #c5a059 !important;
}

/* هدر و لوگو */
.logo__txt {
  font-weight: 800 !important;
  letter-spacing: -.3px;
  color: #004e41 !important;
  font-size: 1.15rem !important;
}
.header__search input:focus,
.search-form input:focus {
  border-color: #004e41 !important;
  box-shadow: 0 0 0 3px rgba(0, 78, 65, 0.12) !important;
}

/* استوری‌ها و دسته‌بندی‌ها */
.story__img {
  border-color: #e6f0ee !important;
  transition: all .2s ease !important;
}
.story:hover .story__img,
.story.on .story__img {
  border-color: #004e41 !important;
  box-shadow: 0 0 0 2px rgba(0, 78, 65, 0.25) !important;
}
.story__label {
  font-weight: 600 !important;
  color: #1e293b !important;
}

/* دکمه‌ها و عناصر تعاملی */
.btn-primary,
.pcard__atc,
.tka-atc,
.single_add_to_cart_button,
.header .badge-count,
.bottomnav a.on,
.bottomnav button.on {
  background-color: #004e41 !important;
  color: #ffffff !important;
}
.btn-primary:hover,
.pcard__atc:hover,
.single_add_to_cart_button:hover {
  background-color: #00382e !important;
}
.bottomnav a.on svg,
.bottomnav button.on svg {
  color: #004e41 !important;
}

/* کارت‌های محصول */
.pcard-wrap {
  border: 1px solid #eef2f6 !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02) !important;
  transition: all .25s ease !important;
}
.pcard-wrap:hover {
  border-color: #cbd5e1 !important;
  box-shadow: 0 8px 20px rgba(0, 78, 65, 0.07) !important;
}
.pcard__title {
  color: #0f172a !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
}
.pcard__cur {
  color: #004e41 !important;
  font-weight: 700 !important;
}
.pcard__badge--off {
  background: #c5a059 !important;
  color: #fff !important;
  font-weight: 700 !important;
}

/* بخش پیشنهادهای شگفت‌انگیز */
.offer {
  background: linear-gradient(135deg, #004e41 0%, #003027 100%) !important;
  border-radius: 16px !important;
}
.offer__title {
  color: #ffffff !important;
}
.offer__title .ic {
  color: #c5a059 !important;
}
.offer .pcard-wrap {
  border-color: transparent !important;
}

/* فرم ویژگی‌های متغیر در صفحه محصول (PDP) */
.tka-varform .variations select {
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #1e293b !important;
}
.tka-varform .variations select:focus {
  border-color: #004e41 !important;
  box-shadow: 0 0 0 3px rgba(0, 78, 65, 0.12) !important;
}
.tka-varform .variations th {
  color: #475569 !important;
  font-size: 13px !important;
}

/* جدول مشخصات محصول */
.pdp-specs tr:nth-child(odd) {
  background: #f8fafc !important;
}
.pdp-specs th {
  color: #004e41 !important;
  font-weight: 700 !important;
}

/* فوتر */
.footer {
  border-top: 1px solid #e2e8f0 !important;
  background: #fbfcfc !important;
}
.footer__seo {
  color: #64748b !important;
  line-height: 1.8 !important;
  font-size: 12.5px !important;
}
.footer__soc:hover {
  color: #004e41 !important;
}

/* جلوگيری از تداخل لوگو و آيکون‌ها در موبايل */
@media (max-width: 600px) {
  .header__row .logo {
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }
  .header__row .logo__txt {
    font-size: 14px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 220px !important;
    display: inline-block !important;
  }
}

/* ==========================================================
   طراحی مدرن استوری‌های دسته‌بندی در موبایل (لوکس و جمع‌وجور)
   ========================================================== */
@media (max-width: 767px) {
  .stories {
    display: flex !important;
    gap: 14px !important;
    overflow-x: auto !important;
    padding: 10px 16px 14px !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x proximity !important;
  }
  .stories::-webkit-scrollbar { display: none !important; }
  .story {
    flex: 0 0 68px !important;
    min-width: 68px !important;
    max-width: 68px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 6px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    scroll-snap-align: start !important;
  }
  .story__img {
    width: 62px !important;
    height: 62px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    padding: 2.5px !important;
    background: linear-gradient(135deg, #004e41 0%, #10b981 100%) !important;
    box-shadow: 0 4px 12px rgba(0, 78, 65, 0.18) !important;
    transition: transform 0.2s ease !important;
  }
  .story:active .story__img {
    transform: scale(0.95) !important;
  }
  .story__img img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    background: #004e41 !important;
    display: block !important;
  }
  .story__label {
    font-size: 11px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
  }
}

/* کارت اختصاصی «همه دسته‌ها» در استوری */
.story__img--allcats {
  background: linear-gradient(135deg, #004e41 0%, #00382e 100%) !important;
  border: 2.5px solid #004e41 !important;
  box-shadow: 0 4px 12px rgba(0, 78, 65, 0.25) !important;
}
.story__img--allcats img {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  display: block !important;
}


/* ==========================================================
   ۱۰) بخش اعتماد / داستان برند (جایگزین USP ساده)
   TKA v1.2.0 — Brand Story / Trust Section
   ========================================================== */

/* --- کانتینر کلی --- */
.tka-brand-story {
  margin: 32px 12px 8px !important;
  padding: 28px 20px !important;
  background: linear-gradient(135deg, #004e41 0%, #00382e 100%) !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  position: relative !important;
}

/* الگوی دکوراتیو پس‌زمینه */
.tka-brand-story::before {
  content: "" !important;
  position: absolute !important;
  top: -40px !important;
  left: -40px !important;
  width: 200px !important;
  height: 200px !important;
  background: radial-gradient(circle, rgba(255,255,255,.06) 0%, transparent 70%) !important;
  pointer-events: none !important;
}
.tka-brand-story::after {
  content: "" !important;
  position: absolute !important;
  bottom: -60px !important;
  right: -60px !important;
  width: 240px !important;
  height: 240px !important;
  background: radial-gradient(circle, rgba(255,255,255,.04) 0%, transparent 70%) !important;
  pointer-events: none !important;
}

.tka-brand-story__inner {
  position: relative !important;
  z-index: 1 !important;
}

/* --- هدر --- */
.tka-brand-story__header {
  margin-bottom: 20px !important;
  text-align: center !important;
}
.tka-brand-story__eyebrow {
  display: inline-block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: rgba(255,255,255,.65) !important;
  letter-spacing: 0.03em !important;
  margin-bottom: 6px !important;
}
.tka-brand-story__title {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #fff !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

/* --- گرید کارت‌ها --- */
.tka-brand-story__cards {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 10px !important;
}

/* --- کارت اعتماد --- */
.tka-trust-card {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 14px !important;
  padding: 14px 12px !important;
  backdrop-filter: blur(4px) !important;
  transition: background .2s ease !important;
}
.tka-trust-card:hover {
  background: rgba(255,255,255,.13) !important;
}

.tka-trust-card__icon {
  flex-shrink: 0 !important;
  width: 36px !important;
  height: 36px !important;
  background: rgba(255,255,255,.15) !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.tka-trust-card__icon .ic {
  width: 18px !important;
  height: 18px !important;
  color: #fff !important;
}

.tka-trust-card__body {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}
.tka-trust-card__body b {
  font-size: 12px !important;
  font-weight: 800 !important;
  color: #fff !important;
  line-height: 1.4 !important;
}
.tka-trust-card__body span {
  font-size: 10px !important;
  font-weight: 400 !important;
  color: rgba(255,255,255,.65) !important;
  line-height: 1.5 !important;
}

/* دسکتاپ: ۴ کارت در یک ردیف */
@media (min-width: 1024px) {
  .tka-brand-story {
    margin: 32px auto !important;
    max-width: 1360px !important;
    padding: 36px 40px !important;
    border-radius: 24px !important;
  }
  .tka-brand-story__header {
    margin-bottom: 28px !important;
  }
  .tka-brand-story__title {
    font-size: 20px !important;
  }
  .tka-brand-story__eyebrow {
    font-size: 12px !important;
  }
  .tka-brand-story__cards {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px !important;
  }
  .tka-trust-card {
    flex-direction: column !important;
    gap: 12px !important;
    padding: 20px 18px !important;
    border-radius: 16px !important;
  }
  .tka-trust-card__icon {
    width: 44px !important;
    height: 44px !important;
    border-radius: 12px !important;
  }
  .tka-trust-card__icon .ic {
    width: 22px !important;
    height: 22px !important;
  }
  .tka-trust-card__body b {
    font-size: 14px !important;
  }
  .tka-trust-card__body span {
    font-size: 12px !important;
  }
}

/* تبلت */
@media (min-width: 768px) and (max-width: 1023.98px) {
  .tka-brand-story {
    margin: 24px 20px !important;
    padding: 28px 28px !important;
  }
  .tka-brand-story__cards {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
  .tka-brand-story__title {
    font-size: 17px !important;
  }
}

/* ==========================================================
   ۱۱) بهبودهای کلی UI — TKA v1.2.0
   ========================================================== */

/* --- header بهبود یافته --- */
.site-header,
header.site-header {
  box-shadow: 0 1px 12px rgba(0,0,0,.06) !important;
}

/* --- section head بهبود --- */
.section__title {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #111827 !important;
  gap: 6px !important;
  display: flex !important;
  align-items: center !important;
}
.section__title .ic {
  color: #004e41 !important;
  width: 18px !important;
  height: 18px !important;
}
.section__more {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #004e41 !important;
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
}
.section__more .ic {
  width: 14px !important;
  height: 14px !important;
}
.section__more:hover {
  color: #00382e !important;
}

/* --- پیشنهادهای شگفت‌انگیز: بهبود هدر دسکتاپ --- */
@media (min-width: 1024px) {
  section.offer {
    margin: 24px auto 0 !important;
    max-width: 1360px !important;
    padding: 0 24px !important;
  }
  section.offer .offer__head {
    padding: 20px 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.1) !important;
  }
}

/* --- کارت محصول: بهبود hover effect --- */
.pcard-wrap {
  transition: transform .2s ease, box-shadow .2s ease !important;
}
.pcard-wrap:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.1) !important;
}

/* --- فوتر: بهبود فاصله بخش brand story --- */
.tka-brand-story + * {
  margin-top: 0 !important;
}

/* --- section spacing بهتر در موبایل --- */
@media (max-width: 767.98px) {
  .section {
    margin-top: 20px !important;
  }
  .tka-catgrid-sec {
    margin-top: 20px !important;
  }
  section.offer {
    margin-top: 16px !important;
  }
}

/* --- offer section: عنوان دسکتاپ --- */
@media (min-width: 1024px) {
  section.offer .offer__title {
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #fff !important;
  }
}

/* --- Timer style بهبود --- */
.timer__digits b {
  background: rgba(255,255,255,.15) !important;
  color: #fff !important;
  border-radius: 6px !important;
  padding: 2px 5px !important;
  min-width: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 700 !important;
}
.timer__digits i {
  color: rgba(255,255,255,.6) !important;
  font-style: normal !important;
}

/* --- مشاهده همه (morecard) --- */
.morecard {
  flex-shrink: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-width: 80px !important;
  color: #004e41 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}
.morecard i {
  width: 36px !important;
  height: 36px !important;
  background: #f0faf8 !important;
  border: 1px solid #c8e6e1 !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.morecard .ic {
  width: 16px !important;
  height: 16px !important;
  color: #004e41 !important;
}
.morecard:hover i {
  background: #004e41 !important;
}
.morecard:hover .ic {
  color: #fff !important;
}

/* --- section head line divider --- */
.section__head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 14px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid #f3f4f6 !important;
}

/* --- تصویر نیافت (broken img) placeholder --- */
img[src=""] , img:not([src]) {
  display: none !important;
}

/* --- سکشن catgrid دسکتاپ --- */
@media (min-width: 1024px) {
  .tka-catgrid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
  .tka-catgrid-sec {
    margin: 28px auto 0 !important;
    max-width: 1360px !important;
    padding: 0 24px !important;
  }
}

/* ==========================================================
   ۱۲) بهبود صفحه archive (دسته‌بندی) — TKA v1.2.0
   ========================================================== */

/* breadcrumb بهتر */
.woocommerce-breadcrumb,
.tka-breadcrumbs {
  font-size: 11px !important;
  color: #9ca3af !important;
  margin-bottom: 8px !important;
}
.woocommerce-breadcrumb a,
.tka-breadcrumbs a {
  color: #6b7280 !important;
}
.woocommerce-breadcrumb a:hover,
.tka-breadcrumbs a:hover {
  color: #004e41 !important;
}

/* فیلترها: بهبود chip active */
.tka-filter-chip.is-active,
.tka-filter-chip[aria-selected="true"] {
  background: #004e41 !important;
  color: #fff !important;
  border-color: #004e41 !important;
  font-weight: 700 !important;
}

/* گرید محصول ۲ ستون موبایل */
@media (max-width: 767.98px) {
  .tka-pgrid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    padding: 0 10px !important;
  }
}


/* ==========================================================
   ۱۳) سکشن ژورنالی کالکشن‌های اختصاصی ال‌مانا (Editorial Bento Grid)
   TKA v1.3.0 — Luxury Editorial Signature Showcase
   ========================================================== */
.tka-curated-showcase {
  margin: 36px auto !important;
  max-width: 1360px !important;
  padding: 0 24px !important;
}

.tka-curated-showcase .section__head {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  margin-bottom: 20px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid #eef2f6 !important;
}

.tka-curated-showcase .section__title-group {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.tka-curated-showcase .section__eyebrow {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #004e41 !important;
  letter-spacing: 0.04em !important;
  opacity: .85 !important;
}

.tka-curated-showcase .section__title {
  font-size: 18px !important;
  font-weight: 900 !important;
  color: #0f172a !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
}

.tka-curated-showcase .section__title .ic {
  color: #004e41 !important;
  width: 20px !important;
  height: 20px !important;
}

/* --- ساختار گرید ژورنالی بنتو (Bento Grid) --- */
.tka-bento-showcase {
  display: grid !important;
  grid-template-columns: 1.25fr 1fr !important;
  gap: 18px !important;
  align-items: stretch !important;
}

.tka-bento-card {
  position: relative !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  padding: 28px 24px !important;
  text-decoration: none !important;
  box-shadow: 0 8px 24px -6px rgba(0, 36, 30, 0.14) !important;
  border: 1px solid rgba(0, 78, 65, 0.08) !important;
  transition: transform .35s cubic-bezier(.16,1,.3,1), box-shadow .35s cubic-bezier(.16,1,.3,1) !important;
}

.tka-bento-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 20px 38px -10px rgba(0, 36, 30, 0.24) !important;
}

/* کارت اصلی سمت راست */
.tka-bento-card--lead {
  min-height: 420px !important;
  grid-row: span 2 !important;
}

/* کارت‌های فرعی سمت چپ */
.tka-bento-card--side {
  min-height: 200px !important;
}

/* پس‌زمینه تصویر با زوم هاور */
.tka-bento-card__bg {
  position: absolute !important;
  inset: 0 !important;
  background-size: cover !important;
  background-position: center !important;
  transition: transform .7s cubic-bezier(.16,1,.3,1) !important;
  z-index: 1 !important;
}

.tka-bento-card:hover .tka-bento-card__bg {
  transform: scale(1.06) !important;
}

/* لایه اوورلی گرادیانی تاریک و لوکس برای وضوح متن */
.tka-bento-card__overlay {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(0, 24, 20, 0.15) 0%, rgba(0, 32, 26, 0.65) 50%, rgba(0, 20, 16, 0.95) 100%) !important;
  z-index: 2 !important;
  transition: background .3s ease !important;
}

.tka-bento-card:hover .tka-bento-card__overlay {
  background: linear-gradient(180deg, rgba(0, 24, 20, 0.2) 0%, rgba(0, 32, 26, 0.75) 45%, rgba(0, 18, 14, 0.98) 100%) !important;
}

/* محتوا */
.tka-bento-card__content {
  position: relative !important;
  z-index: 3 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.tka-bento-badge {
  align-self: flex-start !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  color: #a7f3d0 !important;
  background: rgba(0, 78, 65, 0.75) !important;
  backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(167, 243, 208, 0.3) !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  margin-bottom: 4px !important;
}

.tka-bento-badge--accent {
  color: #fed7aa !important;
  border-color: rgba(254, 215, 170, 0.35) !important;
}

.tka-bento-badge--gold {
  color: #fef08a !important;
  border-color: rgba(254, 240, 138, 0.35) !important;
}

.tka-bento-title {
  font-size: 17px !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  line-height: 1.4 !important;
  margin: 0 !important;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.4) !important;
}

.tka-bento-card--lead .tka-bento-title {
  font-size: 20px !important;
}

.tka-bento-desc {
  font-size: 12px !important;
  color: rgba(255, 255, 255, 0.88) !important;
  line-height: 1.6 !important;
  margin: 0 0 10px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important;
}

.tka-bento-card--side .tka-bento-desc {
  font-size: 11px !important;
  margin-bottom: 6px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.tka-bento-cta {
  align-self: flex-start !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.16) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  backdrop-filter: blur(10px) !important;
  padding: 6px 14px !important;
  border-radius: 999px !important;
  transition: all .25s ease !important;
}

.tka-bento-card:hover .tka-bento-cta {
  background: #ffffff !important;
  color: #004e41 !important;
  border-color: #ffffff !important;
  gap: 10px !important;
}

.tka-bento-cta .ic {
  width: 14px !important;
  height: 14px !important;
  transition: transform .2s ease !important;
}

.tka-bento-card:hover .tka-bento-cta .ic {
  transform: translateX(-3px) !important;
}

/* پاسخ‌گویی موبایل و تبلت برای کالکشن‌ها */
@media (max-width: 1023.98px) {
  .tka-curated-showcase {
    margin: 28px 16px !important;
    padding: 0 !important;
  }
  .tka-bento-showcase {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  .tka-bento-card--lead {
    min-height: 280px !important;
    grid-row: auto !important;
  }
  .tka-bento-card--side {
    min-height: 210px !important;
  }
  .tka-bento-card {
    padding: 20px 18px !important;
    border-radius: 18px !important;
  }
  .tka-bento-title {
    font-size: 15.5px !important;
  }
  .tka-bento-card--lead .tka-bento-title {
    font-size: 17px !important;
  }
  .tka-bento-desc {
    font-size: 11px !important;
    margin-bottom: 8px !important;
  }
}

/* ==========================================================
   ۱۴) بازطراحی و ارتقای بصری کارت‌های محصول (Pro UI Tweaks)
   ========================================================== */

/* بهینه‌سازی دکمه انتخاب مدل و خرید برای محصولات متغیر */
.pcard__atc.pcard__atc--select {
  background: #f0faf8 !important;
  color: #004e41 !important;
  border: 1px solid #a7d7ce !important;
  font-weight: 700 !important;
}
.pcard__atc.pcard__atc--select:hover {
  background: #004e41 !important;
  color: #ffffff !important;
  border-color: #004e41 !important;
}

/* بج درصد تخفیف شیک‌تر و چشم‌نواز */
.pcard__off {
  background: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%) !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 9.5px !important;
  padding: 3px 7px !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 6px rgba(185, 28, 28, 0.35) !important;
}

/* بج اصالت نقره ۹۲۵ */
.pcard__silver-badge,
.pcard .pcard__badge--silver {
  background: rgba(0, 78, 65, 0.9) !important;
  backdrop-filter: blur(4px) !important;
  color: #ffffff !important;
  font-size: 8.5px !important;
  font-weight: 700 !important;
  padding: 2px 6px !important;
  border-radius: 6px !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

/* سلسله‌مراتب بصری قیمت‌ها */
.pcard__prices {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 2px !important;
}
.pcard__old {
  font-size: 10.5px !important;
  color: #9ca3af !important;
  text-decoration: line-through !important;
}
.pcard__price span {
  font-size: 13.5px !important;
  font-weight: 900 !important;
  color: #0f172a !important;
}
.pcard__price small {
  font-size: 10px !important;
  font-weight: 500 !important;
  color: #64748b !important;
  margin-right: 2px !important;
}

/* گرید دسته‌بندی‌های صفحه اصلی: تنظیم ستون‌ها و تقارن */
@media (min-width: 1024px) {
  .tka-catgrid {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px !important;
  }
}
@media (max-width: 767.98px) {
  .tka-catgrid {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 8px !important;
  }
  .tka-catgrid__item {
    padding: 10px 4px 8px !important;
    border-radius: 14px !important;
  }
  .tka-catgrid__img {
    width: 52px !important;
    height: 52px !important;
  }
  .tka-catgrid__label {
    font-size: 10px !important;
  }
}

/* ==========================================================
   ۱۵) بازطراحی لوکس منوی پایین موبایل (Floating Glass Dock)
   TKA v1.3.0 — Modern Ergonomic Floating Dock
   ========================================================== */
@media (max-width: 767.98px) {
  .bottomnav,
  .bottomnav.tka-bottomnav--dock {
    position: fixed !important;
    bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
    left: 16px !important;
    right: 16px !important;
    max-width: 440px !important;
    margin: 0 auto !important;
    height: 62px !important;
    padding: 4px 6px !important;
    background: rgba(255, 255, 255, 0.94) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(0, 78, 65, 0.12) !important;
    border-radius: 28px !important;
    box-shadow: 0 10px 30px -4px rgba(0, 36, 30, 0.22) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-around !important;
    z-index: 999 !important;
  }

  .bottomnav__item {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    height: 52px !important;
    padding: 4px 2px !important;
    border-radius: 20px !important;
    text-decoration: none !important;
    color: #64748b !important;
    background: transparent !important;
    border: none !important;
    transition: all .2s cubic-bezier(.16,1,.3,1) !important;
    cursor: pointer !important;
  }

  .bottomnav__icon-wrap {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 26px !important;
  }

  .bottomnav__icon-wrap .ic {
    width: 21px !important;
    height: 21px !important;
    color: currentColor !important;
    transition: transform .2s ease !important;
  }

  .bottomnav__label {
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    color: currentColor !important;
    white-space: nowrap !important;
  }

  /* بج سبد خرید در نوار پایین */
  .bottomnav__badge {
    position: absolute !important;
    top: -3px !important;
    left: -6px !important;
    min-width: 16px !important;
    height: 16px !important;
    padding: 0 4px !important;
    border-radius: 999px !important;
    background: #ef4444 !important;
    color: #ffffff !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 5px rgba(239, 68, 68, 0.4) !important;
    border: 1.5px solid #ffffff !important;
  }

  /* وضعیت فعال (Active Item) */
  .bottomnav__item.on {
    color: #004e41 !important;
    background: #eaf4f2 !important;
  }

  .bottomnav__item.on .bottomnav__label {
    font-weight: 800 !important;
    color: #004e41 !important;
  }

  .bottomnav__item.on .bottomnav__icon-wrap .ic {
    transform: scale(1.08) !important;
    color: #004e41 !important;
  }

  /* اطمینان از فاصله محتوای صفحه با داک شناور */
  body {
    padding-bottom: calc(88px + env(safe-area-inset-bottom, 0px)) !important;
  }

  /* در صفحه محصول، نوار خرید چسبان بالای داک معلق قرار گیرد */
  body.single-product .pdp__cta {
    bottom: calc(84px + env(safe-area-inset-bottom, 0px)) !important;
    border-radius: 20px 20px 0 0 !important;
  }
}

/* ==========================================================
   ۱۶) بازطراحی لوکس فوتر ال‌مانا گالری (Luxury Dark Emerald Footer)
   TKA v1.3.0 — Elmana Gallery Signature Footer
   ========================================================== */
.tka-elmana-footer {
  margin-top: 48px !important;
  background: linear-gradient(180deg, #002d26 0%, #001814 100%) !important;
  color: #e2e8f0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 40px 0 20px !important;
  position: relative !important;
}

.tka-elmana-footer .footer__inner {
  max-width: 1360px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}

/* نوار بالای فوتر */
.footer__topbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-bottom: 24px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  margin-bottom: 32px !important;
}

.footer__brand-block {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.footer__brand-title {
  font-size: 24px !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
  color: #ffffff !important;
  font-family: inherit !important;
}

.footer__brand-tagline {
  font-size: 12px !important;
  color: rgba(255, 255, 255, 0.7) !important;
  font-weight: 500 !important;
}

.footer__scrolltop-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 999px !important;
  padding: 8px 16px !important;
  cursor: pointer !important;
  transition: all .25s ease !important;
}

.footer__scrolltop-btn:hover {
  background: #004e41 !important;
  border-color: #004e41 !important;
}

.footer__scrolltop-btn .ic {
  width: 14px !important;
  height: 14px !important;
  transform: rotate(90deg) !important;
}

/* ستون‌های فوتر */
.tka-elmana-footer .footer__cols {
  display: grid !important;
  grid-template-columns: 1.3fr 1fr 1fr 1.2fr !important;
  gap: 32px !important;
  margin-bottom: 36px !important;
}

.footer__title {
  font-size: 14.5px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin-bottom: 16px !important;
  position: relative !important;
  display: inline-block !important;
  padding-bottom: 8px !important;
}

.footer__title::after {
  content: "" !important;
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 28px !important;
  height: 2px !important;
  background: #10b981 !important;
  border-radius: 2px !important;
}

.footer__about-text {
  font-size: 12px !important;
  line-height: 1.75 !important;
  color: rgba(255, 255, 255, 0.75) !important;
  margin-bottom: 16px !important;
}

/* کارت اینستاگرام فوتر */
.footer__insta-card {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 14px !important;
  padding: 10px 14px !important;
  text-decoration: none !important;
  transition: all .25s ease !important;
}

.footer__insta-card:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
}

.footer__insta-icon {
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}

.footer__insta-icon .ic {
  width: 20px !important;
  height: 20px !important;
}

.footer__insta-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.footer__insta-label {
  font-size: 10.5px !important;
  color: rgba(255, 255, 255, 0.7) !important;
}

.footer__insta-handle {
  font-size: 12.5px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  letter-spacing: 0.02em !important;
}

/* لینک‌های فوتر */
.footer__links {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.footer__links a {
  font-size: 12px !important;
  color: rgba(255, 255, 255, 0.72) !important;
  text-decoration: none !important;
  transition: all .2s ease !important;
  display: inline-block !important;
}

.footer__links a:hover {
  color: #34d399 !important;
  transform: translateX(-4px) !important;
}

/* اطلاعات تماس */
.footer__contact-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 16px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.footer__contact-list li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  font-size: 12px !important;
  color: rgba(255, 255, 255, 0.75) !important;
  line-height: 1.5 !important;
}

.footer__contact-list .ic {
  width: 16px !important;
  height: 16px !important;
  color: #34d399 !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}

.footer__contact-list a {
  color: #ffffff !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.footer__contact-list a:hover {
  color: #34d399 !important;
}

/* شبکه‌های اجتماعی */
.footer__social-wrap {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.footer__social-label {
  font-size: 11px !important;
  color: rgba(255, 255, 255, 0.65) !important;
  font-weight: 600 !important;
}

.footer__social {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.footer__soc {
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  transition: all .2s ease !important;
}

.footer__soc:hover {
  background: #004e41 !important;
  color: #ffffff !important;
  border-color: #10b981 !important;
  transform: translateY(-2px) !important;
}

.footer__soc .ic {
  width: 18px !important;
  height: 18px !important;
}

/* جعبه سئو فوتر */
.footer__seo-box {
  padding: 18px 20px !important;
  background: rgba(0, 0, 0, 0.22) !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  margin-bottom: 24px !important;
}

.footer__seo {
  font-size: 11px !important;
  line-height: 1.8 !important;
  color: rgba(255, 255, 255, 0.62) !important;
  margin: 0 !important;
  text-align: justify !important;
}

/* نوار کپی‌رایت پایین فوتر */
.footer__bottombar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-top: 18px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.footer__copy {
  font-size: 11.5px !important;
  color: rgba(255, 255, 255, 0.6) !important;
}

.footer__badge {
  font-size: 10.5px !important;
  font-weight: 700 !important;
  color: #a7f3d0 !important;
  background: rgba(16, 185, 129, 0.12) !important;
  border: 1px solid rgba(16, 185, 129, 0.25) !important;
  padding: 3px 10px !important;
  border-radius: 999px !important;
}

/* پاسخگویی فوتر در موبایل */
@media (max-width: 1023.98px) {
  .tka-elmana-footer .footer__cols {
    grid-template-columns: 1fr 1fr !important;
    gap: 24px !important;
  }
}

@media (max-width: 639.98px) {
  .tka-elmana-footer {
    padding: 28px 0 16px !important;
  }
  .tka-elmana-footer .footer__inner {
    padding: 0 16px !important;
  }
  .footer__topbar {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 14px !important;
    margin-bottom: 24px !important;
  }
  .tka-elmana-footer .footer__cols {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }
  .footer__bottombar {
    flex-direction: column !important;
    gap: 10px !important;
    text-align: center !important;
  }
}


/* ==========================================================
   ۱۷) رفع باگ‌ها و اصلاحات جامع UI (صفحه محصول، آرشیو، فروشگاه، حساب کاربری)
   TKA v1.3.1 — Comprehensive UI Polish & Bug Fixes
   ========================================================== */

/* ---------------- ۱۷-۱) اصلاحات صفحه محصول ---------------- */
/* مخفی‌سازی منوی ناوبری عمومی موبایل در صفحه محصول جهت جلوگیری از تداخل */
body.single-product .bottomnav {
  display: none !important;
}

/* رفع باگ پرش نوار خرید چسبان در موبایل */
@media (max-width: 1023.98px) {
  body.single-product {
    padding-bottom: calc(75px + env(safe-area-inset-bottom, 0px)) !important;
  }
  .pdp__cta,
  #tka-sticky-cta {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    z-index: 9999 !important;
    background: rgba(255, 255, 255, 0.98) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    border-top: 1px solid #e2e8f0 !important;
    border-radius: 18px 18px 0 0 !important;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.08) !important;
    padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
}

/* تب‌بندی حرفه‌ای بخش‌های محصول (انکر اسکرول سریع — نمایش همزمان همه بخش‌ها) */
.pdp-section-tabs-wrap {
  margin: 36px 0 20px !important;
  position: sticky !important;
  top: 70px !important;
  z-index: 20 !important;
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(10px) !important;
  padding: 8px 0 !important;
  border-bottom: 1px solid #eef2f6 !important;
}
.pdp-section-tabs {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  max-width: 1360px !important;
  margin: 0 auto !important;
}
.pdp-section-tab {
  padding: 8px 18px !important;
  border-radius: 999px !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: #64748b !important;
  text-decoration: none !important;
  background: #f1f5f9 !important;
  transition: all .2s ease !important;
  cursor: pointer !important;
}
.pdp-section-tab.is-active,
.pdp-section-tab:hover {
  color: #ffffff !important;
  background: #004e41 !important;
}

/* نمایش همزمان و شکیل تمام کارت‌های محتوا (توضیحات، مشخصات، دیدگاه‌ها) */
.pdp-sec {
  display: block !important;
  opacity: 1 !important;
  margin-bottom: 24px !important;
}

.pdp-sec__card {
  background: #ffffff !important;
  border: 1px solid #eef2f6 !important;
  border-radius: 20px !important;
  padding: 28px !important;
  box-shadow: 0 4px 20px -4px rgba(0, 0, 0, 0.04) !important;
}

.pdp-sec__head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-bottom: 16px !important;
  margin-bottom: 20px !important;
  border-bottom: 1px solid #f1f5f9 !important;
}

.pdp-sec__title {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
}

.pdp-sec__title .ic {
  color: #004e41 !important;
  width: 20px !important;
  height: 20px !important;
}

/* جدول مشخصات محصول لوکس */
.pdp-specs {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid #f1f5f9 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}

.pdp-specs tr:nth-child(even) {
  background: #f8fafc !important;
}

.pdp-specs th {
  width: 28% !important;
  padding: 12px 18px !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: #475569 !important;
  text-align: right !important;
  border-bottom: 1px solid #f1f5f9 !important;
}

.pdp-specs td {
  padding: 12px 18px !important;
  font-size: 13px !important;
  color: #0f172a !important;
  border-bottom: 1px solid #f1f5f9 !important;
}

/* ==========================================================
   ۱۸) چیدمان ارتقایافته صفحه محصول در دسکتاپ و موبایل (Luxury PDP Layout)
   ========================================================== */
.tka-pdp-main {
  max-width: 1360px !important;
  margin: 20px auto 40px !important;
  padding: 0 24px !important;
}

/* دو ستون گالری و اطلاعات خرید در دسکتاپ */
.tka-pdp-cols {
  display: grid !important;
  grid-template-columns: 1fr 1.25fr !important;
  gap: 36px !important;
  align-items: start !important;
  margin-bottom: 32px !important;
}

/* گالری تصویر محصول */
.gallery {
  background: #ffffff !important;
  border: 1px solid #eef2f6 !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 20px -4px rgba(0, 0, 0, 0.05) !important;
  padding: 16px !important;
}

.gallery__slide {
  border-radius: 16px !important;
  overflow: hidden !important;
  aspect-ratio: 1 / 1 !important;
  background: #f8fafc !important;
}

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

.gallery__thumbs {
  margin-top: 12px !important;
  display: flex !important;
  gap: 8px !important;
  overflow-x: auto !important;
}

.gallery__thumbs button {
  width: 60px !important;
  height: 60px !important;
  border-radius: 12px !important;
  border: 2px solid transparent !important;
  overflow: hidden !important;
  cursor: pointer !important;
  padding: 0 !important;
  background: #f8fafc !important;
}

.gallery__thumbs button.is-active,
.gallery__thumbs button:hover {
  border-color: #004e41 !important;
}

/* بدنه اطلاعات و باکس خرید */
.pdp__body {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

.pdp__breadcrumb {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  font-size: 11.5px !important;
  color: #94a3b8 !important;
}

.pdp__breadcrumb a {
  color: #64748b !important;
  text-decoration: none !important;
}

.pdp__breadcrumb a:hover {
  color: #004e41 !important;
}

.pdp__title {
  font-size: 22px !important;
  font-weight: 900 !important;
  color: #0f172a !important;
  line-height: 1.45 !important;
  margin: 0 !important;
}

.pdp__badge-silver-tag {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #004e41 !important;
  background: #eaf4f2 !important;
  border: 1px solid rgba(0, 78, 65, 0.18) !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
}

.pdp__badge-silver-tag .ic {
  width: 14px !important;
  height: 14px !important;
}

/* باکس اصلی قیمت و فرم انتخاب */
.pricebox {
  background: #ffffff !important;
  border: 1px solid #eef2f6 !important;
  border-radius: 20px !important;
  padding: 24px !important;
  box-shadow: 0 4px 20px -4px rgba(0, 0, 0, 0.05) !important;
}

.pricebox__header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-bottom: 16px !important;
  margin-bottom: 18px !important;
  border-bottom: 1px solid #f1f5f9 !important;
}

.pricebox__now {
  font-size: 24px !important;
  font-weight: 900 !important;
  color: #004e41 !important;
  direction: rtl !important;
}

.pricebox__now b {
  font-size: 26px !important;
  color: #004e41 !important;
}

.pricebox__now small {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #64748b !important;
  margin-right: 4px !important;
}

.pricebox__stock-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
}

.pricebox__stock-badge.in-stock {
  background: #f0fdf4 !important;
  color: #166534 !important;
  border: 1px solid #bbf7d0 !important;
}

.stock-dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #16a34a !important;
}

/* باکس ۴ تایی خدمات و ضمانت در صفحه محصول */
.pdp-services {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 10px !important;
  margin-top: 14px !important;
}

.pdp-service-item {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #f8fafc !important;
  border: 1px solid #eef2f6 !important;
  border-radius: 12px !important;
  padding: 10px !important;
}

.pdp-service-item .ic {
  width: 20px !important;
  height: 20px !important;
  color: #004e41 !important;
  flex-shrink: 0 !important;
}

.pdp-service-item b {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #1e293b !important;
}

/* ریسپانسیو صفحه محصول برای موبایل */
@media (max-width: 1023.98px) {
  .tka-pdp-main {
    margin: 12px auto 30px !important;
    padding: 0 12px !important;
  }
  .tka-pdp-cols {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  .pdp__title {
    font-size: 17px !important;
  }
  .pricebox {
    padding: 16px !important;
    border-radius: 16px !important;
  }
  .pdp-sec__card {
    padding: 18px 14px !important;
    border-radius: 16px !important;
  }
  .pdp-section-tabs-wrap {
    top: 56px !important;
    margin: 20px 0 14px !important;
  }
  .pdp-specs th,
  .pdp-specs td {
    padding: 10px 12px !important;
    font-size: 11.5px !important;
  }
  .pdp-services {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
  }
}

/* بهینه‌سازی فرم خرید و استپر تعداد در موبایل */
form.cart {
  align-items: center !important;
}
.tka-qty-box {
  display: flex !important;
  align-items: center !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 12px !important;
  height: 44px !important;
  background: #ffffff !important;
}

/* ---------------- ۱۷-۲) اصلاحات صفحه آرشیو و فروشگاه ---------------- */
/* سایدبار فیلترها در موبایل: کپسول جمع‌وجور بدون شلوغی بالای صفحه */
@media (max-width: 767.98px) {
  .tka-filters {
    margin-bottom: 16px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }
  .tka-filters__toggle {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    padding: 10px 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    cursor: pointer !important;
    list-style: none !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
  }
  .tka-filters__toggle::-webkit-details-marker {
    display: none !important;
  }
  .tka-filters:not([open]) .tka-filters__panel {
    display: none !important;
  }
  .tka-filters[open] .tka-filters__panel {
    margin-top: 10px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 16px !important;
    box-shadow: 0 10px 25px -5px rgba(0,0,0,0.06) !important;
  }
}

/* تراز افقی یکدست کارت‌های محصولات و دکمه‌ها در فروشگاه */
.pcard__name {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  height: 36px !important;
  line-height: 1.45 !important;
  margin-bottom: 8px !important;
}

/* چک‌باکس‌ها و دکمه‌های فیلتر با تم زمردی */
.tka-pfilter-widget input[type="checkbox"] {
  accent-color: #004e41 !important;
  width: 17px !important;
  height: 17px !important;
  border-radius: 4px !important;
  cursor: pointer !important;
}
.tka-pfilter-btn,
.tka-pfilter-widget button[type="submit"] {
  background: #004e41 !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  border: none !important;
  padding: 8px 16px !important;
  cursor: pointer !important;
  transition: background .2s ease !important;
}
.tka-pfilter-btn:hover,
.tka-pfilter-widget button[type="submit"]:hover {
  background: #00382e !important;
}

/* اصلاح قرص‌های زیردسته‌ها (Subcategory pills) */
.tka-subcat {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 14px 6px 8px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #1e293b !important;
}
.tka-subcat__img {
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}

/* دکمه‌های صفحه‌بندی ارگونومیک در موبایل */
.woocommerce-pagination ul.page-numbers li a,
.woocommerce-pagination ul.page-numbers li span {
  min-width: 38px !important;
  height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  margin: 0 3px !important;
}
.woocommerce-pagination ul.page-numbers li span.current {
  background: #004e41 !important;
  color: #ffffff !important;
}

/* ---------------- ۱۷-۳) اصلاحات صفحه ورود و حساب کاربری ---------------- */
/* مهار کشیدگی کادر فرم ورود فقط برای مهمانان در صفحه حساب کاربری */
body:not(.logged-in).woocommerce-account .woocommerce,
body:not(.logged-in) .woocommerce-account .woocommerce {
  max-width: 440px !important;
  margin: 36px auto !important;
  padding: 0 16px !important;
}

/* برای کاربران وارد شده: داشبورد با عرض استاندارد و تمام‌صفحه ۱۱۴۰ پیکسل */
body.logged-in.woocommerce-account .woocommerce {
  max-width: 1140px !important;
  width: 100% !important;
  margin: 20px auto 60px !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
}

body.logged-in.woocommerce-account .tka-acc {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 10px 0 !important;
}

/* صفحه ورود و ثبت‌نام اختصاصی */
.page-id-645 .tka-page-title,
.page-login .tka-page-title {
  display: none !important;
}

.page-id-645 .tka-card.tka-page,
.page-login .tka-card.tka-page {
  max-width: 460px !important;
  margin: 36px auto 60px !important;
  padding: 24px 20px !important;
  border-radius: 20px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  box-shadow: 0 10px 30px -5px rgba(0, 36, 30, 0.08) !important;
}

.woocommerce-account form.login,
.woocommerce-account form.woocommerce-form-login,
.woocommerce-account form.register {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 20px !important;
  padding: 30px 24px !important;
  box-shadow: 0 10px 30px -5px rgba(0, 36, 30, 0.07) !important;
}

.woocommerce-account form .form-row {
  margin-bottom: 16px !important;
}

.woocommerce-account form .input-text {
  height: 46px !important;
  border-radius: 12px !important;
  border: 1px solid #cbd5e1 !important;
  padding: 0 14px !important;
  font-size: 13px !important;
  transition: border-color .2s ease, box-shadow .2s ease !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.woocommerce-account form .input-text:focus {
  border-color: #004e41 !important;
  box-shadow: 0 0 0 3px rgba(0, 78, 65, 0.12) !important;
  outline: none !important;
}

.woocommerce-account button.button,
.woocommerce-account button[name="login"] {
  width: 100% !important;
  height: 46px !important;
  border-radius: 12px !important;
  background: #004e41 !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  border: none !important;
  cursor: pointer !important;
  transition: background .2s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 12px rgba(0, 78, 65, 0.2) !important;
}

.woocommerce-account button.button:hover,
.woocommerce-account button[name="login"]:hover {
  background: #00382e !important;
}

.woocommerce-account .woocommerce-LostPassword {
  margin-top: 14px !important;
  text-align: center !important;
}

.woocommerce-account .woocommerce-LostPassword a {
  font-size: 12px !important;
  color: #64748b !important;
  text-decoration: none !important;
}

.woocommerce-account .woocommerce-LostPassword a:hover {
  color: #004e41 !important;
}

/* آیکون چشم رمز عبور در سمت چپ فیلد در زبان فارسی (RTL) */
.woocommerce-account .show-password-input {
  left: 14px !important;
  right: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  cursor: pointer !important;
}

/* ==========================================================
   ۱۸) اصلاحات ظاهری و هماهنگی المان‌ها (TKA v1.3.4)
   - رفع ناپیدا بودن متن دکمه فعال در منوی پایین موبایل
   - اصلاح ابعاد و آیکون دسته‌بندی‌ها در نوار پایین
   - حذف کامل فاصله سفید/خالی زیر فوتر در موبایل
   - تفکیک قطعی گوشه نشان تخفیف و عیار ۹۲۵ در کارت محصول
   - اصلاح چیدمان نشان مدل بافت و پالت رنگ‌ها بدون بریدگی
   ========================================================== */

/* ۱۸-۱) اصلاح وضعیت فعال نوار پایین موبایل (رنگ سفید خوانا برای متن و آیکون) */
.bottomnav a.on,
.bottomnav button.on,
.bottomnav__item.on {
  background: #004e41 !important;
  background-color: #004e41 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(0, 78, 65, 0.3) !important;
}

.bottomnav a.on .bottomnav__label,
.bottomnav button.on .bottomnav__label,
.bottomnav__item.on .bottomnav__label,
.bottomnav a.on span.bottomnav__label,
.bottomnav button.on span.bottomnav__label {
  color: #ffffff !important;
  font-weight: 700 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}

.bottomnav a.on .bottomnav__icon-wrap .ic,
.bottomnav button.on .bottomnav__icon-wrap .ic,
.bottomnav__item.on .bottomnav__icon-wrap .ic,
.bottomnav a.on svg,
.bottomnav button.on svg,
.bottomnav__item.on svg {
  color: #ffffff !important;
  fill: currentColor !important;
  transform: scale(1.05) !important;
}

/* ۱۸-۲) اصلاح آیکون دسته‌بندی‌ها در نوار پایین موبایل */
.bottomnav button[data-tka-drawer="cats"]::before,
.bottomnav a[href$="/categories/"]::before,
.bottomnav.tka-bottomnav--dock button[data-tka-drawer="cats"]::before,
.bottomnav.tka-bottomnav--dock a::before {
  display: none !important;
  content: none !important;
}

.bottomnav button[data-tka-drawer="cats"] .ic,
.bottomnav a[href$="/categories/"] .ic,
.bottomnav.tka-bottomnav--dock button[data-tka-drawer="cats"] .ic {
  display: inline-flex !important;
  width: 22px !important;
  height: 22px !important;
  font-size: 22px !important;
  visibility: visible !important;
}

/* ۱۸-۳) حذف کامل نوار خالی/سفید زیر فوتر و تمدید پس‌زمینه زمردی لوکس تا لبه صفحه */
body {
  padding-bottom: 0 !important;
}

.tka-elmana-footer {
  padding-bottom: calc(90px + env(safe-area-inset-bottom, 0px)) !important;
  margin-bottom: 0 !important;
}

/* ۱۸-۴) تفکیک کامل دو نشان در کارت محصول (عیار ۹۲۵ در بالا-راست و تخفیف در بالا-چپ) */
.pcard__badge-silver,
.pcard .pcard__badge-silver,
section.offer .pcard__badge-silver,
.plist__track .pcard__badge-silver,
.tka-pgrid .pcard__badge-silver,
body.home .pcard__badge-silver,
.tka-related .pcard__badge-silver {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  left: auto !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  background: rgba(0, 78, 65, 0.92) !important;
  color: #ffffff !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
  padding: 3px 7px !important;
  border-radius: 6px !important;
  letter-spacing: 0.2px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
  backdrop-filter: blur(4px) !important;
  pointer-events: none !important;
}

.pcard__off,
.pcard .pcard__off,
section.offer .pcard__off,
.plist__track .pcard__off,
.tka-pgrid .pcard__off,
body.home .pcard__off,
.tka-related .pcard__off {
  position: absolute !important;
  top: 8px !important;
  left: 8px !important;
  right: auto !important;
  z-index: 3 !important;
  background: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%) !important;
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  padding: 3px 6px !important;
  border-radius: 7px !important;
  box-shadow: 0 2px 6px rgba(185, 28, 28, 0.35) !important;
  direction: ltr !important;
  unicode-bidi: embed !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* ۱۸-۵) چیدمان استاندارد ردیف متای کارت محصول: پالت رنگ‌ها و نشان مدل بافت */
.pcard__meta-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 4px !important;
  flex-wrap: wrap !important;
  margin: 5px 0 !important;
  min-height: 20px !important;
}

.pcard__swatches {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  flex-shrink: 0 !important;
}

.pcard__swatch {
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  border: 1px solid #ffffff !important;
  box-shadow: 0 0 0 1px #cbd5e1 !important;
  flex: none !important;
}

.pcard__feat-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 2.5px !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  color: #004e41 !important;
  background: #e6f0ee !important;
  padding: 2px 5px !important;
  border-radius: 5px !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}

.pcard__feat-chip .ic {
  width: 10px !important;
  height: 10px !important;
  color: #004e41 !important;
  flex-shrink: 0 !important;
}