@charset "UTF-8";
/* ==========================================================================
   BajetKala — WooCommerce Shop
   Main Entry Point
   ========================================================================== */
/* ==========================================================================
   BajetKala — Unified SCSS Design Tokens
   ========================================================================== */
:root {
  --bk-primary: #0F4C81;
  --bk-primary-hover: #0A3A63;
  --bk-primary-dark: #0B3D68;
  --bk-secondary: #FF8A00;
  --bk-secondary-hover: #E97A00;
  --bk-accent: #FF8A00;
  --bk-success: #2E7D32;
  --bk-warning: #F9A825;
  --bk-danger: #D32F2F;
  --bk-bg: #F8F9FA;
  --bk-surface: #FFFFFF;
  --bk-white: #FFFFFF;
  --bk-border: #E5E7EB;
  --bk-border-soft: #EEF1F4;
  --bk-text-primary: #222222;
  --bk-text-secondary: #666666;
  --bk-text: #172033;
  --bk-text-soft: #475467;
  --bk-muted: #667085;
  --bk-disabled: #BDBDBD;
  --bk-surface-blue: #F4F8FC;
  --bk-space-xs: 8px;
  --bk-space-sm: 16px;
  --bk-space-md: 24px;
  --bk-space-lg: 32px;
  --bk-space-xl: 48px;
  --bk-space-xxl: 64px;
  --bk-space-section: 96px;
  --bk-radius-button: 12px;
  --bk-radius-input: 12px;
  --bk-radius-card: 16px;
  --bk-radius-modal: 20px;
  --bk-radius-badge: 999px;
  --bk-radius-sm: 8px;
  --bk-radius-md: 10px;
  --bk-radius-lg: 14px;
  --bk-font-fa: 'Vazirmatn', 'IRANSans', Tahoma, sans-serif;
  --bk-font-en: 'Inter', sans-serif;
  --bk-fs-h2: 36px;
  --bk-fs-h4: 24px;
  --bk-fs-h5: 20px;
  --bk-fs-body: 16px;
  --bk-fs-small: 14px;
  --bk-fs-caption: 12px;
  --bk-line-height: 1.5;
  --bk-shadow-1: 0 2px 8px rgba(0, 0, 0, .08);
  --bk-shadow-2: 0 6px 24px rgba(0, 0, 0, .10);
  --bk-shadow-3: 0 12px 40px rgba(0, 0, 0, .12);
  --bk-shadow-soft: 0 4px 18px rgba(16,24,40,.05);
  --bk-motion-hover: 150ms;
  --bk-motion-card: 180ms;
  --bk-motion-fade: 200ms;
  --bk-container-desktop: 1280px;
  --bk-container-large: 1320px;
  --bk-page-margin-desktop: 32px;
  --bk-page-margin-tablet: 24px;
  --bk-page-margin-mobile: 16px;
  --bk-header-height: 80px;
  --bk-logo-width: 160px;
  --bk-search-width: 600px;
  --bk-header-icon-size: 24px;
  --bk-widenav-height: 56px;
  --bk-search-radius: 8px;
  /* Existing Shop system intentionally kept as a separate token namespace. */
  /* ==========================================================================
     یکپارچه‌سازی توکن‌ها (۲۰۲۶) — هرجا یک --bk-shop-* همان مفهوم یکی از
     توکن‌های بالا را داشت، الان مستقیماً از همان‌جا مقدار می‌گیرد (var(--bk-X))
     به‌جای یک عدد hex جداگانه — یعنی برای رنگ/radius برند فقط یک‌جا برای
     ویرایش وجود دارد. چند توکن که واقعاً مخصوص چیدمان/فروشگاه هستند (بدون
     معادل در سایت) مقدار مستقل خودشان را نگه داشته‌اند؛ کنار هرکدام علتش
     نوشته شده.

     نکته: چندتای این‌ها قبلاً مقداری داشتند که با معادل --bk-* اش کمی فرق
     می‌کرد (چند رقم hex، ۱ الی ۲px در radius). این یکپارچه‌سازی همیشه مقدار
     --bk-* (سایت) را به‌عنوان مرجع انتخاب کرده، پس همان چند مورد کمی تغییر
     می‌کنند؛ فهرست دقیق در README (changelog) آمده. جایی که این تفاوت واقعاً
     عمدی و کارکردی بود (مثل سایه آبی‌رنگ کارت‌های فروشگاه)، دست نخورده.
     ========================================================================== */
  --bk-shop-primary: var(--bk-primary); /* بدون تغییر (هردو #0F4C81) */
  --bk-shop-primary-dark: var(--bk-primary-dark); /* بود #0B3B63 → می‌شود #0B3D68 */
  --bk-shop-accent: var(--bk-accent); /* بدون تغییر (هردو #FF8A00) */
  --bk-shop-text: var(--bk-text); /* بود #1F2937 → می‌شود #172033 */
  --bk-shop-text-secondary: var(--bk-text-soft); /* بود #475569 → می‌شود #475467 (تقریباً یکسان) */
  --bk-shop-text-muted: var(--bk-muted); /* بود #64748B → می‌شود #667085 */
  --bk-shop-text-light: #94A3B8; /* مخصوص فروشگاه: یک پله روشن‌تر از muted؛ در سایت معادل ندارد */
  --bk-shop-page-bg: #F5F7FA; /* مخصوص فروشگاه: چیدمان صفحه */
  --bk-shop-surface: var(--bk-surface); /* بدون تغییر (هردو #FFFFFF) */
  --bk-shop-border: var(--bk-border); /* بود #E6EBF0 → می‌شود #E5E7EB */
  --bk-shop-border-hover: #D7E1EA; /* مخصوص فروشگاه: حالت hover تیره‌تر بوردر؛ در سایت معادل ندارد */
  --bk-shop-danger: var(--bk-danger); /* بود #D92D20 → می‌شود #D32F2F */
  --bk-shop-container: 1200px; /* مخصوص فروشگاه: چیدمان */
  --bk-shop-page-padding: 20px; /* مخصوص فروشگاه: چیدمان */
  --bk-shop-grid-gap: 16px; /* مخصوص فروشگاه: چیدمان */
  --bk-shop-card-gap-y: 18px; /* مخصوص فروشگاه: چیدمان */
  --bk-shop-section-gap: 20px; /* مخصوص فروشگاه: چیدمان */
  --bk-shop-radius-sm: var(--bk-radius-sm); /* بود 9px → می‌شود 8px */
  --bk-shop-radius-md: var(--bk-radius-md); /* بود 12px → می‌شود 10px (فعلاً هیچ‌جا استفاده نمی‌شد) */
  --bk-shop-radius-lg: var(--bk-radius-lg); /* بدون تغییر (هردو 14px) */
  --bk-shop-shadow-card: 0 2px 8px rgba(15, 76, 129, 0.04); /* مخصوص فروشگاه: سایه آبی‌رنگ برند، عمدی */
  --bk-shop-shadow-hover: 0 8px 20px rgba(15, 76, 129, 0.08); /* مخصوص فروشگاه: همان بالا */
  --bk-shop-shadow-control: 0 2px 7px rgba(15, 76, 129, 0.035); /* مخصوص فروشگاه: همان بالا */
  --bk-shop-transition: 180ms cubic-bezier(0.2, 0.7, 0.2, 1); /* مخصوص فروشگاه: easing سفارشی */
}

