.elementor-kit-61{--e-global-color-primary:#2E8F4F;--e-global-color-secondary:#F3FFF7;--e-global-color-text:#145D37;--e-global-color-accent:#C4B796;--e-global-color-b92956f:#6A6F5B;--e-global-color-60fdc85:#264D37;--e-global-color-62afb78:#4A6F42;--e-global-color-1fa85db:#FF7B00;--e-global-color-a56fa27:#2F4729;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#FFFFFF;}.elementor-kit-61 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================
   A) VIEWPORT: فقط 3 آیتم دیده شود
   ========================================================= */
.product-sync-module .product-loop-grid{
  height: 420px;                 
  overflow-y: hidden;
  overflow-x: hidden;
  scroll-snap-type: y mandatory;
  scroll-behavior: smooth;
  padding: 24px 0;               
  position: relative;
}

/* مخفی کردن scrollbar */
.product-sync-module .product-loop-grid::-webkit-scrollbar{
  width: 0;
  height: 0;
}
.product-sync-module .product-loop-grid{
  scrollbar-width: none; /* Firefox */
}

/* =========================================================
   B) LOOP ITEM: هر کارت اسنپ به مرکز
   ========================================================= */
.product-sync-module .product-loop-grid article,
.product-sync-module .product-loop-grid li.product,
.product-sync-module .product-loop-grid .elementor-grid-item,
.product-sync-module .product-loop-grid .product{
  scroll-snap-align: center;
  transition: transform .25s ease, opacity .25s ease, filter .25s ease;
  transform-origin: right center !important;
  cursor: pointer;
  position: relative;
}

/* =========================================================
   C) ACTIVE وسط (فقط Zoom بدون shadow/background)
   ========================================================= */
.product-sync-module .product-loop-grid .is-active{
  transform: scale(1.04);   
  opacity: 1;
  z-index: 5;
  filter: none;
  border-style: solid;
  border-width: 1px;
  border-color: #145D37;
  border-radius: 15px !important;
  box-shadow: none !important;
}

/* غیر فعال‌ها */
.product-sync-module .product-loop-grid .not-active{
  transform: scale(0.98);   
  opacity: 1;
  filter: none;
  box-shadow: none !important;
}

/* =========================================================
   D) حذف کامل Fade و Background ها
   ========================================================= */
.product-sync-module .product-loop-grid:before,
.product-sync-module .product-loop-grid:after{
  content: none !important;
}

/* =========================================================
   E) جلوگیری از تغییر ارتفاع کارت‌ها (عنوان)
   ========================================================= */
.product-sync-module .product-loop-grid .woocommerce-loop-product__title,
.product-sync-module .product-loop-grid .elementor-heading-title{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ==========================
   Scroll Buttons UI (Green)
   ========================== */
.product-sync-module .scroll-btn{
  width: 40px;
  height: 40px;
  border: 0;
  padding: 0;
  border-radius: 999px;
  background: #ffffff;
  color: #16A34A;
  cursor: pointer;

  display: inline-flex;
  align-items: center;
  justify-content: center;

/*box-shadow: 0 3px 10px rgba(22,163,74,0.08);*/

  transition: transform .18s ease, background .18s ease, color .18s ease;
}

.product-sync-module .scroll-btn .scroll-icon{
  display: block;
}

.product-sync-module .scroll-btn:hover{
  transform: translateY(-2px);
/*box-shadow: 0 14px 28px rgba(0,0,0,.12);*/
  color: #15803D;
}

.product-sync-module .scroll-btn:active{
  transform: translateY(0) scale(0.98);
/*box-shadow: 0 10px 20px rgba(0,0,0,.10);*/
}

.product-sync-module .scroll-btn.is-disabled{
  opacity: .35;
  pointer-events: none;
}/* End custom CSS */