.world-sports-section {
  padding: clamp(1.5rem, 3.5vw, 3.5rem) 0 clamp(2rem, 4vw, 4.5rem);
  background: linear-gradient(180deg, #070b10 0%, #05070c 100%);
}

.world-sports-carousel-wrapper {
  position: relative;
}

.world-sports-track {
  display: flex;
  align-items: stretch;
  gap: clamp(0.75rem, 1.6vw, 1.3rem);
  overflow-x: auto;
  overflow-y: hidden;
  padding: clamp(0.3rem, 0.5vw, 0.5rem) clamp(1rem, 5vw, 3rem) clamp(0.6rem, 1vw, 0.9rem);
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.world-sports-track::-webkit-scrollbar {
  display: none;
}

.world-sports-arrow {
  position: absolute;
  top: 50%;
  z-index: 10;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(32px, 3vw, 42px);
  height: clamp(32px, 3vw, 42px);
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 50%;
  background: rgba(12, 14, 18, 0.88);
  color: rgba(255, 255, 255, 0.85);
  font-size: clamp(0.7rem, 1.1vw, 1rem);
  cursor: pointer;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: background 0.18s ease, border-color 0.18s ease, opacity 0.18s ease;
  opacity: 0;
  pointer-events: none;
}

.world-sports-carousel-wrapper:hover .world-sports-arrow {
  opacity: 1;
  pointer-events: auto;
}

.world-sports-arrow:hover {
  background: rgba(22, 25, 30, 0.96);
  border-color: rgba(255, 255, 255, 0.28);
}

.world-sports-arrow.arrow-left  { left: clamp(4px, 1vw, 10px); }
.world-sports-arrow.arrow-right { right: clamp(4px, 1vw, 10px); }

@media (max-width: 760px) {
  .world-sports-arrow {
    opacity: 0.85;
    pointer-events: auto;
    width: 30px;
    height: 30px;
    font-size: 0.68rem;
  }

  .world-sports-track {
    padding-left: clamp(0.75rem, 4vw, 1.5rem);
    padding-right: clamp(0.75rem, 4vw, 1.5rem);
    gap: 0.65rem;
  }
}