@media (max-width: 849px) {
  :root {
    --bk-header-height: 64px;
    --bk-shop-page-padding: 10px;
    --bk-shop-grid-gap: 8px;
    --bk-shop-card-gap-y: 9px;
  }
}
@media (max-width: 480px) {
  :root {
    --bk-shop-page-padding: 8px;
    --bk-shop-grid-gap: 6px;
    --bk-shop-card-gap-y: 8px;
  }
}
@media (max-width: 360px) {
  :root {
    --bk-shop-page-padding: 7px;
    --bk-shop-grid-gap: 5px;
  }
}
@media (min-width: 850px) and (max-width: 1199px) {
  :root {
    --bk-shop-page-padding: 16px;
    --bk-shop-grid-gap: 14px;
  }
}
#main .products .product-small .badge-container {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 30 !important;
  width: auto !important;
  max-width: calc(100% - 20px) !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none;
}
#main .products .product-small .badge {
  position: static !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}
#main .products .product-small .badge-inner,
#main .products .product-small .badge-circle .badge-inner {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 9px !important;
  border-radius: 8px !important;
  background: var(--bk-shop-accent) !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-shadow: 0 3px 8px rgba(255, 138, 0, 0.14) !important;
}
#main .products .product-small .onsale {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  font: inherit !important;
  line-height: 1 !important;
}
#main .products .product-small .on-sale {
  background: var(--bk-shop-accent) !important;
}

@media (min-width: 850px) and (max-width: 1199px) {
  #main .products .product-small .badge-inner,
  #main .products .product-small .badge-circle .badge-inner {
    height: 27px !important;
    min-height: 27px !important;
    font-size: 9.5px !important;
  }
}
@media (max-width: 849px) {
  #main .products .product-small .badge-container {
    top: 7px !important;
    left: 7px !important;
    right: auto !important;
  }
  #main .products .product-small .badge-inner,
  #main .products .product-small .badge-circle .badge-inner {
    height: 25px !important;
    min-height: 25px !important;
    padding: 0 7px !important;
    border-radius: 7px !important;
    font-size: 8.5px !important;
  }
}
/* ============================================================================
   BajetKala — Wishlist
   Flatsome + YITH WooCommerce Wishlist
   Stable / CSS-only

   Design:
   - Keep the familiar circular control
   - Use the native Flatsome/YITH heart icon
   - No custom font / no CSS-drawn heart
   - No custom JavaScript / AJAX
   - Hide the visual tooltip/popup only
   ============================================================================ */
#main .products .product-small .image-tools.is-small.top.right,
#main .related.related-products-wrapper.product-section .product-small .image-tools.is-small.top.right {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 40 !important;
  width: 36px !important;
  height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
#main .products .product-small .wishlist-icon,
#main .related.related-products-wrapper.product-section .product-small .wishlist-icon {
  width: 36px !important;
  height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
}
#main .products .product-small .image-tools.is-small.top.right .wishlist-button,
#main .products .product-small .wishlist-icon .wishlist-button,
#main .related.related-products-wrapper.product-section .product-small .image-tools.is-small.top.right .wishlist-button,
#main .related.related-products-wrapper.product-section .product-small .wishlist-icon .wishlist-button {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.96) !important;
  color: #475569 !important;
  box-shadow: 0 3px 9px rgba(15, 76, 129, 0.08) !important;
  transition: color var(--bk-shop-transition), border-color var(--bk-shop-transition), background-color var(--bk-shop-transition), transform var(--bk-shop-transition) !important;
}
#main .products .product-small .image-tools.is-small.top.right .wishlist-button:hover,
#main .products .product-small .wishlist-icon .wishlist-button:hover,
#main .related.related-products-wrapper.product-section .product-small .image-tools.is-small.top.right .wishlist-button:hover,
#main .related.related-products-wrapper.product-section .product-small .wishlist-icon .wishlist-button:hover {
  color: #E5484D !important;
  border-color: #F1CBCD !important;
  transform: translateY(-1px) !important;
}
#main .products .product-small,
#main .related.related-products-wrapper.product-section .product-small {
  /* Native Flatsome icon */
}
#main .products .product-small .wishlist-button i,
#main .products .product-small .wishlist-button .icon-heart,
#main .related.related-products-wrapper.product-section .product-small .wishlist-button i,
#main .related.related-products-wrapper.product-section .product-small .wishlist-button .icon-heart {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  font-size: 15px !important;
  line-height: 1 !important;
}
#main .products .product-small,
#main .related.related-products-wrapper.product-section .product-small {
  /* Native YITH SVG */
}
#main .products .product-small .wishlist-icon .yith-wcwl-icon-svg,
#main .related.related-products-wrapper.product-section .product-small .wishlist-icon .yith-wcwl-icon-svg {
  display: block !important;
  width: 17px !important;
  height: 17px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: currentColor !important;
  stroke: currentColor !important;
}
#main .products .product-small,
#main .related.related-products-wrapper.product-section .product-small {
  /* Keep YITH functional; only reset its visual link */
}
#main .products .product-small .wishlist-icon .yith-wcwl-add-button a,
#main .related.related-products-wrapper.product-section .product-small .wishlist-icon .yith-wcwl-add-button a {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
#main .products .product-small .wishlist-icon .yith-wcwl-add-button > span,
#main .related.related-products-wrapper.product-section .product-small .wishlist-icon .yith-wcwl-add-button > span {
  display: none !important;
}
#main .products .product-small,
#main .related.related-products-wrapper.product-section .product-small {
  /* ------------------------------------------------------------------------
     Tooltip / popup suppression
     ------------------------------------------------------------------------ */
}
#main .products .product-small .wishlist-popup,
#main .related.related-products-wrapper.product-section .product-small .wishlist-popup {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
#main .products .product-small .wishlist-popup::before,
#main .products .product-small .wishlist-popup::after,
#main .products .product-small .wishlist-icon .tooltip::before,
#main .products .product-small .wishlist-icon .tooltip::after,
#main .related.related-products-wrapper.product-section .product-small .wishlist-popup::before,
#main .related.related-products-wrapper.product-section .product-small .wishlist-popup::after,
#main .related.related-products-wrapper.product-section .product-small .wishlist-icon .tooltip::before,
#main .related.related-products-wrapper.product-section .product-small .wishlist-icon .tooltip::after {
  display: none !important;
  content: none !important;
}
#main .products .product-small .wishlist-icon .tooltip,
#main .products .product-small .wishlist-icon [role=tooltip],
#main .related.related-products-wrapper.product-section .product-small .wishlist-icon .tooltip,
#main .related.related-products-wrapper.product-section .product-small .wishlist-icon [role=tooltip] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* ============================================================================
   TABLET
   ============================================================================ */
@media (min-width: 850px) and (max-width: 1199px) {
  #main .products .product-small .image-tools.is-small.top.right,
  #main .products .product-small .image-tools.is-small.top.right .wishlist-icon,
  #main .products .product-small .image-tools.is-small.top.right .wishlist-button,
  #main .products .product-small .wishlist-icon .wishlist-button,
  #main .related.related-products-wrapper.product-section .product-small .image-tools.is-small.top.right,
  #main .related.related-products-wrapper.product-section .product-small .image-tools.is-small.top.right .wishlist-icon,
  #main .related.related-products-wrapper.product-section .product-small .image-tools.is-small.top.right .wishlist-button,
  #main .related.related-products-wrapper.product-section .product-small .wishlist-icon .wishlist-button {
    width: 35px !important;
    height: 35px !important;
    min-width: 35px !important;
    min-height: 35px !important;
  }
  #main .products .product-small .wishlist-icon .yith-wcwl-add-button a,
  #main .related.related-products-wrapper.product-section .product-small .wishlist-icon .yith-wcwl-add-button a {
    width: 35px !important;
    height: 35px !important;
    min-width: 35px !important;
    min-height: 35px !important;
  }
  #main .products .product-small .wishlist-icon .yith-wcwl-icon-svg,
  #main .related.related-products-wrapper.product-section .product-small .wishlist-icon .yith-wcwl-icon-svg {
    width: 16px !important;
    height: 16px !important;
  }
}
/* ============================================================================
   MOBILE
   ============================================================================ */
