/* Стили для добавления градиентного эффекта на слайдеры клиентов и партнеров */

/* Общий градиентный эффект для слайдеров */
.clients__slider:before,
.partners__slider:before {
  display: block;
  position: absolute;
  top: 0;
  right: 0.5rem; /* Позиционирование под стрелочкой */
  z-index: 10;
  box-shadow: 3px -6px 20px 30px var(--color-light);
  background-color: var(--color-light);
  width: 6rem;
  height: 100%;
  content: "";
  pointer-events: none; /* Позволяет кликать "сквозь" градиент */
}

/* Адаптивность для планшетов */
@media (width <= 63.99875rem) {
  .clients__slider:before,
  .partners__slider:before {
    right: 0.5rem;
    box-shadow: 3px -6px 15px 15px var(--color-light);
    width: 5rem;
  }
}

/* Адаптивность для мобильных устройств */
@media (width <= 47.99875rem) {
  .clients__slider:before,
  .partners__slider:before {
    display: none;
  }
}

/* Вариант с серым фоном */
.clients__bg-block--gray .clients__slider:before,
.partners__bg-block--gray .partners__slider:before {
  box-shadow: 3px -6px 20px 20px var(--color-ligh-alt);
  background-color: var(--color-ligh-alt);
}