.station-description {
  color: #fff;
  opacity: 0.6;
}

.station-img {
  border: 3px solid #ffffff00;
  padding: 0.15rem;
}

.player-artwork {
  padding: 0.75rem;
  border-radius: 1rem;
  background-color: #ffffff00;
}

.player-artwork img {
  border-radius: 0.65rem;
  box-shadow: var(--shadow-xl);
}

.player-cover-image {
  animation: bga 60s linear infinite;
}

@keyframes bga {
  50% {
    transform: scale(2);
  }
}

.items-start {
  align-items: flex-start;
  margin-top: 15px;
}

/* 3) На мобиле убрать подсветку шапки: делаем прозрачной */
@media (max-width: 991px) {
  .header {
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }
}

/* 2) © RadioPlayer удалён из HTML; на всякий случай — скрыть если где-то останется */
.footer,
.footer-copyright,
.mobile-menu {
  display: none !important;
}

/* FIX: на мобиле ползунок громкости должен быть кликабельным */
@media (max-width: 991px) {
  .player-button-volume {
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  #player-volume {
    pointer-events: auto !important;
  }

  .player-range-wrapper,
  .player-range-wrapper * {
    touch-action: none;
  }
}

.player-artwork img,
.player-cover-image {
  transition: opacity 0.25s ease;
}


#player-controls {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

@media (orientation: landscape) and (max-height: 700px) {
  #player {
    display: flex !important;
    flex-direction: row !important;
    gap: 64p;
  }

  #player-controls {
    width: auto;
  }
}

@media (orientation: landscape) and (max-height: 550px) {
  .player-artwork {
    max-width: 300px;
  }
}

@media (orientation: landscape) and (max-height: 450px) {
  .player-artwork {
    max-width: 225px;
  }
}