@media (max-width: 849px) {
  #main .products .product-small .image-tools.is-small.top.right,
  #main .related.related-products-wrapper.product-section .product-small .image-tools.is-small.top.right {
    top: 7px !important;
    right: 7px !important;
    width: 32px !important;
    height: 32px !important;
  }
  #main .products .product-small .image-tools.is-small.top.right .wishlist-icon,
  #main .products .product-small .image-tools.is-small.top.right .wishlist-button,
  #main .products .product-small .wishlist-icon .wishlist-button,
  #main .related.related-products-wrapper.product-section .product-small .image-tools.is-small.top.right .wishlist-icon,
  #main .related.related-products-wrapper.product-section .product-small .image-tools.is-small.top.right .wishlist-button,
  #main .related.related-products-wrapper.product-section .product-small .wishlist-icon .wishlist-button {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
  }
  #main .products .product-small .wishlist-icon .yith-wcwl-add-button a,
  #main .related.related-products-wrapper.product-section .product-small .wishlist-icon .yith-wcwl-add-button a {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
  }
  #main .products .product-small .wishlist-button i,
  #main .products .product-small .wishlist-button .icon-heart,
  #main .related.related-products-wrapper.product-section .product-small .wishlist-button i,
  #main .related.related-products-wrapper.product-section .product-small .wishlist-button .icon-heart {
    font-size: 14px !important;
  }
  #main .products .product-small .wishlist-icon .yith-wcwl-icon-svg,
  #main .related.related-products-wrapper.product-section .product-small .wishlist-icon .yith-wcwl-icon-svg {
    width: 14px !important;
    height: 14px !important;
  }
}
/* ============================================================================
   SMALL MOBILE
   ============================================================================ */
@media (max-width: 480px) {
  #main .products .product-small .image-tools.is-small.top.right,
  #main .related.related-products-wrapper.product-section .product-small .image-tools.is-small.top.right {
    top: 6px !important;
    right: 6px !important;
  }
}
/* ============================================================================
   VERY SMALL MOBILE
   ============================================================================ */
@media (max-width: 360px) {
  #main .products .product-small .image-tools.is-small.top.right,
  #main .related.related-products-wrapper.product-section .product-small .image-tools.is-small.top.right {
    top: 5px !important;
    right: 5px !important;
  }
}
/* ============================================================================
   REDUCED MOTION
   ============================================================================ */
@media (prefers-reduced-motion: reduce) {
  #main .products .product-small .wishlist-button,
  #main .related.related-products-wrapper.product-section .product-small .wishlist-button {
    transition: none !important;
  }
}
#main .products .product-small .box-text.box-text-products .product-cat {
  display: block !important;
  width: 100% !important;
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  margin: 0 0 5px !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: var(--bk-shop-text-muted) !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 22px !important;
  text-align: right !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  text-transform: none !important;
  opacity: 1 !important;
  letter-spacing: 0 !important;
}
#main .products .product-small .box-text.box-text-products .product-title,
#main .products .product-small .box-text.box-text-products .product-title a {
  display: -webkit-box !important;
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: var(--bk-shop-text) !important;
  font-family: inherit !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  text-align: right !important;
  text-decoration: none !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}
#main .products .product-small .box-text.box-text-products .product-title a:hover {
  color: var(--bk-shop-primary) !important;
}
#main .products .product-small .box-text.box-text-products .price-wrapper {
  width: 100% !important;
  height: auto !important;
  min-height: 40px !important;
  display: flex !important;
  align-items: flex-end !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
  padding: 12px 0 0 !important;
}
#main .products .product-small .box-text.box-text-products .price {
  width: 100% !important;
  min-height: 30px !important;
  display: flex !important;
  align-items: baseline !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--bk-shop-primary) !important;
  font-family: inherit !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  text-align: right !important;
  direction: rtl !important;
}
#main .products .product-small .box-text.box-text-products .woocommerce-Price-amount {
  font-weight: 800 !important;
}
#main .products .product-small .box-text.box-text-products .woocommerce-Price-currencySymbol {
  margin-inline-end: 3px !important;
  color: var(--bk-shop-text-muted) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}
#main .products .product-small .box-text.box-text-products del {
  order: 1 !important;
  color: #9CA3AF !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}
#main .products .product-small .box-text.box-text-products ins {
  order: 2 !important;
  color: var(--bk-shop-danger) !important;
  text-decoration: none !important;
}
#main .products .product-small .box-text.box-text-products .price-wrapper:empty {
  display: none !important;
  min-height: 0 !important;
  padding: 0 !important;
}

