.elementor-2088 .elementor-element.elementor-element-929b517{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2088 .elementor-element.elementor-element-929b517.e-con{--align-self:center;}.elementor-2088 .elementor-element.elementor-element-6d6f917 .product{text-align:center;}.elementor-2088 .elementor-element.elementor-element-6d6f917.elementor-element{--align-self:center;}.elementor-2088 .elementor-element.elementor-element-6d6f917.elementor-wc-products  ul.products{grid-column-gap:10px;grid-row-gap:30px;}@media(max-width:767px){.elementor-2088 .elementor-element.elementor-element-929b517{--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;--justify-content:center;}}/* Start custom CSS for wc-categories, class: .elementor-element-6d6f917 *//* لیست فقط در سکشن شما */
#my-cat-style ul {
  display: grid;
  direction: rtl;
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
}

/* هر آیتم */
#my-cat-style ul li {
  float: none !important;        /* خنثی‌سازی ووکامرس */
  width: auto !important;
  margin: 0 !important;
  clear: none !important;
}

/* لینک: ستون عمودی برای چیدن img بالا، h2 پایین */
#my-cat-style ul li a {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-decoration: none;
  
  background: #fff;
  border: 1px solid #eee;
  border-radius: 10px;
  padding: 15px;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}
#my-cat-style ul li a:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  transform: translateY(-4px);
}

/* تصویر: بلوکی و بالای عنوان */
#my-cat-style ul li a img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border-radius: 8px;
  margin-bottom: 10px;
  position: static !important;   /* اگر قالب تصویر را position داده، خنثی شود */
  z-index: auto !important;
}

/* عنوان: زیر تصویر، بدون قرارگیری روی عکس */
#my-cat-style ul li a h2 {
  position: static !important;   /* جلوگیری از قرارگیری روی تصویر */
  margin: 0 !important;
  font-size: 20px;
  font-weight: 600;
  order: 2;                      /* صراحتاً بعد از img */
}

/* شمارنده: زیر عنوان به‌صورت بلوک */
#my-cat-style ul li a h2 mark {
  display: none !important;
  margin-top: 6px;
  font-size: 14px;
  font-weight: normal;
  color: #000000;
}/* End custom CSS */