.carousel-btn {
  position: absolute; top: 40%; transform: translateY(-50%);
  background: rgba(255,255,255,0.85); border: 1px solid #ccc;
  border-radius: 50%; width: 28px; height: 28px; cursor: pointer;
  font-size: 16px; line-height: 1; z-index: 10;
}
.btn-prev { left: -14px; }
.btn-next { right: -14px; }
.promo-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: #ccc; cursor: pointer; border: none; padding: 0;
}
.promo-dot.active { background: #666; }
@media (max-width: 767px) {
  #promo { overflow-x: hidden; }
  .btn-prev { left: 4px; }
  .btn-next { right: 4px; }
}