@media (min-width: 850px) and (max-width: 1199px) {
  #main .products .product-small .box-text.box-text-products .product-cat {
    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;
    font-size: 13px !important;
    line-height: 20px !important;
  }
  #main .products .product-small .box-text.box-text-products .product-title,
  #main .products .product-small .box-text.box-text-products .product-title a {
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    font-size: 14.5px !important;
    line-height: 22px !important;
  }
  #main .products .product-small .box-text.box-text-products .price {
    font-size: 19px !important;
  }
  #main .products .product-small .box-text.box-text-products .woocommerce-Price-currencySymbol {
    font-size: 11px !important;
  }
}
@media (max-width: 849px) {
  #main .products .product-small .box-image .image-fade_in_back > a {
    height: 170px !important;
  }
  #main .products .product-small .box-text.box-text-products .product-cat {
    height: 19px !important;
    min-height: 19px !important;
    max-height: 19px !important;
    margin-bottom: 3px !important;
    font-size: 12px !important;
    line-height: 19px !important;
  }
  #main .products .product-small .box-text.box-text-products .product-title,
  #main .products .product-small .box-text.box-text-products .product-title a {
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    font-size: 13px !important;
    line-height: 20px !important;
  }
  #main .products .product-small .box-text.box-text-products .price-wrapper {
    min-height: 27px !important;
    padding-top: 8px !important;
  }
  #main .products .product-small .box-text.box-text-products .price {
    font-size: 16px !important;
    line-height: 1.4 !important;
  }
  #main .products .product-small .box-text.box-text-products .woocommerce-Price-currencySymbol {
    font-size: 10px !important;
  }
}
@media (max-width: 480px) {
  #main .products .product-small .box-image .image-fade_in_back > a {
    height: 150px !important;
  }
  #main .products .product-small .box-text.box-text-products .product-cat {
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    font-size: 11px !important;
    line-height: 18px !important;
  }
  #main .products .product-small .box-text.box-text-products .product-title,
  #main .products .product-small .box-text.box-text-products .product-title a {
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    font-size: 12.5px !important;
    line-height: 20px !important;
  }
  #main .products .product-small .box-text.box-text-products .price {
    font-size: 15px !important;
  }
  #main .products .product-small .box-text.box-text-products .woocommerce-Price-currencySymbol {
    font-size: 9px !important;
  }
}
@media (max-width: 360px) {
  #main .products .product-small .box-image .image-fade_in_back > a {
    height: 140px !important;
  }
  #main .products .product-small .box-text.box-text-products .product-cat {
    height: 17px !important;
    min-height: 17px !important;
    max-height: 17px !important;
    font-size: 10.5px !important;
    line-height: 17px !important;
  }
  #main .products .product-small .box-text.box-text-products .product-title,
  #main .products .product-small .box-text.box-text-products .product-title a {
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    font-size: 12px !important;
    line-height: 19px !important;
  }
  #main .products .product-small .box-text.box-text-products .price {
    font-size: 14px !important;
  }
  #main .products .product-small .box-text.box-text-products .woocommerce-Price-currencySymbol {
    font-size: 8.5px !important;
  }
}
/* ============================================================================
   BajetKala — فیلتر سایدبار فروشگاه (پلاگین WPC Smart Filters)
   ----------------------------------------------------------------------
   قبلاً فقط قاب بیرونی ویجت (#shop-sidebar .widget در shop.scss) استایل
   داشت؛ محتوای داخلی (اسلایدر قیمت، چک‌باکس‌ها، لینک «See more») کاملاً
   ظاهر پیش‌فرض افزونه/مرورگر را داشت — دقیقاً همان چیزی که غیرحرفه‌ای
   به‌نظر می‌رسید. این فایل با همان توکن‌های --bk-shop-* که فروشگاه از قبل
   استفاده می‌کند هماهنگ است.

   اصلاح مهم (بعد از تست روی سایت واقعی): نسخه قبلی این فایل هیچ‌جا از
   !important استفاده نمی‌کرد. اسلایدر قیمت (کتابخانه عمومی jQuery UI،
   بدون برندسازی خاص پلاگین) تصادفاً چون رقیبی نداشت درست اعمال شد، اما
   ظاهر چک‌باکس‌ها (که پلاگین WPC خودش با اولویت بالا/!important استایل
   می‌دهد) کاملاً نادیده گرفته شد. طبق قرارداد بقیه پروژه (هر جا باید روی
   CSS پیش‌فرض پلاگین/تم غلبه کند)، اینجا هم !important روی تمام مقادیر
   بصری اضافه شد.
   ============================================================================ */
/* --------------------------------------------------------------------------
   عنوان کلی «فیلتر» + جداکننده
   -------------------------------------------------------------------------- */
#shop-sidebar .wpc-filter-set-widget-title {
  margin-bottom: 14px !important;
}

#shop-sidebar .wpc-filter-set-widget-title .widget-title {
  display: block !important;
  color: var(--bk-shop-text) !important;
  font-family: var(--bk-font-fa) !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}

#shop-sidebar .wpc-filter-set-widget-title .is-divider {
  display: none !important; /* جداکننده پیش‌فرض جایگزین به‌نفع فاصله + بوردر پایین بخش‌ها می‌شود */
}

/* --------------------------------------------------------------------------
   هر بخش فیلتر (قیمت / برچسب / دسته) — جداسازی واضح با فاصله + خط ظریف
   -------------------------------------------------------------------------- */
#shop-sidebar .wpc-filters-section {
  padding: 16px 0 !important;
  border-bottom: 1px solid var(--bk-shop-border) !important;
}

#shop-sidebar .wpc-filters-section:first-child {
  padding-top: 0 !important;
}

#shop-sidebar .wpc-filters-section:last-child {
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

#shop-sidebar .wpc-filter-header {
  margin-bottom: 12px !important;
}

#shop-sidebar .wpc-filter-header .widget-title.wpc-filter-title {
  display: block !important;
  color: var(--bk-shop-text) !important;
  font-family: var(--bk-font-fa) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

/* عنوان بخش قیمت («Price») — پلاگین این متن را انگلیسی رندر می‌کند و در
   این پروژه گزینه‌ای برای ترجمه‌اش نبود؛ فقط همینجا (بدون اثر روی عنوان
   بخش‌های دیگر که از قبل فارسی‌اند) بصری با فارسی جایگزین می‌شود. */
#shop-sidebar .wpc-filters-section.wpc-filter-_price .wpc-filter-header .widget-title.wpc-filter-title {
  font-size: 0 !important;
}

#shop-sidebar .wpc-filters-section.wpc-filter-_price .wpc-filter-header .widget-title.wpc-filter-title::after {
  content: "قیمت" !important;
  font-size: 13px !important;
}

/* --------------------------------------------------------------------------
   فیلتر قیمت — ورودی‌های عددی
   -------------------------------------------------------------------------- */
#shop-sidebar .wpc-filters-range-wrapper {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 18px !important;
}

#shop-sidebar .wpc-filters-range-column {
  position: relative !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
}

#shop-sidebar .wpc-filters-range-min,
#shop-sidebar .wpc-filters-range-max {
  width: 100% !important;
  height: 38px !important;
  padding: 0 10px !important;
  border: 1px solid var(--bk-shop-border) !important;
  border-radius: var(--bk-shop-radius-sm) !important;
  background: #fff !important;
  color: var(--bk-shop-text) !important;
  font-family: var(--bk-font-fa) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-align: center !important;
  transition: border-color var(--bk-shop-transition) !important;
}

#shop-sidebar .wpc-filters-range-min:focus,
#shop-sidebar .wpc-filters-range-max:focus {
  border-color: var(--bk-shop-primary) !important;
  outline: none !important;
}

#shop-sidebar .wpc-range-clear {
  position: absolute !important;
  top: 50% !important;
  left: 6px !important;
  transform: translateY(-50%) !important;
  width: 16px !important;
  height: 16px !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--bk-shop-text-light) !important;
  line-height: 1 !important;
}

/* --------------------------------------------------------------------------
   فیلتر قیمت — اسلایدر (jQuery UI) — بازطراحی کامل ظاهر پیش‌فرض
   -------------------------------------------------------------------------- */
#shop-sidebar .wpc-filters-range-slider-wrapper {
  padding: 0 4px !important;
}

#shop-sidebar .ui-slider.wpc-filters-range-slider-control {
  position: relative !important;
  height: 4px !important;
  margin: 14px 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--bk-shop-border) !important;
}

#shop-sidebar .ui-slider .ui-slider-range {
  position: absolute !important;
  top: 0 !important;
  height: 100% !important;
  border-radius: 999px !important;
  background: var(--bk-shop-primary) !important;
}

#shop-sidebar .ui-slider .ui-slider-handle {
  position: absolute !important;
  top: 50% !important;
  width: 16px !important;
  height: 16px !important;
  margin-top: -8px !important;
  margin-inline-start: -8px !important;
  border: 2px solid var(--bk-shop-primary) !important;
  border-radius: 50% !important;
  background: #fff !important;
  box-shadow: 0 2px 6px rgba(15, 76, 129, 0.25) !important;
  cursor: pointer !important;
  outline: none !important;
  transition: transform var(--bk-shop-transition), box-shadow var(--bk-shop-transition) !important;
}

#shop-sidebar .ui-slider .ui-slider-handle:hover,
#shop-sidebar .ui-slider .ui-slider-handle:focus {
  transform: scale(1.15) !important;
  box-shadow: 0 3px 9px rgba(15, 76, 129, 0.35) !important;
}

