.elementor-24138 .elementor-element.elementor-element-c2fb3a4{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:5px;--padding-bottom:5px;--padding-left:0px;--padding-right:0px;}.elementor-24138 .elementor-element.elementor-element-c2fb3a4:not(.elementor-motion-effects-element-type-background), .elementor-24138 .elementor-element.elementor-element-c2fb3a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-24138 .elementor-element.elementor-element-76037a5{color:#FFFFFF;}/* Start custom CSS for html, class: .elementor-element-0deda85 */@media (max-width:768px) {
     .slider-prdct .e-loop-item {
    width: 190px !important;
}
}
/* استایل برای دکمه‌ها */
.slider-prev, .slider-next {
  background-color: white !important;
  border: 2px solid #ddd !important;
  border-radius: 50% !important; /* گوشه‌های گرد */
  padding: 10px !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important; /* سایه دار */
  font-size: 18px !important;
  cursor: pointer !important;
  transition: background-color 0.3s, box-shadow 0.3s !important;
}

.slider-prev i, .slider-next i {
  color: #333 !important; /* رنگ آیکن */
}

.slider-prev:hover, .slider-next:hover {
  background-color: #f1f1f1 !important;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3) !important; /* سایه شدیدتر هنگام هاور */
}

/* استایل برای چیدمان دکمه‌ها */
.slider-prev {
  position: absolute !important;
  left: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

.slider-next {
  position: absolute !important;
  right: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.slider-prdct,
.slider-parents {
  cursor: grab;
  user-select: none;
  scroll-behavior: auto; /* 👈 مهم! */
  -webkit-overflow-scrolling: touch; /* برای iOS */
  will-change: scroll-position; /* بهینه‌سازی GPU */
}

.slider-prdct:active,
.slider-parents:active {
  cursor: grabbing;
}

.slider-prdct img,
.slider-parents img {
  pointer-events: auto;
  user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
}/* End custom CSS */