.col-product{
	padding-left: 5px !important;
    padding-right: 5px !important;
}

/* Стрелки слайдера товаров (рекомендованные/вместе с этим покупают) */
.promotions-swiper-button-prev,
.promotions-swiper-button-next {
  position: absolute;
  top: 50% !important;
  z-index: 10;
  width: 48px !important;                 
  height: 48px !important;
  border-radius: 50% !important;
  background: var(--BG-Gray, #F3F4F5) !important; /* Светло-серый фон как в дизайне */
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%) !important;
  cursor: pointer;
  transition: background 0.2s, box-shadow 0.2s !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.promotions-swiper-button-prev .swiper-button-lock, .promotions-swiper-button-next .swiper-button-lock {
  display: none !important;
}

/* Расположение по бокам (чуть выходят за границы) */
.promotions-swiper-button-prev {
  left: -24px !important;
}
.promotions-swiper-button-next {
  right: -24px !important;
}

/* Иконки стрелок (используем стандартные шрифтовые иконки Swiper) */
.promotions-swiper-button-prev::after,
.promotions-swiper-button-next::after {
  font-size: 16px !important;      
  font-weight: 900 !important;
  color: var(--Accent-Default, #00B1BA) !important; /* Бирюзовый цвет стрелки */
}

/* Эффект при наведении */
.promotions-swiper-button-prev:hover,
.promotions-swiper-button-next:hover {
  background: #e1e4e6 !important; /* Чуть темнее серый при наведении */
  box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
}

/* Скрываем стрелки, если они заблокированы (товаров меньше, чем нужно для пролистывания) */
.promotions-swiper-button-prev.swiper-button-disabled,
.promotions-swiper-button-next.swiper-button-disabled {
  opacity: 0 !important;
  pointer-events: none !important;
}