/* --------------------------------------------------------------------------
   لیست چک‌باکسی (برچسب‌ها / دسته‌ها)
   -------------------------------------------------------------------------- */
#shop-sidebar .wpc-filters-ul-list {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#shop-sidebar .wpc-checkbox-item {
  margin: 0 !important;
  padding: 0 !important;
}

#shop-sidebar .wpc-term-item-content-wrapper {
  display: flex !important;
  align-items: center !important;
  padding: 6px 0 !important;
}

/* چک‌باکس سفارشی — پلاگین WPC روی چک‌باکس‌های خودش استایل با اولویت بالا
   می‌دهد؛ بدون !important این بخش کاملاً نادیده گرفته می‌شد (دقیقاً همان
   چیزی که روی سایت واقعی مشاهده شد). */
#shop-sidebar .wpc-term-item-content-wrapper input[type=checkbox] {
  flex: 0 0 16px !important;
  width: 16px !important;
  height: 16px !important;
  margin: 0 0 0 10px !important;
  border: 1.5px solid var(--bk-shop-border) !important;
  border-radius: 4px !important;
  background: #fff !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  cursor: pointer !important;
  transition: background-color var(--bk-shop-transition), border-color var(--bk-shop-transition) !important;
}

#shop-sidebar .wpc-term-item-content-wrapper input[type=checkbox]:checked {
  border-color: var(--bk-shop-primary) !important;
  background: var(--bk-shop-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.5 8.5L6.5 11.5L12.5 4.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat !important;
}

#shop-sidebar .wpc-term-item-content-wrapper input[type=checkbox]:focus-visible {
  outline: 2px solid rgba(15, 76, 129, 0.3) !important;
  outline-offset: 2px !important;
}

#shop-sidebar .wpc-term-item-content-wrapper label {
  display: flex !important;
  flex: 1 1 auto !important;
  align-items: center !important;
  min-width: 0 !important;
  cursor: pointer !important;
}

#shop-sidebar .wpc-filter-link {
  overflow: hidden !important;
  color: var(--bk-shop-text) !important;
  font-family: var(--bk-font-fa) !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  transition: color var(--bk-shop-transition) !important;
}

#shop-sidebar .wpc-term-item-content-wrapper:hover .wpc-filter-link {
  color: var(--bk-shop-primary) !important;
}

#shop-sidebar .wpc-term-count {
  flex: 0 0 auto !important;
  margin-inline-start: 5px !important;
  color: var(--bk-shop-text-light) !important;
  font-family: var(--bk-font-fa) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}

/* --------------------------------------------------------------------------
   «See more / See less» — ظاهر لینک + جایگزینی بصری متن انگلیسی با فارسی
   (متن واقعی برای screen reader دست‌نخورده می‌ماند)
   -------------------------------------------------------------------------- */
#shop-sidebar .wpc-toggle-a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin-top: 6px !important;
  color: var(--bk-shop-primary) !important;
  font-family: var(--bk-font-fa) !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

#shop-sidebar .wpc-toggle-a:hover {
  color: var(--bk-shop-primary-dark) !important;
}

#shop-sidebar .wpc-see-more-control,
#shop-sidebar .wpc-see-less-control {
  font-size: 0 !important;
}

#shop-sidebar .wpc-see-more-control::after {
  content: "نمایش بیشتر" !important;
  font-size: 11.5px !important;
}

#shop-sidebar .wpc-see-less-control::after {
  content: "نمایش کمتر" !important;
  font-size: 11.5px !important;
}

/* --------------------------------------------------------------------------
   دکمه «Show (N)» / بستن — نوار پایین حالت پاپ‌آپ موبایل
   -------------------------------------------------------------------------- */
#shop-sidebar .wpc-filters-widget-controls-wrapper {
  display: flex !important;
  gap: 8px !important;
  padding-top: 14px !important;
  border-top: 1px solid var(--bk-shop-border) !important;
}

#shop-sidebar .wpc-filters-apply-button {
  display: flex !important;
  flex: 1 1 auto !important;
  align-items: center !important;
  justify-content: center !important;
  height: 44px !important;
  border-radius: var(--bk-shop-radius-md) !important;
  background: var(--bk-shop-accent) !important;
  color: #fff !important;
  font-family: var(--bk-font-fa) !important;
  text-decoration: none !important;
  font-size: 0 !important;
}

#shop-sidebar .wpc-filters-apply-button::before {
  content: "نمایش نتایج" !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

#shop-sidebar .wpc-filters-apply-button .wpc-filters-found-posts-wrapper {
  font-size: 13px !important;
  font-weight: 700 !important;
  margin-inline-start: 4px !important;
}

#shop-sidebar .wpc-filters-close-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 44px !important;
  padding: 0 16px !important;
  border: 1px solid var(--bk-shop-border) !important;
  border-radius: var(--bk-shop-radius-md) !important;
  background: #fff !important;
  color: var(--bk-shop-text) !important;
  font-family: var(--bk-font-fa) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

/* --------------------------------------------------------------------------
   اسکرول داخلی سایدبار — نوار اسکرول ظریف به‌جای پیش‌فرض مرورگر
   -------------------------------------------------------------------------- */
#shop-sidebar .wpc-filters-scroll-container {
  scrollbar-width: thin;
  scrollbar-color: var(--bk-shop-border) transparent;
}

#shop-sidebar .wpc-filters-scroll-container::-webkit-scrollbar {
  width: 5px;
}

#shop-sidebar .wpc-filters-scroll-container::-webkit-scrollbar-thumb {
  border-radius: 999px !important;
  background: var(--bk-shop-border) !important;
}

.shop-container .products.row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin-inline: calc(var(--bk-shop-grid-gap) / -2);
  margin-top: 0;
}
.shop-container .products.row > .product-small.col {
  padding-inline: calc(var(--bk-shop-grid-gap) / 2);
  margin-bottom: var(--bk-shop-card-gap-y);
}

#main .products .product-small {
  height: auto !important;
  direction: rtl;
}
#main .products .product-small > .col-inner {
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
}
#main .products .product-small .product-small.box {
  height: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--bk-shop-border);
  border-radius: var(--bk-shop-radius-lg);
  background: var(--bk-shop-surface);
  box-shadow: var(--bk-shop-shadow-card);
  transition: transform var(--bk-shop-transition), border-color var(--bk-shop-transition), box-shadow var(--bk-shop-transition);
}
#main .products .product-small .product-small.box:hover {
  border-color: var(--bk-shop-border-hover);
  box-shadow: var(--bk-shop-shadow-hover);
  transform: translateY(-2px);
}
#main .products .product-small .box-text.box-text-products {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  margin: 0 !important;
  padding: 11px 14px 14px !important;
  background: var(--bk-shop-surface) !important;
  direction: rtl !important;
  text-align: right !important;
}
#main .products .product-small .box-text.box-text-products .title-wrapper {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  margin: 0 !important;
  padding: 0 !important;
}

#main .products .product-small .box-image {
  position: relative !important;
  width: 100% !important;
  height: 220px !important;
  min-height: 220px !important;
  max-height: 220px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: var(--bk-shop-surface) !important;
}

#main .products .product-small .image-fade_in_back {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--bk-shop-surface) !important;
}
#main .products .product-small .image-fade_in_back > a {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  aspect-ratio: auto !important;
  background: var(--bk-shop-surface) !important;
}

