.elementor-536 .elementor-element.elementor-element-75b991d{--display:flex;--padding-top:75px;--padding-bottom:75px;--padding-left:75px;--padding-right:75px;}.elementor-536 .elementor-element.elementor-element-cecc5d6{--grid-columns:3;}.elementor-536 .elementor-element.elementor-element-cecc5d6 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-536 .elementor-element.elementor-element-cecc5d6 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-536 .elementor-element.elementor-element-cecc5d6 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-536 .elementor-element.elementor-element-cecc5d6 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-536 .elementor-element.elementor-element-cecc5d6 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:1024px){.elementor-536 .elementor-element.elementor-element-cecc5d6{--grid-columns:2;}}@media(max-width:767px){.elementor-536 .elementor-element.elementor-element-cecc5d6{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-cecc5d6 *//* ===== Pagination Base ===== */
.woocommerce nav.woocommerce-pagination ul,
.pagination,
.page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  list-style: none;
  margin: 20px 0;
  padding: 0;
}

/* ===== Pagination items ===== */
.woocommerce nav.woocommerce-pagination ul li,
.pagination li {
  margin: 0;
}

/* لینک‌های اعداد */
.page-numbers,
.woocommerce-pagination a,
.woocommerce-pagination span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 8px;
  text-decoration: none;
  transition: all 0.3s ease;
  background: #1e1e1e;      /* بک‌گراند تیره */
  color: #e0e0e0;           /* اعداد خاکستری روشن */
}

/* Hover */
.page-numbers:hover,
.woocommerce-pagination a:hover {
  background: #2b39d6;      /* رنگ برند */
  color: #fff;
}

/* Current (active) */
.page-numbers.current,
.woocommerce-pagination .current {
  background: #2b39d6;      /* رنگ برند */
  color: #fff;
  cursor: default;
}

/* Prev / Next arrows with SVG */
.page-numbers.prev:before,
.nav-links .prev:before,
.woocommerce-pagination .prev:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23e0e0e0' d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

.page-numbers.next:after,
.nav-links .next:after,
.woocommerce-pagination .next:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 6px;
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23e0e0e0' d='M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

/* Hover arrows */
.page-numbers.prev:hover:before,
.page-numbers.next:hover:after {
  filter: brightness(2);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-75b991d *//* 1) فاصلهٔ ردیف‌ها در گرید آرشیو (افزایش عمودی تا عکس‌های بیرون‌زده هم‌جا داشته باشند) */
.elementor-536 .elementor-element.elementor-element-75b991d .elementor-loop-container,
.elementor-536 .elementor-element.elementor-element-75b991d .elementor-posts-container,
.elementor-536 .elementor-element.elementor-element-75b991d .elementor-posts {
  row-gap: 80px;       /* فاصلهٔ عمودی بین ردیف‌ها — مقدار را تست کن (مثلاً 60px/80px/100px) */
  column-gap: 30px;    /* فاصلهٔ افقی بین ستون‌ها */
  gap: 80px 30px;      /* shorthand برای row/column gaps */
}

/* 2) اطمینان از اینکه هر کارت پایینِ خودش فضا دارد (نمی‌گذارد ردیف پایین‌تر عکس را زیر کارت بالا ببرد) */
.elementor-536 .elementor-element.elementor-element-75b991d,
.elementor-536 .elementor-element.elementor-element-75b991d .rc-card {
  /* padding-bottom باعث می‌شود هر کارت ارتفاعی اضافی برای عکس‌های ردیف بعدی اختصاص دهد */
  padding-bottom: 80px;   /* 65px تصویر بیرون + حاشیه -> شروع با 80px و در صورت نیاز کم/زیاد کن */
}

/* 3) (اختیاری) اگر می‌خواهی با افزایش min-height مطمئن‌تر باشی */
.elementor-536 .elementor-element.elementor-element-75b991d,
.elementor-536 .elementor-element.elementor-element-75b991d .rc-card {
  min-height: 585px;  /* = قبلی 520px + 65px بیرون‌زدگی ؛ تنظیم کن اگر لازم بود */
}

/* 4) اگر از کارت‌های absolute استفاده کردی اما می‌خوای ارتفاع هر آیتم دقیق‌تر باشه:
   می‌توانیم به هر آیتم padding-top هم اضافه کنیم تا تصویر خودش را داخل کارت "پوشش" بده */
.elementor-536 .elementor-element.elementor-element-75b991d .rc-card {
  padding-top: calc(22px + 65px); /* 22px مقدار padding داخلی قبلی + 65px بیرون‌زدگی */
}/* End custom CSS */