/* Сбрасываем стандартные стрелки Swiper */
.swiper-button-next::after,
.swiper-button-prev::after {
  display: none !important;
}

/* Убираем кружочки, делаем простые серые стрелки */
.swiper-button-next,
.swiper-button-prev {
  width: 35px;
  height: 35px;
  background: none !important;
  border: none;
  opacity: 0;
  transition: opacity 0.3s, color 0.3s;
  color: #353535 !important; /* светло-серый по умолчанию */
}

/* Показываем стрелки при наведении на галерею */
.lamp-card-left:hover .swiper-button-next,
.lamp-card-left:hover .swiper-button-prev {
  opacity: 1;
}

/* Создаем сами стрелки */
.swiper-button-next::before,
.swiper-button-prev::before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  border-top: 3px solid currentColor;
  border-right: 3px solid currentColor;
  transition: color 0.3s;
}

/* Поворачиваем стрелки */
.swiper-button-next::before {
  transform: rotate(45deg);
}

.swiper-button-prev::before {
  transform: rotate(-135deg);
}

/* При наведении стрелка светлее */
.swiper-button-next:hover,
.swiper-button-prev:hover {
  color: #ссс;
}