#main .products .product-small .image-fade_in_back > a > img.attachment-woocommerce_thumbnail {
  position: relative !important;
  inset: auto !important;
  flex: 0 0 auto !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: calc(100% - 20px) !important;
  max-height: calc(100% - 20px) !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
  background: transparent !important;
  transition: transform 280ms cubic-bezier(0.2, 0.7, 0.2, 1);
}

#main .products .product-small .image-fade_in_back:hover > a > img.attachment-woocommerce_thumbnail {
  transform: scale(1.02) !important;
}

#main .products .product-small .image-fade_in_back > a > img.back-image {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 10px !important;
  display: block !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
  background: var(--bk-shop-surface) !important;
}

#main .products .product-small .image-tools.grid-tools {
  position: absolute !important;
  right: 10px !important;
  bottom: 10px !important;
  left: 10px !important;
  width: auto !important;
  height: 44px !important;
  z-index: 25 !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: 7px !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(8px) !important;
  background: transparent !important;
  transition: opacity var(--bk-shop-transition), visibility var(--bk-shop-transition), transform var(--bk-shop-transition) !important;
}
#main .products .product-small .box-image:hover .image-tools.grid-tools {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}

#main .products .product-small .image-tools.grid-tools .quick-view {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 44px !important;
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 15px !important;
  border: 1px solid rgba(226, 232, 240, 0.95) !important;
  border-radius: 9px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  color: var(--bk-shop-primary) !important;
  font-family: inherit !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-shadow: 0 4px 12px rgba(15, 76, 129, 0.1) !important;
  backdrop-filter: blur(8px);
  transition: background-color var(--bk-shop-transition), border-color var(--bk-shop-transition), color var(--bk-shop-transition), transform var(--bk-shop-transition), box-shadow var(--bk-shop-transition) !important;
}
#main .products .product-small .image-tools.grid-tools .quick-view:hover {
  background: var(--bk-shop-primary) !important;
  border-color: var(--bk-shop-primary) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 15px rgba(15, 76, 129, 0.16) !important;
}

#main .products .product-small .image-tools.grid-tools .add-to-cart-grid {
  flex: 0 0 44px !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: var(--bk-shop-accent) !important;
  color: #fff !important;
  box-shadow: 0 5px 14px rgba(255, 138, 0, 0.18) !important;
  transition: background-color var(--bk-shop-transition), transform var(--bk-shop-transition), box-shadow var(--bk-shop-transition) !important;
}
#main .products .product-small .image-tools.grid-tools .add-to-cart-grid:hover {
  background: #E97800 !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 7px 18px rgba(255, 138, 0, 0.26) !important;
}
#main .products .product-small .image-tools.grid-tools .add-to-cart-grid .cart-icon {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: #fff !important;
}
#main .products .product-small .image-tools.grid-tools .add-to-cart-grid .cart-icon strong {
  display: block !important;
  margin: 0 !important;
  font-family: Arial, sans-serif !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  transform: translateY(-1px);
}

#main .products .product-small .image-tools.grid-tools .tooltip::before,
#main .products .product-small .image-tools.grid-tools .tooltip::after {
  display: none !important;
}

#main .products.has-equal-box-heights .product-small > .col-inner,
#main .products.has-equal-box-heights .product-small .product-small.box {
  height: 100% !important;
  min-height: 0 !important;
}

@media (min-width: 850px) and (max-width: 1199px) {
  #main .products .product-small .box-image {
    height: 200px !important;
    min-height: 200px !important;
    max-height: 200px !important;
  }
  #main .products .product-small .box-text.box-text-products {
    padding: 11px 12px 13px !important;
  }
}
@media (max-width: 849px) {
  .shop-container .products.row {
    margin-inline: calc(var(--bk-shop-grid-gap) / -2);
  }
  .shop-container .products.row > .product-small.col {
    padding-inline: calc(var(--bk-shop-grid-gap) / 2);
    margin-bottom: var(--bk-shop-card-gap-y);
  }
  .col-inner:has(> .product-small.box) {
    min-height: 300px !important;
  } /* کف ۴۳۰px دسکتاپ روی موبایل فضای خالی می‌ساخت */
  #main .products .product-small .product-small.box {
    border-radius: 11px;
    box-shadow: 0 2px 8px rgba(15, 76, 129, 0.05);
    transform: none !important;
  }
  #main .products .product-small .box-image {
    height: 170px !important;
    min-height: 170px !important;
    max-height: 170px !important;
  }
  #main .products .product-small .image-fade_in_back > a > img.attachment-woocommerce_thumbnail {
    max-width: calc(100% - 14px) !important;
    max-height: calc(100% - 14px) !important;
  }
  #main .products .product-small .image-fade_in_back > a > img.back-image {
    padding: 7px !important;
  }
  #main .products .product-small .box-text.box-text-products {
    padding: 9px 8px 10px !important;
  }
  #main .products .product-small .image-tools.grid-tools {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }
}
@media (max-width: 480px) {
  .col-inner:has(> .product-small.box) {
    min-height: 280px !important;
  }
  #main .products .product-small .box-image {
    height: 150px !important;
    min-height: 150px !important;
    max-height: 150px !important;
  }
  #main .products .product-small .image-fade_in_back > a > img.attachment-woocommerce_thumbnail {
    max-width: calc(100% - 12px) !important;
    max-height: calc(100% - 12px) !important;
  }
  #main .products .product-small .box-text.box-text-products {
    padding: 8px 7px 9px !important;
  }
}
@media (max-width: 360px) {
  .col-inner:has(> .product-small.box) {
    min-height: 265px !important;
  }
  #main .products .product-small .box-image {
    height: 140px !important;
    min-height: 140px !important;
    max-height: 140px !important;
  }
  #main .products .product-small .image-fade_in_back > a > img.attachment-woocommerce_thumbnail {
    max-width: calc(100% - 10px) !important;
    max-height: calc(100% - 10px) !important;
  }
  #main .products .product-small .box-text.box-text-products {
    padding: 7px 6px 8px !important;
  }
}
/* ============================================================================
   بخش دوم این فایل — قبلاً _product-card-final-fix.scss («وصله» جدا)
   ----------------------------------------------------------------------
   این بخش قبلاً یک فایل جداگانه بود که بعد از این فایل لود می‌شد و چند
   انتخاب‌گر بالا را (کارت روی .col-inner، محتوای داخلی روی .product-small.box،
   بج، ناحیه تصویر) دوباره override می‌کرد. اینجا با همان محتوا و همان ترتیب
   نسبی نسبت به بقیه فایل‌های shop.scss ادغام شده (ترتیب import در shop.scss
   طوری تنظیم شده که خروجی کامپایل‌شده کاملاً یکسان با قبل بماند؛ با diff
   تأیید شده) — فقط به‌جای دو فایل با تاریخچه‌ی «وصله روی وصله»، حالا یک
   فایل با ترتیب صریح و مستند است.
   ============================================================================ */
/* --------------------------------------------------------------------------
   1. OUTER CARD
   -------------------------------------------------------------------------- */
.col-inner:has(> .product-small.box) {
  position: relative !important;
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  border: 1px solid #E6EAF0 !important;
  border-radius: 16px !important; /* سند ۵.۷ */
  overflow: hidden !important;
  box-shadow: 0 2px 10px rgba(20, 38, 76, 0.045) !important;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important; /* سند ۵.۷: 180ms */
}

.col-inner:has(> .product-small.box) {
  min-height: 430px !important; /* سند ۵.۷: حداقل‌ارتفاع */
}

