.elementor-181846 .elementor-element.elementor-element-b649dc7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-181846 .elementor-element.elementor-element-956340c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-wc-categories .woocommerce .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-categories .woocommerce-loop-category__title .count{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-181846 .elementor-element.elementor-element-3eecab6.elementor-wc-products  ul.products{grid-column-gap:11px;grid-row-gap:40px;}.elementor-181846 .elementor-element.elementor-element-3eecab6 .woocommerce .woocommerce-loop-category__title{color:var( --e-global-color-astglobalcolor2 );}.elementor-181846 .elementor-element.elementor-element-e801079{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-181846 .elementor-element.elementor-element-956340c{--width:75%;}.elementor-181846 .elementor-element.elementor-element-e801079{--width:25%;}}/* Start custom CSS for wc-categories, class: .elementor-element-3eecab6 *//* پایه کارت و موقعیت‌دهی (مطمئن می‌شویم که نوار پایین به لبه می‌چسبد) */
.elementor-widget-wc-categories ul.products li.product-category {
  position: relative;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}

/* لینک کامل کارت تا نوار عنوان کل عرض را اشغال کند */
.elementor-widget-wc-categories ul.products li.product-category > a {
  display: block;
  text-decoration: none;
  color: inherit;
}

/* تصویر و افکت زوم */
.elementor-widget-wc-categories ul.products li.product-category img {
  width: 100%;
  display: block;
  transition: transform 0.4s ease;
  backface-visibility: hidden;
  transform-origin: center center;
}
.elementor-widget-wc-categories ul.products li.product-category:hover img {
  transform: scale(1.08);
}

/* نوار پایین (نام + تعداد) — کاملأ چسبیده به کناره‌ها و پایین */
.elementor-widget-wc-categories ul.products li.product-category .woocommerce-loop-category__title {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 12px 10px;
  background: #ffffff;
  text-align: center;
  display: flex;
  flex-direction: column-reverse; /* عدد بالای عنوان */
  align-items: center;
  gap: 4px;
  transition: background 0.25s ease, color 0.25s ease;
  z-index: 3;
  border-radius: 0; /* اگر می‌خواهی گرد نباشه */
}

/* تعداد محصولات (درون mark یا span با کلاس count) */
.elementor-widget-wc-categories ul.products li.product-category .woocommerce-loop-category__title .count,
.elementor-widget-wc-categories ul.products li.product-category .woocommerce-loop-category__title mark.count {
  display: block;
  font-size: 12px;
  color: #d90429; /* رنگ پیش‌فرض عدد */
  opacity: 0.95;
  line-height: 1;
  margin-top: -px;
}

/* وقتی کارت هاور شد، نوار پایین قرمز و متن سفید شود */
.elementor-widget-wc-categories ul.products li.product-category:hover .woocommerce-loop-category__title,
.elementor-widget-wc-categories ul.products li.product-category > a:hover .woocommerce-loop-category__title {
  background: #d90429 !important;
  color: #ffffff !important;
}

/* وقتی هاور شد، رنگ عدد هم سفید شود */
.elementor-widget-wc-categories ul.products li.product-category:hover .woocommerce-loop-category__title .count,
.elementor-widget-wc-categories ul.products li.product-category > a:hover .woocommerce-loop-category__title .count {
  color: #ffffff !important;
}

/* اگر قبلاً قوانینی برای مخفی کردن mark/span اضافه کردی، آن‌ها را حذف یا override کن */
.elementor-widget-wc-categories .woocommerce-loop-category__title mark,
.elementor-widget-wc-categories .woocommerce-loop-category__title span.count {
  display: inline-block !important; /* یا block اگر می‌خواهی جدا شود */
  visibility: visible !important;
  opacity: 1 !important;
}/* End custom CSS */