/* R28 — corrections confirmées uniquement : filtre mobile, logos et géométrie du disque. */
@media (max-width: 600px) {
  .all-filter-panel {
    position: relative !important;
    z-index: 2 !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-height: none !important;
    overflow: visible !important;
    transform: none !important;
    margin-top: 10px !important;
    padding: 17px !important;
    border-radius: 19px !important;
    box-shadow: 0 10px 28px rgba(31, 35, 40, .055), inset 0 0 0 1px rgba(31, 35, 40, .035) !important;
    animation: r28FilterOpen .18s ease both !important;
  }
}

@keyframes r28FilterOpen {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: none; }
}

.platform-options .platform-logo {
  display: none !important;
}

.platform-options button[data-platform]::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.platform-options button[data-platform="spotify"]::before {
  background-image: url("/assets/logo-spotify-r28.svg");
}

.platform-options button[data-platform="youtube"]::before {
  background-image: url("/assets/logo-youtube-r28.svg");
}

.source-deck .platter {
  inset: 4.3% !important;
}

.source-deck .rubber {
  inset: 6.4% !important;
}

.source-deck .record-thickness {
  inset: 7.8% !important;
  transform: translateY(2px) !important;
}

.source-deck .vinyl {
  inset: 7.8% !important;
}