.col-inner:has(> .product-small.box):hover {
  border-color: #D9E1E8 !important;
  box-shadow: 0 8px 24px rgba(20, 38, 76, 0.09) !important;
  transform: translateY(-4px) !important; /* سند ۵.۷ */
}

/* --------------------------------------------------------------------------
   2. PRODUCT SMALL = CONTENT ONLY
   -------------------------------------------------------------------------- */
.col-inner > .product-small.box {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

/* --------------------------------------------------------------------------
   3. BADGE — MUST NOT AFFECT CARD HEIGHT
   -------------------------------------------------------------------------- */
.col-inner > .badge-container {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  right: auto !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 30 !important;
}

.col-inner > .badge-container .badge {
  display: inline-flex !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.col-inner > .badge-container .badge-inner {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 42px;
  min-height: 28px; /* سند ۵.۱۶ */
  padding: 0 12px !important; /* سند ۵.۱۶ */
  border: 0 !important;
  border-radius: 999px !important; /* سند ۵.۱۶: کپسولی */
  background: #FF8A00 !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 12px !important; /* سند ۵.۱۶ */
  font-weight: 600 !important; /* سند ۵.۱۶ */
  line-height: 1.2 !important;
  box-shadow: 0 3px 8px rgba(255, 138, 0, 0.18) !important;
}

/* --------------------------------------------------------------------------
   4. IMAGE AREA
   -------------------------------------------------------------------------- */
.col-inner > .product-small.box .box-image {
  position: relative !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  height: 100%; /* ارتفاع واقعی از #main .products .product-small .box-image (بالاتر در همین فایل) کنترل می‌شود؛ آن‌جا هم ID دارد هم !important */
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  overflow: hidden !important;
}

/*
   سند ۵.۷: ارتفاع تصویر ثابت 220px — مقدار واقعی در بالای همین فایل
   (#main .products .product-small .box-image) تنظیم می‌شود، چون آن
   انتخاب‌گر ID دارد و همیشه برنده است. اینجا فقط height:100% (پر کردن
   والد) کافی است؛ قبلاً اینجا مقدار ثابت 220px تکرار شده بود که چون
   ID نداشت هرگز واقعاً اعمال نمی‌شد.
*/
.col-inner > .product-small.box .box-image .image-fade_in_back > a {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
}

/* تصویر اصلی */
.col-inner > .product-small.box .box-image .image-fade_in_back > a > img:first-child {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
  transform: none !important;
  transition: transform 0.18s ease !important; /* سند ۵.۷: 180ms */
}

/* تصویر دوم Flatsome */
.col-inner > .product-small.box .box-image .image-fade_in_back > a > img.back-image {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  object-fit: contain !important;
  transform: none !important;
}

/* Hover image */
@media (hover: hover) {
  .col-inner:has(> .product-small.box):hover .box-image .image-fade_in_back > a > img:first-child {
    transform: scale(1.03) !important; /* سند ۵.۷ */
  }
}
/* --------------------------------------------------------------------------
   Page base
   -------------------------------------------------------------------------- */
body.post-type-archive-product,
body.tax-product_cat,
body.tax-product_tag {
  background: var(--bk-shop-page-bg);
}
body.post-type-archive-product .main-page-wrapper,
body.tax-product_cat .main-page-wrapper,
body.tax-product_tag .main-page-wrapper {
  background: var(--bk-shop-page-bg);
}
body.post-type-archive-product #main,
body.tax-product_cat #main,
body.tax-product_tag #main {
  direction: rtl;
}

/* --------------------------------------------------------------------------
   Layout
   -------------------------------------------------------------------------- */
.category-page-row {
  width: 100%;
  max-width: none;
  margin-inline: auto;
}
.category-page-row > .col {
  padding-bottom: 0;
}
.category-page-row > .col.large-3 {
  padding-inline-end: 10px;
}
.category-page-row > .col.large-9 {
  padding-inline-start: 10px;
}

.shop-page-title.category-page-title.page-title {
  display: none !important;
}

.bk-shop-header__inner,
.shop-container {
  width: min(100% - var(--bk-shop-page-padding) * 2, var(--bk-shop-container));
  margin-inline: auto;
}

/* --------------------------------------------------------------------------
   Shop header
   -------------------------------------------------------------------------- */
.bk-shop-header {
  width: 100%;
  margin: 0;
  padding: 0 0 var(--bk-shop-section-gap);
  direction: rtl;
  background: transparent;
  font-family: inherit;
}

.bk-shop-header__inner {
  padding-top: 14px;
}

.bk-shop-header__breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 0 12px;
  color: var(--bk-shop-text-muted);
  font-family: inherit;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.8;
}
.bk-shop-header__breadcrumb a {
  color: var(--bk-shop-text-muted);
  text-decoration: none;
  transition: color var(--bk-shop-transition);
}
.bk-shop-header__breadcrumb a:hover {
  color: var(--bk-shop-primary);
}

.bk-shop-header__breadcrumb-divider {
  margin-inline: 8px;
  color: #B6C0CA;
}

.bk-shop-header__main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 16px;
  border: 1px solid var(--bk-shop-border);
  border-radius: var(--bk-shop-radius-lg);
  background: var(--bk-shop-surface);
  box-shadow: var(--bk-shop-shadow-card);
}

.bk-shop-header__identity {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.bk-shop-header__title-row {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 38px;
}

.bk-shop-header__accent {
  width: 4px;
  height: 28px;
  flex: 0 0 4px;
  border-radius: 20px;
  background: var(--bk-shop-accent);
}

.bk-shop-header__title {
  margin: 0 !important;
  padding: 0 !important;
  color: #14264C;
  font-family: inherit;
  font-size: 27px;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: -0.25px;
}

.bk-shop-header__subtitle {
  margin: 5px 0 0;
  padding: 0;
  color: var(--bk-shop-text-muted);
  font-family: inherit;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.8;
}

.bk-shop-header__controls {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 10px;
}

.bk-shop-header__result {
  flex: 0 0 auto;
  white-space: nowrap;
}
.bk-shop-header__result .woocommerce-result-count, .bk-shop-header__result .woocommerce-result-count.hide-for-medium {
  display: block !important;
  margin: 0 !important;
  padding: 0;
  visibility: visible !important;
  opacity: 1 !important;
  color: var(--bk-shop-text-muted);
  font-family: inherit;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.7;
  white-space: nowrap;
}

.bk-shop-header__sorting {
  flex: 0 0 auto;
  margin: 0;
}
.bk-shop-header__sorting .woocommerce-ordering {
  margin: 0 !important;
}
.bk-shop-header__sorting .orderby {
  width: 185px;
  min-width: 185px;
  height: 42px;
  margin: 0 !important;
  padding: 0 13px;
  border: 1px solid var(--bk-shop-border);
  border-radius: 10px;
  background: var(--bk-shop-surface);
  color: var(--bk-shop-text);
  font-family: inherit;
  font-size: 11px;
  font-weight: 600;
  line-height: 42px;
  outline: none;
  box-shadow: var(--bk-shop-shadow-control);
  cursor: pointer;
  transition: border-color var(--bk-shop-transition), box-shadow var(--bk-shop-transition), background-color var(--bk-shop-transition);
}
.bk-shop-header__sorting .orderby:hover {
  border-color: var(--bk-shop-border-hover);
}
.bk-shop-header__sorting .orderby:focus {
  border-color: var(--bk-shop-primary);
  box-shadow: 0 0 0 3px rgba(15, 76, 129, 0.08);
}

.bk-shop-header__filter {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 76px;
  height: 42px;
  margin: 0;
  padding: 0 12px;
  border: 1px solid var(--bk-shop-border);
  border-radius: 10px;
  background: var(--bk-shop-surface);
  color: var(--bk-shop-primary);
  font-family: inherit;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  box-shadow: var(--bk-shop-shadow-control);
  transition: border-color var(--bk-shop-transition), background-color var(--bk-shop-transition), color var(--bk-shop-transition);
}
.bk-shop-header__filter:hover {
  border-color: rgba(15, 76, 129, 0.24);
  background: #F8FBFE;
  color: var(--bk-shop-primary-dark);
}
.bk-shop-header__filter i {
  margin: 0;
  font-size: 13px;
}

/* --------------------------------------------------------------------------
   Sidebar
   -------------------------------------------------------------------------- */
#shop-sidebar, #shop-sidebar .sidebar-inner {
  direction: rtl;
}

