.mixes-sort { display: flex; align-items: center; gap: 12px; margin: 20px 0 4px; color: #e1c984; font-size: .88rem; }
.mixes-sort select { min-width: 185px; padding: 10px 12px; border: 1px solid #54735d; border-radius: 8px; background: #071813; color: #f4eee2; font: inherit; }
.mixes-sort select:focus-visible { outline: 3px solid #ebd07b; outline-offset: 3px; }
@media (max-width: 500px) { .mixes-sort { align-items: flex-start; flex-direction: column; } .mixes-sort select { width: 100%; } }