/* --- Mobile (Main Focus) --- */
@media (max-width: 768px) {
    body { padding: 0; }
    
    .file-item { padding: 8px 6px; min-height: 44px; }
    .song-title { font-size: 14px; max-width: 55%; }
    .artist-name { font-size: 12px; }
    .favorite-btn { width: 32px; height: 32px; }
    
    /* ปรับ search-options ให้เป็นลิงก์เรียงกัน ไม่เป็นการ์ด */
    .search-options { 
        margin: 10px 0 20px 0; 
        display: flex;
        justify-content: center;
        flex-wrap: nowrap;
        gap: 0; /* ใช้จุดไข่ปลาคั่นแทน gap */
    }

    .random-link { 
        font-size: 14px; 
        padding: 5px 0;
    }

    .random-link:not(:last-child)::after { 
        margin-left: 10px; 
        margin-right: 10px; 
    }
    
    footer { margin-top: 20px; padding: 15px 0; font-size: 13px; }
}

/* --- Small Mobile --- */
@media (max-width: 480px) {
    .random-link { font-size: 13px; }
    .random-link:not(:last-child)::after { margin-left: 8px; margin-right: 8px; }
}