#shop-sidebar .widget {
  margin-bottom: 14px;
  padding: 14px;
  border: 1px solid var(--bk-shop-border);
  border-radius: var(--bk-shop-radius-sm);
  background: var(--bk-shop-surface);
  box-shadow: var(--bk-shop-shadow-card);
}

/* --------------------------------------------------------------------------
   Pagination
   -------------------------------------------------------------------------- */
.woocommerce-pagination {
  margin: 10px 0 40px;
}
.woocommerce-pagination .nav-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 0;
  direction: rtl;
}
.woocommerce-pagination .page-number {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  border: 1px solid var(--bk-shop-border);
  border-radius: 9px;
  background: var(--bk-shop-surface);
  color: var(--bk-shop-text);
  font-size: 12px;
  font-weight: 700;
  transition: background-color var(--bk-shop-transition), border-color var(--bk-shop-transition), color var(--bk-shop-transition);
}
.woocommerce-pagination .page-number:hover {
  border-color: rgba(15, 76, 129, 0.25);
  color: var(--bk-shop-primary);
}
.woocommerce-pagination .page-number.current {
  border-color: var(--bk-shop-primary);
  background: var(--bk-shop-primary);
  color: #fff;
  box-shadow: 0 5px 14px rgba(15, 76, 129, 0.16);
}

/* --------------------------------------------------------------------------
   Tablet header
   -------------------------------------------------------------------------- */
@media (min-width: 850px) and (max-width: 1199px) {
  .bk-shop-header__inner, .shop-container {
    width: min(100% - var(--bk-shop-page-padding) * 2, 1100px);
  }
  .bk-shop-header__main {
    padding: 15px;
    gap: 16px;
  }
  .bk-shop-header__title {
    font-size: 24px;
  }
  .bk-shop-header__subtitle {
    font-size: 10px;
  }
  .bk-shop-header__result .woocommerce-result-count,
  .bk-shop-header__result .woocommerce-result-count.hide-for-medium {
    font-size: 10px !important;
  }
  .bk-shop-header__sorting .orderby {
    width: 165px;
    min-width: 165px;
    height: 40px;
    font-size: 10px;
    line-height: 40px;
  }
}
/* --------------------------------------------------------------------------
   Mobile header / pagination
   -------------------------------------------------------------------------- */
@media (max-width: 849px) {
  .category-page-row > .col.large-3, .category-page-row > .col.large-9 {
    padding-inline: 0;
  }
  .bk-shop-header {
    padding-bottom: 12px;
  }
  .bk-shop-header__inner, .shop-container {
    width: calc(100% - var(--bk-shop-page-padding) * 2);
    max-width: none;
    padding-inline: 0;
  }
  .bk-shop-header__inner {
    padding-top: 10px;
  }
  .bk-shop-header__breadcrumb {
    margin-bottom: 10px;
    font-size: 9px;
  }
  .bk-shop-header__main {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 14px;
    padding: 14px 12px;
    border-radius: 13px;
  }
  .bk-shop-header__identity {
    width: 100%;
    align-items: flex-start;
  }
  .bk-shop-header__title-row {
    min-height: 32px;
    gap: 8px;
  }
  .bk-shop-header__accent {
    width: 3px;
    height: 25px;
    flex-basis: 3px;
  }
  .bk-shop-header__title {
    font-size: 21px;
    line-height: 1.45;
  }
  .bk-shop-header__subtitle {
    margin-top: 3px;
    font-size: 9px;
  }
  .bk-shop-header__controls {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 7px;
  }
  .bk-shop-header__result {
    min-width: 0;
  }
  .bk-shop-header__result .woocommerce-result-count, .bk-shop-header__result .woocommerce-result-count.hide-for-medium {
    display: block !important;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 9px !important;
    white-space: nowrap;
  }
  .bk-shop-header__sorting {
    min-width: 0;
  }
  .bk-shop-header__sorting .woocommerce-ordering {
    margin: 0 !important;
  }
  .bk-shop-header__sorting .orderby {
    width: 135px;
    min-width: 135px;
    height: 38px;
    padding-inline: 10px;
    border-radius: 9px;
    font-size: 9.5px;
    line-height: 38px;
  }
  .bk-shop-header__filter {
    display: inline-flex !important;
    width: 66px;
    min-width: 66px;
    height: 38px;
    border-radius: 9px;
    font-size: 10px;
  }
  .woocommerce-pagination {
    margin-top: 18px;
    margin-bottom: 28px;
  }
  .woocommerce-pagination .page-number {
    width: 35px;
    height: 35px;
    border-radius: 8px;
    font-size: 11px;
  }
}
@media (max-width: 480px) {
  .bk-shop-header__main {
    gap: 12px;
    padding: 12px 10px;
  }
  .bk-shop-header__breadcrumb {
    font-size: 8.5px;
  }
  .bk-shop-header__title {
    font-size: 19px;
  }
  .bk-shop-header__subtitle {
    font-size: 8.5px;
  }
  .bk-shop-header__controls {
    gap: 6px;
  }
  .bk-shop-header__sorting .orderby {
    width: 132px;
    min-width: 132px;
    height: 36px;
    font-size: 9px;
    line-height: 36px;
  }
  .bk-shop-header__filter {
    width: 62px;
    min-width: 62px;
    height: 36px;
    font-size: 9px;
  }
  .bk-shop-header__result .woocommerce-result-count, .bk-shop-header__result .woocommerce-result-count.hide-for-medium {
    font-size: 8.5px !important;
  }
}
@media (max-width: 360px) {
  .bk-shop-header__title {
    font-size: 18px;
  }
  .bk-shop-header__sorting .orderby {
    width: 120px;
    min-width: 120px;
  }
  .bk-shop-header__filter {
    width: 58px;
    min-width: 58px;
    padding-inline: 8px;
  }
  .bk-shop-header__result .woocommerce-result-count, .bk-shop-header__result .woocommerce-result-count.hide-for-medium {
    font-size: 8px !important;
  }
}
/* --------------------------------------------------------------------------
   Accessibility / reduced motion
   -------------------------------------------------------------------------- */
.bk-shop-header a:focus-visible,
.bk-shop-header button:focus-visible,
.bk-shop-header select:focus-visible,
#main .products a:focus-visible,
#main .products button:focus-visible {
  outline: 2px solid var(--bk-shop-accent);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .bk-shop-header *, #main .products *, .woocommerce-pagination * {
    animation: none !important;
    transition: none !important;
  }
}